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
|
@@ -0,0 +1,903 @@
|
|
|
1
|
+
"use strict";const m=require("react"),eo=require("react-dom");var Lt={exports:{}},Ke={};/**
|
|
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 yr;function to(){if(yr)return Ke;yr=1;var e=m,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,i={key:!0,ref:!0,__self:!0,__source:!0};function a(d,c,h){var u,f={},y=null,g=null;h!==void 0&&(y=""+h),c.key!==void 0&&(y=""+c.key),c.ref!==void 0&&(g=c.ref);for(u in c)n.call(c,u)&&!i.hasOwnProperty(u)&&(f[u]=c[u]);if(d&&d.defaultProps)for(u in c=d.defaultProps,c)f[u]===void 0&&(f[u]=c[u]);return{$$typeof:t,type:d,key:y,ref:g,props:f,_owner:o.current}}return Ke.Fragment=r,Ke.jsx=a,Ke.jsxs=a,Ke}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 vr;function ro(){return vr||(vr=1,process.env.NODE_ENV!=="production"&&function(){var e=m,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),d=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),g=Symbol.for("react.offscreen"),b=Symbol.iterator,w="@@iterator";function k(s){if(s===null||typeof s!="object")return null;var p=b&&s[b]||s[w];return typeof p=="function"?p:null}var S=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function $(s){{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",s,v)}}function j(s,p,v){{var C=S.ReactDebugCurrentFrame,O=C.getStackAddendum();O!==""&&(p+="%s",v=v.concat([O]));var M=v.map(function(z){return String(z)});M.unshift("Warning: "+p),Function.prototype.apply.call(console[s],console,M)}}var T=!1,P=!1,E=!1,x=!1,H=!1,K;K=Symbol.for("react.module.reference");function ue(s){return!!(typeof s=="string"||typeof s=="function"||s===n||s===i||H||s===o||s===h||s===u||x||s===g||T||P||E||typeof s=="object"&&s!==null&&(s.$$typeof===y||s.$$typeof===f||s.$$typeof===a||s.$$typeof===d||s.$$typeof===c||s.$$typeof===K||s.getModuleId!==void 0))}function he(s,p,v){var C=s.displayName;if(C)return C;var O=p.displayName||p.name||"";return O!==""?v+"("+O+")":v}function fe(s){return s.displayName||"Context"}function W(s){if(s==null)return null;if(typeof s.tag=="number"&&$("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof s=="function")return s.displayName||s.name||null;if(typeof s=="string")return s;switch(s){case n:return"Fragment";case r:return"Portal";case i:return"Profiler";case o:return"StrictMode";case h:return"Suspense";case u:return"SuspenseList"}if(typeof s=="object")switch(s.$$typeof){case d:var p=s;return fe(p)+".Consumer";case a:var v=s;return fe(v._context)+".Provider";case c:return he(s,s.render,"ForwardRef");case f:var C=s.displayName||null;return C!==null?C:W(s.type)||"Memo";case y:{var O=s,M=O._payload,z=O._init;try{return W(z(M))}catch{return null}}}return null}var se=Object.assign,$e=0,ot,Ie,Ue,Z,pe,me,U;function Re(){}Re.__reactDisabledLog=!0;function Ye(){{if($e===0){ot=console.log,Ie=console.info,Ue=console.warn,Z=console.error,pe=console.group,me=console.groupCollapsed,U=console.groupEnd;var s={configurable:!0,enumerable:!0,value:Re,writable:!0};Object.defineProperties(console,{info:s,log:s,warn:s,error:s,group:s,groupCollapsed:s,groupEnd:s})}$e++}}function _e(){{if($e--,$e===0){var s={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:se({},s,{value:ot}),info:se({},s,{value:Ie}),warn:se({},s,{value:Ue}),error:se({},s,{value:Z}),group:se({},s,{value:pe}),groupCollapsed:se({},s,{value:me}),groupEnd:se({},s,{value:U})})}$e<0&&$("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ae=S.ReactCurrentDispatcher,ge;function te(s,p,v){{if(ge===void 0)try{throw Error()}catch(O){var C=O.stack.trim().match(/\n( *(at )?)/);ge=C&&C[1]||""}return`
|
|
18
|
+
`+ge+s}}var re=!1,ye;{var Pe=typeof WeakMap=="function"?WeakMap:Map;ye=new Pe}function ne(s,p){if(!s||re)return"";{var v=ye.get(s);if(v!==void 0)return v}var C;re=!0;var O=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var M;M=ae.current,ae.current=null,Ye();try{if(p){var z=function(){throw Error()};if(Object.defineProperty(z.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(z,[])}catch(q){C=q}Reflect.construct(s,[],z)}else{try{z.call()}catch(q){C=q}s.call(z.prototype)}}else{try{throw Error()}catch(q){C=q}s()}}catch(q){if(q&&C&&typeof q.stack=="string"){for(var A=q.stack.split(`
|
|
19
|
+
`),Y=C.stack.split(`
|
|
20
|
+
`),L=A.length-1,F=Y.length-1;L>=1&&F>=0&&A[L]!==Y[F];)F--;for(;L>=1&&F>=0;L--,F--)if(A[L]!==Y[F]){if(L!==1||F!==1)do if(L--,F--,F<0||A[L]!==Y[F]){var Q=`
|
|
21
|
+
`+A[L].replace(" at new "," at ");return s.displayName&&Q.includes("<anonymous>")&&(Q=Q.replace("<anonymous>",s.displayName)),typeof s=="function"&&ye.set(s,Q),Q}while(L>=1&&F>=0);break}}}finally{re=!1,ae.current=M,_e(),Error.prepareStackTrace=O}var Ae=s?s.displayName||s.name:"",xe=Ae?te(Ae):"";return typeof s=="function"&&ye.set(s,xe),xe}function _n(s,p,v){return ne(s,!1)}function Pn(s){var p=s.prototype;return!!(p&&p.isReactComponent)}function it(s,p,v){if(s==null)return"";if(typeof s=="function")return ne(s,Pn(s));if(typeof s=="string")return te(s);switch(s){case h:return te("Suspense");case u:return te("SuspenseList")}if(typeof s=="object")switch(s.$$typeof){case c:return _n(s.render);case f:return it(s.type,p,v);case y:{var C=s,O=C._payload,M=C._init;try{return it(M(O),p,v)}catch{}}}return""}var qe=Object.prototype.hasOwnProperty,or={},ir=S.ReactDebugCurrentFrame;function st(s){if(s){var p=s._owner,v=it(s.type,s._source,p?p.type:null);ir.setExtraStackFrame(v)}else ir.setExtraStackFrame(null)}function Tn(s,p,v,C,O){{var M=Function.call.bind(qe);for(var z in s)if(M(s,z)){var A=void 0;try{if(typeof s[z]!="function"){var Y=Error((C||"React class")+": "+v+" type `"+z+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[z]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw Y.name="Invariant Violation",Y}A=s[z](p,z,C,v,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(L){A=L}A&&!(A instanceof Error)&&(st(O),$("%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,z,typeof A),st(null)),A instanceof Error&&!(A.message in or)&&(or[A.message]=!0,st(O),$("Failed %s type: %s",v,A.message),st(null))}}}var An=Array.isArray;function Rt(s){return An(s)}function zn(s){{var p=typeof Symbol=="function"&&Symbol.toStringTag,v=p&&s[Symbol.toStringTag]||s.constructor.name||"Object";return v}}function On(s){try{return sr(s),!1}catch{return!0}}function sr(s){return""+s}function ar(s){if(On(s))return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",zn(s)),sr(s)}var Ve=S.ReactCurrentOwner,Dn={key:!0,ref:!0,__self:!0,__source:!0},cr,lr,_t;_t={};function Mn(s){if(qe.call(s,"ref")){var p=Object.getOwnPropertyDescriptor(s,"ref").get;if(p&&p.isReactWarning)return!1}return s.ref!==void 0}function Bn(s){if(qe.call(s,"key")){var p=Object.getOwnPropertyDescriptor(s,"key").get;if(p&&p.isReactWarning)return!1}return s.key!==void 0}function Ln(s,p){if(typeof s.ref=="string"&&Ve.current&&p&&Ve.current.stateNode!==p){var v=W(Ve.current.type);_t[v]||($('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(Ve.current.type),s.ref),_t[v]=!0)}}function Fn(s,p){{var v=function(){cr||(cr=!0,$("%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(s,"key",{get:v,configurable:!0})}}function Nn(s,p){{var v=function(){lr||(lr=!0,$("%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(s,"ref",{get:v,configurable:!0})}}var Hn=function(s,p,v,C,O,M,z){var A={$$typeof:t,type:s,key:p,ref:v,props:z,_owner:M};return A._store={},Object.defineProperty(A._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(A,"_self",{configurable:!1,enumerable:!1,writable:!1,value:C}),Object.defineProperty(A,"_source",{configurable:!1,enumerable:!1,writable:!1,value:O}),Object.freeze&&(Object.freeze(A.props),Object.freeze(A)),A};function Wn(s,p,v,C,O){{var M,z={},A=null,Y=null;v!==void 0&&(ar(v),A=""+v),Bn(p)&&(ar(p.key),A=""+p.key),Mn(p)&&(Y=p.ref,Ln(p,O));for(M in p)qe.call(p,M)&&!Dn.hasOwnProperty(M)&&(z[M]=p[M]);if(s&&s.defaultProps){var L=s.defaultProps;for(M in L)z[M]===void 0&&(z[M]=L[M])}if(A||Y){var F=typeof s=="function"?s.displayName||s.name||"Unknown":s;A&&Fn(z,F),Y&&Nn(z,F)}return Hn(s,A,Y,O,C,Ve.current,z)}}var Pt=S.ReactCurrentOwner,dr=S.ReactDebugCurrentFrame;function Te(s){if(s){var p=s._owner,v=it(s.type,s._source,p?p.type:null);dr.setExtraStackFrame(v)}else dr.setExtraStackFrame(null)}var Tt;Tt=!1;function At(s){return typeof s=="object"&&s!==null&&s.$$typeof===t}function ur(){{if(Pt.current){var s=W(Pt.current.type);if(s)return`
|
|
22
|
+
|
|
23
|
+
Check the render method of \``+s+"`."}return""}}function Gn(s){return""}var hr={};function Un(s){{var p=ur();if(!p){var v=typeof s=="string"?s:s.displayName||s.name;v&&(p=`
|
|
24
|
+
|
|
25
|
+
Check the top-level render call using <`+v+">.")}return p}}function fr(s,p){{if(!s._store||s._store.validated||s.key!=null)return;s._store.validated=!0;var v=Un(p);if(hr[v])return;hr[v]=!0;var C="";s&&s._owner&&s._owner!==Pt.current&&(C=" It was passed a child from "+W(s._owner.type)+"."),Te(s),$('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),Te(null)}}function pr(s,p){{if(typeof s!="object")return;if(Rt(s))for(var v=0;v<s.length;v++){var C=s[v];At(C)&&fr(C,p)}else if(At(s))s._store&&(s._store.validated=!0);else if(s){var O=k(s);if(typeof O=="function"&&O!==s.entries)for(var M=O.call(s),z;!(z=M.next()).done;)At(z.value)&&fr(z.value,p)}}}function Yn(s){{var p=s.type;if(p==null||typeof p=="string")return;var v;if(typeof p=="function")v=p.propTypes;else if(typeof p=="object"&&(p.$$typeof===c||p.$$typeof===f))v=p.propTypes;else return;if(v){var C=W(p);Tn(v,s.props,"prop",C,s)}else if(p.PropTypes!==void 0&&!Tt){Tt=!0;var O=W(p);$("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",O||"Unknown")}typeof p.getDefaultProps=="function"&&!p.getDefaultProps.isReactClassApproved&&$("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function qn(s){{for(var p=Object.keys(s.props),v=0;v<p.length;v++){var C=p[v];if(C!=="children"&&C!=="key"){Te(s),$("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",C),Te(null);break}}s.ref!==null&&(Te(s),$("Invalid attribute `ref` supplied to `React.Fragment`."),Te(null))}}var mr={};function gr(s,p,v,C,O,M){{var z=ue(s);if(!z){var A="";(s===void 0||typeof s=="object"&&s!==null&&Object.keys(s).length===0)&&(A+=" 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 Y=Gn();Y?A+=Y:A+=ur();var L;s===null?L="null":Rt(s)?L="array":s!==void 0&&s.$$typeof===t?(L="<"+(W(s.type)||"Unknown")+" />",A=" Did you accidentally export a JSX literal instead of a component?"):L=typeof s,$("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",L,A)}var F=Wn(s,p,v,O,M);if(F==null)return F;if(z){var Q=p.children;if(Q!==void 0)if(C)if(Rt(Q)){for(var Ae=0;Ae<Q.length;Ae++)pr(Q[Ae],s);Object.freeze&&Object.freeze(Q)}else $("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,s)}if(qe.call(p,"key")){var xe=W(s),q=Object.keys(p).filter(function(Qn){return Qn!=="key"}),zt=q.length>0?"{key: someKey, "+q.join(": ..., ")+": ...}":"{key: someKey}";if(!mr[xe+zt]){var Zn=q.length>0?"{"+q.join(": ..., ")+": ...}":"{}";$(`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} />`,zt,xe,Zn,xe),mr[xe+zt]=!0}}return s===n?qn(F):Yn(F),F}}function Vn(s,p,v){return gr(s,p,v,!0)}function Kn(s,p,v){return gr(s,p,v,!1)}var Xn=Kn,Jn=Vn;Xe.Fragment=n,Xe.jsx=Xn,Xe.jsxs=Jn}()),Xe}process.env.NODE_ENV==="production"?Lt.exports=to():Lt.exports=ro();var l=Lt.exports,V=function(){return V=Object.assign||function(t){for(var r,n=1,o=arguments.length;n<o;n++){r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},V.apply(this,arguments)};function De(e,t,r){if(r||arguments.length===2)for(var n=0,o=t.length,i;n<o;n++)(i||!(n in t))&&(i||(i=Array.prototype.slice.call(t,0,n)),i[n]=t[n]);return e.concat(i||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}),B="-ms-",Ze="-moz-",D="-webkit-",Fr="comm",bt="rule",Vt="decl",so="@import",Nr="@keyframes",ao="@layer",Hr=Math.abs,Kt=String.fromCharCode,Ft=Object.assign;function co(e,t){return G(e,0)^45?(((t<<2^G(e,0))<<2^G(e,1))<<2^G(e,2))<<2^G(e,3):0}function Wr(e){return e.trim()}function ce(e,t){return(e=t.exec(e))?e[0]:e}function I(e,t,r){return e.replace(t,r)}function ut(e,t,r){return e.indexOf(t,r)}function G(e,t){return e.charCodeAt(t)|0}function Me(e,t,r){return e.slice(t,r)}function ie(e){return e.length}function Gr(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 $t=1,Be=1,Ur=0,ee=0,N=0,He="";function xt(e,t,r,n,o,i,a,d){return{value:e,root:t,parent:r,type:n,props:o,children:i,line:$t,column:Be,length:a,return:"",siblings:d}}function ve(e,t){return Ft(xt("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function ze(e){for(;e.root;)e=ve(e.root,{children:[e]});Je(e,e.siblings)}function uo(){return N}function ho(){return N=ee>0?G(He,--ee):0,Be--,N===10&&(Be=1,$t--),N}function oe(){return N=ee<Ur?G(He,ee++):0,Be++,N===10&&(Be=1,$t++),N}function Ce(){return G(He,ee)}function ht(){return ee}function wt(e,t){return Me(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 $t=Be=1,Ur=ie(He=e),ee=0,[]}function po(e){return He="",e}function Ot(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 yo(e,t){for(;oe()&&e+N!==57;)if(e+N===84&&Ce()===47)break;return"/*"+wt(t,ee-1)+"*"+Kt(e===47?e:oe())}function vo(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,i,a,d,c){for(var h=0,u=0,f=a,y=0,g=0,b=0,w=1,k=1,S=1,$=0,j="",T=o,P=i,E=n,x=j;k;)switch(b=$,$=oe()){case 40:if(b!=108&&G(x,f-1)==58){ut(x+=I(Ot($),"&","&\f"),"&\f",Hr(h?d[h-1]:0))!=-1&&(S=-1);break}case 34:case 39:case 91:x+=Ot($);break;case 9:case 10:case 13:case 32:x+=mo(b);break;case 92:x+=go(ht()-1,7);continue;case 47:switch(Ce()){case 42:case 47:Je($o(yo(oe(),ht()),t,r,c),c);break;default:x+="/"}break;case 123*w:d[h++]=ie(x)*S;case 125*w:case 59:case 0:switch($){case 0:case 125:k=0;case 59+u:S==-1&&(x=I(x,/\f/g,"")),g>0&&ie(x)-f&&Je(g>32?xr(x+";",n,r,f-1,c):xr(I(x," ","")+";",n,r,f-2,c),c);break;case 59:x+=";";default:if(Je(E=$r(x,t,r,h,u,o,d,j,T=[],P=[],f,i),i),$===123)if(u===0)ft(x,t,E,E,T,i,f,d,P);else switch(y===99&&G(x,3)===110?100:y){case 100:case 108:case 109:case 115:ft(e,E,E,n&&Je($r(e,E,E,0,0,o,d,j,o,T=[],f,P),P),o,P,f,d,n?T:P);break;default:ft(x,E,E,E,[""],P,0,d,P)}}h=u=g=0,w=S=1,j=x="",f=a;break;case 58:f=1+ie(x),g=b;default:if(w<1){if($==123)--w;else if($==125&&w++==0&&ho()==125)continue}switch(x+=Kt($),$*w){case 38:S=u>0?1:(x+="\f",-1);break;case 44:d[h++]=(ie(x)-1)*S,S=1;break;case 64:Ce()===45&&(x+=Ot(oe())),y=Ce(),u=f=ie(j=x+=vo(ht())),$++;break;case 45:b===45&&ie(x)==2&&(w=0)}}return i}function $r(e,t,r,n,o,i,a,d,c,h,u,f){for(var y=o-1,g=o===0?i:[""],b=Gr(g),w=0,k=0,S=0;w<n;++w)for(var $=0,j=Me(e,y+1,y=Hr(k=a[w])),T=e;$<b;++$)(T=Wr(k>0?g[$]+" "+j:I(j,/&\f/g,g[$])))&&(c[S++]=T);return xt(e,t,r,o===0?bt:d,c,h,u,f)}function $o(e,t,r,n){return xt(e,t,r,Fr,Kt(uo()),Me(e,2,-2),0,n)}function xr(e,t,r,n,o){return xt(e,t,r,Vt,Me(e,0,n),Me(e,n+1,-1),n,o)}function Yr(e,t,r){switch(co(e,t)){case 5103:return D+"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 D+e+e;case 4789:return Ze+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return D+e+Ze+e+B+e+e;case 5936:switch(G(e,t+11)){case 114:return D+e+B+I(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return D+e+B+I(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return D+e+B+I(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return D+e+B+e+e;case 6165:return D+e+B+"flex-"+e+e;case 5187:return D+e+I(e,/(\w+).+(:[^]+)/,D+"box-$1$2"+B+"flex-$1$2")+e;case 5443:return D+e+B+"flex-item-"+I(e,/flex-|-self/g,"")+(ce(e,/flex-|baseline/)?"":B+"grid-row-"+I(e,/flex-|-self/g,""))+e;case 4675:return D+e+B+"flex-line-pack"+I(e,/align-content|flex-|-self/g,"")+e;case 5548:return D+e+B+I(e,"shrink","negative")+e;case 5292:return D+e+B+I(e,"basis","preferred-size")+e;case 6060:return D+"box-"+I(e,"-grow","")+D+e+B+I(e,"grow","positive")+e;case 4554:return D+I(e,/([^-])(transform)/g,"$1"+D+"$2")+e;case 6187:return I(I(I(e,/(zoom-|grab)/,D+"$1"),/(image-set)/,D+"$1"),e,"")+e;case 5495:case 3959:return I(e,/(image-set\([^]*)/,D+"$1$`$1");case 4968:return I(I(e,/(.+:)(flex-)?(.*)/,D+"box-pack:$3"+B+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+D+e+e;case 4200:if(!ce(e,/flex-|baseline/))return B+"grid-column-align"+Me(e,t)+e;break;case 2592:case 3360:return B+I(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:B+I(e,"-start","")+e+B+"grid-row-span:"+(~ut(r,"span",0)?ce(r,/\d+/):+ce(r,/\d+/)-+ce(e,/\d+/))+";":B+I(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(n){return ce(n.props,/grid-\w+-start/)})?e:B+I(I(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return I(e,/(.+)-inline(.+)/,D+"$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(G(e,t+1)){case 109:if(G(e,t+4)!==45)break;case 102:return I(e,/(.+:)(.+)-([^]+)/,"$1"+D+"$2-$3$1"+Ze+(G(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~ut(e,"stretch",0)?Yr(I(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return I(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(n,o,i,a,d,c,h){return B+o+":"+i+h+(a?B+o+"-span:"+(d?c:+c-+i)+h:"")+e});case 4949:if(G(e,t+6)===121)return I(e,":",":"+D)+e;break;case 6444:switch(G(e,G(e,14)===45?18:11)){case 120:return I(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+D+(G(e,14)===45?"inline-":"")+"box$3$1"+D+"$2$3$1"+B+"$2box$3")+e;case 100:return I(e,":",":"+B)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return I(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 xo(e,t,r,n){switch(e.type){case ao:if(e.children.length)break;case so:case Vt: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=Gr(e);return function(r,n,o,i){for(var a="",d=0;d<t;d++)a+=e[d](r,n,o,i)||"";return a}}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 Vt:e.return=Yr(e.value,e.length,r);return;case Nr:return gt([ve(e,{value:I(e.value,"@","@"+D)})],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":ze(ve(e,{props:[I(o,/:(read-\w+)/,":"+Ze+"$1")]})),ze(ve(e,{props:[o]})),Ft(e,{props:br(r,n)});break;case"::placeholder":ze(ve(e,{props:[I(o,/:(plac\w+)/,":"+D+"input-$1")]})),ze(ve(e,{props:[I(o,/:(plac\w+)/,":"+Ze+"$1")]})),ze(ve(e,{props:[I(o,/:(plac\w+)/,B+"input-$1")]})),ze(ve(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",qr="active",Vr="data-styled-version",St="6.1.13",Xt=`/*!sc*/
|
|
31
|
+
`,yt=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 i=!0;console.error=function(a){for(var d=[],c=1;c<arguments.length;c++)d[c-1]=arguments[c];wr.test(a)?(i=!1,at.delete(n)):o.apply(void 0,De([a],d,!1))},m.useRef(),i&&!at.has(n)&&(console.warn(n),at.add(n))}catch(a){wr.test(a.message)&&at.delete(n)}finally{console.error=o}}},Ct=Object.freeze([]),Le=Object.freeze({});function Io(e,t,r){return r===void 0&&(r=Le),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"]),Ro=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,_o=/(^-|-$)/g;function Sr(e){return e.replace(Ro,"-").replace(_o,"")}var Po=/(a)(d)/gi,ct=52,Cr=function(e){return String.fromCharCode(e+(e>25?39:97))};function Gt(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(Po,"$1-$2")}var Dt,Kr=5381,we=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Xr=function(e){return we(Kr,e)};function To(e){return Gt(Xr(e)>>>0)}function Jr(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function Mt(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,Ao=Zr?Symbol.for("react.forward_ref"):60112,zo={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Oo={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},Do=((Dt={})[Ao]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Dt[Qr]=en,Dt);function kr(e){return("type"in(t=e)&&t.type.$$typeof)===Qr?en:"$$typeof"in e?Do[e.$$typeof]:zo;var t}var Mo=Object.defineProperty,Bo=Object.getOwnPropertyNames,jr=Object.getOwnPropertySymbols,Lo=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=Bo(t);jr&&(o=o.concat(jr(t)));for(var i=kr(e),a=kr(t),d=0;d<o.length;++d){var c=o[d];if(!(c in Oo||r&&r[c]||a&&c in a||i&&c in i)){var h=Lo(t,c);try{Mo(e,c,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 Ir(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 Ut(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]=Ut(e[n],t[n]);else if(Ne(t))for(var n in t)e[n]=Ut(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,i=e.length;o<i;o+=1)n.push(e[o]);return n.forEach(function(a){r=r.replace(/%[a-z]/,a)}),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,De([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,i=o;t>=i;)if((i<<=1)<0)throw We(16,"".concat(t));this.groupSizes=new Uint32Array(i),this.groupSizes.set(n),this.length=i;for(var a=o;a<i;a++)this.groupSizes[a]=0}for(var d=this.indexOfGroup(t+1),c=(a=0,r.length);a<c;a++)this.tag.insertRule(d,r[a])&&(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 i=n;i<o;i++)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),i=o+n,a=o;a<i;a++)r+="".concat(this.tag.getRule(a)).concat(Xt);return r},e}(),Go=1<<30,pt=new Map,vt=new Map,mt=1,lt=function(e){if(pt.has(e))return pt.get(e);for(;vt.has(mt);)mt++;var t=mt++;if(process.env.NODE_ENV!=="production"&&((0|t)<0||t>Go))throw We(16,"".concat(t));return pt.set(e,t),vt.set(t,e),t},Uo=function(e,t){mt=t+1,pt.set(e,t),vt.set(t,e)},Yo="style[".concat(je,"][").concat(Vr,'="').concat(St,'"]'),qo=new RegExp("^".concat(je,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Vo=function(e,t,r){for(var n,o=r.split(","),i=0,a=o.length;i<a;i++)(n=o[i])&&e.registerName(t,n)},Ko=function(e,t){for(var r,n=((r=t.textContent)!==null&&r!==void 0?r:"").split(Xt),o=[],i=0,a=n.length;i<a;i++){var d=n[i].trim();if(d){var c=d.match(qo);if(c){var h=0|parseInt(c[1],10),u=c[2];h!==0&&(Uo(u,h),Vo(e,u,c[3]),e.getTag().insertRules(h,o)),o.length=0}else o.push(d)}}},Rr=function(e){for(var t=document.querySelectorAll(Yo),r=0,n=t.length;r<n;r++){var o=t[r];o&&o.getAttribute(je)!==qr&&(Ko(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 c=Array.from(d.querySelectorAll("style[".concat(je,"]")));return c[c.length-1]}(r),i=o!==void 0?o.nextSibling:null;n.setAttribute(je,qr),n.setAttribute(Vr,St);var a=Xo();return a&&n.setAttribute("nonce",a),r.insertBefore(n,i),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,i=n.length;o<i;o++){var a=n[o];if(a.ownerNode===r)return a}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}(),_r=yt,ei={isServer:!yt,useCSSOMInjection:!jo},nn=function(){function e(t,r,n){t===void 0&&(t=Le),r===void 0&&(r={});var o=this;this.options=V(V({},ei),t),this.gs=r,this.names=new Map(n),this.server=!!t.isServer,!this.server&&yt&&_r&&(_r=!1,Rr(this)),Zt(this,function(){return function(i){for(var a=i.getTag(),d=a.length,c="",h=function(f){var y=function(S){return vt.get(S)}(f);if(y===void 0)return"continue";var g=i.names.get(y),b=a.getGroup(f);if(g===void 0||!g.size||b.length===0)return"continue";var w="".concat(je,".g").concat(f,'[id="').concat(y,'"]'),k="";g!==void 0&&g.forEach(function(S){S.length>0&&(k+="".concat(S,","))}),c+="".concat(b).concat(w,'{content:"').concat(k,'"}').concat(Xt)},u=0;u<d;u++)h(u);return c}(o)})}return e.registerId=function(t){return lt(t)},e.prototype.rehydrate=function(){!this.server&&yt&&Rr(this)},e.prototype.reconstructWithOptions=function(t,r){return r===void 0&&(r=!0),new e(V(V({},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=Le,i=o.options,a=i===void 0?Le:i,d=o.plugins,c=d===void 0?Ct:d,h=function(y,g,b){return b.startsWith(r)&&b.endsWith(r)&&b.replaceAll(r,"").length>0?".".concat(t):y},u=c.slice();u.push(function(y){y.type===bt&&y.value.includes("&")&&(y.props[0]=y.props[0].replace(ti,r).replace(n,h))}),a.prefix&&u.push(Co),u.push(xo);var f=function(y,g,b,w){g===void 0&&(g=""),b===void 0&&(b=""),w===void 0&&(w="&"),t=w,r=g,n=new RegExp("\\".concat(r,"\\b"),"g");var k=y.replace(ri,""),S=bo(b||g?"".concat(b," ").concat(g," { ").concat(k," }"):k);a.namespace&&(S=on(S,a.namespace));var $=[];return gt(S,wo(u.concat(So(function(j){return $.push(j)})))),$};return f.hash=c.length?c.reduce(function(y,g){return g.name||We(15),we(y,g.name)},Kr).toString():"",f}var oi=new nn,Yt=ni(),sn=m.createContext({shouldForwardProp:void 0,styleSheet:oi,stylis:Yt});sn.Consumer;m.createContext(void 0);function Pr(){return m.useContext(sn)}var Tr=function(){function e(t,r){var n=this;this.inject=function(o,i){i===void 0&&(i=Yt);var a=n.name+i.hash;o.hasNameForId(n.id,a)||o.insertRules(n.id,a,i(n.rules,a,"@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=Yt),this.name+t.hash},e}(),ii=function(e){return e>="A"&&e<="Z"};function Ar(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 i=e[o];e.hasOwnProperty(o)&&!an(i)&&(Array.isArray(i)&&i.isCss||Fe(i)?n.push("".concat(Ar(o),":"),i,";"):Ne(i)?n.push.apply(n,De(De(["".concat(o," {")],cn(i),!1),["}"],!1)):n.push("".concat(Ar(o),": ").concat((t=o,(r=i)==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(i=e)||i.prototype&&i.prototype.isReactComponent||!t)return[e];var o=e(t);return process.env.NODE_ENV==="production"||typeof o!="object"||Array.isArray(o)||o instanceof Tr||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 i;return e instanceof Tr?r?(e.inject(r,n),[e.getName(n)]):[e]:Ne(e)?cn(e):Array.isArray(e)?Array.prototype.concat.apply(Ct,e.map(function(a){return ke(a,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 i=Ir(ke(this.rules,t,r,n)),a=Gt(we(this.baseHash,i)>>>0);if(!r.hasNameForId(this.componentId,a)){var d=n(i,".".concat(a),void 0,this.componentId);r.insertRules(this.componentId,a,d)}o=Se(o,a),this.staticRulesId=a}else{for(var c=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"&&(c=we(c,f));else if(f){var y=Ir(ke(f,t,r,n));c=we(c,y+u),h+=y}}if(h){var g=Gt(c>>>0);r.hasNameForId(this.componentId,g)||r.insertRules(this.componentId,g,n(h,".".concat(g),void 0,this.componentId)),o=Se(o,g)}}return o},e}(),ln=m.createContext(void 0);ln.Consumer;var Bt={},zr=new Set;function li(e,t,r){var n=Jt(e),o=e,i=!Mt(e),a=t.attrs,d=a===void 0?Ct:a,c=t.componentId,h=c===void 0?function(T,P){var E=typeof T!="string"?"sc":Sr(T);Bt[E]=(Bt[E]||0)+1;var x="".concat(E,"-").concat(To(St+E+Bt[E]));return P?"".concat(P,"-").concat(x):x}(t.displayName,t.parentComponentId):c,u=t.displayName,f=u===void 0?function(T){return Mt(T)?"styled.".concat(T):"Styled(".concat(Jr(T),")")}(e):u,y=t.displayName&&t.componentId?"".concat(Sr(t.displayName),"-").concat(t.componentId):t.componentId||h,g=n&&o.attrs?o.attrs.concat(d).filter(Boolean):d,b=t.shouldForwardProp;if(n&&o.shouldForwardProp){var w=o.shouldForwardProp;if(t.shouldForwardProp){var k=t.shouldForwardProp;b=function(T,P){return w(T,P)&&k(T,P)}}else b=w}var S=new ci(r,y,n?o.componentStyle:void 0);function $(T,P){return function(E,x,H){var K=E.attrs,ue=E.componentStyle,he=E.defaultProps,fe=E.foldedComponentIds,W=E.styledComponentId,se=E.target,$e=m.useContext(ln),ot=Pr(),Ie=E.shouldForwardProp||ot.shouldForwardProp;process.env.NODE_ENV!=="production"&&m.useDebugValue(W);var Ue=Io(x,$e,he)||Le,Z=function(_e,ae,ge){for(var te,re=V(V({},ae),{className:void 0,theme:ge}),ye=0;ye<_e.length;ye+=1){var Pe=Fe(te=_e[ye])?te(re):te;for(var ne in Pe)re[ne]=ne==="className"?Se(re[ne],Pe[ne]):ne==="style"?V(V({},re[ne]),Pe[ne]):Pe[ne]}return ae.className&&(re.className=Se(re.className,ae.className)),re}(K,x,Ue),pe=Z.as||se,me={};for(var U in Z)Z[U]===void 0||U[0]==="$"||U==="as"||U==="theme"&&Z.theme===Ue||(U==="forwardedAs"?me.as=Z.forwardedAs:Ie&&!Ie(U,pe)||(me[U]=Z[U],Ie||process.env.NODE_ENV!=="development"||io(U)||zr.has(U)||!Wt.has(pe)||(zr.add(U),console.warn('styled-components: it looks like an unknown prop "'.concat(U,'" 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 Re=function(_e,ae){var ge=Pr(),te=_e.generateAndInjectStyles(ae,ge.styleSheet,ge.stylis);return process.env.NODE_ENV!=="production"&&m.useDebugValue(te),te}(ue,Z);process.env.NODE_ENV!=="production"&&E.warnTooManyClasses&&E.warnTooManyClasses(Re);var Ye=Se(fe,W);return Re&&(Ye+=" "+Re),Z.className&&(Ye+=" "+Z.className),me[Mt(pe)&&!Wt.has(pe)?"class":"className"]=Ye,me.ref=H,m.createElement(pe,me)}(j,T,P)}$.displayName=f;var j=m.forwardRef($);return j.attrs=g,j.componentStyle=S,j.displayName=f,j.shouldForwardProp=b,j.foldedComponentIds=n?Se(o.foldedComponentIds,o.styledComponentId):"",j.styledComponentId=y,j.target=n?o.target:e,Object.defineProperty(j,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(T){this._foldedDefaultProps=n?function(P){for(var E=[],x=1;x<arguments.length;x++)E[x-1]=arguments[x];for(var H=0,K=E;H<K.length;H++)Ut(P,K[H],!0);return P}({},o.defaultProps,T):T}}),process.env.NODE_ENV!=="production"&&(Eo(f,y),j.warnTooManyClasses=function(T,P){var E={},x=!1;return function(H){if(!x&&(E[H]=!0,Object.keys(E).length>=200)){var K=P?' with the id of "'.concat(P,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(T).concat(K,`.
|
|
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 />`),x=!0,E={}}}}(f,y)),Zt(j,function(){return".".concat(j.styledComponentId)}),i&&tn(j,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),j}function Or(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 Dr=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 Dr(ke(Or(Ct,De([e],t,!0))));var n=e;return t.length===0&&n.length===1&&typeof n[0]=="string"?ke(n):Dr(ke(Or(n,t)))}function qt(e,t,r){if(r===void 0&&(r=Le),!t)throw We(1,t);var n=function(o){for(var i=[],a=1;a<arguments.length;a++)i[a-1]=arguments[a];return e(t,r,di.apply(void 0,De([o],i,!1)))};return n.attrs=function(o){return qt(e,t,V(V({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},n.withConfig=function(o){return qt(e,t,V(V({},r),o))},n}var dn=function(e){return qt(li,e)},R=dn;Wt.forEach(function(e){R[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=R.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:i})=>l.jsx(pi,{id:e,$visible:n,"data-testid":t,style:o,$theme:i,"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||{}),_=(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))(_||{});const mi=m.lazy(()=>Promise.resolve().then(()=>is)),gi=m.lazy(()=>Promise.resolve().then(()=>ss)),yi=m.lazy(()=>Promise.resolve().then(()=>require("./BackIcon-CeMTZgW0.cjs"))),vi=m.lazy(()=>Promise.resolve().then(()=>require("./CancelIcon-BnREsPBZ.cjs"))),bi=m.lazy(()=>Promise.resolve().then(()=>Zi)),$i=m.lazy(()=>Promise.resolve().then(()=>Qi)),xi=m.lazy(()=>Promise.resolve().then(()=>$s)),wi=m.lazy(()=>Promise.resolve().then(()=>require("./ChevronDownIcon-2bo0dD0n.cjs"))),Si=m.lazy(()=>Promise.resolve().then(()=>require("./ChevronLeftIcon-Cv8KkcCj.cjs"))),Ci=m.lazy(()=>Promise.resolve().then(()=>require("./ChevronRightIcon-CXEq8PP7.cjs"))),ki=m.lazy(()=>Promise.resolve().then(()=>require("./ChevronUpIcon-B1CgDPSQ.cjs"))),ji=m.lazy(()=>Promise.resolve().then(()=>require("./ClearIcon-BK-CwLLu.cjs"))),Ei=m.lazy(()=>Promise.resolve().then(()=>require("./CopyIcon-Clhhlouo.cjs"))),Ii=m.lazy(()=>Promise.resolve().then(()=>require("./CutIcon-CPLUxIHf.cjs"))),Ri=m.lazy(()=>Promise.resolve().then(()=>require("./DeleteIcon-Dc3MBZvz.cjs"))),_i=m.lazy(()=>Promise.resolve().then(()=>require("./DownloadIcon-CSO8HT2K.cjs"))),Pi=m.lazy(()=>Promise.resolve().then(()=>zs)),Ti=m.lazy(()=>Promise.resolve().then(()=>require("./ForwardIcon-DUJrdHMK.cjs"))),Ai=m.lazy(()=>Promise.resolve().then(()=>Os)),zi=m.lazy(()=>Promise.resolve().then(()=>require("./HideIcon-2CdoMi2u.cjs"))),Oi=m.lazy(()=>Promise.resolve().then(()=>Ds)),Di=m.lazy(()=>Promise.resolve().then(()=>require("./PasteIcon-ptcTxTKn.cjs"))),Mi=m.lazy(()=>Promise.resolve().then(()=>require("./QuestionIcon-DIohvO68.cjs"))),Bi=m.lazy(()=>Promise.resolve().then(()=>require("./RemoveIcon-CdxnH0zu.cjs"))),Li=m.lazy(()=>Promise.resolve().then(()=>require("./SaveIcon-De8mjmxR.cjs"))),Fi=m.lazy(()=>Promise.resolve().then(()=>require("./ShowIcon-vpYnzZnw.cjs"))),Ni=m.lazy(()=>Promise.resolve().then(()=>require("./UploadIcon-CbYd_cha.cjs"))),Hi=m.lazy(()=>Promise.resolve().then(()=>Ms)),Wi={[_.ArrowDown]:mi,[_.ArrowUp]:gi,[_.Back]:yi,[_.Cancel]:vi,[_.CheckboxChecked]:bi,[_.CheckboxUnchecked]:$i,[_.CheckMark]:xi,[_.ChevronDown]:wi,[_.ChevronUp]:ki,[_.ChevronLeft]:Si,[_.ChevronRight]:Ci,[_.Clear]:ji,[_.Copy]:Ei,[_.Cut]:Ii,[_.Delete]:Ri,[_.Download]:_i,[_.Error]:Pi,[_.Forward]:Ti,[_.Help]:Ai,[_.Hide]:zi,[_.Info]:Oi,[_.Paste]:Di,[_.Question]:Mi,[_.Save]:Li,[_.Show]:Fi,[_.Upload]:Ni,[_.Warning]:Hi,[_.Remove]:Bi},Oe=({name:e,...t})=>{if(!e)return null;const r=l.jsx("span",{style:{fontSize:"1rem"},"aria-label":"SVG Icon Fallback",children:"❌"}),n=Wi[e];return l.jsx(m.Suspense,{fallback:r,children:l.jsx(n,{...t})})},Gi=R.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})=>l.jsx(Gi,{onClick:e,"aria-label":t,type:"button",disabled:n,$theme:o,children:l.jsx(Oe,{name:r})}),Ui=R.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:i,isTextHidden:a=!1,style:d})=>{const c=!!o&&i==="left",h=!!o&&i==="right";return l.jsxs(Ui,{htmlFor:r,style:d,$theme:n,children:[c&&o,!a&&l.jsxs("span",{children:[e,t&&l.jsx("abbr",{title:"required",children:"*"})]}),h&&o]})};function Yi(e){return({tooltip:t,visibleOn:r,...n})=>t!=null&&t.length?l.jsx(jn,{tooltipContent:t,visibleOn:r,children:l.jsx(e,{...n})}):l.jsx(e,{...n})}const be=m.createContext({}),hn=m.createContext({mode:"light"});function qi(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 fn({e,options:t,onClose:r}){let n="";t.forEach(i=>{document.getElementById(i.id)===document.activeElement&&(n=i.id)});const o=t.findIndex(i=>i.id===n);switch(e.key){case"Escape":e.preventDefault(),r();break;case"ArrowUp":{e.preventDefault();const i=o-1>=0?o-1:t.length-1,a=t[i];a&&et(a.id);break}case"ArrowDown":case"Tab":{e.preventDefault();const i=o===t.length-1?0:o+1,a=t[i];a&&et(a.id);break}}}const J=()=>{const{customTheme:e,mode:t}=m.useContext(hn);return qi(t,e)},kt=({ref:e,onClickOutsideHandler:t,dependentRef:r})=>{m.useEffect(()=>{const n=o=>{const i=(e==null?void 0:e.current)&&!e.current.contains(o.target),a=r!=null&&r.current?!r.current.contains(o.target):!0;i&&a&&t()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[e,r,t])},pn=({ref:e,isVisible:t})=>{const[r,n]=m.useState({width:0,height:0});return m.useEffect(()=>{e.current&&t&&n({width:e.current.offsetWidth,height:e.current.offsetHeight})},[e,t]),r};function de(e){const t=m.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})=>{m.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])},mn=({modalRef:e,isOpened:t})=>{m.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],i=n[n.length-1],a=d=>{d.key==="Tab"&&(d.shiftKey&&document.activeElement===o?(d.preventDefault(),i.focus()):!d.shiftKey&&document.activeElement===i&&(d.preventDefault(),o.focus()))};return r.addEventListener("keydown",a),()=>{r.removeEventListener("keydown",a)}},[e,t])},er=(e,t=300)=>{const[r,n]=m.useState(!1);return m.useEffect(()=>{e&&!r?n(!0):!e&&r&&setTimeout(()=>{n(!1)},t)},[e]),r},Ge=e=>{const{resetSignal:t}=m.useContext(be);m.useEffect(()=>{t&&e()},[t,e])};function Mr(){const{innerWidth:e,innerHeight:t}=window;return{width:e,height:t}}function gn(){const[e,t]=m.useState(Mr());return m.useEffect(()=>{function r(){t(Mr())}return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]),e}const yn=({wrapperRef:e,tooltipRef:t,isOpened:r,spacing:n=4})=>{const[o,i]=m.useState({top:0,left:0}),{width:a,height:d}=pn({ref:t,isVisible:r}),{width:c,height:h}=gn();return m.useEffect(()=>{if(r&&e.current){const u=e.current.getBoundingClientRect();let f=Math.round(u.bottom+n),y=Math.round(u.left);f+d>window.innerHeight&&(f=Math.round(u.top-d-n)),y+a>window.innerWidth&&(y=Math.round(window.innerWidth-a-n)),y<0&&(y=n),i({top:f,left:y})}},[r,e,d,a,n,c,h]),o},Vi=R.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
|
+
`,Ki=R.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
|
+
`,Xi=R.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
|
+
`,Ji=({onClick:e,text:t,icon:r,label:n,disabled:o=!1,extended:i=!1,type:a="button",view:d=le.Primary,...c})=>{const h=J();switch(d){case le.Primary:return l.jsxs(Vi,{$extended:i,"aria-label":n,type:a,onClick:e,disabled:o,$theme:h,...c,children:[l.jsx("span",{className:"chop-logic-button_shadow"}),l.jsx("span",{className:"chop-logic-button_edge"}),l.jsxs("span",{className:"chop-logic-button_front",children:[l.jsx(Oe,{name:r}),t]})]});case le.Flat:return l.jsxs(Ki,{$extended:i,"aria-label":n,type:a,onClick:e,disabled:o,$theme:h,...c,children:[l.jsx(Oe,{name:r}),t]});case le.Icon:return l.jsx(Xi,{"aria-label":n,type:a,onClick:e,disabled:o,$theme:h,...c,children:l.jsx(Oe,{name:r})});default:return null}},tt=Yi(Ji);function jt(e){return l.jsx("svg",{viewBox:"0 0 16 16",fill:"currentColor",height:"1em",width:"1em",...e,children:l.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"})})}const Zi=Object.freeze(Object.defineProperty({__proto__:null,default:jt},Symbol.toStringTag,{value:"Module"}));function Et(e){return l.jsx("svg",{viewBox:"0 0 16 16",fill:"currentColor",height:"1em",width:"1em",...e,children:l.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"})})}const Qi=Object.freeze(Object.defineProperty({__proto__:null,default:Et},Symbol.toStringTag,{value:"Module"})),es=R.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 ts({defaultChecked:e,initialValues:t,name:r}){return t&&(t==null?void 0:t[r])!==void 0?!!(t!=null&&t[r]):!!e}function rs({name:e,defaultChecked:t,onChange:r}){const{onChangeFormInput:n,initialValues:o}=m.useContext(be),i=ts({initialValues:o,name:e,defaultChecked:t}),[a,d]=m.useState(i),c=u=>{const f=u.target.checked;d(f),r==null||r(u),n==null||n({name:e,value:f})},h=m.useCallback(()=>{d(i),n==null||n({name:e,value:i})},[e]);return Ge(h),{handleChange:c,checked:a}}const ns=({name:e,label:t,disabled:r,noLabel:n,required:o=!1,iconPosition:i="left",defaultChecked:a,onChange:d,id:c,...h})=>{const{handleChange:u,checked:f}=rs({name:e,defaultChecked:a,onChange:d}),{elementId:y}=de(c),g=J();return l.jsxs(es,{$disabled:!!r,$theme:g,$checked:f,...h,children:[l.jsx("input",{id:y,name:e,type:"checkbox",disabled:r,required:o,checked:f,onChange:u,"aria-label":n?t:void 0}),l.jsx(Ee,{label:t,required:o,inputId:y,isTextHidden:n,icon:f?l.jsx(jt,{}):l.jsx(Et,{}),iconPosition:i,theme:g})]})},vn=R.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
|
+
`,bn=R.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
|
+
`,$n=R.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
|
+
`,xn=R.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
|
+
`,os=R(xn)`
|
|
501
|
+
justify-content: flex-start;
|
|
502
|
+
`;function tr(e){return l.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:l.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"})})}const is=Object.freeze(Object.defineProperty({__proto__:null,default:tr},Symbol.toStringTag,{value:"Module"}));function rr(e){return l.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:l.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"})})}const ss=Object.freeze(Object.defineProperty({__proto__:null,default:rr},Symbol.toStringTag,{value:"Module"})),as=({opened:e,onClick:t,comboboxId:r,dropdownId:n,name:o,placeholder:i,disabled:a,required:d,values:c,theme:h})=>{const u=c==null?void 0:c.filter(g=>g.selected).map(g=>g.label),f=c==null?void 0:c.filter(g=>g.selected).map(g=>g.id);let y=l.jsx("span",{children:i});return u&&u.length>1?y=l.jsx("span",{children:`${u.length} items selected`}):u&&u.length===1&&(y=l.jsx("span",{children:u[0]})),l.jsxs(bn,{type:"button",name:o,value:f,role:"combobox","aria-haspopup":"listbox","aria-expanded":e,"aria-controls":n,id:r,onClick:t,disabled:a,"aria-required":d,$theme:h,children:[y,e?l.jsx(rr,{}):l.jsx(tr,{})]})},cs=({value:e,onSelect:t,theme:r})=>{const{id:n,label:o,selected:i}=e,a=d=>c=>{switch(c.key){case" ":case"SpaceBar":case"Enter":c.preventDefault(),t(d);break}};return l.jsxs(os,{id:n,role:"option","aria-selected":i,tabIndex:0,onKeyDown:a(n),onClick:()=>t(n),$theme:r,$selected:i,children:[i?l.jsx(jt,{}):l.jsx(Et,{}),l.jsx("span",{children:o})]})},ls=({options:e,opened:t,onClose:r,onSelect:n,dropdownId:o,theme:i})=>l.jsx($n,{$opened:t,role:"listbox",id:o,tabIndex:-1,onKeyDown:a=>fn({e:a,options:e,onClose:r}),$theme:i,children:e.map(a=>l.jsx(cs,{value:a,onSelect:()=>n(a.id),theme:i},a.id))});function ds({name:e,options:t,initialValues:r,defaultValue:n}){return t.map(o=>{let i=!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)&&(i=!0),!(r!=null&&r[e])&&Array.isArray(n)&&n.find(d=>d===o.id)&&(i=!0),{...o,selected:i}})}const Br=e=>e.filter(t=>t.selected).map(t=>t.id),us=(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 hs({name:e,defaultValue:t,onChange:r,options:n}){const[o,i]=m.useState(!1),{onChangeFormInput:a,initialValues:d}=m.useContext(be),c=ds({name:e,options:n,initialValues:d,defaultValue:t}),[h,u]=m.useState(c),f=()=>i(!1),y=()=>i(!o),g=w=>{const k=us(h,w);u(k),r==null||r(k),a==null||a({name:e,value:Br(k)})},b=m.useCallback(()=>{i(!1),u(c),a==null||a({name:e,value:Br(c)})},[e]);return Ge(b),{handleClose:f,handleToggle:y,handleSelect:g,opened:o,values:h}}const fs=({options:e,name:t,label:r,required:n=!1,placeholder:o="Not selected",disabled:i=!1,onChange:a,defaultValue:d,id:c,...h})=>{const u=m.useRef(null),{elementId:f,dropdownId:y}=de(c),g=J(),{handleClose:b,handleSelect:w,handleToggle:k,opened:S,values:$}=hs({name:t,options:e,defaultValue:d,onChange:a});return kt({ref:u,onClickOutsideHandler:b}),nt({keyCode:"Escape",ref:u,onKeyPress:b}),l.jsxs(vn,{ref:u,$theme:g,...h,children:[l.jsx(Ee,{label:r,required:n,inputId:f,theme:g}),l.jsx(as,{name:t,opened:S,comboboxId:f,dropdownId:y,onClick:k,values:$,placeholder:o,disabled:i,required:n,theme:g}),l.jsx(ls,{theme:g,options:$,opened:S,onClose:b,dropdownId:y,onSelect:w})]})};function ps({name:e,initialValues:t,defaultValue:r}){return t&&t[e]?Number(t[e]):r&&typeof r=="number"?r:0}function ms({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 gs({name:e,defaultValue:t,onChange:r,onSpinButtonClick:n,min:o,max:i,step:a,required:d,validator:c}){const{onChangeFormInput:h,initialValues:u}=m.useContext(be),f=ps({initialValues:u,defaultValue:t,name:e}),y=i?Number(i):Number.MAX_SAFE_INTEGER,g=o?Number(o):Number.MIN_SAFE_INTEGER,[b,w]=m.useState(f),[k,S]=m.useState(!0),$=x=>{w(x);const H=ms({value:x,required:d,validator:c,maxValue:y,minValue:g});S(H),h==null||h({name:e,value:x,valid:H})},j=x=>{const H=Number(x.target.value);$(H),r==null||r(x)},T=()=>{$(b+a),n==null||n(b+a)},P=()=>{$(b-a),n==null||n(b-a)},E=m.useCallback(()=>{w(f),S(!0),h==null||h({name:e,value:f,valid:!0})},[e]);return Ge(E),{handleChange:j,value:b,valid:k,minValue:g,maxValue:y,increment:T,decrement:P}}const ys=R.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
|
+
`,vs=({name:e,label:t,errorMessage:r,onChange:n,onBlur:o,onFocus:i,onSpinButtonClick:a,validator:d,min:c,max:h,id:u,tabIndex:f,disabled:y=!1,required:g=!1,readOnly:b=!1,hasSpinButtons:w=!0,defaultValue:k=0,step:S=1,...$})=>{const{elementId:j,errorId:T}=de(u),P=J(),{value:E,valid:x,handleChange:H,increment:K,decrement:ue,minValue:he,maxValue:fe}=gs({name:e,defaultValue:k,min:c,max:h,onChange:n,required:g,validator:d,step:S,onSpinButtonClick:a});return l.jsxs(ys,{$theme:P,...$,children:[l.jsx(Ee,{label:t,required:g,inputId:j,theme:P}),l.jsxs("div",{children:[l.jsx("input",{id:j,name:e,type:"number",disabled:y,required:g,readOnly:b,placeholder:"0","aria-invalid":!x,"aria-errormessage":T,value:E.toString(),onChange:H,min:he,max:fe,step:S,onBlur:o,onFocus:i,tabIndex:f}),w&&l.jsxs("span",{children:[l.jsx(Qe,{onClick:ue,label:`Decrement value for ${t}`,icon:_.ChevronLeft,disabled:y,theme:P}),l.jsx(Qe,{onClick:K,label:`Increment value for ${t}`,icon:_.ChevronRight,disabled:y,theme:P})]})]}),l.jsx(Qt,{errorId:T,message:r,visible:!x,theme:P})]})},bs=({opened:e,onClick:t,comboboxId:r,dropdownId:n,selected:o,name:i,placeholder:a,disabled:d,required:c,theme:h})=>l.jsxs(bn,{type:"button",name:i,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":c,$theme:h,children:[o!=null&&o.label?l.jsx("span",{children:o==null?void 0:o.label}):l.jsx("span",{children:a}),e?l.jsx(rr,{}):l.jsx(tr,{})]});function nr(e){return l.jsx("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",...e,children:l.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"})})}const $s=Object.freeze(Object.defineProperty({__proto__:null,default:nr},Symbol.toStringTag,{value:"Module"})),xs=({value:e,selected:t,onSelect:r,onClear:n,theme:o})=>{const{id:i,label:a}=e,d=h=>{t?n():r(h)},c=h=>u=>{switch(u.key){case" ":case"SpaceBar":case"Enter":u.preventDefault(),d(h);break}};return l.jsxs(xn,{id:i,role:"option","aria-selected":t,tabIndex:0,onKeyDown:c(i),onClick:()=>d(i),$theme:o,$selected:t,children:[l.jsx("span",{children:a}),t&&l.jsx(nr,{})]})},ws=({options:e,opened:t,onClose:r,onSelect:n,dropdownId:o,comboboxId:i,selected:a,onClear:d,theme:c})=>{const h=u=>{n(u),r(),et(i)};return l.jsx($n,{role:"listbox",id:o,tabIndex:-1,onKeyDown:u=>fn({e:u,options:e,onClose:r}),$opened:t,$theme:c,children:e.map(u=>l.jsx(xs,{value:u,onSelect:()=>h(u.id),onClear:d,selected:u.id===(a==null?void 0:a.id),theme:c},u.id))})};function Ss({name:e,options:t,initialValues:r,defaultValue:n}){var i;let o;return r&&r[e]&&(o=((i=r[e])==null?void 0:i.id)??r[e]),!(r!=null&&r[e])&&n&&typeof n=="string"&&(o=n),t.find(a=>a.id===o)}function Cs({name:e,defaultValue:t,onChange:r,options:n}){const{onChangeFormInput:o,initialValues:i}=m.useContext(be),a=Ss({name:e,options:n,defaultValue:t,initialValues:i}),[d,c]=m.useState(!1),[h,u]=m.useState(a),f=()=>c(!1),y=()=>c(!d),g=k=>{const S=n.find($=>$.id===k);u(S),r==null||r(S),o==null||o({name:e,value:S==null?void 0:S.id})},b=()=>{u(void 0),r==null||r(void 0)},w=m.useCallback(()=>{c(!1),u(a),o==null||o({name:e,value:a==null?void 0:a.id})},[e]);return Ge(w),{selected:h,opened:d,handleClear:b,handleClose:f,handleToggle:y,handleSelect:g}}const ks=({options:e,onChange:t,name:r,label:n,defaultValue:o,id:i,placeholder:a="Not selected",required:d=!1,disabled:c=!1,...h})=>{const u=m.useRef(null),f=J(),{elementId:y,dropdownId:g}=de(i),{handleClear:b,handleClose:w,handleSelect:k,handleToggle:S,selected:$,opened:j}=Cs({options:e,onChange:t,defaultValue:o,name:r});return kt({ref:u,onClickOutsideHandler:w}),nt({keyCode:"Escape",ref:u,onKeyPress:w}),l.jsxs(vn,{ref:u,$theme:f,...h,children:[l.jsx(Ee,{label:n,required:d,inputId:y,theme:f}),l.jsx(bs,{name:r,opened:j,comboboxId:y,dropdownId:g,onClick:S,selected:$,placeholder:a,disabled:c,required:d,theme:f}),l.jsx(ws,{options:e,selected:$,opened:j,onClose:w,dropdownId:g,comboboxId:y,onSelect:k,onClear:b,theme:f})]})};function js({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 Es({name:e,initialValues:t,defaultValue:r}){return t&&(t!=null&&t[e])?t[e].toString():r&&typeof r=="string"?r:""}function Is({name:e,defaultValue:t,onChange:r,onClear:n,required:o,validator:i}){const{onChangeFormInput:a,initialValues:d}=m.useContext(be),c=Es({initialValues:d,defaultValue:t,name:e}),[h,u]=m.useState(c),[f,y]=m.useState(!0),[g,b]=m.useState(!1),w=j=>{const T=j.target.value,P=js({value:T,required:o,validator:i});u(T),y(P),a==null||a({name:e,value:T,valid:P}),r==null||r(j)},k=()=>{u(""),y(!0),a==null||a({name:e,value:"",valid:!0}),n==null||n()},S=m.useCallback(()=>{u(c),y(!0),a==null||a({name:e,value:c,valid:!0})},[e]),$=()=>{b(!g)};return Ge(S),{value:h,valid:f,passwordShown:g,handleChange:w,handleClear:k,togglePassword:$}}const Rs=R.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
|
+
`,_s=({name:e,label:t,errorMessage:r,defaultValue:n,onChange:o,onBlur:i,onFocus:a,onClear:d,validator:c,maxLength:h,id:u,tabIndex:f,placeholder:y="Type here...",disabled:g=!1,required:b=!1,clearable:w=!0,readOnly:k=!1,autoComplete:S="off",type:$="text",...j})=>{const{value:T,valid:P,handleChange:E,handleClear:x,passwordShown:H,togglePassword:K}=Is({defaultValue:n,name:e,onChange:o,onClear:d,required:b,validator:c}),{elementId:ue,errorId:he}=de(u),fe=$==="password",W=J();return l.jsxs(Rs,{$theme:W,...j,children:[l.jsx(Ee,{label:t,required:b,inputId:ue,theme:W}),l.jsxs("div",{children:[l.jsx("input",{id:ue,name:e,type:H?"text":$,disabled:g,placeholder:y,required:b,readOnly:k,autoComplete:S,"aria-invalid":!P,"aria-errormessage":he,"aria-readonly":k,value:T,onChange:E,maxLength:h,onBlur:i,onFocus:a,tabIndex:f}),l.jsxs("span",{children:[w&&l.jsx(Qe,{onClick:x,label:`Clear input for ${t}`,icon:_.Remove,disabled:g,theme:W}),fe&&l.jsx(Qe,{onClick:K,label:"Toggle password visibility",icon:H?_.Hide:_.Show,disabled:g,theme:W})]})]}),l.jsx(Qt,{errorId:he,message:r,visible:!P,theme:W})]})},Ps=R.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
|
+
`,Ts=R.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
|
+
`,As=R.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 wn(e){return l.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:[l.jsx("path",{d:"M11 7h2v7h-2zm0 8h2v2h-2z"}),l.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"})]})}const zs=Object.freeze(Object.defineProperty({__proto__:null,default:wn},Symbol.toStringTag,{value:"Module"}));function Sn(e){return l.jsx("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",...e,children:l.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"})})}const Os=Object.freeze(Object.defineProperty({__proto__:null,default:Sn},Symbol.toStringTag,{value:"Module"}));function Cn(e){return l.jsxs("svg",{viewBox:"0 0 1024 1024",fill:"currentColor",height:"1em",width:"1em",...e,children:[l.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"}),l.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"})]})}const Ds=Object.freeze(Object.defineProperty({__proto__:null,default:Cn},Symbol.toStringTag,{value:"Module"}));function kn(e){return l.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:[l.jsx("path",{fill:"none",d:"M0 0h24v24H0z"}),l.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 Ms=Object.freeze(Object.defineProperty({__proto__:null,default:kn},Symbol.toStringTag,{value:"Module"}));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 Ls(e,t){if(t)return l.jsx(Oe,{name:t});switch(e){case X.Info:return l.jsx(Cn,{});case X.Warning:return l.jsx(kn,{});case X.Error:return l.jsx(wn,{});case X.Success:return l.jsx(nr,{});case X.Help:return l.jsx(Sn,{});default:return null}}const Fs=({title:e,onClose:t,mode:r,icon:n,theme:o})=>{const i=Bs(r,e),a=Ls(r,n);return l.jsxs(Ps,{$theme:o,children:[l.jsxs("h3",{children:[a,i]}),l.jsx(tt,{icon:_.Cancel,view:le.Icon,label:"Close alert popup",onClick:t})]})},Ns=({isOpened:e,onClose:t,title:r,message:n,mode:o=X.Info,icon:i,...a})=>{const d=er(e),c=d&&!e,h=J();return d?l.jsx(It,{children:l.jsx(Ts,{$isClosing:c,$theme:h,children:l.jsxs(As,{...a,$theme:h,children:[l.jsx(Fs,{title:r,onClose:t,mode:o,icon:i,theme:h}),l.jsx("p",{children:n})]})})}):null},Hs=R.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
|
+
`,Ws=R.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
|
+
`,Gs=R.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
|
+
`,Us=R.div`
|
|
712
|
+
padding: ${e=>e.$theme.gapBig};
|
|
713
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
714
|
+
`,Ys=({title:e,onClose:t,theme:r})=>l.jsxs(Gs,{$theme:r,children:[e,l.jsx(tt,{icon:_.Cancel,view:le.Icon,label:"Close modal window",onClick:t})]}),qs=({title:e,onClose:t,isOpened:r,children:n,theme:o,...i})=>{const a=m.useRef(null);return mn({modalRef:a,isOpened:r}),nt({keyCode:"Escape",ref:a,onKeyPress:t}),l.jsxs(Hs,{ref:a,role:"dialog","aria-modal":"true",$theme:o,...i,children:[l.jsx(Ys,{title:e,onClose:t,theme:o}),l.jsx(Us,{$theme:o,children:n})]})},Vs=({isOpened:e,onClose:t,title:r,children:n,...o})=>{const i=er(e),a=i&&!e,d=J();return i?l.jsx(It,{children:l.jsx(Ws,{$isClosing:a,$theme:d,children:l.jsx(qs,{title:r,onClose:t,isOpened:e,...o,theme:d,children:n})})}):null},Ks=({id:e})=>{const[t,r]=m.useState(!1),n=m.useRef(null),o=m.useRef(null),{top:i,left:a}=yn({wrapperRef:n,tooltipRef:o,isOpened:t}),{elementId:d}=de(e),c=()=>r(!1),h=()=>r(!0),u=()=>r(!t),f=y=>{y.preventDefault(),u()};return nt({keyCode:"Escape",ref:o,onKeyPress:c}),kt({ref:o,onClickOutsideHandler:c,dependentRef:n}),{elementId:d,openTooltip:h,closeTooltip:c,toggleTooltip:u,handleContextMenu:f,top:i,left:a,isOpened:t,wrapperRef:n,tooltipRef:o}},Xs=R.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:i,...a})=>{const d=r,c=J(),{openTooltip:h,closeTooltip:u,toggleTooltip:f,handleContextMenu:y,elementId:g,top:b,left:w,isOpened:k,wrapperRef:S,tooltipRef:$}=Ks({id:o});return l.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=>y(j):void 0,tabIndex:0,ref:S,"aria-describedby":g,children:[e,k&&l.jsx(It,{children:l.jsx(Xs,{style:{...i,top:b,left:w},ref:$,role:"tooltip",id:g,$theme:c,...a,children:t})})]})};function Js(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 Qs(e){return e.every(t=>t[1])}function ea({initialValues:e,onReset:t,onSubmit:r,onClickSubmit:n}){const[o,i]=m.useState(e),[a,d]=m.useState(Js(e)),[c,h]=m.useState(0);return{handleInputChange:g=>{const b={...o,[g.name]:g.value};i(b),d(Zs(a,g))},handleSubmit:g=>{g.preventDefault();const w={...Object.fromEntries(new FormData(g.target)),...o};r==null||r(g),n==null||n(w)},handleReset:g=>{t==null||t(g),i(e),h(c+1)},resetSignal:c,valid:Qs(a)}}const ta=R.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
|
+
`,ra=R.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
|
+
`,na=({children:e,initialValues:t,onReset:r,onSubmit:n,onClickSubmit:o,columns:i=1,hasReset:a=!0,...d})=>{const{handleInputChange:c,handleSubmit:h,handleReset:u,resetSignal:f,valid:y}=ea({initialValues:t,onReset:r,onSubmit:n,onClickSubmit:o}),g=J();return l.jsx(ta,{onSubmit:h,onReset:u,$columns:i,$theme:g,...d,children:l.jsxs(be.Provider,{value:{onChangeFormInput:c,initialValues:t,resetSignal:f},children:[e,l.jsxs(ra,{$columns:i,children:[a&&l.jsx(tt,{type:"reset",text:"Reset",icon:_.Clear,view:le.Flat}),l.jsx(tt,{type:"submit",text:"Submit",icon:_.Forward,extended:!a,disabled:!y})]})]})})},oa=R.table`
|
|
752
|
+
border-collapse: collapse;
|
|
753
|
+
`,ia=R.thead`
|
|
754
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
755
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
756
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
757
|
+
`,sa=R.tbody`
|
|
758
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
759
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
760
|
+
`,En=R.th`
|
|
761
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
762
|
+
text-align: left;
|
|
763
|
+
`,aa=R.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
|
+
`,In=R.td`
|
|
769
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
770
|
+
`,ca=R.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
|
+
`,la=R.tr`
|
|
776
|
+
border-bottom: ${e=>e.$theme.borderLight};
|
|
777
|
+
|
|
778
|
+
${e=>e.$selected&&`
|
|
779
|
+
background-color: ${e.$theme.backgroundColorLight};
|
|
780
|
+
`}
|
|
781
|
+
`,Lr=R.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
|
+
`,da=R.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
|
+
`,ua=R.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 ha({item:e,columns:t,renderDataItem:r}){const n=[];for(const o of t){let i;r&&e[o.field]?i=r(e,o.field):e[o.field]?i=e[o.field].toString():i="",n.push(i)}return n}const fa=({value:e,theme:t})=>l.jsx(In,{$theme:t,children:e}),Rn=({name:e,label:t,disabled:r,required:n=!1,onChange:o,checked:i=!1,theme:a,...d})=>{const{elementId:c}=de(d==null?void 0:d.id);return l.jsxs(da,{$disabled:!!r,$checked:i,$theme:a,children:[l.jsx(ua,{id:c,name:e,type:"checkbox",disabled:r,required:n,checked:i,onChange:o,$theme:a}),l.jsx(Ee,{label:t,required:n,inputId:c,isTextHidden:!0,iconPosition:"left",theme:a,icon:i?l.jsx(jt,{}):l.jsx(Et,{})})]})},pa=({rowId:e,isRowSelected:t,selectRowById:r,deselectRowById:n,disabled:o,theme:i})=>{const a=d=>{const{checked:c}=d.target;c?r(e):n(e)};return l.jsx(In,{$theme:i,children:l.jsx(Rn,{theme:i,label:"Select row",onChange:a,id:`select_row_${e}`,checked:t,disabled:o})})},ma=({rowId:e,selectRowById:t,deselectRowById:r,selectable:n,values:o,selectedIds:i,disabled:a,theme:d})=>{const c=i.includes(e);return l.jsxs(la,{$selected:c,$theme:d,children:[n&&l.jsx(pa,{rowId:e,selectRowById:t,deselectRowById:r,isRowSelected:c,disabled:a,theme:d}),o.map((h,u)=>l.jsx(fa,{value:h,theme:d},`row_${u}`))]})},ga=({selectRowById:e,deselectRowById:t,renderDataItem:r,selectedIds:n,selectable:o,data:i,columns:a,theme:d})=>l.jsx(sa,{$theme:d,children:i.map(c=>{const h=ha({item:c,columns:a,renderDataItem:r});return l.jsx(ma,{rowId:c.id,disabled:c==null?void 0:c.disabled,selectRowById:e,deselectRowById:t,selectable:o,values:h,selectedIds:n,theme:d},c.id)})}),ya=({columns:e,selectable:t,theme:r})=>l.jsxs("colgroup",{children:[t&&l.jsx(Lr,{$isFirst:!0,$highlighted:!1,$theme:r}),e.map((n,o)=>l.jsx(Lr,{$isFirst:o===0&&!t,$highlighted:!!(n!=null&&n.highlighted),className:n==null?void 0:n.className,$theme:r},n==null?void 0:n.title))]}),va=({title:e,component:t,theme:r})=>l.jsx(En,{$theme:r,children:t??e??""}),ba=({gridId:e,isAllSelected:t,selectAll:r,deselectAll:n,disabled:o,theme:i})=>{const a=d=>{const{checked:c}=d.target;c?r():n()};return l.jsx(En,{$theme:i,children:l.jsx(Rn,{label:"Select all rows",onChange:a,id:`select_all_${e}`,checked:t,disabled:o,theme:i})})},$a=({columns:e,gridId:t,selectAll:r,deselectAll:n,selectable:o,isAllSelected:i,isAllCheckboxDisabled:a=!1,theme:d})=>l.jsx(ia,{$theme:d,children:l.jsxs(aa,{$theme:d,children:[o&&l.jsx(ba,{isAllSelected:i,disabled:a,gridId:t,selectAll:r,deselectAll:n,theme:d}),e.map(c=>l.jsx(va,{title:c.title,component:c.component,theme:d},`${c.title}_${t}`))]})}),xa=({data:e,id:t,onSelect:r})=>{const{elementId:n}=de(t),[o,i]=m.useState([]),a=e.map(b=>b.id),d=a.length===o.length,c=e.some(b=>b==null?void 0:b.disabled),h=b=>{i(b),r==null||r(b)};return{elementId:n,isAllSelected:d,isAllCheckboxDisabled:c,selectedIds:o,handleSelectAll:()=>{h(a)},handleDeselectAll:()=>{h([])},handleSelectRowById:b=>{const w=[...o,b];h(w)},handleDeselectRowById:b=>{const w=o.filter(k=>k!==b);h(w)}}},wa=({columns:e,data:t,id:r,onSelect:n,renderDataItem:o,caption:i,selectable:a=!1,...d})=>{const{elementId:c,handleSelectAll:h,handleDeselectAll:u,isAllCheckboxDisabled:f,isAllSelected:y,handleDeselectRowById:g,handleSelectRowById:b,selectedIds:w}=xa({id:r,data:t,onSelect:n}),k=J();return l.jsxs(oa,{...d,children:[i&&l.jsx(ca,{$theme:k,children:i}),l.jsx(ya,{columns:e,selectable:a,theme:k}),l.jsx($a,{gridId:c,columns:e,selectable:a,selectAll:h,deselectAll:u,isAllSelected:y,isAllCheckboxDisabled:f,theme:k}),l.jsx(ga,{columns:e,data:t,selectable:a,selectRowById:b,deselectRowById:g,selectedIds:w,renderDataItem:o,theme:k})]})},It=({children:e})=>{const[t]=m.useState(()=>document.createElement("div"));return m.useEffect(()=>(document.body.appendChild(t),()=>{document.body.removeChild(t)}),[t]),eo.createPortal(e,t)},Sa=R.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
|
+
`,Ca=R.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
|
+
`,ka=R.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
|
+
`,ja=R.div`
|
|
895
|
+
display: flex;
|
|
896
|
+
flex-direction: column;
|
|
897
|
+
width: 100%;
|
|
898
|
+
|
|
899
|
+
${({$mode:e})=>e==="vertical"&&`
|
|
900
|
+
flex-direction: row;
|
|
901
|
+
`}
|
|
902
|
+
`,Ea=({tabs:e,selectedTabId:t,theme:r})=>{var i;const n=(i=e.find(a=>a.id===t))==null?void 0:i.content,o=`tabpanel_${t}`;return l.jsx(Ca,{role:"tabpanel","aria-labelledby":t,id:o,$theme:r,children:n})},Ia=({title:e,onTabSelect:t,tabId:r,isSelected:n,isDisabled:o=!1,tabPanelId:i,mode:a,theme:d})=>l.jsx(Sa,{role:"tab",id:r,onClick:()=>t(r),"aria-selected":n,"aria-controls":i,$selected:n,$disabled:o,$mode:a,$theme:d,children:e}),Ra=({tabs:e,onTabSelect:t,selectedTabId:r,tabPanelIds:n,mode:o,tabIds:i,theme:a})=>{const d=c=>{const h=i.findIndex(u=>u===r);switch(c.key){case"ArrowLeft":case"ArrowUp":{if(c.preventDefault(),c.key==="ArrowUp"&&o==="horizontal"||c.key==="ArrowLeft"&&o==="vertical")break;const u=h-1>=0?h-1:i.length-1,f=i[u];f&&(et(f),t(f));break}case"ArrowRight":case"ArrowDown":{if(c.preventDefault(),c.key==="ArrowDown"&&o==="horizontal"||c.key==="ArrowRight"&&o==="vertical")break;const u=h===i.length-1?0:h+1,f=i[u];f&&(et(f),t(f));break}}};return l.jsx(ka,{role:"tablist",$mode:o,onKeyDown:d,$theme:a,children:e.map(({id:c,title:h,disabled:u},f)=>l.jsx(Ia,{title:h,onTabSelect:t,tabId:c,isSelected:c===r,isDisabled:u,tabPanelId:n[f],mode:o,theme:a},c))})},_a=({tabs:e,defaultTabId:t,mode:r="horizontal",...n})=>{const o=e.map(f=>f.id),i=o.map(f=>`tabpanel_${f}`),a=t&&o.includes(t)?t:o[0],[d,c]=m.useState(a),h=J(),u=f=>{c(f)};return l.jsxs(ja,{$mode:r,...n,children:[l.jsx(Ra,{tabs:e,selectedTabId:d,tabPanelIds:i,onTabSelect:u,mode:r,tabIds:o,theme:h}),l.jsx(Ea,{tabs:e,selectedTabId:d,theme:h})]})};exports.ChopLogicAlert=Ns;exports.ChopLogicAlertMode=X;exports.ChopLogicButton=tt;exports.ChopLogicButtonView=le;exports.ChopLogicCheckbox=ns;exports.ChopLogicDialog=Vs;exports.ChopLogicErrorMessage=Qt;exports.ChopLogicForm=na;exports.ChopLogicFormContext=be;exports.ChopLogicGrid=wa;exports.ChopLogicIcon=Oe;exports.ChopLogicIconName=_;exports.ChopLogicLabel=Ee;exports.ChopLogicMultiSelect=fs;exports.ChopLogicNumericInput=vs;exports.ChopLogicPortal=It;exports.ChopLogicSelect=ks;exports.ChopLogicTabs=_a;exports.ChopLogicTextInput=_s;exports.ChopLogicThemeContext=hn;exports.ChopLogicTooltip=jn;exports.InputInnerButton=Qe;exports.jsxRuntimeExports=l;exports.useChopLogicTheme=J;exports.useClickOutside=kt;exports.useContainerDimensions=pn;exports.useElementIds=de;exports.useKeyPress=nt;exports.useModalFocusTrap=mn;exports.useMount=er;exports.useResetFormInput=Ge;exports.useTooltipPosition=yn;exports.useWindowDimensions=gn;
|
|
903
|
+
//# sourceMappingURL=index-QKscbffq.cjs.map
|