chop-logic-components 1.1.2 → 1.1.3
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/BackIcon--7D86S5j.js +8 -0
- package/dist/BackIcon--7D86S5j.js.map +1 -0
- package/dist/BackIcon-CeMTZgW0.cjs +2 -0
- package/dist/BackIcon-CeMTZgW0.cjs.map +1 -0
- package/dist/CancelIcon-BnREsPBZ.cjs +2 -0
- package/dist/CancelIcon-BnREsPBZ.cjs.map +1 -0
- package/dist/CancelIcon-CefNQTfM.js +8 -0
- package/dist/CancelIcon-CefNQTfM.js.map +1 -0
- package/dist/ChevronDownIcon-2bo0dD0n.cjs +2 -0
- package/dist/ChevronDownIcon-2bo0dD0n.cjs.map +1 -0
- package/dist/ChevronDownIcon-DT6cBkWd.js +14 -0
- package/dist/ChevronDownIcon-DT6cBkWd.js.map +1 -0
- package/dist/ChevronLeftIcon-CucDAu-3.js +14 -0
- package/dist/ChevronLeftIcon-CucDAu-3.js.map +1 -0
- package/dist/ChevronLeftIcon-Cv8KkcCj.cjs +2 -0
- package/dist/ChevronLeftIcon-Cv8KkcCj.cjs.map +1 -0
- package/dist/ChevronRightIcon-CXEq8PP7.cjs +2 -0
- package/dist/ChevronRightIcon-CXEq8PP7.cjs.map +1 -0
- package/dist/ChevronRightIcon-D6FwG4SZ.js +14 -0
- package/dist/ChevronRightIcon-D6FwG4SZ.js.map +1 -0
- package/dist/ChevronUpIcon-B1CgDPSQ.cjs +2 -0
- package/dist/ChevronUpIcon-B1CgDPSQ.cjs.map +1 -0
- package/dist/ChevronUpIcon-BzSff1Do.js +8 -0
- package/dist/ChevronUpIcon-BzSff1Do.js.map +1 -0
- package/dist/ClearIcon-BK-CwLLu.cjs +2 -0
- package/dist/ClearIcon-BK-CwLLu.cjs.map +1 -0
- package/dist/ClearIcon-CfYJJWkY.js +11 -0
- package/dist/ClearIcon-CfYJJWkY.js.map +1 -0
- package/dist/CopyIcon-BmS8MwnU.js +25 -0
- package/dist/CopyIcon-BmS8MwnU.js.map +1 -0
- package/dist/CopyIcon-Clhhlouo.cjs +2 -0
- package/dist/CopyIcon-Clhhlouo.cjs.map +1 -0
- package/dist/CutIcon-BO9ypkn3.js +27 -0
- package/dist/CutIcon-BO9ypkn3.js.map +1 -0
- package/dist/CutIcon-CPLUxIHf.cjs +2 -0
- package/dist/CutIcon-CPLUxIHf.cjs.map +1 -0
- package/dist/DeleteIcon-BrrFpnWU.js +8 -0
- package/dist/DeleteIcon-BrrFpnWU.js.map +1 -0
- package/dist/DeleteIcon-Dc3MBZvz.cjs +2 -0
- package/dist/DeleteIcon-Dc3MBZvz.cjs.map +1 -0
- package/dist/DownloadIcon-CSO8HT2K.cjs +2 -0
- package/dist/DownloadIcon-CSO8HT2K.cjs.map +1 -0
- package/dist/DownloadIcon-bbvm6wox.js +8 -0
- package/dist/DownloadIcon-bbvm6wox.js.map +1 -0
- package/dist/ForwardIcon-DUJrdHMK.cjs +2 -0
- package/dist/ForwardIcon-DUJrdHMK.cjs.map +1 -0
- package/dist/ForwardIcon-rcLGwsvc.js +8 -0
- package/dist/ForwardIcon-rcLGwsvc.js.map +1 -0
- package/dist/HideIcon-2CdoMi2u.cjs +2 -0
- package/dist/HideIcon-2CdoMi2u.cjs.map +1 -0
- package/dist/HideIcon-CUCqvzEb.js +8 -0
- package/dist/HideIcon-CUCqvzEb.js.map +1 -0
- package/dist/PasteIcon-BYfHdDmw.js +8 -0
- package/dist/PasteIcon-BYfHdDmw.js.map +1 -0
- package/dist/PasteIcon-ptcTxTKn.cjs +2 -0
- package/dist/PasteIcon-ptcTxTKn.cjs.map +1 -0
- package/dist/QuestionIcon-DIohvO68.cjs +2 -0
- package/dist/QuestionIcon-DIohvO68.cjs.map +1 -0
- package/dist/QuestionIcon-DO9Z_XaS.js +22 -0
- package/dist/QuestionIcon-DO9Z_XaS.js.map +1 -0
- package/dist/RemoveIcon-CdxnH0zu.cjs +2 -0
- package/dist/RemoveIcon-CdxnH0zu.cjs.map +1 -0
- package/dist/RemoveIcon-DwqdK0Jw.js +30 -0
- package/dist/RemoveIcon-DwqdK0Jw.js.map +1 -0
- package/dist/SaveIcon-De8mjmxR.cjs +2 -0
- package/dist/SaveIcon-De8mjmxR.cjs.map +1 -0
- package/dist/SaveIcon-DsEa-gJr.js +8 -0
- package/dist/SaveIcon-DsEa-gJr.js.map +1 -0
- package/dist/ShowIcon-BUCe-D_Z.js +11 -0
- package/dist/ShowIcon-BUCe-D_Z.js.map +1 -0
- package/dist/ShowIcon-vpYnzZnw.cjs +2 -0
- package/dist/ShowIcon-vpYnzZnw.cjs.map +1 -0
- package/dist/UploadIcon-BW8L9vOq.js +11 -0
- package/dist/UploadIcon-BW8L9vOq.js.map +1 -0
- package/dist/UploadIcon-CbYd_cha.cjs +2 -0
- package/dist/UploadIcon-CbYd_cha.cjs.map +1 -0
- package/dist/components/containers/form/__docs__/Form.stories.d.ts +1 -1
- package/dist/components/containers/grid/__docs__/Grid.stories.d.ts +1 -1
- package/dist/components/containers/portal/__docs__/Portal.example.d.ts +4 -0
- package/dist/components/containers/portal/__docs__/Portal.stories.d.ts +7 -0
- package/dist/components/inputs/button/__docs__/Button.stories.d.ts +1 -1
- package/dist/components/inputs/checkbox/__docs__/Checkbox.stories.d.ts +1 -1
- package/dist/components/inputs/multi-select/__docs__/MultiSelect.stories.d.ts +1 -1
- package/dist/components/inputs/numeric/__docs__/NumericInput.stories.d.ts +1 -1
- package/dist/components/inputs/select/__docs__/Select.stories.d.ts +1 -1
- package/dist/components/inputs/text/__docs__/TextInput.stories.d.ts +1 -1
- package/dist/components/modals/dialog/__docs__/Dialog.stories.d.ts +1 -1
- package/dist/components/modals/tooltip/__docs__/Tooltip.stories.d.ts +1 -1
- package/dist/elements/icon/Icon.d.ts +2 -4
- package/dist/elements/icon/__docs__/Icon.example.d.ts +5 -0
- package/dist/elements/icon/__docs__/Icon.stories.d.ts +7 -0
- package/dist/index-DdkNFaB4.js +4142 -0
- package/dist/index-DdkNFaB4.js.map +1 -0
- package/dist/index-QKscbffq.cjs +903 -0
- package/dist/index-QKscbffq.cjs.map +1 -0
- package/dist/index.cjs.js +1 -902
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +33 -4286
- package/dist/index.es.js.map +1 -1
- package/dist/types/components/icon.d.ts +12 -0
- package/dist/types/index.d.ts +1 -0
- package/package.json +1 -1
- /package/dist/components/containers/form/__docs__/{FormExample.d.ts → Form.example.d.ts} +0 -0
- /package/dist/components/containers/grid/__docs__/{GridExample.d.ts → Grid.example.d.ts} +0 -0
- /package/dist/components/containers/tabs/__docs__/{TabsExample.d.ts → Tabs.example.d.ts} +0 -0
- /package/dist/components/inputs/button/__docs__/{ButtonExample.d.ts → Button.example.d.ts} +0 -0
- /package/dist/components/inputs/checkbox/__docs__/{CheckboxExample.d.ts → Checkbox.example.d.ts} +0 -0
- /package/dist/components/inputs/multi-select/__docs__/{MultiSelectExample.d.ts → MultiSelect.example.d.ts} +0 -0
- /package/dist/components/inputs/numeric/__docs__/{NumericInputExample.d.ts → NumericInput.example.d.ts} +0 -0
- /package/dist/components/inputs/select/__docs__/{SelectExample.d.ts → Select.example.d.ts} +0 -0
- /package/dist/components/inputs/text/__docs__/{TextInputExample.d.ts → TextInput.example.d.ts} +0 -0
- /package/dist/components/modals/alert/__docs__/{AlertExample.d.ts → Alert.example.d.ts} +0 -0
- /package/dist/components/modals/dialog/__docs__/{DialogExample.d.ts → Dialog.example.d.ts} +0 -0
- /package/dist/components/modals/tooltip/__docs__/{TooltipExample.d.ts → Tooltip.example.d.ts} +0 -0
package/dist/index.cjs.js
CHANGED
|
@@ -1,903 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
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 vr;function to(){if(vr)return qe;vr=1;var e=b,t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,o=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(d,l,h){var u,f={},g=null,m=null;h!==void 0&&(g=""+h),l.key!==void 0&&(g=""+l.key),l.ref!==void 0&&(m=l.ref);for(u in l)n.call(l,u)&&!s.hasOwnProperty(u)&&(f[u]=l[u]);if(d&&d.defaultProps)for(u in l=d.defaultProps,l)f[u]===void 0&&(f[u]=l[u]);return{$$typeof:t,type:d,key:g,ref:m,props:f,_owner:o.current}}return qe.Fragment=r,qe.jsx=c,qe.jsxs=c,qe}var Xe={};/**
|
|
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 yr;function ro(){return yr||(yr=1,process.env.NODE_ENV!=="production"&&function(){var e=b,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),c=Symbol.for("react.provider"),d=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),m=Symbol.for("react.offscreen"),y=Symbol.iterator,w="@@iterator";function k(a){if(a===null||typeof a!="object")return null;var p=y&&a[y]||a[w];return typeof p=="function"?p:null}var S=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function x(a){{for(var p=arguments.length,v=new Array(p>1?p-1:0),C=1;C<p;C++)v[C-1]=arguments[C];j("error",a,v)}}function j(a,p,v){{var C=S.ReactDebugCurrentFrame,M=C.getStackAddendum();M!==""&&(p+="%s",v=v.concat([M]));var O=v.map(function(P){return String(P)});O.unshift("Warning: "+p),Function.prototype.apply.call(console[a],console,O)}}var _=!1,T=!1,E=!1,$=!1,H=!1,q;q=Symbol.for("react.module.reference");function ue(a){return!!(typeof a=="string"||typeof a=="function"||a===n||a===s||H||a===o||a===h||a===u||$||a===m||_||T||E||typeof a=="object"&&a!==null&&(a.$$typeof===g||a.$$typeof===f||a.$$typeof===c||a.$$typeof===d||a.$$typeof===l||a.$$typeof===q||a.getModuleId!==void 0))}function he(a,p,v){var C=a.displayName;if(C)return C;var M=p.displayName||p.name||"";return M!==""?v+"("+M+")":v}function fe(a){return a.displayName||"Context"}function W(a){if(a==null)return null;if(typeof a.tag=="number"&&x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof a=="function")return a.displayName||a.name||null;if(typeof a=="string")return a;switch(a){case n:return"Fragment";case r:return"Portal";case s:return"Profiler";case o:return"StrictMode";case h:return"Suspense";case u:return"SuspenseList"}if(typeof a=="object")switch(a.$$typeof){case d:var p=a;return fe(p)+".Consumer";case c:var v=a;return fe(v._context)+".Provider";case l:return he(a,a.render,"ForwardRef");case f:var C=a.displayName||null;return C!==null?C:W(a.type)||"Memo";case g:{var M=a,O=M._payload,P=M._init;try{return W(P(O))}catch{return null}}}return null}var se=Object.assign,xe=0,ot,Re,Ge,Z,pe,me,G;function Ie(){}Ie.__reactDisabledLog=!0;function Ue(){{if(xe===0){ot=console.log,Re=console.info,Ge=console.warn,Z=console.error,pe=console.group,me=console.groupCollapsed,G=console.groupEnd;var a={configurable:!0,enumerable:!0,value:Ie,writable:!0};Object.defineProperties(console,{info:a,log:a,warn:a,error:a,group:a,groupCollapsed:a,groupEnd:a})}xe++}}function Ae(){{if(xe--,xe===0){var a={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:se({},a,{value:ot}),info:se({},a,{value:Re}),warn:se({},a,{value:Ge}),error:se({},a,{value:Z}),group:se({},a,{value:pe}),groupCollapsed:se({},a,{value:me}),groupEnd:se({},a,{value:G})})}xe<0&&x("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ae=S.ReactCurrentDispatcher,ge;function te(a,p,v){{if(ge===void 0)try{throw Error()}catch(M){var C=M.stack.trim().match(/\n( *(at )?)/);ge=C&&C[1]||""}return`
|
|
18
|
-
`+ge+a}}var re=!1,ve;{var Te=typeof WeakMap=="function"?WeakMap:Map;ve=new Te}function ne(a,p){if(!a||re)return"";{var v=ve.get(a);if(v!==void 0)return v}var C;re=!0;var M=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var O;O=ae.current,ae.current=null,Ue();try{if(p){var P=function(){throw Error()};if(Object.defineProperty(P.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(P,[])}catch(Y){C=Y}Reflect.construct(a,[],P)}else{try{P.call()}catch(Y){C=Y}a.call(P.prototype)}}else{try{throw Error()}catch(Y){C=Y}a()}}catch(Y){if(Y&&C&&typeof Y.stack=="string"){for(var z=Y.stack.split(`
|
|
19
|
-
`),U=C.stack.split(`
|
|
20
|
-
`),B=z.length-1,F=U.length-1;B>=1&&F>=0&&z[B]!==U[F];)F--;for(;B>=1&&F>=0;B--,F--)if(z[B]!==U[F]){if(B!==1||F!==1)do if(B--,F--,F<0||z[B]!==U[F]){var Q=`
|
|
21
|
-
`+z[B].replace(" at new "," at ");return a.displayName&&Q.includes("<anonymous>")&&(Q=Q.replace("<anonymous>",a.displayName)),typeof a=="function"&&ve.set(a,Q),Q}while(B>=1&&F>=0);break}}}finally{re=!1,ae.current=O,Ae(),Error.prepareStackTrace=M}var ze=a?a.displayName||a.name:"",$e=ze?te(ze):"";return typeof a=="function"&&ve.set(a,$e),$e}function An(a,p,v){return ne(a,!1)}function Tn(a){var p=a.prototype;return!!(p&&p.isReactComponent)}function it(a,p,v){if(a==null)return"";if(typeof a=="function")return ne(a,Tn(a));if(typeof a=="string")return te(a);switch(a){case h:return te("Suspense");case u:return te("SuspenseList")}if(typeof a=="object")switch(a.$$typeof){case l:return An(a.render);case f:return it(a.type,p,v);case g:{var C=a,M=C._payload,O=C._init;try{return it(O(M),p,v)}catch{}}}return""}var Ye=Object.prototype.hasOwnProperty,or={},ir=S.ReactDebugCurrentFrame;function st(a){if(a){var p=a._owner,v=it(a.type,a._source,p?p.type:null);ir.setExtraStackFrame(v)}else ir.setExtraStackFrame(null)}function _n(a,p,v,C,M){{var O=Function.call.bind(Ye);for(var P in a)if(O(a,P)){var z=void 0;try{if(typeof a[P]!="function"){var U=Error((C||"React class")+": "+v+" type `"+P+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof a[P]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw U.name="Invariant Violation",U}z=a[P](p,P,C,v,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(B){z=B}z&&!(z instanceof Error)&&(st(M),x("%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).",C||"React class",v,P,typeof z),st(null)),z instanceof Error&&!(z.message in or)&&(or[z.message]=!0,st(M),x("Failed %s type: %s",v,z.message),st(null))}}}var zn=Array.isArray;function It(a){return zn(a)}function Pn(a){{var p=typeof Symbol=="function"&&Symbol.toStringTag,v=p&&a[Symbol.toStringTag]||a.constructor.name||"Object";return v}}function Mn(a){try{return sr(a),!1}catch{return!0}}function sr(a){return""+a}function ar(a){if(Mn(a))return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Pn(a)),sr(a)}var Ke=S.ReactCurrentOwner,Ln={key:!0,ref:!0,__self:!0,__source:!0},cr,lr,At;At={};function On(a){if(Ye.call(a,"ref")){var p=Object.getOwnPropertyDescriptor(a,"ref").get;if(p&&p.isReactWarning)return!1}return a.ref!==void 0}function Dn(a){if(Ye.call(a,"key")){var p=Object.getOwnPropertyDescriptor(a,"key").get;if(p&&p.isReactWarning)return!1}return a.key!==void 0}function Bn(a,p){if(typeof a.ref=="string"&&Ke.current&&p&&Ke.current.stateNode!==p){var v=W(Ke.current.type);At[v]||(x('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',W(Ke.current.type),a.ref),At[v]=!0)}}function Fn(a,p){{var v=function(){cr||(cr=!0,x("%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)",p))};v.isReactWarning=!0,Object.defineProperty(a,"key",{get:v,configurable:!0})}}function Nn(a,p){{var v=function(){lr||(lr=!0,x("%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)",p))};v.isReactWarning=!0,Object.defineProperty(a,"ref",{get:v,configurable:!0})}}var Hn=function(a,p,v,C,M,O,P){var z={$$typeof:t,type:a,key:p,ref:v,props:P,_owner:O};return z._store={},Object.defineProperty(z._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(z,"_self",{configurable:!1,enumerable:!1,writable:!1,value:C}),Object.defineProperty(z,"_source",{configurable:!1,enumerable:!1,writable:!1,value:M}),Object.freeze&&(Object.freeze(z.props),Object.freeze(z)),z};function Wn(a,p,v,C,M){{var O,P={},z=null,U=null;v!==void 0&&(ar(v),z=""+v),Dn(p)&&(ar(p.key),z=""+p.key),On(p)&&(U=p.ref,Bn(p,M));for(O in p)Ye.call(p,O)&&!Ln.hasOwnProperty(O)&&(P[O]=p[O]);if(a&&a.defaultProps){var B=a.defaultProps;for(O in B)P[O]===void 0&&(P[O]=B[O])}if(z||U){var F=typeof a=="function"?a.displayName||a.name||"Unknown":a;z&&Fn(P,F),U&&Nn(P,F)}return Hn(a,z,U,M,C,Ke.current,P)}}var Tt=S.ReactCurrentOwner,dr=S.ReactDebugCurrentFrame;function _e(a){if(a){var p=a._owner,v=it(a.type,a._source,p?p.type:null);dr.setExtraStackFrame(v)}else dr.setExtraStackFrame(null)}var _t;_t=!1;function zt(a){return typeof a=="object"&&a!==null&&a.$$typeof===t}function ur(){{if(Tt.current){var a=W(Tt.current.type);if(a)return`
|
|
22
|
-
|
|
23
|
-
Check the render method of \``+a+"`."}return""}}function Vn(a){return""}var hr={};function Gn(a){{var p=ur();if(!p){var v=typeof a=="string"?a:a.displayName||a.name;v&&(p=`
|
|
24
|
-
|
|
25
|
-
Check the top-level render call using <`+v+">.")}return p}}function fr(a,p){{if(!a._store||a._store.validated||a.key!=null)return;a._store.validated=!0;var v=Gn(p);if(hr[v])return;hr[v]=!0;var C="";a&&a._owner&&a._owner!==Tt.current&&(C=" It was passed a child from "+W(a._owner.type)+"."),_e(a),x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',v,C),_e(null)}}function pr(a,p){{if(typeof a!="object")return;if(It(a))for(var v=0;v<a.length;v++){var C=a[v];zt(C)&&fr(C,p)}else if(zt(a))a._store&&(a._store.validated=!0);else if(a){var M=k(a);if(typeof M=="function"&&M!==a.entries)for(var O=M.call(a),P;!(P=O.next()).done;)zt(P.value)&&fr(P.value,p)}}}function Un(a){{var p=a.type;if(p==null||typeof p=="string")return;var v;if(typeof p=="function")v=p.propTypes;else if(typeof p=="object"&&(p.$$typeof===l||p.$$typeof===f))v=p.propTypes;else return;if(v){var C=W(p);_n(v,a.props,"prop",C,a)}else if(p.PropTypes!==void 0&&!_t){_t=!0;var M=W(p);x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",M||"Unknown")}typeof p.getDefaultProps=="function"&&!p.getDefaultProps.isReactClassApproved&&x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Yn(a){{for(var p=Object.keys(a.props),v=0;v<p.length;v++){var C=p[v];if(C!=="children"&&C!=="key"){_e(a),x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",C),_e(null);break}}a.ref!==null&&(_e(a),x("Invalid attribute `ref` supplied to `React.Fragment`."),_e(null))}}var mr={};function gr(a,p,v,C,M,O){{var P=ue(a);if(!P){var z="";(a===void 0||typeof a=="object"&&a!==null&&Object.keys(a).length===0)&&(z+=" 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 U=Vn();U?z+=U:z+=ur();var B;a===null?B="null":It(a)?B="array":a!==void 0&&a.$$typeof===t?(B="<"+(W(a.type)||"Unknown")+" />",z=" Did you accidentally export a JSX literal instead of a component?"):B=typeof a,x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",B,z)}var F=Wn(a,p,v,M,O);if(F==null)return F;if(P){var Q=p.children;if(Q!==void 0)if(C)if(It(Q)){for(var ze=0;ze<Q.length;ze++)pr(Q[ze],a);Object.freeze&&Object.freeze(Q)}else x("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 pr(Q,a)}if(Ye.call(p,"key")){var $e=W(a),Y=Object.keys(p).filter(function(Qn){return Qn!=="key"}),Pt=Y.length>0?"{key: someKey, "+Y.join(": ..., ")+": ...}":"{key: someKey}";if(!mr[$e+Pt]){var Zn=Y.length>0?"{"+Y.join(": ..., ")+": ...}":"{}";x(`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} />`,Pt,$e,Zn,$e),mr[$e+Pt]=!0}}return a===n?Yn(F):Un(F),F}}function Kn(a,p,v){return gr(a,p,v,!0)}function qn(a,p,v){return gr(a,p,v,!1)}var Xn=qn,Jn=Kn;Xe.Fragment=n,Xe.jsx=Xn,Xe.jsxs=Jn}()),Xe}process.env.NODE_ENV==="production"?Bt.exports=to():Bt.exports=ro();var i=Bt.exports,K=function(){return K=Object.assign||function(t){for(var r,n=1,o=arguments.length;n<o;n++){r=arguments[n];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},K.apply(this,arguments)};function Le(e,t,r){if(r||arguments.length===2)for(var n=0,o=t.length,s;n<o;n++)(s||!(n in t))&&(s||(s=Array.prototype.slice.call(t,0,n)),s[n]=t[n]);return e.concat(s||Array.prototype.slice.call(t))}function no(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var oo=/^((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|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|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)-.*))$/,io=no(function(e){return oo.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),D="-ms-",Ze="-moz-",L="-webkit-",Fr="comm",bt="rule",Kt="decl",so="@import",Nr="@keyframes",ao="@layer",Hr=Math.abs,qt=String.fromCharCode,Ft=Object.assign;function co(e,t){return V(e,0)^45?(((t<<2^V(e,0))<<2^V(e,1))<<2^V(e,2))<<2^V(e,3):0}function Wr(e){return e.trim()}function ce(e,t){return(e=t.exec(e))?e[0]:e}function R(e,t,r){return e.replace(t,r)}function ut(e,t,r){return e.indexOf(t,r)}function V(e,t){return e.charCodeAt(t)|0}function Oe(e,t,r){return e.slice(t,r)}function ie(e){return e.length}function Vr(e){return e.length}function Je(e,t){return t.push(e),e}function lo(e,t){return e.map(t).join("")}function br(e,t){return e.filter(function(r){return!ce(r,t)})}var xt=1,De=1,Gr=0,ee=0,N=0,He="";function $t(e,t,r,n,o,s,c,d){return{value:e,root:t,parent:r,type:n,props:o,children:s,line:xt,column:De,length:c,return:"",siblings:d}}function ye(e,t){return Ft($t("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function Pe(e){for(;e.root;)e=ye(e.root,{children:[e]});Je(e,e.siblings)}function uo(){return N}function ho(){return N=ee>0?V(He,--ee):0,De--,N===10&&(De=1,xt--),N}function oe(){return N=ee<Gr?V(He,ee++):0,De++,N===10&&(De=1,xt++),N}function Ce(){return V(He,ee)}function ht(){return ee}function wt(e,t){return Oe(He,e,t)}function Nt(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function fo(e){return xt=De=1,Gr=ie(He=e),ee=0,[]}function po(e){return He="",e}function Mt(e){return Wr(wt(ee-1,Ht(e===91?e+2:e===40?e+1:e)))}function mo(e){for(;(N=Ce())&&N<33;)oe();return Nt(e)>2||Nt(N)>3?"":" "}function go(e,t){for(;--t&&oe()&&!(N<48||N>102||N>57&&N<65||N>70&&N<97););return wt(e,ht()+(t<6&&Ce()==32&&oe()==32))}function Ht(e){for(;oe();)switch(N){case e:return ee;case 34:case 39:e!==34&&e!==39&&Ht(N);break;case 40:e===41&&Ht(e);break;case 92:oe();break}return ee}function vo(e,t){for(;oe()&&e+N!==57;)if(e+N===84&&Ce()===47)break;return"/*"+wt(t,ee-1)+"*"+qt(e===47?e:oe())}function yo(e){for(;!Nt(Ce());)oe();return wt(e,ee)}function bo(e){return po(ft("",null,null,null,[""],e=fo(e),0,[0],e))}function ft(e,t,r,n,o,s,c,d,l){for(var h=0,u=0,f=c,g=0,m=0,y=0,w=1,k=1,S=1,x=0,j="",_=o,T=s,E=n,$=j;k;)switch(y=x,x=oe()){case 40:if(y!=108&&V($,f-1)==58){ut($+=R(Mt(x),"&","&\f"),"&\f",Hr(h?d[h-1]:0))!=-1&&(S=-1);break}case 34:case 39:case 91:$+=Mt(x);break;case 9:case 10:case 13:case 32:$+=mo(y);break;case 92:$+=go(ht()-1,7);continue;case 47:switch(Ce()){case 42:case 47:Je(xo(vo(oe(),ht()),t,r,l),l);break;default:$+="/"}break;case 123*w:d[h++]=ie($)*S;case 125*w:case 59:case 0:switch(x){case 0:case 125:k=0;case 59+u:S==-1&&($=R($,/\f/g,"")),m>0&&ie($)-f&&Je(m>32?$r($+";",n,r,f-1,l):$r(R($," ","")+";",n,r,f-2,l),l);break;case 59:$+=";";default:if(Je(E=xr($,t,r,h,u,o,d,j,_=[],T=[],f,s),s),x===123)if(u===0)ft($,t,E,E,_,s,f,d,T);else switch(g===99&&V($,3)===110?100:g){case 100:case 108:case 109:case 115:ft(e,E,E,n&&Je(xr(e,E,E,0,0,o,d,j,o,_=[],f,T),T),o,T,f,d,n?_:T);break;default:ft($,E,E,E,[""],T,0,d,T)}}h=u=m=0,w=S=1,j=$="",f=c;break;case 58:f=1+ie($),m=y;default:if(w<1){if(x==123)--w;else if(x==125&&w++==0&&ho()==125)continue}switch($+=qt(x),x*w){case 38:S=u>0?1:($+="\f",-1);break;case 44:d[h++]=(ie($)-1)*S,S=1;break;case 64:Ce()===45&&($+=Mt(oe())),g=Ce(),u=f=ie(j=$+=yo(ht())),x++;break;case 45:y===45&&ie($)==2&&(w=0)}}return s}function xr(e,t,r,n,o,s,c,d,l,h,u,f){for(var g=o-1,m=o===0?s:[""],y=Vr(m),w=0,k=0,S=0;w<n;++w)for(var x=0,j=Oe(e,g+1,g=Hr(k=c[w])),_=e;x<y;++x)(_=Wr(k>0?m[x]+" "+j:R(j,/&\f/g,m[x])))&&(l[S++]=_);return $t(e,t,r,o===0?bt:d,l,h,u,f)}function xo(e,t,r,n){return $t(e,t,r,Fr,qt(uo()),Oe(e,2,-2),0,n)}function $r(e,t,r,n,o){return $t(e,t,r,Kt,Oe(e,0,n),Oe(e,n+1,-1),n,o)}function Ur(e,t,r){switch(co(e,t)){case 5103:return L+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return L+e+e;case 4789:return Ze+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return L+e+Ze+e+D+e+e;case 5936:switch(V(e,t+11)){case 114:return L+e+D+R(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return L+e+D+R(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return L+e+D+R(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return L+e+D+e+e;case 6165:return L+e+D+"flex-"+e+e;case 5187:return L+e+R(e,/(\w+).+(:[^]+)/,L+"box-$1$2"+D+"flex-$1$2")+e;case 5443:return L+e+D+"flex-item-"+R(e,/flex-|-self/g,"")+(ce(e,/flex-|baseline/)?"":D+"grid-row-"+R(e,/flex-|-self/g,""))+e;case 4675:return L+e+D+"flex-line-pack"+R(e,/align-content|flex-|-self/g,"")+e;case 5548:return L+e+D+R(e,"shrink","negative")+e;case 5292:return L+e+D+R(e,"basis","preferred-size")+e;case 6060:return L+"box-"+R(e,"-grow","")+L+e+D+R(e,"grow","positive")+e;case 4554:return L+R(e,/([^-])(transform)/g,"$1"+L+"$2")+e;case 6187:return R(R(R(e,/(zoom-|grab)/,L+"$1"),/(image-set)/,L+"$1"),e,"")+e;case 5495:case 3959:return R(e,/(image-set\([^]*)/,L+"$1$`$1");case 4968:return R(R(e,/(.+:)(flex-)?(.*)/,L+"box-pack:$3"+D+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+L+e+e;case 4200:if(!ce(e,/flex-|baseline/))return D+"grid-column-align"+Oe(e,t)+e;break;case 2592:case 3360:return D+R(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(n,o){return t=o,ce(n.props,/grid-\w+-end/)})?~ut(e+(r=r[t].value),"span",0)?e:D+R(e,"-start","")+e+D+"grid-row-span:"+(~ut(r,"span",0)?ce(r,/\d+/):+ce(r,/\d+/)-+ce(e,/\d+/))+";":D+R(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(n){return ce(n.props,/grid-\w+-start/)})?e:D+R(R(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return R(e,/(.+)-inline(.+)/,L+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(ie(e)-1-t>6)switch(V(e,t+1)){case 109:if(V(e,t+4)!==45)break;case 102:return R(e,/(.+:)(.+)-([^]+)/,"$1"+L+"$2-$3$1"+Ze+(V(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~ut(e,"stretch",0)?Ur(R(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return R(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(n,o,s,c,d,l,h){return D+o+":"+s+h+(c?D+o+"-span:"+(d?l:+l-+s)+h:"")+e});case 4949:if(V(e,t+6)===121)return R(e,":",":"+L)+e;break;case 6444:switch(V(e,V(e,14)===45?18:11)){case 120:return R(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+L+(V(e,14)===45?"inline-":"")+"box$3$1"+L+"$2$3$1"+D+"$2box$3")+e;case 100:return R(e,":",":"+D)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return R(e,"scroll-","scroll-snap-")+e}return e}function gt(e,t){for(var r="",n=0;n<e.length;n++)r+=t(e[n],n,e,t)||"";return r}function $o(e,t,r,n){switch(e.type){case ao:if(e.children.length)break;case so:case Kt:return e.return=e.return||e.value;case Fr:return"";case Nr:return e.return=e.value+"{"+gt(e.children,n)+"}";case bt:if(!ie(e.value=e.props.join(",")))return""}return ie(r=gt(e.children,n))?e.return=e.value+"{"+r+"}":""}function wo(e){var t=Vr(e);return function(r,n,o,s){for(var c="",d=0;d<t;d++)c+=e[d](r,n,o,s)||"";return c}}function So(e){return function(t){t.root||(t=t.return)&&e(t)}}function Co(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case Kt:e.return=Ur(e.value,e.length,r);return;case Nr:return gt([ye(e,{value:R(e.value,"@","@"+L)})],n);case bt:if(e.length)return lo(r=e.props,function(o){switch(ce(o,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":Pe(ye(e,{props:[R(o,/:(read-\w+)/,":"+Ze+"$1")]})),Pe(ye(e,{props:[o]})),Ft(e,{props:br(r,n)});break;case"::placeholder":Pe(ye(e,{props:[R(o,/:(plac\w+)/,":"+L+"input-$1")]})),Pe(ye(e,{props:[R(o,/:(plac\w+)/,":"+Ze+"$1")]})),Pe(ye(e,{props:[R(o,/:(plac\w+)/,D+"input-$1")]})),Pe(ye(e,{props:[o]})),Ft(e,{props:br(r,n)});break}return""})}}var ko={animationIterationCount:1,aspectRatio: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},je=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Yr="active",Kr="data-styled-version",St="6.1.13",Xt=`/*!sc*/
|
|
31
|
-
`,vt=typeof window<"u"&&"HTMLElement"in window,jo=!!(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:typeof process<"u"&&process.env!==void 0&&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"),wr=/invalid hook call/i,at=new Set,Eo=function(e,t){if(process.env.NODE_ENV!=="production"){var r=t?' with the id of "'.concat(t,'"'):"",n="The component ".concat(e).concat(r,` has been created dynamically.
|
|
32
|
-
`)+`You may see this warning because you've called styled inside another component.
|
|
33
|
-
To resolve this only create new StyledComponents outside of any render method and function component.`,o=console.error;try{var s=!0;console.error=function(c){for(var d=[],l=1;l<arguments.length;l++)d[l-1]=arguments[l];wr.test(c)?(s=!1,at.delete(n)):o.apply(void 0,Le([c],d,!1))},b.useRef(),s&&!at.has(n)&&(console.warn(n),at.add(n))}catch(c){wr.test(c.message)&&at.delete(n)}finally{console.error=o}}},Ct=Object.freeze([]),Be=Object.freeze({});function Ro(e,t,r){return r===void 0&&(r=Be),e.theme!==r.theme&&e.theme||t||r.theme}var Wt=new Set(["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","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","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","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),Io=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Ao=/(^-|-$)/g;function Sr(e){return e.replace(Io,"-").replace(Ao,"")}var To=/(a)(d)/gi,ct=52,Cr=function(e){return String.fromCharCode(e+(e>25?39:97))};function Vt(e){var t,r="";for(t=Math.abs(e);t>ct;t=t/ct|0)r=Cr(t%ct)+r;return(Cr(t%ct)+r).replace(To,"$1-$2")}var Lt,qr=5381,we=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Xr=function(e){return we(qr,e)};function _o(e){return Vt(Xr(e)>>>0)}function Jr(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function Ot(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var Zr=typeof Symbol=="function"&&Symbol.for,Qr=Zr?Symbol.for("react.memo"):60115,zo=Zr?Symbol.for("react.forward_ref"):60112,Po={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Mo={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},en={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Lo=((Lt={})[zo]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Lt[Qr]=en,Lt);function kr(e){return("type"in(t=e)&&t.type.$$typeof)===Qr?en:"$$typeof"in e?Lo[e.$$typeof]:Po;var t}var Oo=Object.defineProperty,Do=Object.getOwnPropertyNames,jr=Object.getOwnPropertySymbols,Bo=Object.getOwnPropertyDescriptor,Fo=Object.getPrototypeOf,Er=Object.prototype;function tn(e,t,r){if(typeof t!="string"){if(Er){var n=Fo(t);n&&n!==Er&&tn(e,n,r)}var o=Do(t);jr&&(o=o.concat(jr(t)));for(var s=kr(e),c=kr(t),d=0;d<o.length;++d){var l=o[d];if(!(l in Mo||r&&r[l]||c&&l in c||s&&l in s)){var h=Bo(t,l);try{Oo(e,l,h)}catch{}}}}return e}function Fe(e){return typeof e=="function"}function Jt(e){return typeof e=="object"&&"styledComponentId"in e}function Se(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Rr(e,t){if(e.length===0)return"";for(var r=e[0],n=1;n<e.length;n++)r+=e[n];return r}function Ne(e){return e!==null&&typeof e=="object"&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Gt(e,t,r){if(r===void 0&&(r=!1),!r&&!Ne(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=Gt(e[n],t[n]);else if(Ne(t))for(var n in t)e[n]=Gt(e[n],t[n]);return e}function Zt(e,t){Object.defineProperty(e,"toString",{value:t})}var No=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
|
|
34
|
-
|
|
35
|
-
`,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.
|
|
36
|
-
|
|
37
|
-
- Are you trying to reuse it across renders?
|
|
38
|
-
- Are you accidentally calling collectStyles twice?
|
|
39
|
-
|
|
40
|
-
`,3:`Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
|
|
41
|
-
|
|
42
|
-
`,4:`The \`StyleSheetManager\` expects a valid target or sheet prop!
|
|
43
|
-
|
|
44
|
-
- Does this error occur on the client and is your target falsy?
|
|
45
|
-
- Does this error occur on the server and is the sheet falsy?
|
|
46
|
-
|
|
47
|
-
`,5:`The clone method cannot be used on the client!
|
|
48
|
-
|
|
49
|
-
- Are you running in a client-like environment on the server?
|
|
50
|
-
- Are you trying to run SSR on the client?
|
|
51
|
-
|
|
52
|
-
`,6:`Trying to insert a new style tag, but the given Node is unmounted!
|
|
53
|
-
|
|
54
|
-
- Are you using a custom target that isn't mounted?
|
|
55
|
-
- Does your document not have a valid head element?
|
|
56
|
-
- Have you accidentally removed a style tag manually?
|
|
57
|
-
|
|
58
|
-
`,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.
|
|
59
|
-
|
|
60
|
-
`,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
|
|
61
|
-
|
|
62
|
-
`,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.
|
|
63
|
-
|
|
64
|
-
`,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.
|
|
65
|
-
|
|
66
|
-
`,14:`ThemeProvider: "theme" prop is required.
|
|
67
|
-
|
|
68
|
-
`,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.
|
|
69
|
-
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
|
|
70
|
-
as for instance in your render method then you may be running into this limitation.
|
|
71
|
-
|
|
72
|
-
`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
|
|
73
|
-
Has styled-components' style tag been unmounted or altered by another script?
|
|
74
|
-
`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function Ho(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var r=e[0],n=[],o=1,s=e.length;o<s;o+=1)n.push(e[o]);return n.forEach(function(c){r=r.replace(/%[a-z]/,c)}),r}function We(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return process.env.NODE_ENV==="production"?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(Ho.apply(void 0,Le([No[e]],t,!1)).trim())}var Wo=function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var r=0,n=0;n<t;n++)r+=this.groupSizes[n];return r},e.prototype.insertRules=function(t,r){if(t>=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,s=o;t>=s;)if((s<<=1)<0)throw We(16,"".concat(t));this.groupSizes=new Uint32Array(s),this.groupSizes.set(n),this.length=s;for(var c=o;c<s;c++)this.groupSizes[c]=0}for(var d=this.indexOfGroup(t+1),l=(c=0,r.length);c<l;c++)this.tag.insertRule(d,r[c])&&(this.groupSizes[t]++,d++)},e.prototype.clearGroup=function(t){if(t<this.length){var r=this.groupSizes[t],n=this.indexOfGroup(t),o=n+r;this.groupSizes[t]=0;for(var s=n;s<o;s++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(t){var r="";if(t>=this.length||this.groupSizes[t]===0)return r;for(var n=this.groupSizes[t],o=this.indexOfGroup(t),s=o+n,c=o;c<s;c++)r+="".concat(this.tag.getRule(c)).concat(Xt);return r},e}(),Vo=1<<30,pt=new Map,yt=new Map,mt=1,lt=function(e){if(pt.has(e))return pt.get(e);for(;yt.has(mt);)mt++;var t=mt++;if(process.env.NODE_ENV!=="production"&&((0|t)<0||t>Vo))throw We(16,"".concat(t));return pt.set(e,t),yt.set(t,e),t},Go=function(e,t){mt=t+1,pt.set(e,t),yt.set(t,e)},Uo="style[".concat(je,"][").concat(Kr,'="').concat(St,'"]'),Yo=new RegExp("^".concat(je,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Ko=function(e,t,r){for(var n,o=r.split(","),s=0,c=o.length;s<c;s++)(n=o[s])&&e.registerName(t,n)},qo=function(e,t){for(var r,n=((r=t.textContent)!==null&&r!==void 0?r:"").split(Xt),o=[],s=0,c=n.length;s<c;s++){var d=n[s].trim();if(d){var l=d.match(Yo);if(l){var h=0|parseInt(l[1],10),u=l[2];h!==0&&(Go(u,h),Ko(e,u,l[3]),e.getTag().insertRules(h,o)),o.length=0}else o.push(d)}}},Ir=function(e){for(var t=document.querySelectorAll(Uo),r=0,n=t.length;r<n;r++){var o=t[r];o&&o.getAttribute(je)!==Yr&&(qo(e,o),o.parentNode&&o.parentNode.removeChild(o))}};function Xo(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var rn=function(e){var t=document.head,r=e||t,n=document.createElement("style"),o=function(d){var l=Array.from(d.querySelectorAll("style[".concat(je,"]")));return l[l.length-1]}(r),s=o!==void 0?o.nextSibling:null;n.setAttribute(je,Yr),n.setAttribute(Kr,St);var c=Xo();return c&&n.setAttribute("nonce",c),r.insertBefore(n,s),n},Jo=function(){function e(t){this.element=rn(t),this.element.appendChild(document.createTextNode("")),this.sheet=function(r){if(r.sheet)return r.sheet;for(var n=document.styleSheets,o=0,s=n.length;o<s;o++){var c=n[o];if(c.ownerNode===r)return c}throw We(17)}(this.element),this.length=0}return e.prototype.insertRule=function(t,r){try{return this.sheet.insertRule(r,t),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.prototype.getRule=function(t){var r=this.sheet.cssRules[t];return r&&r.cssText?r.cssText:""},e}(),Zo=function(){function e(t){this.element=rn(t),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(t,r){if(t<=this.length&&t>=0){var n=document.createTextNode(r);return this.element.insertBefore(n,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},e}(),Qo=function(){function e(t){this.rules=[],this.length=0}return e.prototype.insertRule=function(t,r){return t<=this.length&&(this.rules.splice(t,0,r),this.length++,!0)},e.prototype.deleteRule=function(t){this.rules.splice(t,1),this.length--},e.prototype.getRule=function(t){return t<this.length?this.rules[t]:""},e}(),Ar=vt,ei={isServer:!vt,useCSSOMInjection:!jo},nn=function(){function e(t,r,n){t===void 0&&(t=Be),r===void 0&&(r={});var o=this;this.options=K(K({},ei),t),this.gs=r,this.names=new Map(n),this.server=!!t.isServer,!this.server&&vt&&Ar&&(Ar=!1,Ir(this)),Zt(this,function(){return function(s){for(var c=s.getTag(),d=c.length,l="",h=function(f){var g=function(S){return yt.get(S)}(f);if(g===void 0)return"continue";var m=s.names.get(g),y=c.getGroup(f);if(m===void 0||!m.size||y.length===0)return"continue";var w="".concat(je,".g").concat(f,'[id="').concat(g,'"]'),k="";m!==void 0&&m.forEach(function(S){S.length>0&&(k+="".concat(S,","))}),l+="".concat(y).concat(w,'{content:"').concat(k,'"}').concat(Xt)},u=0;u<d;u++)h(u);return l}(o)})}return e.registerId=function(t){return lt(t)},e.prototype.rehydrate=function(){!this.server&&vt&&Ir(this)},e.prototype.reconstructWithOptions=function(t,r){return r===void 0&&(r=!0),new e(K(K({},this.options),t),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(t=function(r){var n=r.useCSSOMInjection,o=r.target;return r.isServer?new Qo(o):n?new Jo(o):new Zo(o)}(this.options),new Wo(t)));var t},e.prototype.hasNameForId=function(t,r){return this.names.has(t)&&this.names.get(t).has(r)},e.prototype.registerName=function(t,r){if(lt(t),this.names.has(t))this.names.get(t).add(r);else{var n=new Set;n.add(r),this.names.set(t,n)}},e.prototype.insertRules=function(t,r,n){this.registerName(t,r),this.getTag().insertRules(lt(t),n)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(lt(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e}(),ti=/&/g,ri=/^\s*\/\/.*$/gm;function on(e,t){return e.map(function(r){return r.type==="rule"&&(r.value="".concat(t," ").concat(r.value),r.value=r.value.replaceAll(",",",".concat(t," ")),r.props=r.props.map(function(n){return"".concat(t," ").concat(n)})),Array.isArray(r.children)&&r.type!=="@keyframes"&&(r.children=on(r.children,t)),r})}function ni(e){var t,r,n,o=Be,s=o.options,c=s===void 0?Be:s,d=o.plugins,l=d===void 0?Ct:d,h=function(g,m,y){return y.startsWith(r)&&y.endsWith(r)&&y.replaceAll(r,"").length>0?".".concat(t):g},u=l.slice();u.push(function(g){g.type===bt&&g.value.includes("&")&&(g.props[0]=g.props[0].replace(ti,r).replace(n,h))}),c.prefix&&u.push(Co),u.push($o);var f=function(g,m,y,w){m===void 0&&(m=""),y===void 0&&(y=""),w===void 0&&(w="&"),t=w,r=m,n=new RegExp("\\".concat(r,"\\b"),"g");var k=g.replace(ri,""),S=bo(y||m?"".concat(y," ").concat(m," { ").concat(k," }"):k);c.namespace&&(S=on(S,c.namespace));var x=[];return gt(S,wo(u.concat(So(function(j){return x.push(j)})))),x};return f.hash=l.length?l.reduce(function(g,m){return m.name||We(15),we(g,m.name)},qr).toString():"",f}var oi=new nn,Ut=ni(),sn=b.createContext({shouldForwardProp:void 0,styleSheet:oi,stylis:Ut});sn.Consumer;b.createContext(void 0);function Tr(){return b.useContext(sn)}var _r=function(){function e(t,r){var n=this;this.inject=function(o,s){s===void 0&&(s=Ut);var c=n.name+s.hash;o.hasNameForId(n.id,c)||o.insertRules(n.id,c,s(n.rules,c,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=r,Zt(this,function(){throw We(12,String(n.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=Ut),this.name+t.hash},e}(),ii=function(e){return e>="A"&&e<="Z"};function zr(e){for(var t="",r=0;r<e.length;r++){var n=e[r];if(r===1&&n==="-"&&e[0]==="-")return e;ii(n)?t+="-"+n.toLowerCase():t+=n}return t.startsWith("ms-")?"-"+t:t}var an=function(e){return e==null||e===!1||e===""},cn=function(e){var t,r,n=[];for(var o in e){var s=e[o];e.hasOwnProperty(o)&&!an(s)&&(Array.isArray(s)&&s.isCss||Fe(s)?n.push("".concat(zr(o),":"),s,";"):Ne(s)?n.push.apply(n,Le(Le(["".concat(o," {")],cn(s),!1),["}"],!1)):n.push("".concat(zr(o),": ").concat((t=o,(r=s)==null||typeof r=="boolean"||r===""?"":typeof r!="number"||r===0||t in ko||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return n};function ke(e,t,r,n){if(an(e))return[];if(Jt(e))return[".".concat(e.styledComponentId)];if(Fe(e)){if(!Fe(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return[e];var o=e(t);return process.env.NODE_ENV==="production"||typeof o!="object"||Array.isArray(o)||o instanceof _r||Ne(o)||o===null||console.error("".concat(Jr(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.")),ke(o,t,r,n)}var s;return e instanceof _r?r?(e.inject(r,n),[e.getName(n)]):[e]:Ne(e)?cn(e):Array.isArray(e)?Array.prototype.concat.apply(Ct,e.map(function(c){return ke(c,t,r,n)})):[e.toString()]}function si(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(Fe(r)&&!Jt(r))return!1}return!0}var ai=Xr(St),ci=function(){function e(t,r,n){this.rules=t,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(n===void 0||n.isStatic)&&si(t),this.componentId=r,this.baseHash=we(ai,r),this.baseStyle=n,nn.registerId(r)}return e.prototype.generateAndInjectStyles=function(t,r,n){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,r,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&r.hasNameForId(this.componentId,this.staticRulesId))o=Se(o,this.staticRulesId);else{var s=Rr(ke(this.rules,t,r,n)),c=Vt(we(this.baseHash,s)>>>0);if(!r.hasNameForId(this.componentId,c)){var d=n(s,".".concat(c),void 0,this.componentId);r.insertRules(this.componentId,c,d)}o=Se(o,c),this.staticRulesId=c}else{for(var l=we(this.baseHash,n.hash),h="",u=0;u<this.rules.length;u++){var f=this.rules[u];if(typeof f=="string")h+=f,process.env.NODE_ENV!=="production"&&(l=we(l,f));else if(f){var g=Rr(ke(f,t,r,n));l=we(l,g+u),h+=g}}if(h){var m=Vt(l>>>0);r.hasNameForId(this.componentId,m)||r.insertRules(this.componentId,m,n(h,".".concat(m),void 0,this.componentId)),o=Se(o,m)}}return o},e}(),ln=b.createContext(void 0);ln.Consumer;var Dt={},Pr=new Set;function li(e,t,r){var n=Jt(e),o=e,s=!Ot(e),c=t.attrs,d=c===void 0?Ct:c,l=t.componentId,h=l===void 0?function(_,T){var E=typeof _!="string"?"sc":Sr(_);Dt[E]=(Dt[E]||0)+1;var $="".concat(E,"-").concat(_o(St+E+Dt[E]));return T?"".concat(T,"-").concat($):$}(t.displayName,t.parentComponentId):l,u=t.displayName,f=u===void 0?function(_){return Ot(_)?"styled.".concat(_):"Styled(".concat(Jr(_),")")}(e):u,g=t.displayName&&t.componentId?"".concat(Sr(t.displayName),"-").concat(t.componentId):t.componentId||h,m=n&&o.attrs?o.attrs.concat(d).filter(Boolean):d,y=t.shouldForwardProp;if(n&&o.shouldForwardProp){var w=o.shouldForwardProp;if(t.shouldForwardProp){var k=t.shouldForwardProp;y=function(_,T){return w(_,T)&&k(_,T)}}else y=w}var S=new ci(r,g,n?o.componentStyle:void 0);function x(_,T){return function(E,$,H){var q=E.attrs,ue=E.componentStyle,he=E.defaultProps,fe=E.foldedComponentIds,W=E.styledComponentId,se=E.target,xe=b.useContext(ln),ot=Tr(),Re=E.shouldForwardProp||ot.shouldForwardProp;process.env.NODE_ENV!=="production"&&b.useDebugValue(W);var Ge=Ro($,xe,he)||Be,Z=function(Ae,ae,ge){for(var te,re=K(K({},ae),{className:void 0,theme:ge}),ve=0;ve<Ae.length;ve+=1){var Te=Fe(te=Ae[ve])?te(re):te;for(var ne in Te)re[ne]=ne==="className"?Se(re[ne],Te[ne]):ne==="style"?K(K({},re[ne]),Te[ne]):Te[ne]}return ae.className&&(re.className=Se(re.className,ae.className)),re}(q,$,Ge),pe=Z.as||se,me={};for(var G in Z)Z[G]===void 0||G[0]==="$"||G==="as"||G==="theme"&&Z.theme===Ge||(G==="forwardedAs"?me.as=Z.forwardedAs:Re&&!Re(G,pe)||(me[G]=Z[G],Re||process.env.NODE_ENV!=="development"||io(G)||Pr.has(G)||!Wt.has(pe)||(Pr.add(G),console.warn('styled-components: it looks like an unknown prop "'.concat(G,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var Ie=function(Ae,ae){var ge=Tr(),te=Ae.generateAndInjectStyles(ae,ge.styleSheet,ge.stylis);return process.env.NODE_ENV!=="production"&&b.useDebugValue(te),te}(ue,Z);process.env.NODE_ENV!=="production"&&E.warnTooManyClasses&&E.warnTooManyClasses(Ie);var Ue=Se(fe,W);return Ie&&(Ue+=" "+Ie),Z.className&&(Ue+=" "+Z.className),me[Ot(pe)&&!Wt.has(pe)?"class":"className"]=Ue,me.ref=H,b.createElement(pe,me)}(j,_,T)}x.displayName=f;var j=b.forwardRef(x);return j.attrs=m,j.componentStyle=S,j.displayName=f,j.shouldForwardProp=y,j.foldedComponentIds=n?Se(o.foldedComponentIds,o.styledComponentId):"",j.styledComponentId=g,j.target=n?o.target:e,Object.defineProperty(j,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(_){this._foldedDefaultProps=n?function(T){for(var E=[],$=1;$<arguments.length;$++)E[$-1]=arguments[$];for(var H=0,q=E;H<q.length;H++)Gt(T,q[H],!0);return T}({},o.defaultProps,_):_}}),process.env.NODE_ENV!=="production"&&(Eo(f,g),j.warnTooManyClasses=function(_,T){var E={},$=!1;return function(H){if(!$&&(E[H]=!0,Object.keys(E).length>=200)){var q=T?' with the id of "'.concat(T,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(_).concat(q,`.
|
|
75
|
-
`)+`Consider using the attrs method, together with a style object for frequently changed styles.
|
|
76
|
-
Example:
|
|
77
|
-
const Component = styled.div.attrs(props => ({
|
|
78
|
-
style: {
|
|
79
|
-
background: props.background,
|
|
80
|
-
},
|
|
81
|
-
}))\`width: 100%;\`
|
|
82
|
-
|
|
83
|
-
<Component />`),$=!0,E={}}}}(f,g)),Zt(j,function(){return".".concat(j.styledComponentId)}),s&&tn(j,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),j}function Mr(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r}var Lr=function(e){return Object.assign(e,{isCss:!0})};function di(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(Fe(e)||Ne(e))return Lr(ke(Mr(Ct,Le([e],t,!0))));var n=e;return t.length===0&&n.length===1&&typeof n[0]=="string"?ke(n):Lr(ke(Mr(n,t)))}function Yt(e,t,r){if(r===void 0&&(r=Be),!t)throw We(1,t);var n=function(o){for(var s=[],c=1;c<arguments.length;c++)s[c-1]=arguments[c];return e(t,r,di.apply(void 0,Le([o],s,!1)))};return n.attrs=function(o){return Yt(e,t,K(K({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},n.withConfig=function(o){return Yt(e,t,K(K({},r),o))},n}var dn=function(e){return Yt(li,e)},I=dn;Wt.forEach(function(e){I[e]=dn(e)});process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
|
|
84
|
-
Perhaps you're looking to import 'styled-components/native'?
|
|
85
|
-
Read more about this at https://www.styled-components.com/docs/basics#react-native`);var dt="__sc-".concat(je,"__");process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window[dt]||(window[dt]=0),window[dt]===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.
|
|
86
|
-
|
|
87
|
-
See https://s-c.sh/2BAXzed for more info.`),window[dt]+=1);const rt=`
|
|
88
|
-
animation: fadeIn ease 400ms;
|
|
89
|
-
-webkit-animation: fadeIn ease 400ms;
|
|
90
|
-
-moz-animation: fadeIn ease 400ms;
|
|
91
|
-
|
|
92
|
-
@keyframes fadeIn {
|
|
93
|
-
0% {
|
|
94
|
-
opacity: 0;
|
|
95
|
-
}
|
|
96
|
-
100% {
|
|
97
|
-
opacity: 1;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
@-moz-keyframes fadeIn {
|
|
102
|
-
0% {
|
|
103
|
-
opacity: 0;
|
|
104
|
-
}
|
|
105
|
-
100% {
|
|
106
|
-
opacity: 1;
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
@-webkit-keyframes fadeIn {
|
|
111
|
-
0% {
|
|
112
|
-
opacity: 0;
|
|
113
|
-
}
|
|
114
|
-
100% {
|
|
115
|
-
opacity: 1;
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
`,un=`
|
|
119
|
-
animation: fadeOut ease 400ms;
|
|
120
|
-
-webkit-animation: fadeOut ease 400ms;
|
|
121
|
-
-moz-animation: fadeOut ease 400ms;
|
|
122
|
-
|
|
123
|
-
@keyframes fadeOut {
|
|
124
|
-
0% {
|
|
125
|
-
opacity: 1;
|
|
126
|
-
}
|
|
127
|
-
100% {
|
|
128
|
-
opacity: 0;
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
@-moz-keyframes fadeOut {
|
|
133
|
-
0% {
|
|
134
|
-
opacity: 1;
|
|
135
|
-
}
|
|
136
|
-
100% {
|
|
137
|
-
opacity: 0;
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
@-webkit-keyframes fadeOut {
|
|
142
|
-
0% {
|
|
143
|
-
opacity: 1;
|
|
144
|
-
}
|
|
145
|
-
100% {
|
|
146
|
-
opacity: 0;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
`,ui=Object.freeze({phones:"only screen and (max-width: 600px)",portraitTablets:"only screen and (min-width: 600px)",landscapeTablets:"only screen and (min-width: 768px)",laptops:"only screen and (min-width: 992px)",desktops:"only screen and (min-width: 1200px)"}),hi={fontColorBase:"hsl(0, 0%, 24%)",fontColorLight:"hsl(0, 0%, 62%)",fontColorAccent:"hsl(345, 100%, 47%)",backgroundColorBase:"hsl(0, 0%, 100%)",backgroundColorLight:"hsl(0, 0%, 95%)",backgroundColorTransparent:"hsla(0, 0%, 0%, 0.3)",gradientShadow:"linear-gradient(to left, hsl(340deg 100% 16%) 0%, hsl(340deg 100% 32%) 8%, hsl(340deg 100% 32%) 92%, hsl(340deg 100% 16%) 100%)",fontFamilyCore:"Arial, Helvetica, sans-serif",fontFamilyMonospace:"'Courier New', Courier, monospace",fontSizeBase:"1.2rem",fontSizeSmall:"0.8rem",fontSizeHeader:"2rem",gapSmall:"0.25rem",gapMedium:"0.6rem",gapBig:"1rem",iconSize:"1.2rem",blockBorderRadius:"0.25rem",boxShadow:"hsla(0, 0%, 0%, 0.15) 2.4px 2.4px 3.2px",textShadow:"2.4px 2.4px 3.2px hsla(0, 0%, 0%, 0.3)",borderBase:"1px solid hsl(0, 0%, 84%)",borderLight:"1px solid hsl(0, 0%, 89%)",borderAccent:"1px solid hsl(345, 100%, 47%)",borderOutline:"1px solid hsl(0, 0%, 24%)",zIndexBase:"1",zIndexPopup:"100",zIndexModal:"200"},fi={fontColorBase:"hsl(0, 0%, 100%)",fontColorLight:"hsl(0, 0%, 92%)",fontColorAccent:"hsl(16, 82%, 52%)",backgroundColorBase:"hsl(0, 0%, 17%)",backgroundColorLight:"hsl(0, 0%, 24%)",backgroundColorTransparent:"hsla(0, 0%, 92%, 0.3)",gradientShadow:"linear-gradient(to left, hsl(16, 86%, 26%) 0%, hsl(16, 86%, 30%) 8%, hsl(16, 86%, 30%) 92%, hsl(16, 86%, 26%) 100%)",fontFamilyCore:"Arial, Helvetica, sans-serif",fontFamilyMonospace:"'Courier New', Courier, monospace",fontSizeBase:"1.2rem",fontSizeSmall:"0.8rem",fontSizeHeader:"2rem",gapSmall:"0.25rem",gapMedium:"0.6rem",gapBig:"1rem",iconSize:"1.2rem",blockBorderRadius:"0.25rem",boxShadow:"hsla(0, 0%, 92%, 0.15) 2.4px 2.4px 3.2px",textShadow:"2.4px 2.4px 3.2px hsla(0, 0%, 92%, 0.3)",borderBase:"1px solid hsl(0, 0%, 11%)",borderLight:"1px solid hsl(0, 0%, 29%)",borderAccent:"1px solid hsl(16, 82%, 52%)",borderOutline:"1px solid hsl(0, 0%, 100%)",zIndexBase:"1",zIndexPopup:"100",zIndexModal:"200"},pi=I.span`
|
|
150
|
-
display: ${({$visible:e})=>e?"block":"none"};
|
|
151
|
-
position: absolute;
|
|
152
|
-
max-width: 100%;
|
|
153
|
-
right: 0;
|
|
154
|
-
top: 72px;
|
|
155
|
-
opacity: 0.8;
|
|
156
|
-
z-index: ${e=>e.$theme.zIndexPopup};
|
|
157
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
158
|
-
border: ${e=>e.$theme.borderAccent};
|
|
159
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
160
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
161
|
-
font-size: ${e=>e.$theme.fontSizeSmall};
|
|
162
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
163
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
164
|
-
box-shadow: ${e=>e.$theme.boxShadow};
|
|
165
|
-
pointer-events: none;
|
|
166
|
-
|
|
167
|
-
${rt}
|
|
168
|
-
`,Qt=({errorId:e,testId:t,message:r="Invalid input",visible:n=!1,style:o,theme:s})=>i.jsx(pi,{id:e,$visible:n,"data-testid":t,style:o,$theme:s,"aria-hidden":!n,children:r});var X=(e=>(e.Success="success",e.Error="error",e.Warning="warning",e.Info="info",e.Help="help",e))(X||{}),le=(e=>(e.Primary="primary",e.Flat="flat",e.Icon="icon",e))(le||{}),A=(e=>(e.ArrowDown="arrow-down",e.ArrowUp="arrow-up",e.Back="back",e.Cancel="cancel",e.CheckboxChecked="checkbox-checked",e.CheckboxUnchecked="checkbox-unchecked",e.CheckMark="check-mark",e.ChevronDown="chevron-down",e.ChevronLeft="chevron-left",e.ChevronRight="chevron-right",e.ChevronUp="chevron-up",e.Clear="clear",e.Copy="copy",e.Cut="cut",e.Delete="delete",e.Download="download",e.Error="error",e.Forward="forward",e.Help="help",e.Hide="hide",e.Info="info",e.Paste="paste",e.Question="question",e.Save="save",e.Show="show",e.Upload="upload",e.Warning="warning",e.Remove="remove",e))(A||{});function er(e){return i.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{d:"M21.886 5.536A1.002 1.002 0 0021 5H3a1.002 1.002 0 00-.822 1.569l9 13a.998.998 0 001.644 0l9-13a.998.998 0 00.064-1.033zM12 17.243L4.908 7h14.184L12 17.243z"})})}function tr(e){return i.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{d:"M3 19h18a1.002 1.002 0 00.823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 003 19zm9-12.243L19.092 17H4.908L12 6.757z"})})}function mi(e){return i.jsx("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:48,d:"M328 112L184 256l144 144"})})}function gi(e){return i.jsx("svg",{viewBox:"0 0 470 1000",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{d:"M452 656c12 12 18 26.333 18 43s-6 31-18 43c-12 10.667-26.333 16-43 16s-31-5.333-43-16L234 590 102 742c-12 10.667-26.333 16-43 16s-31-5.333-43-16C5.333 730 0 715.667 0 699s5.333-31 16-43l138-156L16 342C5.333 330 0 315.667 0 299s5.333-31 16-43c12-10.667 26.333-16 43-16s31 5.333 43 16l132 152 132-152c12-10.667 26.333-16 43-16s31 5.333 43 16c12 12 18 26.333 18 43s-6 31-18 43L314 500l138 156"})})}function kt(e){return i.jsx("svg",{viewBox:"0 0 16 16",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{fill:"currentColor",d:"M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM7 12.414L3.293 8.707l1.414-1.414L7 9.586l4.793-4.793 1.414 1.414L7 12.414z"})})}function jt(e){return i.jsx("svg",{viewBox:"0 0 16 16",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{fill:"currentColor",d:"M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 14H2V2h12v12z"})})}function rr(e){return i.jsx("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{d:"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z"})})}function vi(e){return i.jsx("svg",{fill:"currentColor",viewBox:"0 0 16 16",height:"1em",width:"1em",...e,children:i.jsx("path",{fillRule:"evenodd",d:"M1.553 6.776a.5.5 0 01.67-.223L8 9.44l5.776-2.888a.5.5 0 11.448.894l-6 3a.5.5 0 01-.448 0l-6-3a.5.5 0 01-.223-.67z"})})}function yi(e){return i.jsx("svg",{fill:"currentColor",viewBox:"0 0 16 16",height:"1em",width:"1em",...e,children:i.jsx("path",{fillRule:"evenodd",d:"M9.224 1.553a.5.5 0 01.223.67L6.56 8l2.888 5.776a.5.5 0 11-.894.448l-3-6a.5.5 0 010-.448l3-6a.5.5 0 01.67-.223z"})})}function bi(e){return i.jsx("svg",{fill:"currentColor",viewBox:"0 0 16 16",height:"1em",width:"1em",...e,children:i.jsx("path",{fillRule:"evenodd",d:"M6.776 1.553a.5.5 0 01.671.223l3 6a.5.5 0 010 .448l-3 6a.5.5 0 11-.894-.448L9.44 8 6.553 2.224a.5.5 0 01.223-.671z"})})}function xi(e){return i.jsx("svg",{fill:"currentColor",viewBox:"0 0 16 16",height:"1em",width:"1em",...e,children:i.jsx("path",{fillRule:"evenodd",d:"M7.776 5.553a.5.5 0 01.448 0l6 3a.5.5 0 11-.448.894L8 6.56 2.224 9.447a.5.5 0 11-.448-.894l6-3z"})})}function $i(e){return i.jsxs("svg",{viewBox:"0 0 1024 1024",fill:"currentColor",height:"1em",width:"1em",...e,children:[i.jsx("defs",{children:i.jsx("style",{})}),i.jsx("path",{d:"M899.1 869.6l-53-305.6H864c14.4 0 26-11.6 26-26V346c0-14.4-11.6-26-26-26H618V138c0-14.4-11.6-26-26-26H432c-14.4 0-26 11.6-26 26v182H160c-14.4 0-26 11.6-26 26v192c0 14.4 11.6 26 26 26h17.9l-53 305.6c-.3 1.5-.4 3-.4 4.4 0 14.4 11.6 26 26 26h723c1.5 0 3-.1 4.4-.4 14.2-2.4 23.7-15.9 21.2-30zM204 390h272V182h72v208h272v104H204V390zm468 440V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H416V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H202.8l45.1-260H776l45.1 260H672z"})]})}function wi(e){return i.jsxs("svg",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,viewBox:"0 0 24 24",height:"1em",width:"1em",...e,children:[i.jsx("path",{d:"M11 9 H20 A2 2 0 0 1 22 11 V20 A2 2 0 0 1 20 22 H11 A2 2 0 0 1 9 20 V11 A2 2 0 0 1 11 9 z"}),i.jsx("path",{d:"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"})]})}function Si(e){return i.jsxs("svg",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,viewBox:"0 0 24 24",height:"1em",width:"1em",...e,children:[i.jsx("path",{stroke:"none",d:"M0 0h24v24H0z"}),i.jsx("path",{d:"M10 17 A3 3 0 0 1 7 20 A3 3 0 0 1 4 17 A3 3 0 0 1 10 17 z"}),i.jsx("path",{d:"M20 17 A3 3 0 0 1 17 20 A3 3 0 0 1 14 17 A3 3 0 0 1 20 17 z"}),i.jsx("path",{d:"M9.15 14.85L18 4M6 4l8.85 10.85"})]})}function Ci(e){return i.jsx("svg",{viewBox:"0 0 1024 1024",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{d:"M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"})})}function ki(e){return i.jsx("svg",{viewBox:"0 0 1024 1024",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{d:"M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"})})}function hn(e){return i.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:[i.jsx("path",{d:"M11 7h2v7h-2zm0 8h2v2h-2z"}),i.jsx("path",{d:"M21.707 7.293l-5-5A.996.996 0 0016 2H8a.996.996 0 00-.707.293l-5 5A.996.996 0 002 8v8c0 .266.105.52.293.707l5 5A.996.996 0 008 22h8c.266 0 .52-.105.707-.293l5-5A.996.996 0 0022 16V8a.996.996 0 00-.293-.707zM20 15.586L15.586 20H8.414L4 15.586V8.414L8.414 4h7.172L20 8.414v7.172z"})]})}function ji(e){return i.jsx("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:48,d:"M184 112l144 144-144 144"})})}function fn(e){return i.jsx("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{d:"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM192.13 260.18a64 64 0 1159.69 59.69 64.07 64.07 0 01-59.69-59.69zm240-66.64l-96.37 5.84a4.06 4.06 0 01-3.44-1.59 96 96 0 00-18.07-18.07 4.06 4.06 0 01-1.59-3.44l5.84-96.37a4 4 0 015.42-3.51A193 193 0 01435.6 188.12a4 4 0 01-3.51 5.42zM193.54 79.91l5.84 96.37a4.06 4.06 0 01-1.59 3.44 96 96 0 00-18.07 18.07 4.06 4.06 0 01-3.44 1.59l-96.37-5.84a4 4 0 01-3.51-5.42A193 193 0 01188.12 76.4a4 4 0 015.42 3.51zM79.91 318.46l96.37-5.84a4.06 4.06 0 013.44 1.59 96 96 0 0018.07 18.07 4.06 4.06 0 011.59 3.44l-5.84 96.37a4 4 0 01-5.42 3.51A193 193 0 0176.4 323.88a4 4 0 013.51-5.42zm238.55 113.63l-5.84-96.37a4.06 4.06 0 011.59-3.44 96 96 0 0018.07-18.07 4.06 4.06 0 013.44-1.59l96.37 5.84a4 4 0 013.51 5.42A193 193 0 01323.88 435.6a4 4 0 01-5.42-3.51z"})})}function Ei(e){return i.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{d:"M12 19c.946 0 1.81-.103 2.598-.281l-1.757-1.757c-.273.021-.55.038-.841.038-5.351 0-7.424-3.846-7.926-5a8.642 8.642 0 011.508-2.297L4.184 8.305c-1.538 1.667-2.121 3.346-2.132 3.379a.994.994 0 000 .633C2.073 12.383 4.367 19 12 19zm0-14c-1.837 0-3.346.396-4.604.981L3.707 2.293 2.293 3.707l18 18 1.414-1.414-3.319-3.319c2.614-1.951 3.547-4.615 3.561-4.657a.994.994 0 000-.633C21.927 11.617 19.633 5 12 5zm4.972 10.558l-2.28-2.28c.19-.39.308-.819.308-1.278 0-1.641-1.359-3-3-3-.459 0-.888.118-1.277.309L8.915 7.501A9.26 9.26 0 0112 7c5.351 0 7.424 3.846 7.926 5-.302.692-1.166 2.342-2.954 3.558z"})})}function pn(e){return i.jsxs("svg",{viewBox:"0 0 1024 1024",fill:"currentColor",height:"1em",width:"1em",...e,children:[i.jsx("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}),i.jsx("path",{d:"M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"})]})}function Ri(e){return i.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{d:"M20 11V5c0-1.103-.897-2-2-2h-3a1 1 0 00-1-1H8a1 1 0 00-1 1H4c-1.103 0-2 .897-2 2v13c0 1.103.897 2 2 2h7c0 1.103.897 2 2 2h7c1.103 0 2-.897 2-2v-7c0-1.103-.897-2-2-2zm-9 2v5H4V5h3v2h8V5h3v6h-5c-1.103 0-2 .897-2 2zm2 7v-7h7l.001 7H13z"})})}function Ii(e){return i.jsxs("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",...e,children:[i.jsx("path",{fill:"none",stroke:"currentColor",strokeMiterlimit:10,strokeWidth:32,d:"M256 80a176 176 0 10176 176A176 176 0 00256 80z"}),i.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:10,strokeWidth:28,d:"M200 202.29s.84-17.5 19.57-32.57C230.68 160.77 244 158.18 256 158c10.93-.14 20.69 1.67 26.53 4.45 10 4.76 29.47 16.38 29.47 41.09 0 26-17 37.81-36.37 50.8S251 281.43 251 296"}),i.jsx("path",{d:"M270 348 A20 20 0 0 1 250 368 A20 20 0 0 1 230 348 A20 20 0 0 1 270 348 z"})]})}function Ai(e){return i.jsxs("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",...e,children:[i.jsx("path",{fill:"none",stroke:"currentColor",strokeLinejoin:"round",strokeWidth:32,d:"M135.19 390.14a28.79 28.79 0 0021.68 9.86h246.26A29 29 0 00432 371.13V140.87A29 29 0 00403.13 112H156.87a28.84 28.84 0 00-21.67 9.84v0L46.33 256l88.86 134.11z"}),i.jsx("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:32,d:"M336.67 192.33L206.66 322.34M336.67 322.34L206.66 192.33M336.67 192.33L206.66 322.34M336.67 322.34L206.66 192.33"})]})}function Ti(e){return i.jsx("svg",{viewBox:"0 0 1024 1024",fill:"currentColor",height:"1em",width:"1em",...e,children:i.jsx("path",{d:"M893.3 293.3L730.7 130.7c-7.5-7.5-16.7-13-26.7-16V112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V338.5c0-17-6.7-33.2-18.7-45.2zM384 184h256v104H384V184zm456 656H184V184h136v136c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V205.8l136 136V840zM512 442c-79.5 0-144 64.5-144 144s64.5 144 144 144 144-64.5 144-144-64.5-144-144-144zm0 224c-44.2 0-80-35.8-80-80s35.8-80 80-80 80 35.8 80 80-35.8 80-80 80z"})})}function _i(e){return i.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:[i.jsx("path",{d:"M12 9a3.02 3.02 0 00-3 3c0 1.642 1.358 3 3 3 1.641 0 3-1.358 3-3 0-1.641-1.359-3-3-3z"}),i.jsx("path",{d:"M12 5c-7.633 0-9.927 6.617-9.948 6.684L1.946 12l.105.316C2.073 12.383 4.367 19 12 19s9.927-6.617 9.948-6.684l.106-.316-.105-.316C21.927 11.617 19.633 5 12 5zm0 12c-5.351 0-7.424-3.846-7.926-5C4.578 10.842 6.652 7 12 7c5.351 0 7.424 3.846 7.926 5-.504 1.158-2.578 5-7.926 5z"})]})}function zi(e){return i.jsxs("svg",{fill:"currentColor",viewBox:"0 0 16 16",height:"1em",width:"1em",...e,children:[i.jsx("path",{d:"M.5 9.9a.5.5 0 01.5.5v2.5a1 1 0 001 1h12a1 1 0 001-1v-2.5a.5.5 0 011 0v2.5a2 2 0 01-2 2H2a2 2 0 01-2-2v-2.5a.5.5 0 01.5-.5z"}),i.jsx("path",{d:"M7.646 1.146a.5.5 0 01.708 0l3 3a.5.5 0 01-.708.708L8.5 2.707V11.5a.5.5 0 01-1 0V2.707L5.354 4.854a.5.5 0 11-.708-.708l3-3z"})]})}function mn(e){return i.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:[i.jsx("path",{fill:"none",d:"M0 0h24v24H0z"}),i.jsx("path",{d:"M4 20v-6a8 8 0 1116 0v6h1v2H3v-2h1zm2 0h12v-6a6 6 0 10-12 0v6zm5-18h2v3h-2V2zm8.778 2.808l1.414 1.414-2.12 2.121-1.415-1.414 2.121-2.121zM2.808 6.222l1.414-1.414 2.121 2.12L4.93 8.344 2.808 6.222zM7 14a5 5 0 015-5v2a3 3 0 00-3 3H7z"})]})}const Me=({name:e})=>{switch(e){case A.ArrowDown:return i.jsx(er,{});case A.ArrowUp:return i.jsx(tr,{});case A.Back:return i.jsx(mi,{});case A.Cancel:return i.jsx(gi,{});case A.CheckboxChecked:return i.jsx(kt,{});case A.CheckboxUnchecked:return i.jsx(jt,{});case A.CheckMark:return i.jsx(rr,{});case A.ChevronDown:return i.jsx(vi,{});case A.ChevronUp:return i.jsx(xi,{});case A.ChevronLeft:return i.jsx(yi,{});case A.ChevronRight:return i.jsx(bi,{});case A.Clear:return i.jsx($i,{});case A.Copy:return i.jsx(wi,{});case A.Cut:return i.jsx(Si,{});case A.Delete:return i.jsx(Ci,{});case A.Download:return i.jsx(ki,{});case A.Error:return i.jsx(hn,{});case A.Forward:return i.jsx(ji,{});case A.Help:return i.jsx(fn,{});case A.Hide:return i.jsx(Ei,{});case A.Info:return i.jsx(pn,{});case A.Paste:return i.jsx(Ri,{});case A.Question:return i.jsx(Ii,{});case A.Save:return i.jsx(Ti,{});case A.Show:return i.jsx(_i,{});case A.Upload:return i.jsx(zi,{});case A.Warning:return i.jsx(mn,{});case A.Remove:return i.jsx(Ai,{});default:return null}},Pi=I.button`
|
|
169
|
-
background: transparent;
|
|
170
|
-
border: none;
|
|
171
|
-
display: flex;
|
|
172
|
-
align-items: center;
|
|
173
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
174
|
-
color: ${e=>e.$theme.fontColorLight};
|
|
175
|
-
padding: 0;
|
|
176
|
-
|
|
177
|
-
&:focus-visible {
|
|
178
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
179
|
-
outline-offset: -1px;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
&:hover {
|
|
183
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
svg {
|
|
187
|
-
cursor: pointer;
|
|
188
|
-
height: ${e=>e.$theme.iconSize};
|
|
189
|
-
width: ${e=>e.$theme.iconSize};
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
&[disabled] {
|
|
193
|
-
pointer-events: none;
|
|
194
|
-
opacity: 0.5;
|
|
195
|
-
}
|
|
196
|
-
`,Qe=({onClick:e,label:t,icon:r,disabled:n,theme:o})=>i.jsx(Pi,{onClick:e,"aria-label":t,type:"button",disabled:n,$theme:o,children:i.jsx(Me,{name:r})}),Mi=I.label`
|
|
197
|
-
display: flex;
|
|
198
|
-
align-items: center;
|
|
199
|
-
font-size: ${e=>e.$theme.fontSizeSmall};
|
|
200
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
201
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
202
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
203
|
-
|
|
204
|
-
&:hover {
|
|
205
|
-
text-shadow: ${e=>e.$theme.textShadow};
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
& + span {
|
|
209
|
-
text-wrap: nowrap;
|
|
210
|
-
overflow: hidden;
|
|
211
|
-
text-overflow: ellipsis;
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
& abbr {
|
|
215
|
-
text-decoration: none;
|
|
216
|
-
cursor: pointer;
|
|
217
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
218
|
-
margin-left: ${e=>e.$theme.gapSmall};
|
|
219
|
-
}
|
|
220
|
-
`,Ee=({label:e,required:t,inputId:r,theme:n,icon:o,iconPosition:s,isTextHidden:c=!1,style:d})=>{const l=!!o&&s==="left",h=!!o&&s==="right";return i.jsxs(Mi,{htmlFor:r,style:d,$theme:n,children:[l&&o,!c&&i.jsxs("span",{children:[e,t&&i.jsx("abbr",{title:"required",children:"*"})]}),h&&o]})};function Li(e){return({tooltip:t,visibleOn:r,...n})=>t!=null&&t.length?i.jsx(jn,{tooltipContent:t,visibleOn:r,children:i.jsx(e,{...n})}):i.jsx(e,{...n})}const be=b.createContext({}),gn=b.createContext({mode:"light"});function Oi(e,t){const r=e==="dark"?fi:hi;if(t)for(const n in t){const o=n;Object.prototype.hasOwnProperty.call(r,o)&&(r[o]=t[o].toString())}return r}function et(e){const t=document.getElementById(e);t&&t.focus()}function vn({e,options:t,onClose:r}){let n="";t.forEach(s=>{document.getElementById(s.id)===document.activeElement&&(n=s.id)});const o=t.findIndex(s=>s.id===n);switch(e.key){case"Escape":e.preventDefault(),r();break;case"ArrowUp":{e.preventDefault();const s=o-1>=0?o-1:t.length-1,c=t[s];c&&et(c.id);break}case"ArrowDown":case"Tab":{e.preventDefault();const s=o===t.length-1?0:o+1,c=t[s];c&&et(c.id);break}}}const J=()=>{const{customTheme:e,mode:t}=b.useContext(gn);return Oi(t,e)},Et=({ref:e,onClickOutsideHandler:t,dependentRef:r})=>{b.useEffect(()=>{const n=o=>{const s=(e==null?void 0:e.current)&&!e.current.contains(o.target),c=r!=null&&r.current?!r.current.contains(o.target):!0;s&&c&&t()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[e,r,t])},yn=({ref:e,isVisible:t})=>{const[r,n]=b.useState({width:0,height:0});return b.useEffect(()=>{e.current&&t&&n({width:e.current.offsetWidth,height:e.current.offsetHeight})},[e,t]),r};function de(e){const t=b.useId(),r=e??t,n=`${r}_error`,o=`${r}_dropdown`;return{elementId:r,errorId:n,dropdownId:o}}const nt=({ref:e,keyCode:t,onKeyPress:r})=>{b.useEffect(()=>{const n=o=>{(o==null?void 0:o.code)===t&&(e!=null&&e.current)&&r()};return document.addEventListener("keydown",n,!1),()=>{document.removeEventListener("keydown",n,!1)}},[e,t,r])},bn=({modalRef:e,isOpened:t})=>{b.useEffect(()=>{const r=e.current;if(!t||!r)return;const n=r.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),o=n[0],s=n[n.length-1],c=d=>{d.key==="Tab"&&(d.shiftKey&&document.activeElement===o?(d.preventDefault(),s.focus()):!d.shiftKey&&document.activeElement===s&&(d.preventDefault(),o.focus()))};return r.addEventListener("keydown",c),()=>{r.removeEventListener("keydown",c)}},[e,t])},nr=(e,t=300)=>{const[r,n]=b.useState(!1);return b.useEffect(()=>{e&&!r?n(!0):!e&&r&&setTimeout(()=>{n(!1)},t)},[e]),r},Ve=e=>{const{resetSignal:t}=b.useContext(be);b.useEffect(()=>{t&&e()},[t,e])};function Or(){const{innerWidth:e,innerHeight:t}=window;return{width:e,height:t}}function xn(){const[e,t]=b.useState(Or());return b.useEffect(()=>{function r(){t(Or())}return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]),e}const $n=({wrapperRef:e,tooltipRef:t,isOpened:r,spacing:n=4})=>{const[o,s]=b.useState({top:0,left:0}),{width:c,height:d}=yn({ref:t,isVisible:r}),{width:l,height:h}=xn();return b.useEffect(()=>{if(r&&e.current){const u=e.current.getBoundingClientRect();let f=Math.round(u.bottom+n),g=Math.round(u.left);f+d>window.innerHeight&&(f=Math.round(u.top-d-n)),g+c>window.innerWidth&&(g=Math.round(window.innerWidth-c-n)),g<0&&(g=n),s({top:f,left:g})}},[r,e,d,c,n,l,h]),o},Di=I.button`
|
|
221
|
-
position: relative;
|
|
222
|
-
border: none;
|
|
223
|
-
background: transparent;
|
|
224
|
-
padding: 0;
|
|
225
|
-
cursor: pointer;
|
|
226
|
-
outline: none;
|
|
227
|
-
transition: filter 250ms;
|
|
228
|
-
width: ${e=>e.$extended?"100%":"inherit"};
|
|
229
|
-
|
|
230
|
-
&[disabled] {
|
|
231
|
-
pointer-events: none;
|
|
232
|
-
opacity: 0.5;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
.chop-logic-button_shadow {
|
|
236
|
-
position: absolute;
|
|
237
|
-
top: 0;
|
|
238
|
-
left: 0;
|
|
239
|
-
width: 100%;
|
|
240
|
-
height: 100%;
|
|
241
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
242
|
-
background: hsl(0deg 0% 0% / 0.25);
|
|
243
|
-
will-change: transform;
|
|
244
|
-
transform: translateY(2px);
|
|
245
|
-
transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
.chop-logic-button_edge {
|
|
249
|
-
position: absolute;
|
|
250
|
-
top: 0;
|
|
251
|
-
left: 0;
|
|
252
|
-
width: 100%;
|
|
253
|
-
height: 100%;
|
|
254
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
255
|
-
background: ${e=>e.$theme.gradientShadow};
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
.chop-logic-button_front {
|
|
259
|
-
display: flex;
|
|
260
|
-
align-items: center;
|
|
261
|
-
justify-content: center;
|
|
262
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
263
|
-
position: relative;
|
|
264
|
-
padding: ${e=>`${e.$theme.gapMedium} ${e.$theme.gapBig}`};
|
|
265
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
266
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
267
|
-
color: #ffffff;
|
|
268
|
-
background: ${e=>e.$theme.fontColorAccent};
|
|
269
|
-
will-change: transform;
|
|
270
|
-
transform: translateY(-4px);
|
|
271
|
-
transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
&:hover {
|
|
275
|
-
filter: brightness(110%);
|
|
276
|
-
}
|
|
277
|
-
|
|
278
|
-
&:hover .chop-logic-button_front {
|
|
279
|
-
transform: translateY(-6px);
|
|
280
|
-
transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
&:active .chop-logic-button_front {
|
|
284
|
-
transform: translateY(-2px);
|
|
285
|
-
transition: transform 34ms;
|
|
286
|
-
}
|
|
287
|
-
|
|
288
|
-
&:hover .chop-logic-button_shadow {
|
|
289
|
-
transform: translateY(4px);
|
|
290
|
-
transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
|
|
291
|
-
}
|
|
292
|
-
|
|
293
|
-
&:active .chop-logic-button_shadow {
|
|
294
|
-
transform: translateY(1px);
|
|
295
|
-
transition: transform 34ms;
|
|
296
|
-
}
|
|
297
|
-
|
|
298
|
-
&:focus-visible {
|
|
299
|
-
outline: revert;
|
|
300
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
301
|
-
outline-offset: 4px;
|
|
302
|
-
}
|
|
303
|
-
`,Bi=I.button`
|
|
304
|
-
border: none;
|
|
305
|
-
cursor: pointer;
|
|
306
|
-
display: flex;
|
|
307
|
-
align-items: center;
|
|
308
|
-
justify-content: center;
|
|
309
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
310
|
-
padding: ${e=>`${e.$theme.gapMedium} ${e.$theme.gapBig}`};
|
|
311
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
312
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
313
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
314
|
-
background: transparent;
|
|
315
|
-
width: ${e=>e.$extended?"100%":"inherit"};
|
|
316
|
-
|
|
317
|
-
&:hover,
|
|
318
|
-
&:active {
|
|
319
|
-
background: ${e=>e.$theme.backgroundColorLight};
|
|
320
|
-
transition: all 0.3s ease 0s;
|
|
321
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
322
|
-
}
|
|
323
|
-
|
|
324
|
-
&:focus-visible {
|
|
325
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
326
|
-
}
|
|
327
|
-
|
|
328
|
-
&[disabled] {
|
|
329
|
-
pointer-events: none;
|
|
330
|
-
opacity: 0.5;
|
|
331
|
-
}
|
|
332
|
-
`,Fi=I.button`
|
|
333
|
-
border: none;
|
|
334
|
-
cursor: pointer;
|
|
335
|
-
display: flex;
|
|
336
|
-
align-items: center;
|
|
337
|
-
justify-content: center;
|
|
338
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
339
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
340
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
341
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
342
|
-
background: transparent;
|
|
343
|
-
|
|
344
|
-
&:hover {
|
|
345
|
-
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
346
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
347
|
-
transition: all 0.3s ease 0s;
|
|
348
|
-
}
|
|
349
|
-
|
|
350
|
-
&:focus-visible {
|
|
351
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
352
|
-
}
|
|
353
|
-
|
|
354
|
-
&[disabled] {
|
|
355
|
-
pointer-events: none;
|
|
356
|
-
opacity: 0.5;
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
svg {
|
|
360
|
-
height: ${e=>e.$theme.iconSize};
|
|
361
|
-
width: ${e=>e.$theme.iconSize};
|
|
362
|
-
}
|
|
363
|
-
`,Ni=({onClick:e,text:t,icon:r,label:n,disabled:o=!1,extended:s=!1,type:c="button",view:d=le.Primary,...l})=>{const h=J();switch(d){case le.Primary:return i.jsxs(Di,{$extended:s,"aria-label":n,type:c,onClick:e,disabled:o,$theme:h,...l,children:[i.jsx("span",{className:"chop-logic-button_shadow"}),i.jsx("span",{className:"chop-logic-button_edge"}),i.jsxs("span",{className:"chop-logic-button_front",children:[i.jsx(Me,{name:r}),t]})]});case le.Flat:return i.jsxs(Bi,{$extended:s,"aria-label":n,type:c,onClick:e,disabled:o,$theme:h,...l,children:[i.jsx(Me,{name:r}),t]});case le.Icon:return i.jsx(Fi,{"aria-label":n,type:c,onClick:e,disabled:o,$theme:h,...l,children:i.jsx(Me,{name:r})});default:return null}},tt=Li(Ni),Hi=I.div`
|
|
364
|
-
display: flex;
|
|
365
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
366
|
-
padding: ${e=>e.$theme.gapMedium} 0;
|
|
367
|
-
position: relative;
|
|
368
|
-
overflow: hidden;
|
|
369
|
-
|
|
370
|
-
& svg {
|
|
371
|
-
color: ${e=>e.$checked?e.$theme.fontColorAccent:e.$theme.fontColorLight};
|
|
372
|
-
}
|
|
373
|
-
|
|
374
|
-
& label {
|
|
375
|
-
cursor: pointer;
|
|
376
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
377
|
-
font-size: ${e=>e.$theme.fontSizeBase} !important;
|
|
378
|
-
&:hover,
|
|
379
|
-
&:active {
|
|
380
|
-
text-shadow: ${e=>e.$theme.textShadow};
|
|
381
|
-
}
|
|
382
|
-
}
|
|
383
|
-
|
|
384
|
-
${e=>e.$disabled&&`
|
|
385
|
-
pointer-events: none;
|
|
386
|
-
opacity: 0.5;
|
|
387
|
-
`}
|
|
388
|
-
|
|
389
|
-
& input {
|
|
390
|
-
position: absolute;
|
|
391
|
-
z-index: -1;
|
|
392
|
-
opacity: 0;
|
|
393
|
-
top: 4px;
|
|
394
|
-
left: 0;
|
|
395
|
-
margin: 0;
|
|
396
|
-
|
|
397
|
-
&:focus-visible + label {
|
|
398
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
399
|
-
outline-offset: 2px;
|
|
400
|
-
}
|
|
401
|
-
}
|
|
402
|
-
`;function Wi({defaultChecked:e,initialValues:t,name:r}){return t&&(t==null?void 0:t[r])!==void 0?!!(t!=null&&t[r]):!!e}function Vi({name:e,defaultChecked:t,onChange:r}){const{onChangeFormInput:n,initialValues:o}=b.useContext(be),s=Wi({initialValues:o,name:e,defaultChecked:t}),[c,d]=b.useState(s),l=u=>{const f=u.target.checked;d(f),r==null||r(u),n==null||n({name:e,value:f})},h=b.useCallback(()=>{d(s),n==null||n({name:e,value:s})},[e]);return Ve(h),{handleChange:l,checked:c}}const Gi=({name:e,label:t,disabled:r,noLabel:n,required:o=!1,iconPosition:s="left",defaultChecked:c,onChange:d,id:l,...h})=>{const{handleChange:u,checked:f}=Vi({name:e,defaultChecked:c,onChange:d}),{elementId:g}=de(l),m=J();return i.jsxs(Hi,{$disabled:!!r,$theme:m,$checked:f,...h,children:[i.jsx("input",{id:g,name:e,type:"checkbox",disabled:r,required:o,checked:f,onChange:u,"aria-label":n?t:void 0}),i.jsx(Ee,{label:t,required:o,inputId:g,isTextHidden:n,icon:f?i.jsx(kt,{}):i.jsx(jt,{}),iconPosition:s,theme:m})]})},wn=I.div`
|
|
403
|
-
position: relative;
|
|
404
|
-
display: flex;
|
|
405
|
-
justify-content: space-between;
|
|
406
|
-
flex-direction: column;
|
|
407
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
408
|
-
background: transparent;
|
|
409
|
-
`,Sn=I.button`
|
|
410
|
-
text-align: left;
|
|
411
|
-
cursor: pointer;
|
|
412
|
-
display: flex;
|
|
413
|
-
justify-content: space-between;
|
|
414
|
-
align-items: center;
|
|
415
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
416
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
417
|
-
border: ${e=>e.$theme.borderBase};
|
|
418
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
419
|
-
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
420
|
-
white-space: nowrap;
|
|
421
|
-
text-overflow: ellipsis;
|
|
422
|
-
overflow: hidden;
|
|
423
|
-
|
|
424
|
-
& > span:nth-child(1) {
|
|
425
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
426
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
427
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
428
|
-
overflow: hidden;
|
|
429
|
-
text-overflow: ellipsis;
|
|
430
|
-
}
|
|
431
|
-
|
|
432
|
-
svg {
|
|
433
|
-
cursor: pointer;
|
|
434
|
-
color: ${e=>e.$theme.fontColorLight};
|
|
435
|
-
height: ${e=>e.$theme.iconSize};
|
|
436
|
-
width: ${e=>e.$theme.iconSize};
|
|
437
|
-
|
|
438
|
-
&:hover {
|
|
439
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
440
|
-
}
|
|
441
|
-
}
|
|
442
|
-
|
|
443
|
-
&:focus-visible {
|
|
444
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
445
|
-
outline-offset: 2px;
|
|
446
|
-
}
|
|
447
|
-
|
|
448
|
-
&[disabled] {
|
|
449
|
-
pointer-events: none;
|
|
450
|
-
opacity: 0.5;
|
|
451
|
-
}
|
|
452
|
-
`,Cn=I.ul`
|
|
453
|
-
visibility: hidden;
|
|
454
|
-
opacity: 0;
|
|
455
|
-
transition:
|
|
456
|
-
visibility 0s,
|
|
457
|
-
opacity 0.3s linear;
|
|
458
|
-
position: absolute;
|
|
459
|
-
background: ${e=>e.$theme.backgroundColorLight};
|
|
460
|
-
margin: 0;
|
|
461
|
-
padding: 0;
|
|
462
|
-
list-style: none;
|
|
463
|
-
z-index: ${e=>e.$theme.zIndexPopup};
|
|
464
|
-
width: 100%;
|
|
465
|
-
top: 72px;
|
|
466
|
-
left: -1px;
|
|
467
|
-
border: ${e=>e.$theme.borderBase};
|
|
468
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
469
|
-
box-shadow: ${e=>e.$theme.boxShadow};
|
|
470
|
-
overflow-y: auto;
|
|
471
|
-
max-height: 180px;
|
|
472
|
-
|
|
473
|
-
${e=>e.$opened&&"visibility: visible; opacity: 1;"}
|
|
474
|
-
`,kn=I.li`
|
|
475
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
476
|
-
cursor: pointer;
|
|
477
|
-
display: flex;
|
|
478
|
-
justify-content: space-between;
|
|
479
|
-
align-items: center;
|
|
480
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
481
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
482
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
483
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
484
|
-
|
|
485
|
-
&:hover,
|
|
486
|
-
&:active {
|
|
487
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
488
|
-
}
|
|
489
|
-
|
|
490
|
-
&:focus-visible {
|
|
491
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
492
|
-
outline-offset: -4px;
|
|
493
|
-
}
|
|
494
|
-
|
|
495
|
-
svg {
|
|
496
|
-
color: ${e=>e.$selected?e.$theme.fontColorAccent:e.$theme.fontColorLight};
|
|
497
|
-
width: ${e=>e.$theme.iconSize};
|
|
498
|
-
height: ${e=>e.$theme.iconSize};
|
|
499
|
-
}
|
|
500
|
-
`,Ui=I(kn)`
|
|
501
|
-
justify-content: flex-start;
|
|
502
|
-
`,Yi=({opened:e,onClick:t,comboboxId:r,dropdownId:n,name:o,placeholder:s,disabled:c,required:d,values:l,theme:h})=>{const u=l==null?void 0:l.filter(m=>m.selected).map(m=>m.label),f=l==null?void 0:l.filter(m=>m.selected).map(m=>m.id);let g=i.jsx("span",{children:s});return u&&u.length>1?g=i.jsx("span",{children:`${u.length} items selected`}):u&&u.length===1&&(g=i.jsx("span",{children:u[0]})),i.jsxs(Sn,{type:"button",name:o,value:f,role:"combobox","aria-haspopup":"listbox","aria-expanded":e,"aria-controls":n,id:r,onClick:t,disabled:c,"aria-required":d,$theme:h,children:[g,e?i.jsx(tr,{}):i.jsx(er,{})]})},Ki=({value:e,onSelect:t,theme:r})=>{const{id:n,label:o,selected:s}=e,c=d=>l=>{switch(l.key){case" ":case"SpaceBar":case"Enter":l.preventDefault(),t(d);break}};return i.jsxs(Ui,{id:n,role:"option","aria-selected":s,tabIndex:0,onKeyDown:c(n),onClick:()=>t(n),$theme:r,$selected:s,children:[s?i.jsx(kt,{}):i.jsx(jt,{}),i.jsx("span",{children:o})]})},qi=({options:e,opened:t,onClose:r,onSelect:n,dropdownId:o,theme:s})=>i.jsx(Cn,{$opened:t,role:"listbox",id:o,tabIndex:-1,onKeyDown:c=>vn({e:c,options:e,onClose:r}),$theme:s,children:e.map(c=>i.jsx(Ki,{value:c,onSelect:()=>n(c.id),theme:s},c.id))});function Xi({name:e,options:t,initialValues:r,defaultValue:n}){return t.map(o=>{let s=!1;return r&&(r!=null&&r[e])&&Array.isArray(r[e])&&r[e].find(d=>d===o.id||(d==null?void 0:d.id)===o.id)&&(s=!0),!(r!=null&&r[e])&&Array.isArray(n)&&n.find(d=>d===o.id)&&(s=!0),{...o,selected:s}})}const Dr=e=>e.filter(t=>t.selected).map(t=>t.id),Ji=(e,t)=>{const r=e.find(n=>n.id===t);return e.map(n=>n.id===t?{...n,selected:!(r!=null&&r.selected)}:n)};function Zi({name:e,defaultValue:t,onChange:r,options:n}){const[o,s]=b.useState(!1),{onChangeFormInput:c,initialValues:d}=b.useContext(be),l=Xi({name:e,options:n,initialValues:d,defaultValue:t}),[h,u]=b.useState(l),f=()=>s(!1),g=()=>s(!o),m=w=>{const k=Ji(h,w);u(k),r==null||r(k),c==null||c({name:e,value:Dr(k)})},y=b.useCallback(()=>{s(!1),u(l),c==null||c({name:e,value:Dr(l)})},[e]);return Ve(y),{handleClose:f,handleToggle:g,handleSelect:m,opened:o,values:h}}const Qi=({options:e,name:t,label:r,required:n=!1,placeholder:o="Not selected",disabled:s=!1,onChange:c,defaultValue:d,id:l,...h})=>{const u=b.useRef(null),{elementId:f,dropdownId:g}=de(l),m=J(),{handleClose:y,handleSelect:w,handleToggle:k,opened:S,values:x}=Zi({name:t,options:e,defaultValue:d,onChange:c});return Et({ref:u,onClickOutsideHandler:y}),nt({keyCode:"Escape",ref:u,onKeyPress:y}),i.jsxs(wn,{ref:u,$theme:m,...h,children:[i.jsx(Ee,{label:r,required:n,inputId:f,theme:m}),i.jsx(Yi,{name:t,opened:S,comboboxId:f,dropdownId:g,onClick:k,values:x,placeholder:o,disabled:s,required:n,theme:m}),i.jsx(qi,{theme:m,options:x,opened:S,onClose:y,dropdownId:g,onSelect:w})]})};function es({name:e,initialValues:t,defaultValue:r}){return t&&t[e]?Number(t[e]):r&&typeof r=="number"?r:0}function ts({value:e,required:t,validator:r,maxValue:n,minValue:o}){return t&&!r&&e===void 0?!1:r&&typeof r=="function"?r(e):n&&o&&e&&!r?e<=n&&e>=o:!0}function rs({name:e,defaultValue:t,onChange:r,onSpinButtonClick:n,min:o,max:s,step:c,required:d,validator:l}){const{onChangeFormInput:h,initialValues:u}=b.useContext(be),f=es({initialValues:u,defaultValue:t,name:e}),g=s?Number(s):Number.MAX_SAFE_INTEGER,m=o?Number(o):Number.MIN_SAFE_INTEGER,[y,w]=b.useState(f),[k,S]=b.useState(!0),x=$=>{w($);const H=ts({value:$,required:d,validator:l,maxValue:g,minValue:m});S(H),h==null||h({name:e,value:$,valid:H})},j=$=>{const H=Number($.target.value);x(H),r==null||r($)},_=()=>{x(y+c),n==null||n(y+c)},T=()=>{x(y-c),n==null||n(y-c)},E=b.useCallback(()=>{w(f),S(!0),h==null||h({name:e,value:f,valid:!0})},[e]);return Ve(E),{handleChange:j,value:y,valid:k,minValue:m,maxValue:g,increment:_,decrement:T}}const ns=I.div`
|
|
503
|
-
display: flex;
|
|
504
|
-
flex-direction: column;
|
|
505
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
506
|
-
position: relative;
|
|
507
|
-
|
|
508
|
-
& > div:nth-child(2) {
|
|
509
|
-
display: flex;
|
|
510
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
511
|
-
align-items: center;
|
|
512
|
-
border: ${e=>e.$theme.borderBase};
|
|
513
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
514
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
515
|
-
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
516
|
-
|
|
517
|
-
&:has(input:focus) {
|
|
518
|
-
border: ${e=>e.$theme.borderOutline};
|
|
519
|
-
}
|
|
520
|
-
|
|
521
|
-
&:has(input[aria-invalid='true']) {
|
|
522
|
-
border: ${e=>e.$theme.borderAccent};
|
|
523
|
-
}
|
|
524
|
-
|
|
525
|
-
&:has(input[disabled]) {
|
|
526
|
-
pointer-events: none;
|
|
527
|
-
opacity: 0.5;
|
|
528
|
-
}
|
|
529
|
-
|
|
530
|
-
& > span:nth-child(2) {
|
|
531
|
-
display: flex;
|
|
532
|
-
align-items: center;
|
|
533
|
-
}
|
|
534
|
-
}
|
|
535
|
-
|
|
536
|
-
& input {
|
|
537
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
538
|
-
padding: 0;
|
|
539
|
-
border: none;
|
|
540
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
541
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
542
|
-
display: inline-block;
|
|
543
|
-
background: transparent;
|
|
544
|
-
white-space: nowrap;
|
|
545
|
-
text-overflow: ellipsis;
|
|
546
|
-
overflow: hidden;
|
|
547
|
-
flex-grow: 1;
|
|
548
|
-
min-width: 0;
|
|
549
|
-
|
|
550
|
-
&:focus-visible {
|
|
551
|
-
outline: none;
|
|
552
|
-
}
|
|
553
|
-
|
|
554
|
-
&::-webkit-outer-spin-button,
|
|
555
|
-
&::-webkit-inner-spin-button {
|
|
556
|
-
-webkit-appearance: none;
|
|
557
|
-
margin: 0;
|
|
558
|
-
}
|
|
559
|
-
|
|
560
|
-
&[type='number'] {
|
|
561
|
-
-moz-appearance: textfield;
|
|
562
|
-
}
|
|
563
|
-
}
|
|
564
|
-
`,os=({name:e,label:t,errorMessage:r,onChange:n,onBlur:o,onFocus:s,onSpinButtonClick:c,validator:d,min:l,max:h,id:u,tabIndex:f,disabled:g=!1,required:m=!1,readOnly:y=!1,hasSpinButtons:w=!0,defaultValue:k=0,step:S=1,...x})=>{const{elementId:j,errorId:_}=de(u),T=J(),{value:E,valid:$,handleChange:H,increment:q,decrement:ue,minValue:he,maxValue:fe}=rs({name:e,defaultValue:k,min:l,max:h,onChange:n,required:m,validator:d,step:S,onSpinButtonClick:c});return i.jsxs(ns,{$theme:T,...x,children:[i.jsx(Ee,{label:t,required:m,inputId:j,theme:T}),i.jsxs("div",{children:[i.jsx("input",{id:j,name:e,type:"number",disabled:g,required:m,readOnly:y,placeholder:"0","aria-invalid":!$,"aria-errormessage":_,value:E.toString(),onChange:H,min:he,max:fe,step:S,onBlur:o,onFocus:s,tabIndex:f}),w&&i.jsxs("span",{children:[i.jsx(Qe,{onClick:ue,label:`Decrement value for ${t}`,icon:A.ChevronLeft,disabled:g,theme:T}),i.jsx(Qe,{onClick:q,label:`Increment value for ${t}`,icon:A.ChevronRight,disabled:g,theme:T})]})]}),i.jsx(Qt,{errorId:_,message:r,visible:!$,theme:T})]})},is=({opened:e,onClick:t,comboboxId:r,dropdownId:n,selected:o,name:s,placeholder:c,disabled:d,required:l,theme:h})=>i.jsxs(Sn,{type:"button",name:s,value:o==null?void 0:o.id,role:"combobox","aria-haspopup":"listbox","aria-expanded":e,"aria-controls":n,id:r,onClick:t,disabled:d,"aria-required":l,$theme:h,children:[o!=null&&o.label?i.jsx("span",{children:o==null?void 0:o.label}):i.jsx("span",{children:c}),e?i.jsx(tr,{}):i.jsx(er,{})]}),ss=({value:e,selected:t,onSelect:r,onClear:n,theme:o})=>{const{id:s,label:c}=e,d=h=>{t?n():r(h)},l=h=>u=>{switch(u.key){case" ":case"SpaceBar":case"Enter":u.preventDefault(),d(h);break}};return i.jsxs(kn,{id:s,role:"option","aria-selected":t,tabIndex:0,onKeyDown:l(s),onClick:()=>d(s),$theme:o,$selected:t,children:[i.jsx("span",{children:c}),t&&i.jsx(rr,{})]})},as=({options:e,opened:t,onClose:r,onSelect:n,dropdownId:o,comboboxId:s,selected:c,onClear:d,theme:l})=>{const h=u=>{n(u),r(),et(s)};return i.jsx(Cn,{role:"listbox",id:o,tabIndex:-1,onKeyDown:u=>vn({e:u,options:e,onClose:r}),$opened:t,$theme:l,children:e.map(u=>i.jsx(ss,{value:u,onSelect:()=>h(u.id),onClear:d,selected:u.id===(c==null?void 0:c.id),theme:l},u.id))})};function cs({name:e,options:t,initialValues:r,defaultValue:n}){var s;let o;return r&&r[e]&&(o=((s=r[e])==null?void 0:s.id)??r[e]),!(r!=null&&r[e])&&n&&typeof n=="string"&&(o=n),t.find(c=>c.id===o)}function ls({name:e,defaultValue:t,onChange:r,options:n}){const{onChangeFormInput:o,initialValues:s}=b.useContext(be),c=cs({name:e,options:n,defaultValue:t,initialValues:s}),[d,l]=b.useState(!1),[h,u]=b.useState(c),f=()=>l(!1),g=()=>l(!d),m=k=>{const S=n.find(x=>x.id===k);u(S),r==null||r(S),o==null||o({name:e,value:S==null?void 0:S.id})},y=()=>{u(void 0),r==null||r(void 0)},w=b.useCallback(()=>{l(!1),u(c),o==null||o({name:e,value:c==null?void 0:c.id})},[e]);return Ve(w),{selected:h,opened:d,handleClear:y,handleClose:f,handleToggle:g,handleSelect:m}}const ds=({options:e,onChange:t,name:r,label:n,defaultValue:o,id:s,placeholder:c="Not selected",required:d=!1,disabled:l=!1,...h})=>{const u=b.useRef(null),f=J(),{elementId:g,dropdownId:m}=de(s),{handleClear:y,handleClose:w,handleSelect:k,handleToggle:S,selected:x,opened:j}=ls({options:e,onChange:t,defaultValue:o,name:r});return Et({ref:u,onClickOutsideHandler:w}),nt({keyCode:"Escape",ref:u,onKeyPress:w}),i.jsxs(wn,{ref:u,$theme:f,...h,children:[i.jsx(Ee,{label:n,required:d,inputId:g,theme:f}),i.jsx(is,{name:r,opened:j,comboboxId:g,dropdownId:m,onClick:S,selected:x,placeholder:c,disabled:l,required:d,theme:f}),i.jsx(as,{options:e,selected:x,opened:j,onClose:w,dropdownId:m,comboboxId:g,onSelect:k,onClear:y,theme:f})]})};function us({value:e,required:t,validator:r}){return t&&!r&&!e.length?!1:r&&typeof r=="function"?r(e):r&&typeof r=="object"?new RegExp(r.regexp,r==null?void 0:r.flags).test(e):!0}function hs({name:e,initialValues:t,defaultValue:r}){return t&&(t!=null&&t[e])?t[e].toString():r&&typeof r=="string"?r:""}function fs({name:e,defaultValue:t,onChange:r,onClear:n,required:o,validator:s}){const{onChangeFormInput:c,initialValues:d}=b.useContext(be),l=hs({initialValues:d,defaultValue:t,name:e}),[h,u]=b.useState(l),[f,g]=b.useState(!0),[m,y]=b.useState(!1),w=j=>{const _=j.target.value,T=us({value:_,required:o,validator:s});u(_),g(T),c==null||c({name:e,value:_,valid:T}),r==null||r(j)},k=()=>{u(""),g(!0),c==null||c({name:e,value:"",valid:!0}),n==null||n()},S=b.useCallback(()=>{u(l),g(!0),c==null||c({name:e,value:l,valid:!0})},[e]),x=()=>{y(!m)};return Ve(S),{value:h,valid:f,passwordShown:m,handleChange:w,handleClear:k,togglePassword:x}}const ps=I.div`
|
|
565
|
-
display: flex;
|
|
566
|
-
flex-direction: column;
|
|
567
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
568
|
-
position: relative;
|
|
569
|
-
|
|
570
|
-
& > div:nth-child(2) {
|
|
571
|
-
display: flex;
|
|
572
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
573
|
-
align-items: center;
|
|
574
|
-
border: ${e=>e.$theme.borderLight};
|
|
575
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
576
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
577
|
-
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
578
|
-
|
|
579
|
-
&:has(input:focus) {
|
|
580
|
-
border: ${e=>e.$theme.borderOutline};
|
|
581
|
-
}
|
|
582
|
-
|
|
583
|
-
&:has(input[aria-invalid='true']) {
|
|
584
|
-
border: ${e=>e.$theme.borderAccent};
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
&:has(input[disabled]) {
|
|
588
|
-
pointer-events: none;
|
|
589
|
-
opacity: 0.5;
|
|
590
|
-
}
|
|
591
|
-
|
|
592
|
-
& > span:nth-child(2) {
|
|
593
|
-
display: flex;
|
|
594
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
595
|
-
align-items: center;
|
|
596
|
-
}
|
|
597
|
-
}
|
|
598
|
-
|
|
599
|
-
& input {
|
|
600
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
601
|
-
padding: 0;
|
|
602
|
-
border: none;
|
|
603
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
604
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
605
|
-
display: inline-block;
|
|
606
|
-
background: transparent;
|
|
607
|
-
white-space: nowrap;
|
|
608
|
-
text-overflow: ellipsis;
|
|
609
|
-
overflow: hidden;
|
|
610
|
-
flex-grow: 1;
|
|
611
|
-
min-width: 0;
|
|
612
|
-
|
|
613
|
-
&:focus-visible {
|
|
614
|
-
outline: none;
|
|
615
|
-
}
|
|
616
|
-
|
|
617
|
-
&:placeholder-shown + span {
|
|
618
|
-
display: none !important;
|
|
619
|
-
}
|
|
620
|
-
}
|
|
621
|
-
`,ms=({name:e,label:t,errorMessage:r,defaultValue:n,onChange:o,onBlur:s,onFocus:c,onClear:d,validator:l,maxLength:h,id:u,tabIndex:f,placeholder:g="Type here...",disabled:m=!1,required:y=!1,clearable:w=!0,readOnly:k=!1,autoComplete:S="off",type:x="text",...j})=>{const{value:_,valid:T,handleChange:E,handleClear:$,passwordShown:H,togglePassword:q}=fs({defaultValue:n,name:e,onChange:o,onClear:d,required:y,validator:l}),{elementId:ue,errorId:he}=de(u),fe=x==="password",W=J();return i.jsxs(ps,{$theme:W,...j,children:[i.jsx(Ee,{label:t,required:y,inputId:ue,theme:W}),i.jsxs("div",{children:[i.jsx("input",{id:ue,name:e,type:H?"text":x,disabled:m,placeholder:g,required:y,readOnly:k,autoComplete:S,"aria-invalid":!T,"aria-errormessage":he,"aria-readonly":k,value:_,onChange:E,maxLength:h,onBlur:s,onFocus:c,tabIndex:f}),i.jsxs("span",{children:[w&&i.jsx(Qe,{onClick:$,label:`Clear input for ${t}`,icon:A.Remove,disabled:m,theme:W}),fe&&i.jsx(Qe,{onClick:q,label:"Toggle password visibility",icon:H?A.Hide:A.Show,disabled:m,theme:W})]})]}),i.jsx(Qt,{errorId:he,message:r,visible:!T,theme:W})]})},gs=I.header`
|
|
622
|
-
display: flex;
|
|
623
|
-
justify-content: space-between;
|
|
624
|
-
align-items: center;
|
|
625
|
-
|
|
626
|
-
h3 {
|
|
627
|
-
display: flex;
|
|
628
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
629
|
-
align-items: center;
|
|
630
|
-
margin: 0;
|
|
631
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
632
|
-
|
|
633
|
-
svg {
|
|
634
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
635
|
-
}
|
|
636
|
-
}
|
|
637
|
-
`,vs=I.div`
|
|
638
|
-
position: fixed;
|
|
639
|
-
bottom: ${e=>e.$theme.gapBig};
|
|
640
|
-
left: 50%;
|
|
641
|
-
transform: translateX(-50%);
|
|
642
|
-
z-index: ${e=>e.$theme.zIndexPopup};
|
|
643
|
-
${rt}
|
|
644
|
-
|
|
645
|
-
${e=>e.$isClosing&&un}
|
|
646
|
-
`,ys=I.div`
|
|
647
|
-
display: flex;
|
|
648
|
-
flex-direction: column;
|
|
649
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
650
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
651
|
-
background: ${e=>e.$theme.backgroundColorBase};
|
|
652
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
653
|
-
width: 90vw;
|
|
654
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
655
|
-
box-shadow: ${e=>e.$theme.boxShadow};
|
|
656
|
-
border: ${e=>e.$theme.borderLight};
|
|
657
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
658
|
-
`;function bs(e,t){if(t)return t;switch(e){case X.Info:return"For your information";case X.Warning:return"Please pay attention";case X.Error:return"Something went wrong";case X.Success:return"Everything is okay";case X.Help:return"Useful tip";default:return"Alert"}}function xs(e,t){if(t)return i.jsx(Me,{name:t});switch(e){case X.Info:return i.jsx(pn,{});case X.Warning:return i.jsx(mn,{});case X.Error:return i.jsx(hn,{});case X.Success:return i.jsx(rr,{});case X.Help:return i.jsx(fn,{});default:return null}}const $s=({title:e,onClose:t,mode:r,icon:n,theme:o})=>{const s=bs(r,e),c=xs(r,n);return i.jsxs(gs,{$theme:o,children:[i.jsxs("h3",{children:[c,s]}),i.jsx(tt,{icon:A.Cancel,view:le.Icon,label:"Close alert popup",onClick:t})]})},ws=({isOpened:e,onClose:t,title:r,message:n,mode:o=X.Info,icon:s,...c})=>{const d=nr(e),l=d&&!e,h=J();return d?i.jsx(Rt,{children:i.jsx(vs,{$isClosing:l,$theme:h,children:i.jsxs(ys,{...c,$theme:h,children:[i.jsx($s,{title:r,onClose:t,mode:o,icon:s,theme:h}),i.jsx("p",{children:n})]})})}):null},Ss=I.div`
|
|
659
|
-
z-index: ${e=>e.$theme.zIndexModal};
|
|
660
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
661
|
-
box-shadow: ${e=>e.$theme.boxShadow};
|
|
662
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
663
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
664
|
-
width: 100%;
|
|
665
|
-
height: 90%;
|
|
666
|
-
position: absolute;
|
|
667
|
-
bottom: 0;
|
|
668
|
-
left: 0;
|
|
669
|
-
border-top-left-radius: ${e=>e.$theme.blockBorderRadius};
|
|
670
|
-
border-top-right-radius: ${e=>e.$theme.blockBorderRadius};
|
|
671
|
-
${rt}
|
|
672
|
-
|
|
673
|
-
@media ${ui.landscapeTablets} {
|
|
674
|
-
width: fit-content;
|
|
675
|
-
height: fit-content;
|
|
676
|
-
position: relative;
|
|
677
|
-
min-width: 40%;
|
|
678
|
-
max-width: 90%;
|
|
679
|
-
max-height: 90%;
|
|
680
|
-
border-bottom-left-radius: ${e=>e.$theme.blockBorderRadius};
|
|
681
|
-
border-bottom-right-radius: ${e=>e.$theme.blockBorderRadius};
|
|
682
|
-
|
|
683
|
-
header {
|
|
684
|
-
font-size: ${e=>e.$theme.fontSizeHeader};
|
|
685
|
-
}
|
|
686
|
-
}
|
|
687
|
-
`,Cs=I.div`
|
|
688
|
-
position: fixed;
|
|
689
|
-
top: 0;
|
|
690
|
-
left: 0;
|
|
691
|
-
width: 100%;
|
|
692
|
-
height: 100%;
|
|
693
|
-
z-index: inherit;
|
|
694
|
-
display: flex;
|
|
695
|
-
justify-content: center;
|
|
696
|
-
align-items: center;
|
|
697
|
-
background-color: ${e=>e.$theme.backgroundColorTransparent};
|
|
698
|
-
${rt}
|
|
699
|
-
|
|
700
|
-
${e=>e.$isClosing&&un}
|
|
701
|
-
`,ks=I.header`
|
|
702
|
-
font-size: 1.6rem;
|
|
703
|
-
font-weight: bold;
|
|
704
|
-
display: flex;
|
|
705
|
-
justify-content: space-between;
|
|
706
|
-
align-items: center;
|
|
707
|
-
gap: ${e=>e.$theme.gapBig};
|
|
708
|
-
padding: ${e=>e.$theme.gapBig};
|
|
709
|
-
border-bottom: ${e=>e.$theme.borderBase};
|
|
710
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
711
|
-
`,js=I.div`
|
|
712
|
-
padding: ${e=>e.$theme.gapBig};
|
|
713
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
714
|
-
`,Es=({title:e,onClose:t,theme:r})=>i.jsxs(ks,{$theme:r,children:[e,i.jsx(tt,{icon:A.Cancel,view:le.Icon,label:"Close modal window",onClick:t})]}),Rs=({title:e,onClose:t,isOpened:r,children:n,theme:o,...s})=>{const c=b.useRef(null);return bn({modalRef:c,isOpened:r}),nt({keyCode:"Escape",ref:c,onKeyPress:t}),i.jsxs(Ss,{ref:c,role:"dialog","aria-modal":"true",$theme:o,...s,children:[i.jsx(Es,{title:e,onClose:t,theme:o}),i.jsx(js,{$theme:o,children:n})]})},Is=({isOpened:e,onClose:t,title:r,children:n,...o})=>{const s=nr(e),c=s&&!e,d=J();return s?i.jsx(Rt,{children:i.jsx(Cs,{$isClosing:c,$theme:d,children:i.jsx(Rs,{title:r,onClose:t,isOpened:e,...o,theme:d,children:n})})}):null},As=({id:e})=>{const[t,r]=b.useState(!1),n=b.useRef(null),o=b.useRef(null),{top:s,left:c}=$n({wrapperRef:n,tooltipRef:o,isOpened:t}),{elementId:d}=de(e),l=()=>r(!1),h=()=>r(!0),u=()=>r(!t),f=g=>{g.preventDefault(),u()};return nt({keyCode:"Escape",ref:o,onKeyPress:l}),Et({ref:o,onClickOutsideHandler:l,dependentRef:n}),{elementId:d,openTooltip:h,closeTooltip:l,toggleTooltip:u,handleContextMenu:f,top:s,left:c,isOpened:t,wrapperRef:n,tooltipRef:o}},Ts=I.div`
|
|
715
|
-
position: absolute;
|
|
716
|
-
left: 0;
|
|
717
|
-
top: 0;
|
|
718
|
-
z-index: ${e=>e.$theme.zIndexPopup};
|
|
719
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
720
|
-
border: ${e=>e.$theme.borderLight};
|
|
721
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
722
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
723
|
-
font-size: ${e=>e.$theme.fontSizeSmall};
|
|
724
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
725
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
726
|
-
box-shadow: ${e=>e.$theme.boxShadow};
|
|
727
|
-
pointer-events: none;
|
|
728
|
-
white-space: nowrap;
|
|
729
|
-
|
|
730
|
-
${rt}
|
|
731
|
-
`,jn=({children:e,tooltipContent:t,containerTag:r="span",visibleOn:n="hover",id:o,style:s,...c})=>{const d=r,l=J(),{openTooltip:h,closeTooltip:u,toggleTooltip:f,handleContextMenu:g,elementId:m,top:y,left:w,isOpened:k,wrapperRef:S,tooltipRef:x}=As({id:o});return i.jsxs(d,{style:{position:"relative",cursor:"pointer"},onClick:n==="click"?f:void 0,onMouseOver:n==="hover"?h:void 0,onMouseLeave:n==="hover"?u:void 0,onFocus:n==="focus"?h:void 0,onBlur:n==="focus"?u:void 0,onContextMenu:n==="contextmenu"?j=>g(j):void 0,tabIndex:0,ref:S,"aria-describedby":m,children:[e,k&&i.jsx(Rt,{children:i.jsx(Ts,{style:{...s,top:y,left:w},ref:x,role:"tooltip",id:m,$theme:l,...c,children:t})})]})};function _s(e){return e?Object.keys(e).map(t=>[t,!0]):[]}function zs(e,t){return(t==null?void 0:t.valid)===void 0?e:e.map(r=>r[0]!==t.name?r:[r[0],!!(t!=null&&t.valid)])}function Ps(e){return e.every(t=>t[1])}function Ms({initialValues:e,onReset:t,onSubmit:r,onClickSubmit:n}){const[o,s]=b.useState(e),[c,d]=b.useState(_s(e)),[l,h]=b.useState(0);return{handleInputChange:m=>{const y={...o,[m.name]:m.value};s(y),d(zs(c,m))},handleSubmit:m=>{m.preventDefault();const w={...Object.fromEntries(new FormData(m.target)),...o};r==null||r(m),n==null||n(w)},handleReset:m=>{t==null||t(m),s(e),h(l+1)},resetSignal:l,valid:Ps(c)}}const Ls=I.form`
|
|
732
|
-
display: grid;
|
|
733
|
-
align-items: end;
|
|
734
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
735
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
736
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
737
|
-
|
|
738
|
-
${({$columns:e})=>`
|
|
739
|
-
grid-template-columns: repeat(${e}, 1fr);
|
|
740
|
-
grid-template-rows: auto;
|
|
741
|
-
`}
|
|
742
|
-
`,Os=I.div`
|
|
743
|
-
display: flex;
|
|
744
|
-
align-items: center;
|
|
745
|
-
justify-content: space-between;
|
|
746
|
-
padding-top: 1rem;
|
|
747
|
-
|
|
748
|
-
${({$columns:e})=>`
|
|
749
|
-
grid-column: 1 / ${e+1};
|
|
750
|
-
`}
|
|
751
|
-
`,Ds=({children:e,initialValues:t,onReset:r,onSubmit:n,onClickSubmit:o,columns:s=1,hasReset:c=!0,...d})=>{const{handleInputChange:l,handleSubmit:h,handleReset:u,resetSignal:f,valid:g}=Ms({initialValues:t,onReset:r,onSubmit:n,onClickSubmit:o}),m=J();return i.jsx(Ls,{onSubmit:h,onReset:u,$columns:s,$theme:m,...d,children:i.jsxs(be.Provider,{value:{onChangeFormInput:l,initialValues:t,resetSignal:f},children:[e,i.jsxs(Os,{$columns:s,children:[c&&i.jsx(tt,{type:"reset",text:"Reset",icon:A.Clear,view:le.Flat}),i.jsx(tt,{type:"submit",text:"Submit",icon:A.Forward,extended:!c,disabled:!g})]})]})})},Bs=I.table`
|
|
752
|
-
border-collapse: collapse;
|
|
753
|
-
`,Fs=I.thead`
|
|
754
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
755
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
756
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
757
|
-
`,Ns=I.tbody`
|
|
758
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
759
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
760
|
-
`,En=I.th`
|
|
761
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
762
|
-
text-align: left;
|
|
763
|
-
`,Hs=I.tr`
|
|
764
|
-
font-weight: bold;
|
|
765
|
-
border-top: ${e=>e.$theme.borderLight};
|
|
766
|
-
border-bottom: ${e=>e.$theme.borderLight};
|
|
767
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
768
|
-
`,Rn=I.td`
|
|
769
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
770
|
-
`,Ws=I.caption`
|
|
771
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
772
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
773
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
774
|
-
font-weight: bold;
|
|
775
|
-
`,Vs=I.tr`
|
|
776
|
-
border-bottom: ${e=>e.$theme.borderLight};
|
|
777
|
-
|
|
778
|
-
${e=>e.$selected&&`
|
|
779
|
-
background-color: ${e.$theme.backgroundColorLight};
|
|
780
|
-
`}
|
|
781
|
-
`,Br=I.col`
|
|
782
|
-
border-right: ${e=>e.$theme.borderLight};
|
|
783
|
-
|
|
784
|
-
${e=>e.$isFirst&&`border-left: ${e.$theme.borderLight};`}
|
|
785
|
-
${e=>e.$highlighted&&`background-color: ${e.$theme.backgroundColorLight};`}
|
|
786
|
-
`,Gs=I.div`
|
|
787
|
-
display: flex;
|
|
788
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
789
|
-
padding: ${e=>e.$theme.gapSmall} 0;
|
|
790
|
-
position: relative;
|
|
791
|
-
overflow: hidden;
|
|
792
|
-
|
|
793
|
-
svg {
|
|
794
|
-
color: ${e=>e.$checked?e.$theme.fontColorBase:e.$theme.fontColorLight};
|
|
795
|
-
}
|
|
796
|
-
|
|
797
|
-
label {
|
|
798
|
-
cursor: pointer;
|
|
799
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
800
|
-
font-size: ${e=>e.$theme.fontSizeBase} !important;
|
|
801
|
-
&:hover,
|
|
802
|
-
&:active {
|
|
803
|
-
text-shadow: ${e=>e.$theme.textShadow};
|
|
804
|
-
}
|
|
805
|
-
}
|
|
806
|
-
|
|
807
|
-
${e=>e.$disabled&&`
|
|
808
|
-
pointer-events: none;
|
|
809
|
-
opacity: 0.5;
|
|
810
|
-
`}
|
|
811
|
-
`,Us=I.input`
|
|
812
|
-
position: absolute;
|
|
813
|
-
z-index: -1;
|
|
814
|
-
opacity: 0;
|
|
815
|
-
top: 4px;
|
|
816
|
-
left: 0;
|
|
817
|
-
margin: 0;
|
|
818
|
-
|
|
819
|
-
&:focus-visible + label {
|
|
820
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
821
|
-
outline-offset: 2px;
|
|
822
|
-
}
|
|
823
|
-
`;function Ys({item:e,columns:t,renderDataItem:r}){const n=[];for(const o of t){let s;r&&e[o.field]?s=r(e,o.field):e[o.field]?s=e[o.field].toString():s="",n.push(s)}return n}const Ks=({value:e,theme:t})=>i.jsx(Rn,{$theme:t,children:e}),In=({name:e,label:t,disabled:r,required:n=!1,onChange:o,checked:s=!1,theme:c,...d})=>{const{elementId:l}=de(d==null?void 0:d.id);return i.jsxs(Gs,{$disabled:!!r,$checked:s,$theme:c,children:[i.jsx(Us,{id:l,name:e,type:"checkbox",disabled:r,required:n,checked:s,onChange:o,$theme:c}),i.jsx(Ee,{label:t,required:n,inputId:l,isTextHidden:!0,iconPosition:"left",theme:c,icon:s?i.jsx(kt,{}):i.jsx(jt,{})})]})},qs=({rowId:e,isRowSelected:t,selectRowById:r,deselectRowById:n,disabled:o,theme:s})=>{const c=d=>{const{checked:l}=d.target;l?r(e):n(e)};return i.jsx(Rn,{$theme:s,children:i.jsx(In,{theme:s,label:"Select row",onChange:c,id:`select_row_${e}`,checked:t,disabled:o})})},Xs=({rowId:e,selectRowById:t,deselectRowById:r,selectable:n,values:o,selectedIds:s,disabled:c,theme:d})=>{const l=s.includes(e);return i.jsxs(Vs,{$selected:l,$theme:d,children:[n&&i.jsx(qs,{rowId:e,selectRowById:t,deselectRowById:r,isRowSelected:l,disabled:c,theme:d}),o.map((h,u)=>i.jsx(Ks,{value:h,theme:d},`row_${u}`))]})},Js=({selectRowById:e,deselectRowById:t,renderDataItem:r,selectedIds:n,selectable:o,data:s,columns:c,theme:d})=>i.jsx(Ns,{$theme:d,children:s.map(l=>{const h=Ys({item:l,columns:c,renderDataItem:r});return i.jsx(Xs,{rowId:l.id,disabled:l==null?void 0:l.disabled,selectRowById:e,deselectRowById:t,selectable:o,values:h,selectedIds:n,theme:d},l.id)})}),Zs=({columns:e,selectable:t,theme:r})=>i.jsxs("colgroup",{children:[t&&i.jsx(Br,{$isFirst:!0,$highlighted:!1,$theme:r}),e.map((n,o)=>i.jsx(Br,{$isFirst:o===0&&!t,$highlighted:!!(n!=null&&n.highlighted),className:n==null?void 0:n.className,$theme:r},n==null?void 0:n.title))]}),Qs=({title:e,component:t,theme:r})=>i.jsx(En,{$theme:r,children:t??e??""}),ea=({gridId:e,isAllSelected:t,selectAll:r,deselectAll:n,disabled:o,theme:s})=>{const c=d=>{const{checked:l}=d.target;l?r():n()};return i.jsx(En,{$theme:s,children:i.jsx(In,{label:"Select all rows",onChange:c,id:`select_all_${e}`,checked:t,disabled:o,theme:s})})},ta=({columns:e,gridId:t,selectAll:r,deselectAll:n,selectable:o,isAllSelected:s,isAllCheckboxDisabled:c=!1,theme:d})=>i.jsx(Fs,{$theme:d,children:i.jsxs(Hs,{$theme:d,children:[o&&i.jsx(ea,{isAllSelected:s,disabled:c,gridId:t,selectAll:r,deselectAll:n,theme:d}),e.map(l=>i.jsx(Qs,{title:l.title,component:l.component,theme:d},`${l.title}_${t}`))]})}),ra=({data:e,id:t,onSelect:r})=>{const{elementId:n}=de(t),[o,s]=b.useState([]),c=e.map(y=>y.id),d=c.length===o.length,l=e.some(y=>y==null?void 0:y.disabled),h=y=>{s(y),r==null||r(y)};return{elementId:n,isAllSelected:d,isAllCheckboxDisabled:l,selectedIds:o,handleSelectAll:()=>{h(c)},handleDeselectAll:()=>{h([])},handleSelectRowById:y=>{const w=[...o,y];h(w)},handleDeselectRowById:y=>{const w=o.filter(k=>k!==y);h(w)}}},na=({columns:e,data:t,id:r,onSelect:n,renderDataItem:o,caption:s,selectable:c=!1,...d})=>{const{elementId:l,handleSelectAll:h,handleDeselectAll:u,isAllCheckboxDisabled:f,isAllSelected:g,handleDeselectRowById:m,handleSelectRowById:y,selectedIds:w}=ra({id:r,data:t,onSelect:n}),k=J();return i.jsxs(Bs,{...d,children:[s&&i.jsx(Ws,{$theme:k,children:s}),i.jsx(Zs,{columns:e,selectable:c,theme:k}),i.jsx(ta,{gridId:l,columns:e,selectable:c,selectAll:h,deselectAll:u,isAllSelected:g,isAllCheckboxDisabled:f,theme:k}),i.jsx(Js,{columns:e,data:t,selectable:c,selectRowById:y,deselectRowById:m,selectedIds:w,renderDataItem:o,theme:k})]})},Rt=({children:e})=>{const[t]=b.useState(()=>document.createElement("div"));return b.useEffect(()=>(document.body.appendChild(t),()=>{document.body.removeChild(t)}),[t]),eo.createPortal(e,t)},oa=I.button`
|
|
824
|
-
background: transparent;
|
|
825
|
-
position: relative;
|
|
826
|
-
outline: none;
|
|
827
|
-
border: none;
|
|
828
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
829
|
-
cursor: pointer;
|
|
830
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
831
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
832
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
833
|
-
overflow: hidden;
|
|
834
|
-
border-top-left-radius: ${e=>e.$theme.blockBorderRadius};
|
|
835
|
-
border-top-right-radius: ${e=>e.$theme.blockBorderRadius};
|
|
836
|
-
|
|
837
|
-
&:focus-visible {
|
|
838
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
839
|
-
outline-offset: -4px;
|
|
840
|
-
}
|
|
841
|
-
|
|
842
|
-
&:hover,
|
|
843
|
-
&:active {
|
|
844
|
-
text-shadow: ${e=>e.$theme.textShadow};
|
|
845
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
846
|
-
}
|
|
847
|
-
|
|
848
|
-
${e=>e.$disabled&&`
|
|
849
|
-
pointer-events: none;
|
|
850
|
-
filter: grayscale(80%);
|
|
851
|
-
opacity: 0.6;
|
|
852
|
-
`}
|
|
853
|
-
|
|
854
|
-
${e=>e.$selected&&`
|
|
855
|
-
border-top: ${e.$theme.borderLight};
|
|
856
|
-
border-right: ${e.$theme.borderLight};
|
|
857
|
-
border-left: ${e.$theme.borderLight};
|
|
858
|
-
background-color: ${e.$theme.backgroundColorBase};
|
|
859
|
-
top: 1px;
|
|
860
|
-
`}
|
|
861
|
-
|
|
862
|
-
${e=>e.$mode==="vertical"&&`
|
|
863
|
-
border-bottom-left-radius: ${e.$theme.blockBorderRadius};
|
|
864
|
-
border-top-right-radius: 0;
|
|
865
|
-
`}
|
|
866
|
-
|
|
867
|
-
${e=>e.$mode==="vertical"&&e.$selected&&`
|
|
868
|
-
border-top: ${e.$theme.borderLight};
|
|
869
|
-
border-right: none;
|
|
870
|
-
border-left: ${e.$theme.borderLight};
|
|
871
|
-
border-bottom: ${e.$theme.borderLight};
|
|
872
|
-
top: 0px;
|
|
873
|
-
left: 1px;
|
|
874
|
-
`}
|
|
875
|
-
`,ia=I.div`
|
|
876
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
877
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
878
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
879
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
880
|
-
padding: ${e=>e.$theme.gapBig};
|
|
881
|
-
flex-grow: 1;
|
|
882
|
-
`,sa=I.div`
|
|
883
|
-
border-bottom: ${e=>e.$theme.borderLight};
|
|
884
|
-
padding: 0 ${e=>e.$theme.gapMedium};
|
|
885
|
-
display: flex;
|
|
886
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
887
|
-
|
|
888
|
-
${e=>e.$mode==="vertical"&&`
|
|
889
|
-
flex-direction: column;
|
|
890
|
-
border-bottom: none;
|
|
891
|
-
border-right: ${e.$theme.borderLight};
|
|
892
|
-
padding: ${e.$theme.gapMedium} 0;
|
|
893
|
-
`}
|
|
894
|
-
`,aa=I.div`
|
|
895
|
-
display: flex;
|
|
896
|
-
flex-direction: column;
|
|
897
|
-
width: 100%;
|
|
898
|
-
|
|
899
|
-
${({$mode:e})=>e==="vertical"&&`
|
|
900
|
-
flex-direction: row;
|
|
901
|
-
`}
|
|
902
|
-
`,ca=({tabs:e,selectedTabId:t,theme:r})=>{var s;const n=(s=e.find(c=>c.id===t))==null?void 0:s.content,o=`tabpanel_${t}`;return i.jsx(ia,{role:"tabpanel","aria-labelledby":t,id:o,$theme:r,children:n})},la=({title:e,onTabSelect:t,tabId:r,isSelected:n,isDisabled:o=!1,tabPanelId:s,mode:c,theme:d})=>i.jsx(oa,{role:"tab",id:r,onClick:()=>t(r),"aria-selected":n,"aria-controls":s,$selected:n,$disabled:o,$mode:c,$theme:d,children:e}),da=({tabs:e,onTabSelect:t,selectedTabId:r,tabPanelIds:n,mode:o,tabIds:s,theme:c})=>{const d=l=>{const h=s.findIndex(u=>u===r);switch(l.key){case"ArrowLeft":case"ArrowUp":{if(l.preventDefault(),l.key==="ArrowUp"&&o==="horizontal"||l.key==="ArrowLeft"&&o==="vertical")break;const u=h-1>=0?h-1:s.length-1,f=s[u];f&&(et(f),t(f));break}case"ArrowRight":case"ArrowDown":{if(l.preventDefault(),l.key==="ArrowDown"&&o==="horizontal"||l.key==="ArrowRight"&&o==="vertical")break;const u=h===s.length-1?0:h+1,f=s[u];f&&(et(f),t(f));break}}};return i.jsx(sa,{role:"tablist",$mode:o,onKeyDown:d,$theme:c,children:e.map(({id:l,title:h,disabled:u},f)=>i.jsx(la,{title:h,onTabSelect:t,tabId:l,isSelected:l===r,isDisabled:u,tabPanelId:n[f],mode:o,theme:c},l))})},ua=({tabs:e,defaultTabId:t,mode:r="horizontal",...n})=>{const o=e.map(f=>f.id),s=o.map(f=>`tabpanel_${f}`),c=t&&o.includes(t)?t:o[0],[d,l]=b.useState(c),h=J(),u=f=>{l(f)};return i.jsxs(aa,{$mode:r,...n,children:[i.jsx(da,{tabs:e,selectedTabId:d,tabPanelIds:s,onTabSelect:u,mode:r,tabIds:o,theme:h}),i.jsx(ca,{tabs:e,selectedTabId:d,theme:h})]})};exports.ChopLogicAlert=ws;exports.ChopLogicAlertMode=X;exports.ChopLogicButton=tt;exports.ChopLogicButtonView=le;exports.ChopLogicCheckbox=Gi;exports.ChopLogicDialog=Is;exports.ChopLogicErrorMessage=Qt;exports.ChopLogicForm=Ds;exports.ChopLogicFormContext=be;exports.ChopLogicGrid=na;exports.ChopLogicIcon=Me;exports.ChopLogicIconName=A;exports.ChopLogicInputInnerButton=Qe;exports.ChopLogicLabel=Ee;exports.ChopLogicMultiSelect=Qi;exports.ChopLogicNumericInput=os;exports.ChopLogicPortal=Rt;exports.ChopLogicSelect=ds;exports.ChopLogicTabs=ua;exports.ChopLogicTextInput=ms;exports.ChopLogicThemeContext=gn;exports.ChopLogicTooltip=jn;exports.useChopLogicTheme=J;exports.useClickOutside=Et;exports.useContainerDimensions=yn;exports.useElementIds=de;exports.useKeyPress=nt;exports.useModalFocusTrap=bn;exports.useMount=nr;exports.useResetFormInput=Ve;exports.useTooltipPosition=$n;exports.useWindowDimensions=xn;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-QKscbffq.cjs");exports.ChopLogicAlert=o.ChopLogicAlert;exports.ChopLogicAlertMode=o.ChopLogicAlertMode;exports.ChopLogicButton=o.ChopLogicButton;exports.ChopLogicButtonView=o.ChopLogicButtonView;exports.ChopLogicCheckbox=o.ChopLogicCheckbox;exports.ChopLogicDialog=o.ChopLogicDialog;exports.ChopLogicErrorMessage=o.ChopLogicErrorMessage;exports.ChopLogicForm=o.ChopLogicForm;exports.ChopLogicFormContext=o.ChopLogicFormContext;exports.ChopLogicGrid=o.ChopLogicGrid;exports.ChopLogicIcon=o.ChopLogicIcon;exports.ChopLogicIconName=o.ChopLogicIconName;exports.ChopLogicInputInnerButton=o.InputInnerButton;exports.ChopLogicLabel=o.ChopLogicLabel;exports.ChopLogicMultiSelect=o.ChopLogicMultiSelect;exports.ChopLogicNumericInput=o.ChopLogicNumericInput;exports.ChopLogicPortal=o.ChopLogicPortal;exports.ChopLogicSelect=o.ChopLogicSelect;exports.ChopLogicTabs=o.ChopLogicTabs;exports.ChopLogicTextInput=o.ChopLogicTextInput;exports.ChopLogicThemeContext=o.ChopLogicThemeContext;exports.ChopLogicTooltip=o.ChopLogicTooltip;exports.useChopLogicTheme=o.useChopLogicTheme;exports.useClickOutside=o.useClickOutside;exports.useContainerDimensions=o.useContainerDimensions;exports.useElementIds=o.useElementIds;exports.useKeyPress=o.useKeyPress;exports.useModalFocusTrap=o.useModalFocusTrap;exports.useMount=o.useMount;exports.useResetFormInput=o.useResetFormInput;exports.useTooltipPosition=o.useTooltipPosition;exports.useWindowDimensions=o.useWindowDimensions;
|
|
903
2
|
//# sourceMappingURL=index.cjs.js.map
|