chop-logic-components 2.0.0 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +24 -8
- package/dist/icons/index.d.ts +5 -5
- package/dist/icons/svg/ArrowDownIcon.d.ts +2 -2
- package/dist/icons/svg/ArrowUpIcon.d.ts +2 -2
- package/dist/icons/svg/BackIcon.d.ts +2 -2
- package/dist/icons/svg/CancelIcon.d.ts +2 -2
- package/dist/icons/svg/CheckMarkIcon.d.ts +2 -2
- package/dist/icons/svg/CheckboxCheckedIcon.d.ts +2 -2
- package/dist/icons/svg/CheckboxUncheckedIcon.d.ts +2 -2
- package/dist/icons/svg/ChevronDownIcon.d.ts +2 -2
- package/dist/icons/svg/ChevronLeftIcon.d.ts +2 -2
- package/dist/icons/svg/ChevronRightIcon.d.ts +2 -2
- package/dist/icons/svg/ChevronUpIcon.d.ts +2 -2
- package/dist/icons/svg/ClearIcon.d.ts +2 -2
- package/dist/icons/svg/CopyIcon.d.ts +2 -2
- package/dist/icons/svg/CutIcon.d.ts +2 -2
- package/dist/icons/svg/DeleteIcon.d.ts +2 -2
- package/dist/icons/svg/DownloadIcon.d.ts +2 -2
- package/dist/icons/svg/ErrorIcon.d.ts +2 -2
- package/dist/icons/svg/ForwardIcon.d.ts +2 -2
- package/dist/icons/svg/GraduateIcon.d.ts +2 -2
- package/dist/icons/svg/HelpIcon.d.ts +2 -2
- package/dist/icons/svg/HideIcon.d.ts +2 -2
- package/dist/icons/svg/HomeIcon.d.ts +2 -2
- package/dist/icons/svg/InfoIcon.d.ts +2 -2
- package/dist/icons/svg/LoginIcon.d.ts +2 -2
- package/dist/icons/svg/PasteIcon.d.ts +2 -2
- package/dist/icons/svg/QuestionIcon.d.ts +2 -2
- package/dist/icons/svg/RemoveIcon.d.ts +2 -2
- package/dist/icons/svg/SaveIcon.d.ts +2 -2
- package/dist/icons/svg/ShowIcon.d.ts +2 -2
- package/dist/icons/svg/UploadIcon.d.ts +2 -2
- package/dist/icons/svg/WarningIcon.d.ts +2 -2
- package/dist/index.cjs.js +985 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +4216 -38
- package/dist/index.es.js.map +1 -1
- package/dist/models/components/icon.d.ts +5 -0
- package/dist/models/index.d.ts +1 -1
- package/package.json +19 -19
- package/dist/BackIcon-6a-KPT4R.cjs +0 -2
- package/dist/BackIcon-6a-KPT4R.cjs.map +0 -1
- package/dist/BackIcon-Dol4HlEB.js +0 -11
- package/dist/BackIcon-Dol4HlEB.js.map +0 -1
- package/dist/CancelIcon-Bdj8BJBh.js +0 -11
- package/dist/CancelIcon-Bdj8BJBh.js.map +0 -1
- package/dist/CancelIcon-Io9DmIXB.cjs +0 -2
- package/dist/CancelIcon-Io9DmIXB.cjs.map +0 -1
- package/dist/ChevronDownIcon-Bc3VeNFb.js +0 -17
- package/dist/ChevronDownIcon-Bc3VeNFb.js.map +0 -1
- package/dist/ChevronDownIcon-u_QuMZ-m.cjs +0 -2
- package/dist/ChevronDownIcon-u_QuMZ-m.cjs.map +0 -1
- package/dist/ChevronLeftIcon-7IFnvAad.js +0 -17
- package/dist/ChevronLeftIcon-7IFnvAad.js.map +0 -1
- package/dist/ChevronLeftIcon-CBJFCd4g.cjs +0 -2
- package/dist/ChevronLeftIcon-CBJFCd4g.cjs.map +0 -1
- package/dist/ChevronRightIcon-CSlX-7NZ.js +0 -17
- package/dist/ChevronRightIcon-CSlX-7NZ.js.map +0 -1
- package/dist/ChevronRightIcon-C_13rpgA.cjs +0 -2
- package/dist/ChevronRightIcon-C_13rpgA.cjs.map +0 -1
- package/dist/ChevronUpIcon-CTEQHMLW.cjs +0 -2
- package/dist/ChevronUpIcon-CTEQHMLW.cjs.map +0 -1
- package/dist/ChevronUpIcon-DfSPGScz.js +0 -11
- package/dist/ChevronUpIcon-DfSPGScz.js.map +0 -1
- package/dist/ClearIcon-DR09y0XK.js +0 -12
- package/dist/ClearIcon-DR09y0XK.js.map +0 -1
- package/dist/ClearIcon-oiZQl1xy.cjs +0 -2
- package/dist/ClearIcon-oiZQl1xy.cjs.map +0 -1
- package/dist/CopyIcon-CfJxdJkE.cjs +0 -2
- package/dist/CopyIcon-CfJxdJkE.cjs.map +0 -1
- package/dist/CopyIcon-Cncb2wSQ.js +0 -27
- package/dist/CopyIcon-Cncb2wSQ.js.map +0 -1
- package/dist/CutIcon-C0ot7pv1.cjs +0 -2
- package/dist/CutIcon-C0ot7pv1.cjs.map +0 -1
- package/dist/CutIcon-DsxJcafW.js +0 -29
- package/dist/CutIcon-DsxJcafW.js.map +0 -1
- package/dist/DeleteIcon-C0T5ZleK.js +0 -11
- package/dist/DeleteIcon-C0T5ZleK.js.map +0 -1
- package/dist/DeleteIcon-CVPhcSfG.cjs +0 -2
- package/dist/DeleteIcon-CVPhcSfG.cjs.map +0 -1
- package/dist/DownloadIcon-BHhuRKBy.cjs +0 -2
- package/dist/DownloadIcon-BHhuRKBy.cjs.map +0 -1
- package/dist/DownloadIcon-C_1FJXS6.js +0 -11
- package/dist/DownloadIcon-C_1FJXS6.js.map +0 -1
- package/dist/ForwardIcon-CKnkecv-.cjs +0 -2
- package/dist/ForwardIcon-CKnkecv-.cjs.map +0 -1
- package/dist/ForwardIcon-DSxMxnjb.js +0 -11
- package/dist/ForwardIcon-DSxMxnjb.js.map +0 -1
- package/dist/GraduateIcon-DQLWdRj8.js +0 -9
- package/dist/GraduateIcon-DQLWdRj8.js.map +0 -1
- package/dist/GraduateIcon-Dsk-T3da.cjs +0 -2
- package/dist/GraduateIcon-Dsk-T3da.cjs.map +0 -1
- package/dist/HideIcon-Bp5glcyr.js +0 -11
- package/dist/HideIcon-Bp5glcyr.js.map +0 -1
- package/dist/HideIcon-CyItCp1h.cjs +0 -2
- package/dist/HideIcon-CyItCp1h.cjs.map +0 -1
- package/dist/HomeIcon-DX_PgT5n.cjs +0 -2
- package/dist/HomeIcon-DX_PgT5n.cjs.map +0 -1
- package/dist/HomeIcon-DyYP6u5L.js +0 -9
- package/dist/HomeIcon-DyYP6u5L.js.map +0 -1
- package/dist/LoginIcon-CXb93ZdU.js +0 -9
- package/dist/LoginIcon-CXb93ZdU.js.map +0 -1
- package/dist/LoginIcon-CYQ6pYwB.cjs +0 -2
- package/dist/LoginIcon-CYQ6pYwB.cjs.map +0 -1
- package/dist/PasteIcon-BIKTS0Dz.cjs +0 -2
- package/dist/PasteIcon-BIKTS0Dz.cjs.map +0 -1
- package/dist/PasteIcon-D5VKRUHc.js +0 -11
- package/dist/PasteIcon-D5VKRUHc.js.map +0 -1
- package/dist/QuestionIcon-CA5cYfsl.js +0 -23
- package/dist/QuestionIcon-CA5cYfsl.js.map +0 -1
- package/dist/QuestionIcon-DbZnERtn.cjs +0 -2
- package/dist/QuestionIcon-DbZnERtn.cjs.map +0 -1
- package/dist/RemoveIcon-CzYds-64.cjs +0 -2
- package/dist/RemoveIcon-CzYds-64.cjs.map +0 -1
- package/dist/RemoveIcon-DIvsqLi-.js +0 -31
- package/dist/RemoveIcon-DIvsqLi-.js.map +0 -1
- package/dist/SaveIcon-B84k1D5f.cjs +0 -2
- package/dist/SaveIcon-B84k1D5f.cjs.map +0 -1
- package/dist/SaveIcon-DhBj4tAF.js +0 -11
- package/dist/SaveIcon-DhBj4tAF.js.map +0 -1
- package/dist/ShowIcon-DkpGVHWR.js +0 -12
- package/dist/ShowIcon-DkpGVHWR.js.map +0 -1
- package/dist/ShowIcon-SGeEvbuz.cjs +0 -2
- package/dist/ShowIcon-SGeEvbuz.cjs.map +0 -1
- package/dist/UploadIcon-CvFnGI7Y.js +0 -12
- package/dist/UploadIcon-CvFnGI7Y.js.map +0 -1
- package/dist/UploadIcon-va72gwks.cjs +0 -2
- package/dist/UploadIcon-va72gwks.cjs.map +0 -1
- package/dist/__tests__/index.test.d.ts +0 -1
- package/dist/components/containers/form/__tests__/Form.test.d.ts +0 -1
- package/dist/components/containers/form/__tests__/helpers.test.d.ts +0 -1
- package/dist/components/containers/grid/__tests__/Body.test.d.ts +0 -1
- package/dist/components/containers/grid/__tests__/ColumnGroup.test.d.ts +0 -1
- package/dist/components/containers/grid/__tests__/Grid.test.d.ts +0 -1
- package/dist/components/containers/grid/__tests__/Head.test.d.ts +0 -1
- package/dist/components/containers/grid/__tests__/Row.test.d.ts +0 -1
- package/dist/components/containers/grid/__tests__/SelectAllRowsCell.test.d.ts +0 -1
- package/dist/components/containers/grid/__tests__/SelectRowCell.test.d.ts +0 -1
- package/dist/components/containers/grid/__tests__/helpers.test.d.ts +0 -1
- package/dist/components/containers/menu/__tests__/Menu.test.d.ts +0 -1
- package/dist/components/containers/menu/__tests__/MenuItem.test.d.ts +0 -1
- package/dist/components/containers/menu/__tests__/MenuLeaf.test.d.ts +0 -1
- package/dist/components/containers/menu/__tests__/SubMenu.test.d.ts +0 -1
- package/dist/components/containers/portal/__tests__/Portal.test.d.ts +0 -1
- package/dist/components/containers/tabs/__tests__/TabList.test.d.ts +0 -1
- package/dist/components/containers/tabs/__tests__/Tabs.test.d.ts +0 -1
- package/dist/components/inputs/button/__tests__/Button.test.d.ts +0 -1
- package/dist/components/inputs/checkbox/__tests__/Checkbox.test.d.ts +0 -1
- package/dist/components/inputs/multi-select/__tests__/MultiSelect.test.d.ts +0 -1
- package/dist/components/inputs/multi-select/__tests__/helpers.test.d.ts +0 -1
- package/dist/components/inputs/numeric/__tests__/NumericInput.test.d.ts +0 -1
- package/dist/components/inputs/numeric/__tests__/helpers.test.d.ts +0 -1
- package/dist/components/inputs/select/__tests__/Select.test.d.ts +0 -1
- package/dist/components/inputs/select/__tests__/helpers.test.d.ts +0 -1
- package/dist/components/inputs/text/__tests__/TextInput.test.d.ts +0 -1
- package/dist/components/inputs/text/__tests__/helpers.test.d.ts +0 -1
- package/dist/components/modals/alert/__tests__/Alert.test.d.ts +0 -1
- package/dist/components/modals/alert/__tests__/helpers.test.d.ts +0 -1
- package/dist/components/modals/dialog/__tests__/Dialog.test.d.ts +0 -1
- package/dist/components/modals/tooltip/__tests__/Tooltip.test.d.ts +0 -1
- package/dist/elements/error-message/__tests__/ErrorMessage.test.d.ts +0 -1
- package/dist/elements/icon/__tests__/Icon.test.d.ts +0 -1
- package/dist/elements/input-inner-button/__tests__/InputInnerButton.test.d.ts +0 -1
- package/dist/elements/label/__tests__/Label.test.d.ts +0 -1
- package/dist/elements/loader/__tests__/Loader.test.d.ts +0 -1
- package/dist/hocs/with-tooltip/__tests__/with-tooltip.test.d.ts +0 -1
- package/dist/hooks/use-click-outside/__tests__/use-click-outside.test.d.ts +0 -1
- package/dist/hooks/use-element-ids/__tests__/use-element-ids.test.d.ts +0 -1
- package/dist/hooks/use-key-press/__tests__/use-key-press.test.d.ts +0 -1
- package/dist/hooks/use-modal-focus-trap/__tests__/use-modal-focus-trap.test.d.ts +0 -1
- package/dist/hooks/use-mount/__tests__/use-mount.test.d.ts +0 -1
- package/dist/hooks/use-tooltip-position/__tests__/use-tooltip-position.test.d.ts +0 -1
- package/dist/hooks/use-window-dimensions/__tests__/use-window-dimensions.test.d.ts +0 -1
- package/dist/icons/__tests__/icons.test.d.ts +0 -1
- package/dist/index-Dg2AZXfT.js +0 -4203
- package/dist/index-Dg2AZXfT.js.map +0 -1
- package/dist/index-OUA1cKrc.cjs +0 -993
- package/dist/index-OUA1cKrc.cjs.map +0 -1
- package/dist/utils/__tests__/get-chop-logic-theme.test.d.ts +0 -1
- package/dist/utils/__tests__/handle-dropdown-list-key-press.test.d.ts +0 -1
- package/dist/utils/__tests__/move-focus-on-element-by-id.test.d.ts +0 -1
package/dist/index-OUA1cKrc.cjs
DELETED
|
@@ -1,993 +0,0 @@
|
|
|
1
|
-
"use strict";const p=require("react"),vr=require("react-dom");var rt={exports:{}},qe={};/**
|
|
2
|
-
* @license React
|
|
3
|
-
* react-jsx-runtime.production.js
|
|
4
|
-
*
|
|
5
|
-
* Copyright (c) Meta Platforms, Inc. and 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 rn;function wr(){if(rn)return qe;rn=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function n(r,o,s){var i=null;if(s!==void 0&&(i=""+s),o.key!==void 0&&(i=""+o.key),"key"in o){s={};for(var d in o)d!=="key"&&(s[d]=o[d])}else s=o;return o=s.ref,{$$typeof:e,type:r,key:i,ref:o!==void 0?o:null,props:s}}return qe.Fragment=t,qe.jsx=n,qe.jsxs=n,qe}var Ye={};/**
|
|
10
|
-
* @license React
|
|
11
|
-
* react-jsx-runtime.development.js
|
|
12
|
-
*
|
|
13
|
-
* Copyright (c) Meta Platforms, Inc. and 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 on;function Sr(){return on||(on=1,process.env.NODE_ENV!=="production"&&function(){function e(a){if(a==null)return null;if(typeof a=="function")return a.$$typeof===tt?null:a.displayName||a.name||null;if(typeof a=="string")return a;switch(a){case E:return"Fragment";case P:return"Portal";case B:return"Profiler";case v:return"StrictMode";case se:return"Suspense";case X:return"SuspenseList"}if(typeof a=="object")switch(typeof a.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),a.$$typeof){case oe:return(a.displayName||"Context")+".Provider";case Y:return(a._context.displayName||"Context")+".Consumer";case ee:var y=a.render;return a=a.displayName,a||(a=y.displayName||y.name||"",a=a!==""?"ForwardRef("+a+")":"ForwardRef"),a;case Ge:return y=a.displayName||null,y!==null?y:e(a.type)||"Memo";case We:y=a._payload,a=a._init;try{return e(a(y))}catch{}}return null}function t(a){return""+a}function n(a){try{t(a);var y=!1}catch{y=!0}if(y){y=console;var $=y.error,R=typeof Symbol=="function"&&Symbol.toStringTag&&a[Symbol.toStringTag]||a.constructor.name||"Object";return $.call(y,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",R),t(a)}}function r(){}function o(){if(ie===0){$e=console.log,pe=console.info,xe=console.warn,ae=console.error,te=console.group,ze=console.groupCollapsed,ve=console.groupEnd;var a={configurable:!0,enumerable:!0,value:r,writable:!0};Object.defineProperties(console,{info:a,log:a,warn:a,error:a,group:a,groupCollapsed:a,groupEnd:a})}ie++}function s(){if(ie--,ie===0){var a={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:V({},a,{value:$e}),info:V({},a,{value:pe}),warn:V({},a,{value:xe}),error:V({},a,{value:ae}),group:V({},a,{value:te}),groupCollapsed:V({},a,{value:ze}),groupEnd:V({},a,{value:ve})})}0>ie&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}function i(a){if(J===void 0)try{throw Error()}catch($){var y=$.stack.trim().match(/\n( *(at )?)/);J=y&&y[1]||"",Zt=-1<$.stack.indexOf(`
|
|
18
|
-
at`)?" (<anonymous>)":-1<$.stack.indexOf("@")?"@unknown:0:0":""}return`
|
|
19
|
-
`+J+a+Zt}function d(a,y){if(!a||jt)return"";var $=Et.get(a);if($!==void 0)return $;jt=!0,$=Error.prepareStackTrace,Error.prepareStackTrace=void 0;var R=null;R=N.H,N.H=null,o();try{var H={DetermineComponentFrameRoot:function(){try{if(y){var me=function(){throw Error()};if(Object.defineProperty(me.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(me,[])}catch(le){var nt=le}Reflect.construct(a,[],me)}else{try{me.call()}catch(le){nt=le}a.call(me.prototype)}}else{try{throw Error()}catch(le){nt=le}(me=a())&&typeof me.catch=="function"&&me.catch(function(){})}}catch(le){if(le&&nt&&typeof le.stack=="string")return[le.stack,nt.stack]}return[null,null]}};H.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var M=Object.getOwnPropertyDescriptor(H.DetermineComponentFrameRoot,"name");M&&M.configurable&&Object.defineProperty(H.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var A=H.DetermineComponentFrameRoot(),ce=A[0],_e=A[1];if(ce&&_e){var F=ce.split(`
|
|
20
|
-
`),we=_e.split(`
|
|
21
|
-
`);for(A=M=0;M<F.length&&!F[M].includes("DetermineComponentFrameRoot");)M++;for(;A<we.length&&!we[A].includes("DetermineComponentFrameRoot");)A++;if(M===F.length||A===we.length)for(M=F.length-1,A=we.length-1;1<=M&&0<=A&&F[M]!==we[A];)A--;for(;1<=M&&0<=A;M--,A--)if(F[M]!==we[A]){if(M!==1||A!==1)do if(M--,A--,0>A||F[M]!==we[A]){var Ue=`
|
|
22
|
-
`+F[M].replace(" at new "," at ");return a.displayName&&Ue.includes("<anonymous>")&&(Ue=Ue.replace("<anonymous>",a.displayName)),typeof a=="function"&&Et.set(a,Ue),Ue}while(1<=M&&0<=A);break}}}finally{jt=!1,N.H=R,s(),Error.prepareStackTrace=$}return F=(F=a?a.displayName||a.name:"")?i(F):"",typeof a=="function"&&Et.set(a,F),F}function l(a){if(a==null)return"";if(typeof a=="function"){var y=a.prototype;return d(a,!(!y||!y.isReactComponent))}if(typeof a=="string")return i(a);switch(a){case se:return i("Suspense");case X:return i("SuspenseList")}if(typeof a=="object")switch(a.$$typeof){case ee:return a=d(a.render,!1),a;case Ge:return l(a.type);case We:y=a._payload,a=a._init;try{return l(a(y))}catch{}}return""}function u(){var a=N.A;return a===null?null:a.getOwner()}function h(a){if(fe.call(a,"key")){var y=Object.getOwnPropertyDescriptor(a,"key").get;if(y&&y.isReactWarning)return!1}return a.key!==void 0}function f(a,y){function $(){Qt||(Qt=!0,console.error("%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://react.dev/link/special-props)",y))}$.isReactWarning=!0,Object.defineProperty(a,"key",{get:$,configurable:!0})}function g(){var a=e(this.type);return en[a]||(en[a]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),a=this.props.ref,a!==void 0?a:null}function m(a,y,$,R,H,M){return $=M.ref,a={$$typeof:_,type:a,key:y,props:M,_owner:H},($!==void 0?$:null)!==null?Object.defineProperty(a,"ref",{enumerable:!1,get:g}):Object.defineProperty(a,"ref",{enumerable:!1,value:null}),a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(a,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a}function b(a,y,$,R,H,M){if(typeof a=="string"||typeof a=="function"||a===E||a===B||a===v||a===se||a===X||a===Ct||typeof a=="object"&&a!==null&&(a.$$typeof===We||a.$$typeof===Ge||a.$$typeof===oe||a.$$typeof===Y||a.$$typeof===ee||a.$$typeof===W||a.getModuleId!==void 0)){var A=y.children;if(A!==void 0)if(R)if(ye(A)){for(R=0;R<A.length;R++)x(A[R],a);Object.freeze&&Object.freeze(A)}else console.error("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 x(A,a)}else A="",(a===void 0||typeof a=="object"&&a!==null&&Object.keys(a).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."),a===null?R="null":ye(a)?R="array":a!==void 0&&a.$$typeof===_?(R="<"+(e(a.type)||"Unknown")+" />",A=" Did you accidentally export a JSX literal instead of a component?"):R=typeof a,console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",R,A);if(fe.call(y,"key")){A=e(a);var ce=Object.keys(y).filter(function(F){return F!=="key"});R=0<ce.length?"{key: someKey, "+ce.join(": ..., ")+": ...}":"{key: someKey}",tn[A+R]||(ce=0<ce.length?"{"+ce.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
23
|
-
let props = %s;
|
|
24
|
-
<%s {...props} />
|
|
25
|
-
React keys must be passed directly to JSX without using spread:
|
|
26
|
-
let props = %s;
|
|
27
|
-
<%s key={someKey} {...props} />`,R,A,ce,A),tn[A+R]=!0)}if(A=null,$!==void 0&&(n($),A=""+$),h(y)&&(n(y.key),A=""+y.key),"key"in y){$={};for(var _e in y)_e!=="key"&&($[_e]=y[_e])}else $=y;return A&&f($,typeof a=="function"?a.displayName||a.name||"Unknown":a),m(a,A,M,H,u(),$)}function x(a,y){if(typeof a=="object"&&a&&a.$$typeof!==xr){if(ye(a))for(var $=0;$<a.length;$++){var R=a[$];S(R)&&w(R,y)}else if(S(a))a._store&&(a._store.validated=1);else if(a===null||typeof a!="object"?$=null:($=Ae&&a[Ae]||a["@@iterator"],$=typeof $=="function"?$:null),typeof $=="function"&&$!==a.entries&&($=$.call(a),$!==a))for(;!(a=$.next()).done;)S(a.value)&&w(a.value,y)}}function S(a){return typeof a=="object"&&a!==null&&a.$$typeof===_}function w(a,y){if(a._store&&!a._store.validated&&a.key==null&&(a._store.validated=1,y=k(y),!nn[y])){nn[y]=!0;var $="";a&&a._owner!=null&&a._owner!==u()&&($=null,typeof a._owner.tag=="number"?$=e(a._owner.type):typeof a._owner.name=="string"&&($=a._owner.name),$=" It was passed a child from "+$+".");var R=N.getCurrentStack;N.getCurrentStack=function(){var H=l(a.type);return R&&(H+=R()||""),H},console.error('Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',y,$),N.getCurrentStack=R}}function k(a){var y="",$=u();return $&&($=e($.type))&&(y=`
|
|
28
|
-
|
|
29
|
-
Check the render method of \``+$+"`."),y||(a=e(a))&&(y=`
|
|
30
|
-
|
|
31
|
-
Check the top-level render call using <`+a+">."),y}var I=p,_=Symbol.for("react.transitional.element"),P=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),v=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),Y=Symbol.for("react.consumer"),oe=Symbol.for("react.context"),ee=Symbol.for("react.forward_ref"),se=Symbol.for("react.suspense"),X=Symbol.for("react.suspense_list"),Ge=Symbol.for("react.memo"),We=Symbol.for("react.lazy"),Ct=Symbol.for("react.offscreen"),Ae=Symbol.iterator,tt=Symbol.for("react.client.reference"),N=I.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,fe=Object.prototype.hasOwnProperty,V=Object.assign,W=Symbol.for("react.client.reference"),ye=Array.isArray,ie=0,$e,pe,xe,ae,te,ze,ve;r.__reactDisabledLog=!0;var J,Zt,jt=!1,Et=new(typeof WeakMap=="function"?WeakMap:Map),xr=Symbol.for("react.client.reference"),Qt,en={},tn={},nn={};Ye.Fragment=E,Ye.jsx=function(a,y,$,R,H){return b(a,y,$,!1,R,H)},Ye.jsxs=function(a,y,$,R,H){return b(a,y,$,!0,R,H)}}()),Ye}var sn;function kr(){return sn||(sn=1,process.env.NODE_ENV==="production"?rt.exports=wr():rt.exports=Sr()),rt.exports}var c=kr(),U=function(){return U=Object.assign||function(t){for(var n,r=1,o=arguments.length;r<o;r++){n=arguments[r];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(t[s]=n[s])}return t},U.apply(this,arguments)};function Re(e,t,n){if(n||arguments.length===2)for(var r=0,o=t.length,s;r<o;r++)(s||!(r in t))&&(s||(s=Array.prototype.slice.call(t,0,r)),s[r]=t[r]);return e.concat(s||Array.prototype.slice.call(t))}function Cr(e){var t=Object.create(null);return function(n){return t[n]===void 0&&(t[n]=e(n)),t[n]}}var jr=/^((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)-.*))$/,Er=Cr(function(e){return jr.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),O="-ms-",Ke="-moz-",T="-webkit-",In="comm",gt="rule",Nt="decl",Ir="@import",An="@keyframes",Ar="@layer",zn=Math.abs,Ht=String.fromCharCode,Pt=Object.assign;function zr(e,t){return L(e,0)^45?(((t<<2^L(e,0))<<2^L(e,1))<<2^L(e,2))<<2^L(e,3):0}function _n(e){return e.trim()}function de(e,t){return(e=t.exec(e))?e[0]:e}function z(e,t,n){return e.replace(t,n)}function ct(e,t,n){return e.indexOf(t,n)}function L(e,t){return e.charCodeAt(t)|0}function Te(e,t,n){return e.slice(t,n)}function ne(e){return e.length}function Pn(e){return e.length}function Ve(e,t){return t.push(e),e}function _r(e,t){return e.map(t).join("")}function an(e,t){return e.filter(function(n){return!de(n,t)})}var bt=1,Oe=1,Rn=0,Z=0,D=0,Le="";function yt(e,t,n,r,o,s,i,d){return{value:e,root:t,parent:n,type:r,props:o,children:s,line:bt,column:Oe,length:i,return:"",siblings:d}}function ge(e,t){return Pt(yt("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function Pe(e){for(;e.root;)e=ge(e.root,{children:[e]});Ve(e,e.siblings)}function Pr(){return D}function Rr(){return D=Z>0?L(Le,--Z):0,Oe--,D===10&&(Oe=1,bt--),D}function Q(){return D=Z<Rn?L(Le,Z++):0,Oe++,D===10&&(Oe=1,bt++),D}function Ce(){return L(Le,Z)}function lt(){return Z}function $t(e,t){return Te(Le,e,t)}function Rt(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 Tr(e){return bt=Oe=1,Rn=ne(Le=e),Z=0,[]}function Or(e){return Le="",e}function It(e){return _n($t(Z-1,Tt(e===91?e+2:e===40?e+1:e)))}function Mr(e){for(;(D=Ce())&&D<33;)Q();return Rt(e)>2||Rt(D)>3?"":" "}function Br(e,t){for(;--t&&Q()&&!(D<48||D>102||D>57&&D<65||D>70&&D<97););return $t(e,lt()+(t<6&&Ce()==32&&Q()==32))}function Tt(e){for(;Q();)switch(D){case e:return Z;case 34:case 39:e!==34&&e!==39&&Tt(D);break;case 40:e===41&&Tt(e);break;case 92:Q();break}return Z}function Dr(e,t){for(;Q()&&e+D!==57;)if(e+D===84&&Ce()===47)break;return"/*"+$t(t,Z-1)+"*"+Ht(e===47?e:Q())}function Lr(e){for(;!Rt(Ce());)Q();return $t(e,Z)}function Nr(e){return Or(dt("",null,null,null,[""],e=Tr(e),0,[0],e))}function dt(e,t,n,r,o,s,i,d,l){for(var u=0,h=0,f=i,g=0,m=0,b=0,x=1,S=1,w=1,k=0,I="",_=o,P=s,E=r,v=I;S;)switch(b=k,k=Q()){case 40:if(b!=108&&L(v,f-1)==58){ct(v+=z(It(k),"&","&\f"),"&\f",zn(u?d[u-1]:0))!=-1&&(w=-1);break}case 34:case 39:case 91:v+=It(k);break;case 9:case 10:case 13:case 32:v+=Mr(b);break;case 92:v+=Br(lt()-1,7);continue;case 47:switch(Ce()){case 42:case 47:Ve(Hr(Dr(Q(),lt()),t,n,l),l);break;default:v+="/"}break;case 123*x:d[u++]=ne(v)*w;case 125*x:case 59:case 0:switch(k){case 0:case 125:S=0;case 59+h:w==-1&&(v=z(v,/\f/g,"")),m>0&&ne(v)-f&&Ve(m>32?ln(v+";",r,n,f-1,l):ln(z(v," ","")+";",r,n,f-2,l),l);break;case 59:v+=";";default:if(Ve(E=cn(v,t,n,u,h,o,d,I,_=[],P=[],f,s),s),k===123)if(h===0)dt(v,t,E,E,_,s,f,d,P);else switch(g===99&&L(v,3)===110?100:g){case 100:case 108:case 109:case 115:dt(e,E,E,r&&Ve(cn(e,E,E,0,0,o,d,I,o,_=[],f,P),P),o,P,f,d,r?_:P);break;default:dt(v,E,E,E,[""],P,0,d,P)}}u=h=m=0,x=w=1,I=v="",f=i;break;case 58:f=1+ne(v),m=b;default:if(x<1){if(k==123)--x;else if(k==125&&x++==0&&Rr()==125)continue}switch(v+=Ht(k),k*x){case 38:w=h>0?1:(v+="\f",-1);break;case 44:d[u++]=(ne(v)-1)*w,w=1;break;case 64:Ce()===45&&(v+=It(Q())),g=Ce(),h=f=ne(I=v+=Lr(lt())),k++;break;case 45:b===45&&ne(v)==2&&(x=0)}}return s}function cn(e,t,n,r,o,s,i,d,l,u,h,f){for(var g=o-1,m=o===0?s:[""],b=Pn(m),x=0,S=0,w=0;x<r;++x)for(var k=0,I=Te(e,g+1,g=zn(S=i[x])),_=e;k<b;++k)(_=_n(S>0?m[k]+" "+I:z(I,/&\f/g,m[k])))&&(l[w++]=_);return yt(e,t,n,o===0?gt:d,l,u,h,f)}function Hr(e,t,n,r){return yt(e,t,n,In,Ht(Pr()),Te(e,2,-2),0,r)}function ln(e,t,n,r,o){return yt(e,t,n,Nt,Te(e,0,r),Te(e,r+1,-1),r,o)}function Tn(e,t,n){switch(zr(e,t)){case 5103:return T+"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 T+e+e;case 4789:return Ke+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return T+e+Ke+e+O+e+e;case 5936:switch(L(e,t+11)){case 114:return T+e+O+z(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return T+e+O+z(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return T+e+O+z(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return T+e+O+e+e;case 6165:return T+e+O+"flex-"+e+e;case 5187:return T+e+z(e,/(\w+).+(:[^]+)/,T+"box-$1$2"+O+"flex-$1$2")+e;case 5443:return T+e+O+"flex-item-"+z(e,/flex-|-self/g,"")+(de(e,/flex-|baseline/)?"":O+"grid-row-"+z(e,/flex-|-self/g,""))+e;case 4675:return T+e+O+"flex-line-pack"+z(e,/align-content|flex-|-self/g,"")+e;case 5548:return T+e+O+z(e,"shrink","negative")+e;case 5292:return T+e+O+z(e,"basis","preferred-size")+e;case 6060:return T+"box-"+z(e,"-grow","")+T+e+O+z(e,"grow","positive")+e;case 4554:return T+z(e,/([^-])(transform)/g,"$1"+T+"$2")+e;case 6187:return z(z(z(e,/(zoom-|grab)/,T+"$1"),/(image-set)/,T+"$1"),e,"")+e;case 5495:case 3959:return z(e,/(image-set\([^]*)/,T+"$1$`$1");case 4968:return z(z(e,/(.+:)(flex-)?(.*)/,T+"box-pack:$3"+O+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+T+e+e;case 4200:if(!de(e,/flex-|baseline/))return O+"grid-column-align"+Te(e,t)+e;break;case 2592:case 3360:return O+z(e,"template-","")+e;case 4384:case 3616:return n&&n.some(function(r,o){return t=o,de(r.props,/grid-\w+-end/)})?~ct(e+(n=n[t].value),"span",0)?e:O+z(e,"-start","")+e+O+"grid-row-span:"+(~ct(n,"span",0)?de(n,/\d+/):+de(n,/\d+/)-+de(e,/\d+/))+";":O+z(e,"-start","")+e;case 4896:case 4128:return n&&n.some(function(r){return de(r.props,/grid-\w+-start/)})?e:O+z(z(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return z(e,/(.+)-inline(.+)/,T+"$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(ne(e)-1-t>6)switch(L(e,t+1)){case 109:if(L(e,t+4)!==45)break;case 102:return z(e,/(.+:)(.+)-([^]+)/,"$1"+T+"$2-$3$1"+Ke+(L(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~ct(e,"stretch",0)?Tn(z(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return z(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(r,o,s,i,d,l,u){return O+o+":"+s+u+(i?O+o+"-span:"+(d?l:+l-+s)+u:"")+e});case 4949:if(L(e,t+6)===121)return z(e,":",":"+T)+e;break;case 6444:switch(L(e,L(e,14)===45?18:11)){case 120:return z(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+T+(L(e,14)===45?"inline-":"")+"box$3$1"+T+"$2$3$1"+O+"$2box$3")+e;case 100:return z(e,":",":"+O)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return z(e,"scroll-","scroll-snap-")+e}return e}function ft(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function Fr(e,t,n,r){switch(e.type){case Ar:if(e.children.length)break;case Ir:case Nt:return e.return=e.return||e.value;case In:return"";case An:return e.return=e.value+"{"+ft(e.children,r)+"}";case gt:if(!ne(e.value=e.props.join(",")))return""}return ne(n=ft(e.children,r))?e.return=e.value+"{"+n+"}":""}function Gr(e){var t=Pn(e);return function(n,r,o,s){for(var i="",d=0;d<t;d++)i+=e[d](n,r,o,s)||"";return i}}function Wr(e){return function(t){t.root||(t=t.return)&&e(t)}}function Ur(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case Nt:e.return=Tn(e.value,e.length,n);return;case An:return ft([ge(e,{value:z(e.value,"@","@"+T)})],r);case gt:if(e.length)return _r(n=e.props,function(o){switch(de(o,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":Pe(ge(e,{props:[z(o,/:(read-\w+)/,":"+Ke+"$1")]})),Pe(ge(e,{props:[o]})),Pt(e,{props:an(n,r)});break;case"::placeholder":Pe(ge(e,{props:[z(o,/:(plac\w+)/,":"+T+"input-$1")]})),Pe(ge(e,{props:[z(o,/:(plac\w+)/,":"+Ke+"$1")]})),Pe(ge(e,{props:[z(o,/:(plac\w+)/,O+"input-$1")]})),Pe(ge(e,{props:[o]})),Pt(e,{props:an(n,r)});break}return""})}}var qr={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},Ee=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",On="active",Mn="data-styled-version",xt="6.1.14",Ft=`/*!sc*/
|
|
32
|
-
`,pt=typeof window<"u"&&"HTMLElement"in window,Yr=!!(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"),dn=/invalid hook call/i,ot=new Set,Vr=function(e,t){if(process.env.NODE_ENV!=="production"){var n=t?' with the id of "'.concat(t,'"'):"",r="The component ".concat(e).concat(n,` has been created dynamically.
|
|
33
|
-
`)+`You may see this warning because you've called styled inside another component.
|
|
34
|
-
To resolve this only create new StyledComponents outside of any render method and function component.`,o=console.error;try{var s=!0;console.error=function(i){for(var d=[],l=1;l<arguments.length;l++)d[l-1]=arguments[l];dn.test(i)?(s=!1,ot.delete(r)):o.apply(void 0,Re([i],d,!1))},p.useRef(),s&&!ot.has(r)&&(console.warn(r),ot.add(r))}catch(i){dn.test(i.message)&&ot.delete(r)}finally{console.error=o}}},vt=Object.freeze([]),Me=Object.freeze({});function Kr(e,t,n){return n===void 0&&(n=Me),e.theme!==n.theme&&e.theme||t||n.theme}var Ot=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"]),Xr=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Jr=/(^-|-$)/g;function un(e){return e.replace(Xr,"-").replace(Jr,"")}var Zr=/(a)(d)/gi,st=52,hn=function(e){return String.fromCharCode(e+(e>25?39:97))};function Mt(e){var t,n="";for(t=Math.abs(e);t>st;t=t/st|0)n=hn(t%st)+n;return(hn(t%st)+n).replace(Zr,"$1-$2")}var At,Bn=5381,Se=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Dn=function(e){return Se(Bn,e)};function Qr(e){return Mt(Dn(e)>>>0)}function Ln(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function zt(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var Nn=typeof Symbol=="function"&&Symbol.for,Hn=Nn?Symbol.for("react.memo"):60115,eo=Nn?Symbol.for("react.forward_ref"):60112,to={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},no={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Fn={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},ro=((At={})[eo]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},At[Hn]=Fn,At);function fn(e){return("type"in(t=e)&&t.type.$$typeof)===Hn?Fn:"$$typeof"in e?ro[e.$$typeof]:to;var t}var oo=Object.defineProperty,so=Object.getOwnPropertyNames,pn=Object.getOwnPropertySymbols,io=Object.getOwnPropertyDescriptor,ao=Object.getPrototypeOf,mn=Object.prototype;function Gn(e,t,n){if(typeof t!="string"){if(mn){var r=ao(t);r&&r!==mn&&Gn(e,r,n)}var o=so(t);pn&&(o=o.concat(pn(t)));for(var s=fn(e),i=fn(t),d=0;d<o.length;++d){var l=o[d];if(!(l in no||n&&n[l]||i&&l in i||s&&l in s)){var u=io(t,l);try{oo(e,l,u)}catch{}}}}return e}function Be(e){return typeof e=="function"}function Gt(e){return typeof e=="object"&&"styledComponentId"in e}function ke(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function gn(e,t){if(e.length===0)return"";for(var n=e[0],r=1;r<e.length;r++)n+=e[r];return n}function De(e){return e!==null&&typeof e=="object"&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Bt(e,t,n){if(n===void 0&&(n=!1),!n&&!De(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=Bt(e[r],t[r]);else if(De(t))for(var r in t)e[r]=Bt(e[r],t[r]);return e}function Wt(e,t){Object.defineProperty(e,"toString",{value:t})}var co=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
|
|
35
|
-
|
|
36
|
-
`,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.
|
|
37
|
-
|
|
38
|
-
- Are you trying to reuse it across renders?
|
|
39
|
-
- Are you accidentally calling collectStyles twice?
|
|
40
|
-
|
|
41
|
-
`,3:`Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
|
|
42
|
-
|
|
43
|
-
`,4:`The \`StyleSheetManager\` expects a valid target or sheet prop!
|
|
44
|
-
|
|
45
|
-
- Does this error occur on the client and is your target falsy?
|
|
46
|
-
- Does this error occur on the server and is the sheet falsy?
|
|
47
|
-
|
|
48
|
-
`,5:`The clone method cannot be used on the client!
|
|
49
|
-
|
|
50
|
-
- Are you running in a client-like environment on the server?
|
|
51
|
-
- Are you trying to run SSR on the client?
|
|
52
|
-
|
|
53
|
-
`,6:`Trying to insert a new style tag, but the given Node is unmounted!
|
|
54
|
-
|
|
55
|
-
- Are you using a custom target that isn't mounted?
|
|
56
|
-
- Does your document not have a valid head element?
|
|
57
|
-
- Have you accidentally removed a style tag manually?
|
|
58
|
-
|
|
59
|
-
`,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.
|
|
60
|
-
|
|
61
|
-
`,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
|
|
62
|
-
|
|
63
|
-
`,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.
|
|
64
|
-
|
|
65
|
-
`,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.
|
|
66
|
-
|
|
67
|
-
`,14:`ThemeProvider: "theme" prop is required.
|
|
68
|
-
|
|
69
|
-
`,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.
|
|
70
|
-
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
|
|
71
|
-
as for instance in your render method then you may be running into this limitation.
|
|
72
|
-
|
|
73
|
-
`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
|
|
74
|
-
Has styled-components' style tag been unmounted or altered by another script?
|
|
75
|
-
`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function lo(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,s=e.length;o<s;o+=1)r.push(e[o]);return r.forEach(function(i){n=n.replace(/%[a-z]/,i)}),n}function Ne(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];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(lo.apply(void 0,Re([co[e]],t,!1)).trim())}var uo=function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var n=0,r=0;r<t;r++)n+=this.groupSizes[r];return n},e.prototype.insertRules=function(t,n){if(t>=this.groupSizes.length){for(var r=this.groupSizes,o=r.length,s=o;t>=s;)if((s<<=1)<0)throw Ne(16,"".concat(t));this.groupSizes=new Uint32Array(s),this.groupSizes.set(r),this.length=s;for(var i=o;i<s;i++)this.groupSizes[i]=0}for(var d=this.indexOfGroup(t+1),l=(i=0,n.length);i<l;i++)this.tag.insertRule(d,n[i])&&(this.groupSizes[t]++,d++)},e.prototype.clearGroup=function(t){if(t<this.length){var n=this.groupSizes[t],r=this.indexOfGroup(t),o=r+n;this.groupSizes[t]=0;for(var s=r;s<o;s++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(t){var n="";if(t>=this.length||this.groupSizes[t]===0)return n;for(var r=this.groupSizes[t],o=this.indexOfGroup(t),s=o+r,i=o;i<s;i++)n+="".concat(this.tag.getRule(i)).concat(Ft);return n},e}(),ho=1<<30,ut=new Map,mt=new Map,ht=1,it=function(e){if(ut.has(e))return ut.get(e);for(;mt.has(ht);)ht++;var t=ht++;if(process.env.NODE_ENV!=="production"&&((0|t)<0||t>ho))throw Ne(16,"".concat(t));return ut.set(e,t),mt.set(t,e),t},fo=function(e,t){ht=t+1,ut.set(e,t),mt.set(t,e)},po="style[".concat(Ee,"][").concat(Mn,'="').concat(xt,'"]'),mo=new RegExp("^".concat(Ee,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),go=function(e,t,n){for(var r,o=n.split(","),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r)},bo=function(e,t){for(var n,r=((n=t.textContent)!==null&&n!==void 0?n:"").split(Ft),o=[],s=0,i=r.length;s<i;s++){var d=r[s].trim();if(d){var l=d.match(mo);if(l){var u=0|parseInt(l[1],10),h=l[2];u!==0&&(fo(h,u),go(e,h,l[3]),e.getTag().insertRules(u,o)),o.length=0}else o.push(d)}}},bn=function(e){for(var t=document.querySelectorAll(po),n=0,r=t.length;n<r;n++){var o=t[n];o&&o.getAttribute(Ee)!==On&&(bo(e,o),o.parentNode&&o.parentNode.removeChild(o))}};function yo(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var Wn=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(d){var l=Array.from(d.querySelectorAll("style[".concat(Ee,"]")));return l[l.length-1]}(n),s=o!==void 0?o.nextSibling:null;r.setAttribute(Ee,On),r.setAttribute(Mn,xt);var i=yo();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},$o=function(){function e(t){this.element=Wn(t),this.element.appendChild(document.createTextNode("")),this.sheet=function(n){if(n.sheet)return n.sheet;for(var r=document.styleSheets,o=0,s=r.length;o<s;o++){var i=r[o];if(i.ownerNode===n)return i}throw Ne(17)}(this.element),this.length=0}return e.prototype.insertRule=function(t,n){try{return this.sheet.insertRule(n,t),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.prototype.getRule=function(t){var n=this.sheet.cssRules[t];return n&&n.cssText?n.cssText:""},e}(),xo=function(){function e(t){this.element=Wn(t),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(t,n){if(t<=this.length&&t>=0){var r=document.createTextNode(n);return this.element.insertBefore(r,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}(),vo=function(){function e(t){this.rules=[],this.length=0}return e.prototype.insertRule=function(t,n){return t<=this.length&&(this.rules.splice(t,0,n),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}(),yn=pt,wo={isServer:!pt,useCSSOMInjection:!Yr},Un=function(){function e(t,n,r){t===void 0&&(t=Me),n===void 0&&(n={});var o=this;this.options=U(U({},wo),t),this.gs=n,this.names=new Map(r),this.server=!!t.isServer,!this.server&&pt&&yn&&(yn=!1,bn(this)),Wt(this,function(){return function(s){for(var i=s.getTag(),d=i.length,l="",u=function(f){var g=function(w){return mt.get(w)}(f);if(g===void 0)return"continue";var m=s.names.get(g),b=i.getGroup(f);if(m===void 0||!m.size||b.length===0)return"continue";var x="".concat(Ee,".g").concat(f,'[id="').concat(g,'"]'),S="";m!==void 0&&m.forEach(function(w){w.length>0&&(S+="".concat(w,","))}),l+="".concat(b).concat(x,'{content:"').concat(S,'"}').concat(Ft)},h=0;h<d;h++)u(h);return l}(o)})}return e.registerId=function(t){return it(t)},e.prototype.rehydrate=function(){!this.server&&pt&&bn(this)},e.prototype.reconstructWithOptions=function(t,n){return n===void 0&&(n=!0),new e(U(U({},this.options),t),this.gs,n&&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(n){var r=n.useCSSOMInjection,o=n.target;return n.isServer?new vo(o):r?new $o(o):new xo(o)}(this.options),new uo(t)));var t},e.prototype.hasNameForId=function(t,n){return this.names.has(t)&&this.names.get(t).has(n)},e.prototype.registerName=function(t,n){if(it(t),this.names.has(t))this.names.get(t).add(n);else{var r=new Set;r.add(n),this.names.set(t,r)}},e.prototype.insertRules=function(t,n,r){this.registerName(t,n),this.getTag().insertRules(it(t),r)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(it(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e}(),So=/&/g,ko=/^\s*\/\/.*$/gm;function qn(e,t){return e.map(function(n){return n.type==="rule"&&(n.value="".concat(t," ").concat(n.value),n.value=n.value.replaceAll(",",",".concat(t," ")),n.props=n.props.map(function(r){return"".concat(t," ").concat(r)})),Array.isArray(n.children)&&n.type!=="@keyframes"&&(n.children=qn(n.children,t)),n})}function Co(e){var t,n,r,o=Me,s=o.options,i=s===void 0?Me:s,d=o.plugins,l=d===void 0?vt:d,u=function(g,m,b){return b.startsWith(n)&&b.endsWith(n)&&b.replaceAll(n,"").length>0?".".concat(t):g},h=l.slice();h.push(function(g){g.type===gt&&g.value.includes("&")&&(g.props[0]=g.props[0].replace(So,n).replace(r,u))}),i.prefix&&h.push(Ur),h.push(Fr);var f=function(g,m,b,x){m===void 0&&(m=""),b===void 0&&(b=""),x===void 0&&(x="&"),t=x,n=m,r=new RegExp("\\".concat(n,"\\b"),"g");var S=g.replace(ko,""),w=Nr(b||m?"".concat(b," ").concat(m," { ").concat(S," }"):S);i.namespace&&(w=qn(w,i.namespace));var k=[];return ft(w,Gr(h.concat(Wr(function(I){return k.push(I)})))),k};return f.hash=l.length?l.reduce(function(g,m){return m.name||Ne(15),Se(g,m.name)},Bn).toString():"",f}var jo=new Un,Dt=Co(),Yn=p.createContext({shouldForwardProp:void 0,styleSheet:jo,stylis:Dt});Yn.Consumer;p.createContext(void 0);function $n(){return p.useContext(Yn)}var xn=function(){function e(t,n){var r=this;this.inject=function(o,s){s===void 0&&(s=Dt);var i=r.name+s.hash;o.hasNameForId(r.id,i)||o.insertRules(r.id,i,s(r.rules,i,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=n,Wt(this,function(){throw Ne(12,String(r.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=Dt),this.name+t.hash},e}(),Eo=function(e){return e>="A"&&e<="Z"};function vn(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(n===1&&r==="-"&&e[0]==="-")return e;Eo(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var Vn=function(e){return e==null||e===!1||e===""},Kn=function(e){var t,n,r=[];for(var o in e){var s=e[o];e.hasOwnProperty(o)&&!Vn(s)&&(Array.isArray(s)&&s.isCss||Be(s)?r.push("".concat(vn(o),":"),s,";"):De(s)?r.push.apply(r,Re(Re(["".concat(o," {")],Kn(s),!1),["}"],!1)):r.push("".concat(vn(o),": ").concat((t=o,(n=s)==null||typeof n=="boolean"||n===""?"":typeof n!="number"||n===0||t in qr||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function je(e,t,n,r){if(Vn(e))return[];if(Gt(e))return[".".concat(e.styledComponentId)];if(Be(e)){if(!Be(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return[e];var o=e(t);return process.env.NODE_ENV==="production"||typeof o!="object"||Array.isArray(o)||o instanceof xn||De(o)||o===null||console.error("".concat(Ln(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.")),je(o,t,n,r)}var s;return e instanceof xn?n?(e.inject(n,r),[e.getName(r)]):[e]:De(e)?Kn(e):Array.isArray(e)?Array.prototype.concat.apply(vt,e.map(function(i){return je(i,t,n,r)})):[e.toString()]}function Io(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Be(n)&&!Gt(n))return!1}return!0}var Ao=Dn(xt),zo=function(){function e(t,n,r){this.rules=t,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(r===void 0||r.isStatic)&&Io(t),this.componentId=n,this.baseHash=Se(Ao,n),this.baseStyle=r,Un.registerId(n)}return e.prototype.generateAndInjectStyles=function(t,n,r){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,n,r):"";if(this.isStatic&&!r.hash)if(this.staticRulesId&&n.hasNameForId(this.componentId,this.staticRulesId))o=ke(o,this.staticRulesId);else{var s=gn(je(this.rules,t,n,r)),i=Mt(Se(this.baseHash,s)>>>0);if(!n.hasNameForId(this.componentId,i)){var d=r(s,".".concat(i),void 0,this.componentId);n.insertRules(this.componentId,i,d)}o=ke(o,i),this.staticRulesId=i}else{for(var l=Se(this.baseHash,r.hash),u="",h=0;h<this.rules.length;h++){var f=this.rules[h];if(typeof f=="string")u+=f,process.env.NODE_ENV!=="production"&&(l=Se(l,f));else if(f){var g=gn(je(f,t,n,r));l=Se(l,g+h),u+=g}}if(u){var m=Mt(l>>>0);n.hasNameForId(this.componentId,m)||n.insertRules(this.componentId,m,r(u,".".concat(m),void 0,this.componentId)),o=ke(o,m)}}return o},e}(),Xn=p.createContext(void 0);Xn.Consumer;var _t={},wn=new Set;function _o(e,t,n){var r=Gt(e),o=e,s=!zt(e),i=t.attrs,d=i===void 0?vt:i,l=t.componentId,u=l===void 0?function(_,P){var E=typeof _!="string"?"sc":un(_);_t[E]=(_t[E]||0)+1;var v="".concat(E,"-").concat(Qr(xt+E+_t[E]));return P?"".concat(P,"-").concat(v):v}(t.displayName,t.parentComponentId):l,h=t.displayName,f=h===void 0?function(_){return zt(_)?"styled.".concat(_):"Styled(".concat(Ln(_),")")}(e):h,g=t.displayName&&t.componentId?"".concat(un(t.displayName),"-").concat(t.componentId):t.componentId||u,m=r&&o.attrs?o.attrs.concat(d).filter(Boolean):d,b=t.shouldForwardProp;if(r&&o.shouldForwardProp){var x=o.shouldForwardProp;if(t.shouldForwardProp){var S=t.shouldForwardProp;b=function(_,P){return x(_,P)&&S(_,P)}}else b=x}var w=new zo(n,g,r?o.componentStyle:void 0);function k(_,P){return function(E,v,B){var Y=E.attrs,oe=E.componentStyle,ee=E.defaultProps,se=E.foldedComponentIds,X=E.styledComponentId,Ge=E.target,We=p.useContext(Xn),Ct=$n(),Ae=E.shouldForwardProp||Ct.shouldForwardProp;process.env.NODE_ENV!=="production"&&p.useDebugValue(X);var tt=Kr(v,We,ee)||Me,N=function($e,pe,xe){for(var ae,te=U(U({},pe),{className:void 0,theme:xe}),ze=0;ze<$e.length;ze+=1){var ve=Be(ae=$e[ze])?ae(te):ae;for(var J in ve)te[J]=J==="className"?ke(te[J],ve[J]):J==="style"?U(U({},te[J]),ve[J]):ve[J]}return pe.className&&(te.className=ke(te.className,pe.className)),te}(Y,v,tt),fe=N.as||Ge,V={};for(var W in N)N[W]===void 0||W[0]==="$"||W==="as"||W==="theme"&&N.theme===tt||(W==="forwardedAs"?V.as=N.forwardedAs:Ae&&!Ae(W,fe)||(V[W]=N[W],Ae||process.env.NODE_ENV!=="development"||Er(W)||wn.has(W)||!Ot.has(fe)||(wn.add(W),console.warn('styled-components: it looks like an unknown prop "'.concat(W,'" 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 ye=function($e,pe){var xe=$n(),ae=$e.generateAndInjectStyles(pe,xe.styleSheet,xe.stylis);return process.env.NODE_ENV!=="production"&&p.useDebugValue(ae),ae}(oe,N);process.env.NODE_ENV!=="production"&&E.warnTooManyClasses&&E.warnTooManyClasses(ye);var ie=ke(se,X);return ye&&(ie+=" "+ye),N.className&&(ie+=" "+N.className),V[zt(fe)&&!Ot.has(fe)?"class":"className"]=ie,B&&(V.ref=B),p.createElement(fe,V)}(I,_,P)}k.displayName=f;var I=p.forwardRef(k);return I.attrs=m,I.componentStyle=w,I.displayName=f,I.shouldForwardProp=b,I.foldedComponentIds=r?ke(o.foldedComponentIds,o.styledComponentId):"",I.styledComponentId=g,I.target=r?o.target:e,Object.defineProperty(I,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(_){this._foldedDefaultProps=r?function(P){for(var E=[],v=1;v<arguments.length;v++)E[v-1]=arguments[v];for(var B=0,Y=E;B<Y.length;B++)Bt(P,Y[B],!0);return P}({},o.defaultProps,_):_}}),process.env.NODE_ENV!=="production"&&(Vr(f,g),I.warnTooManyClasses=function(_,P){var E={},v=!1;return function(B){if(!v&&(E[B]=!0,Object.keys(E).length>=200)){var Y=P?' with the id of "'.concat(P,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(_).concat(Y,`.
|
|
76
|
-
`)+`Consider using the attrs method, together with a style object for frequently changed styles.
|
|
77
|
-
Example:
|
|
78
|
-
const Component = styled.div.attrs(props => ({
|
|
79
|
-
style: {
|
|
80
|
-
background: props.background,
|
|
81
|
-
},
|
|
82
|
-
}))\`width: 100%;\`
|
|
83
|
-
|
|
84
|
-
<Component />`),v=!0,E={}}}}(f,g)),Wt(I,function(){return".".concat(I.styledComponentId)}),s&&Gn(I,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),I}function Sn(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n}var kn=function(e){return Object.assign(e,{isCss:!0})};function Po(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(Be(e)||De(e))return kn(je(Sn(vt,Re([e],t,!0))));var r=e;return t.length===0&&r.length===1&&typeof r[0]=="string"?je(r):kn(je(Sn(r,t)))}function Lt(e,t,n){if(n===void 0&&(n=Me),!t)throw Ne(1,t);var r=function(o){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return e(t,n,Po.apply(void 0,Re([o],s,!1)))};return r.attrs=function(o){return Lt(e,t,U(U({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)}))},r.withConfig=function(o){return Lt(e,t,U(U({},n),o))},r}var Jn=function(e){return Lt(_o,e)},C=Jn;Ot.forEach(function(e){C[e]=Jn(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.
|
|
85
|
-
Perhaps you're looking to import 'styled-components/native'?
|
|
86
|
-
Read more about this at https://www.styled-components.com/docs/basics#react-native`);var at="__sc-".concat(Ee,"__");process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window[at]||(window[at]=0),window[at]===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.
|
|
87
|
-
|
|
88
|
-
See https://s-c.sh/2BAXzed for more info.`),window[at]+=1);const He=`
|
|
89
|
-
animation: fadeIn ease 400ms;
|
|
90
|
-
-webkit-animation: fadeIn ease 400ms;
|
|
91
|
-
-moz-animation: fadeIn ease 400ms;
|
|
92
|
-
|
|
93
|
-
@keyframes fadeIn {
|
|
94
|
-
0% {
|
|
95
|
-
opacity: 0;
|
|
96
|
-
}
|
|
97
|
-
100% {
|
|
98
|
-
opacity: 1;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
@-moz-keyframes fadeIn {
|
|
103
|
-
0% {
|
|
104
|
-
opacity: 0;
|
|
105
|
-
}
|
|
106
|
-
100% {
|
|
107
|
-
opacity: 1;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
@-webkit-keyframes fadeIn {
|
|
112
|
-
0% {
|
|
113
|
-
opacity: 0;
|
|
114
|
-
}
|
|
115
|
-
100% {
|
|
116
|
-
opacity: 1;
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
`,Zn=`
|
|
120
|
-
animation: fadeOut ease 400ms;
|
|
121
|
-
-webkit-animation: fadeOut ease 400ms;
|
|
122
|
-
-moz-animation: fadeOut ease 400ms;
|
|
123
|
-
|
|
124
|
-
@keyframes fadeOut {
|
|
125
|
-
0% {
|
|
126
|
-
opacity: 1;
|
|
127
|
-
}
|
|
128
|
-
100% {
|
|
129
|
-
opacity: 0;
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
@-moz-keyframes fadeOut {
|
|
134
|
-
0% {
|
|
135
|
-
opacity: 1;
|
|
136
|
-
}
|
|
137
|
-
100% {
|
|
138
|
-
opacity: 0;
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
@-webkit-keyframes fadeOut {
|
|
143
|
-
0% {
|
|
144
|
-
opacity: 1;
|
|
145
|
-
}
|
|
146
|
-
100% {
|
|
147
|
-
opacity: 0;
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
`,Ro=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)"}),To={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"},Oo={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"},Mo=C.span`
|
|
151
|
-
display: ${({$visible:e})=>e?"block":"none"};
|
|
152
|
-
position: absolute;
|
|
153
|
-
max-width: 100%;
|
|
154
|
-
right: 0;
|
|
155
|
-
top: 72px;
|
|
156
|
-
opacity: 0.8;
|
|
157
|
-
z-index: ${e=>e.$theme.zIndexPopup};
|
|
158
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
159
|
-
border: ${e=>e.$theme.borderAccent};
|
|
160
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
161
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
162
|
-
font-size: ${e=>e.$theme.fontSizeSmall};
|
|
163
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
164
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
165
|
-
box-shadow: ${e=>e.$theme.boxShadow};
|
|
166
|
-
pointer-events: none;
|
|
167
|
-
|
|
168
|
-
${He}
|
|
169
|
-
`,Ut=({errorId:e,testId:t,message:n="Invalid input",visible:r=!1,style:o,theme:s})=>c.jsx(Mo,{id:e,$visible:r,"data-testid":t,style:o,$theme:s,"aria-hidden":!r,children:n});var K=(e=>(e.Success="success",e.Error="error",e.Warning="warning",e.Info="info",e.Help="help",e))(K||{}),ue=(e=>(e.Primary="primary",e.Flat="flat",e.Icon="icon",e))(ue||{}),j=(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.Graduate="graduate",e.Help="help",e.Hide="hide",e.Home="home",e.Info="info",e.Login="login",e.Paste="paste",e.Question="question",e.Save="save",e.Show="show",e.Upload="upload",e.Warning="warning",e.Remove="remove",e))(j||{}),Qn=(e=>(e.Dots="dots",e.Brackets="brackets",e.Linear="linear",e.Square="square",e.Circle="circle",e.Pulse="pulse",e.Arrow="arrow",e.Filler="filler",e.Rotation="rotation",e))(Qn||{}),G=(e=>(e.Vertical="vertical",e.Horizontal="horizontal",e))(G||{}),qt=(e=>(e.Light="light",e.Dark="dark",e))(qt||{}),Yt=(e=>(e.Span="span",e.Div="div",e.P="p",e.Strong="strong",e.Em="em",e))(Yt||{});const Bo=p.lazy(()=>Promise.resolve().then(()=>zs)),Do=p.lazy(()=>Promise.resolve().then(()=>_s)),Lo=p.lazy(()=>Promise.resolve().then(()=>require("./BackIcon-6a-KPT4R.cjs"))),No=p.lazy(()=>Promise.resolve().then(()=>require("./CancelIcon-Io9DmIXB.cjs"))),Ho=p.lazy(()=>Promise.resolve().then(()=>Ss)),Fo=p.lazy(()=>Promise.resolve().then(()=>ks)),Go=p.lazy(()=>Promise.resolve().then(()=>Us)),Wo=p.lazy(()=>Promise.resolve().then(()=>require("./ChevronDownIcon-u_QuMZ-m.cjs"))),Uo=p.lazy(()=>Promise.resolve().then(()=>require("./ChevronLeftIcon-CBJFCd4g.cjs"))),qo=p.lazy(()=>Promise.resolve().then(()=>require("./ChevronRightIcon-C_13rpgA.cjs"))),Yo=p.lazy(()=>Promise.resolve().then(()=>require("./ChevronUpIcon-CTEQHMLW.cjs"))),Vo=p.lazy(()=>Promise.resolve().then(()=>require("./ClearIcon-oiZQl1xy.cjs"))),Ko=p.lazy(()=>Promise.resolve().then(()=>require("./CopyIcon-CfJxdJkE.cjs"))),Xo=p.lazy(()=>Promise.resolve().then(()=>require("./CutIcon-C0ot7pv1.cjs"))),Jo=p.lazy(()=>Promise.resolve().then(()=>require("./DeleteIcon-CVPhcSfG.cjs"))),Zo=p.lazy(()=>Promise.resolve().then(()=>require("./DownloadIcon-BHhuRKBy.cjs"))),Qo=p.lazy(()=>Promise.resolve().then(()=>ta)),es=p.lazy(()=>Promise.resolve().then(()=>require("./ForwardIcon-CKnkecv-.cjs"))),ts=p.lazy(()=>Promise.resolve().then(()=>require("./GraduateIcon-Dsk-T3da.cjs"))),ns=p.lazy(()=>Promise.resolve().then(()=>na)),rs=p.lazy(()=>Promise.resolve().then(()=>require("./HideIcon-CyItCp1h.cjs"))),os=p.lazy(()=>Promise.resolve().then(()=>require("./HomeIcon-DX_PgT5n.cjs"))),ss=p.lazy(()=>Promise.resolve().then(()=>ra)),is=p.lazy(()=>Promise.resolve().then(()=>require("./LoginIcon-CYQ6pYwB.cjs"))),as=p.lazy(()=>Promise.resolve().then(()=>require("./PasteIcon-BIKTS0Dz.cjs"))),cs=p.lazy(()=>Promise.resolve().then(()=>require("./QuestionIcon-DbZnERtn.cjs"))),ls=p.lazy(()=>Promise.resolve().then(()=>require("./RemoveIcon-CzYds-64.cjs"))),ds=p.lazy(()=>Promise.resolve().then(()=>require("./SaveIcon-B84k1D5f.cjs"))),us=p.lazy(()=>Promise.resolve().then(()=>require("./ShowIcon-SGeEvbuz.cjs"))),hs=p.lazy(()=>Promise.resolve().then(()=>require("./UploadIcon-va72gwks.cjs"))),fs=p.lazy(()=>Promise.resolve().then(()=>oa)),ps={[j.ArrowDown]:Bo,[j.ArrowUp]:Do,[j.Back]:Lo,[j.Cancel]:No,[j.CheckboxChecked]:Ho,[j.CheckboxUnchecked]:Fo,[j.CheckMark]:Go,[j.ChevronDown]:Wo,[j.ChevronUp]:Yo,[j.ChevronLeft]:Uo,[j.ChevronRight]:qo,[j.Clear]:Vo,[j.Copy]:Ko,[j.Cut]:Xo,[j.Delete]:Jo,[j.Download]:Zo,[j.Error]:Qo,[j.Forward]:es,[j.Graduate]:ts,[j.Help]:ns,[j.Hide]:rs,[j.Home]:os,[j.Info]:ss,[j.Login]:is,[j.Paste]:as,[j.Question]:cs,[j.Save]:ds,[j.Show]:us,[j.Upload]:hs,[j.Warning]:fs,[j.Remove]:ls},re=({name:e,testId:t,...n})=>{if(!e)return null;const r=c.jsx("span",{style:{fontSize:"1rem"},"aria-label":"SVG Icon Fallback",children:"⬜"}),o=ps[e];return c.jsx(p.Suspense,{fallback:r,children:c.jsx(o,{"data-testid":t,...n})})},ms=C.button`
|
|
170
|
-
background: transparent;
|
|
171
|
-
border: none;
|
|
172
|
-
display: flex;
|
|
173
|
-
align-items: center;
|
|
174
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
175
|
-
color: ${e=>e.$theme.fontColorLight};
|
|
176
|
-
padding: 0;
|
|
177
|
-
|
|
178
|
-
&:focus-visible {
|
|
179
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
180
|
-
outline-offset: -1px;
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
&:hover {
|
|
184
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
svg {
|
|
188
|
-
cursor: pointer;
|
|
189
|
-
height: ${e=>e.$theme.iconSize};
|
|
190
|
-
width: ${e=>e.$theme.iconSize};
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
&[disabled] {
|
|
194
|
-
pointer-events: none;
|
|
195
|
-
opacity: 0.5;
|
|
196
|
-
}
|
|
197
|
-
`,Xe=({onClick:e,label:t,icon:n,disabled:r,theme:o})=>c.jsx(ms,{onClick:e,"aria-label":t,type:"button",disabled:r,$theme:o,children:c.jsx(re,{name:n})}),gs=C.label`
|
|
198
|
-
display: flex;
|
|
199
|
-
align-items: center;
|
|
200
|
-
font-size: ${e=>e.$theme.fontSizeSmall};
|
|
201
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
202
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
203
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
204
|
-
|
|
205
|
-
&:hover {
|
|
206
|
-
text-shadow: ${e=>e.$theme.textShadow};
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
& + span {
|
|
210
|
-
text-wrap: nowrap;
|
|
211
|
-
overflow: hidden;
|
|
212
|
-
text-overflow: ellipsis;
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
& abbr {
|
|
216
|
-
text-decoration: none;
|
|
217
|
-
cursor: pointer;
|
|
218
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
219
|
-
margin-left: ${e=>e.$theme.gapSmall};
|
|
220
|
-
}
|
|
221
|
-
`,Ie=({label:e,required:t,inputId:n,theme:r,icon:o,iconPosition:s,isTextHidden:i=!1,style:d})=>{const l=!!o&&s==="left",u=!!o&&s==="right";return c.jsxs(gs,{htmlFor:n,style:d,$theme:r,children:[l&&o,!i&&c.jsxs("span",{children:[e,t&&c.jsx("abbr",{title:"required",children:"*"})]}),u&&o]})};function bs(e){return({tooltip:t,visibleOn:n,...r})=>t!=null&&t.length?c.jsx(dr,{tooltipContent:t,visibleOn:n,children:c.jsx(e,{...r})}):c.jsx(e,{...r})}const be=p.createContext({}),er=p.createContext({mode:qt.Light});function ys(e,t){const n=e==="dark"?Oo:To;if(t)for(const r in t){const o=r;Object.prototype.hasOwnProperty.call(n,o)&&(n[o]=t[o].toString())}return n}function Je(e){const t=document.getElementById(e);t&&t.focus()}function tr({e,options:t,onClose:n}){let r="";t.forEach(s=>{document.getElementById(s.id)===document.activeElement&&(r=s.id)});const o=t.findIndex(s=>s.id===r);switch(e.key){case"Escape":e.preventDefault(),n();break;case"ArrowUp":{e.preventDefault();const s=o-1>=0?o-1:t.length-1,i=t[s];i&&Je(i.id);break}case"ArrowDown":case"Tab":{e.preventDefault();const s=o===t.length-1?0:o+1,i=t[s];i&&Je(i.id);break}}}const q=()=>{const{customTheme:e,mode:t}=p.useContext(er);return ys(t,e)},Qe=({ref:e,onClickOutsideHandler:t,dependentRef:n})=>{p.useEffect(()=>{const r=o=>{const s=(e==null?void 0:e.current)&&!e.current.contains(o.target),i=n!=null&&n.current?!n.current.contains(o.target):!0;s&&i&&t()};return document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[e,n,t])},nr=({ref:e,isVisible:t})=>{const[n,r]=p.useState({width:0,height:0});return p.useEffect(()=>{e!=null&&e.current&&t&&r({width:e.current.offsetWidth,height:e.current.offsetHeight})},[e,t]),n};function he(e){const t=p.useId(),n=e??t,r=`${n}_error`,o=`${n}_dropdown`;return{elementId:n,errorId:r,dropdownId:o}}const et=({ref:e,keyCode:t,onKeyPress:n})=>{p.useEffect(()=>{const r=o=>{(o==null?void 0:o.code)===t&&(e!=null&&e.current)&&n()};return document.addEventListener("keydown",r,!1),()=>{document.removeEventListener("keydown",r,!1)}},[e,t,n])},rr=({modalRef:e,isOpened:t})=>{p.useEffect(()=>{const n=e.current;if(!t||!n)return;const r=n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),o=r[0],s=r[r.length-1],i=d=>{d.key==="Tab"&&(d.shiftKey&&document.activeElement===o?(d.preventDefault(),s.focus()):!d.shiftKey&&document.activeElement===s&&(d.preventDefault(),o.focus()))};return n.addEventListener("keydown",i),()=>{n.removeEventListener("keydown",i)}},[e,t])},Vt=(e,t=300)=>{const[n,r]=p.useState(!1);return p.useEffect(()=>{e&&!n?r(!0):!e&&n&&setTimeout(()=>{r(!1)},t)},[e]),n},Fe=e=>{const{resetSignal:t}=p.useContext(be);p.useEffect(()=>{t&&e()},[t,e])};function Cn(){const{innerWidth:e,innerHeight:t}=window;return{width:e,height:t}}function or(){const[e,t]=p.useState(Cn());return p.useEffect(()=>{function n(){t(Cn())}return window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[]),e}const sr=({wrapperRef:e,tooltipRef:t,isOpened:n,spacing:r=4})=>{const[o,s]=p.useState({top:0,left:0}),{width:i,height:d}=nr({ref:t,isVisible:n}),{width:l,height:u}=or();return p.useEffect(()=>{if(n&&(e!=null&&e.current)){const h=e==null?void 0:e.current.getBoundingClientRect();let f=Math.round(h.bottom+r),g=Math.round(h.left);f+d>window.innerHeight&&(f=Math.round(h.top-d-r)),g+i>window.innerWidth&&(g=Math.round(window.innerWidth-i-r)),g<0&&(g=r),s({top:f,left:g})}},[n,e,d,i,r,l,u]),o},$s=C.button`
|
|
222
|
-
position: relative;
|
|
223
|
-
border: none;
|
|
224
|
-
background: transparent;
|
|
225
|
-
padding: 0;
|
|
226
|
-
cursor: pointer;
|
|
227
|
-
outline: none;
|
|
228
|
-
transition: filter 250ms;
|
|
229
|
-
width: ${e=>e.$extended?"100%":"inherit"};
|
|
230
|
-
|
|
231
|
-
&[disabled] {
|
|
232
|
-
pointer-events: none;
|
|
233
|
-
opacity: 0.5;
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
.chop-logic-button_shadow {
|
|
237
|
-
position: absolute;
|
|
238
|
-
top: 0;
|
|
239
|
-
left: 0;
|
|
240
|
-
width: 100%;
|
|
241
|
-
height: 100%;
|
|
242
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
243
|
-
background: hsl(0deg 0% 0% / 0.25);
|
|
244
|
-
will-change: transform;
|
|
245
|
-
transform: translateY(2px);
|
|
246
|
-
transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
.chop-logic-button_edge {
|
|
250
|
-
position: absolute;
|
|
251
|
-
top: 0;
|
|
252
|
-
left: 0;
|
|
253
|
-
width: 100%;
|
|
254
|
-
height: 100%;
|
|
255
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
256
|
-
background: ${e=>e.$theme.gradientShadow};
|
|
257
|
-
}
|
|
258
|
-
|
|
259
|
-
.chop-logic-button_front {
|
|
260
|
-
display: flex;
|
|
261
|
-
align-items: center;
|
|
262
|
-
justify-content: center;
|
|
263
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
264
|
-
position: relative;
|
|
265
|
-
padding: ${e=>`${e.$theme.gapMedium} ${e.$theme.gapBig}`};
|
|
266
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
267
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
268
|
-
color: #ffffff;
|
|
269
|
-
background: ${e=>e.$theme.fontColorAccent};
|
|
270
|
-
will-change: transform;
|
|
271
|
-
transform: translateY(-4px);
|
|
272
|
-
transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
&:hover {
|
|
276
|
-
filter: brightness(110%);
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
&:hover .chop-logic-button_front {
|
|
280
|
-
transform: translateY(-6px);
|
|
281
|
-
transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
&:active .chop-logic-button_front {
|
|
285
|
-
transform: translateY(-2px);
|
|
286
|
-
transition: transform 34ms;
|
|
287
|
-
}
|
|
288
|
-
|
|
289
|
-
&:hover .chop-logic-button_shadow {
|
|
290
|
-
transform: translateY(4px);
|
|
291
|
-
transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
&:active .chop-logic-button_shadow {
|
|
295
|
-
transform: translateY(1px);
|
|
296
|
-
transition: transform 34ms;
|
|
297
|
-
}
|
|
298
|
-
|
|
299
|
-
&:focus-visible {
|
|
300
|
-
outline: revert;
|
|
301
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
302
|
-
outline-offset: 4px;
|
|
303
|
-
}
|
|
304
|
-
`,xs=C.button`
|
|
305
|
-
border: none;
|
|
306
|
-
cursor: pointer;
|
|
307
|
-
display: flex;
|
|
308
|
-
align-items: center;
|
|
309
|
-
justify-content: center;
|
|
310
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
311
|
-
padding: ${e=>`${e.$theme.gapMedium} ${e.$theme.gapBig}`};
|
|
312
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
313
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
314
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
315
|
-
background: transparent;
|
|
316
|
-
width: ${e=>e.$extended?"100%":"inherit"};
|
|
317
|
-
|
|
318
|
-
&:hover,
|
|
319
|
-
&:active {
|
|
320
|
-
background: ${e=>e.$theme.backgroundColorLight};
|
|
321
|
-
transition: all 0.3s ease 0s;
|
|
322
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
&:focus-visible {
|
|
326
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
&[disabled] {
|
|
330
|
-
pointer-events: none;
|
|
331
|
-
opacity: 0.5;
|
|
332
|
-
}
|
|
333
|
-
`,vs=C.button`
|
|
334
|
-
border: none;
|
|
335
|
-
cursor: pointer;
|
|
336
|
-
display: flex;
|
|
337
|
-
align-items: center;
|
|
338
|
-
justify-content: center;
|
|
339
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
340
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
341
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
342
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
343
|
-
background: transparent;
|
|
344
|
-
|
|
345
|
-
&:hover {
|
|
346
|
-
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
347
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
348
|
-
transition: all 0.3s ease 0s;
|
|
349
|
-
}
|
|
350
|
-
|
|
351
|
-
&:focus-visible {
|
|
352
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
353
|
-
}
|
|
354
|
-
|
|
355
|
-
&[disabled] {
|
|
356
|
-
pointer-events: none;
|
|
357
|
-
opacity: 0.5;
|
|
358
|
-
}
|
|
359
|
-
|
|
360
|
-
svg {
|
|
361
|
-
height: ${e=>e.$theme.iconSize};
|
|
362
|
-
width: ${e=>e.$theme.iconSize};
|
|
363
|
-
}
|
|
364
|
-
`,ws=({onClick:e,text:t,icon:n,label:r,disabled:o=!1,extended:s=!1,type:i="button",view:d=ue.Primary,...l})=>{const u=q();switch(d){case ue.Primary:return c.jsxs($s,{$extended:s,"aria-label":r,type:i,onClick:e,disabled:o,$theme:u,...l,children:[c.jsx("span",{className:"chop-logic-button_shadow"}),c.jsx("span",{className:"chop-logic-button_edge"}),c.jsxs("span",{className:"chop-logic-button_front",children:[c.jsx(re,{name:n}),t]})]});case ue.Flat:return c.jsxs(xs,{$extended:s,"aria-label":r,type:i,onClick:e,disabled:o,$theme:u,...l,children:[c.jsx(re,{name:n}),t]});case ue.Icon:return c.jsx(vs,{"aria-label":r,type:i,onClick:e,disabled:o,$theme:u,...l,children:c.jsx(re,{name:n})});default:return null}},Ze=bs(ws);function wt(e){return c.jsxs("svg",{viewBox:"0 0 16 16",fill:"currentColor",height:"1em",width:"1em",role:"img",...e,children:[c.jsx("title",{children:"Checkbox Checked"}),c.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 Ss=Object.freeze(Object.defineProperty({__proto__:null,default:wt},Symbol.toStringTag,{value:"Module"}));function St(e){return c.jsxs("svg",{viewBox:"0 0 16 16",fill:"currentColor",height:"1em",width:"1em",role:"img",...e,children:[c.jsx("title",{children:"Checkbox Unchecked"}),c.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 ks=Object.freeze(Object.defineProperty({__proto__:null,default:St},Symbol.toStringTag,{value:"Module"})),Cs=C.div`
|
|
365
|
-
display: flex;
|
|
366
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
367
|
-
padding: ${e=>e.$theme.gapMedium} 0;
|
|
368
|
-
position: relative;
|
|
369
|
-
overflow: hidden;
|
|
370
|
-
|
|
371
|
-
& svg {
|
|
372
|
-
color: ${e=>e.$checked?e.$theme.fontColorAccent:e.$theme.fontColorLight};
|
|
373
|
-
}
|
|
374
|
-
|
|
375
|
-
& label {
|
|
376
|
-
cursor: pointer;
|
|
377
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
378
|
-
font-size: ${e=>e.$theme.fontSizeBase} !important;
|
|
379
|
-
&:hover,
|
|
380
|
-
&:active {
|
|
381
|
-
text-shadow: ${e=>e.$theme.textShadow};
|
|
382
|
-
}
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
${e=>e.$disabled&&`
|
|
386
|
-
pointer-events: none;
|
|
387
|
-
opacity: 0.5;
|
|
388
|
-
`}
|
|
389
|
-
|
|
390
|
-
& input {
|
|
391
|
-
position: absolute;
|
|
392
|
-
z-index: -1;
|
|
393
|
-
opacity: 0;
|
|
394
|
-
top: 4px;
|
|
395
|
-
left: 0;
|
|
396
|
-
margin: 0;
|
|
397
|
-
|
|
398
|
-
&:focus-visible + label {
|
|
399
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
400
|
-
outline-offset: 2px;
|
|
401
|
-
}
|
|
402
|
-
}
|
|
403
|
-
`;function js({defaultChecked:e,initialValues:t,name:n}){return t&&(t==null?void 0:t[n])!==void 0?!!(t!=null&&t[n]):!!e}function Es({name:e,defaultChecked:t,onChange:n}){const{onChangeFormInput:r,initialValues:o}=p.useContext(be),s=js({initialValues:o,name:e,defaultChecked:t}),[i,d]=p.useState(s),l=h=>{const f=h.target.checked;d(f),n==null||n(h),r==null||r({name:e,value:f})},u=p.useCallback(()=>{d(s),r==null||r({name:e,value:s})},[e]);return Fe(u),{handleChange:l,checked:i}}const Is=({name:e,label:t,disabled:n,noLabel:r,required:o=!1,iconPosition:s="left",defaultChecked:i,onChange:d,id:l,...u})=>{const{handleChange:h,checked:f}=Es({name:e,defaultChecked:i,onChange:d}),{elementId:g}=he(l),m=q();return c.jsxs(Cs,{$disabled:!!n,$theme:m,$checked:f,...u,children:[c.jsx("input",{id:g,name:e,type:"checkbox",disabled:n,required:o,checked:f,onChange:h,"aria-label":r?t:void 0}),c.jsx(Ie,{label:t,required:o,inputId:g,isTextHidden:r,icon:f?c.jsx(wt,{}):c.jsx(St,{}),iconPosition:s,theme:m})]})},ir=C.div`
|
|
404
|
-
position: relative;
|
|
405
|
-
display: flex;
|
|
406
|
-
justify-content: space-between;
|
|
407
|
-
flex-direction: column;
|
|
408
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
409
|
-
background: transparent;
|
|
410
|
-
`,ar=C.button`
|
|
411
|
-
text-align: left;
|
|
412
|
-
cursor: pointer;
|
|
413
|
-
display: flex;
|
|
414
|
-
justify-content: space-between;
|
|
415
|
-
align-items: center;
|
|
416
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
417
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
418
|
-
border: ${e=>e.$theme.borderLight};
|
|
419
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
420
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
421
|
-
white-space: nowrap;
|
|
422
|
-
text-overflow: ellipsis;
|
|
423
|
-
overflow: hidden;
|
|
424
|
-
|
|
425
|
-
& > span:nth-child(1) {
|
|
426
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
427
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
428
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
429
|
-
overflow: hidden;
|
|
430
|
-
text-overflow: ellipsis;
|
|
431
|
-
}
|
|
432
|
-
|
|
433
|
-
svg {
|
|
434
|
-
cursor: pointer;
|
|
435
|
-
color: ${e=>e.$theme.fontColorLight};
|
|
436
|
-
height: ${e=>e.$theme.iconSize};
|
|
437
|
-
width: ${e=>e.$theme.iconSize};
|
|
438
|
-
|
|
439
|
-
&:hover {
|
|
440
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
441
|
-
}
|
|
442
|
-
}
|
|
443
|
-
|
|
444
|
-
&:focus-visible {
|
|
445
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
446
|
-
outline-offset: 2px;
|
|
447
|
-
}
|
|
448
|
-
|
|
449
|
-
&[disabled] {
|
|
450
|
-
pointer-events: none;
|
|
451
|
-
opacity: 0.5;
|
|
452
|
-
}
|
|
453
|
-
`,cr=C.ul`
|
|
454
|
-
visibility: hidden;
|
|
455
|
-
opacity: 0;
|
|
456
|
-
transition:
|
|
457
|
-
visibility 0s,
|
|
458
|
-
opacity 0.3s linear;
|
|
459
|
-
position: absolute;
|
|
460
|
-
background: ${e=>e.$theme.backgroundColorBase};
|
|
461
|
-
margin: 0;
|
|
462
|
-
padding: 0;
|
|
463
|
-
list-style: none;
|
|
464
|
-
z-index: ${e=>e.$theme.zIndexPopup};
|
|
465
|
-
width: 100%;
|
|
466
|
-
top: 72px;
|
|
467
|
-
left: -1px;
|
|
468
|
-
border: ${e=>e.$theme.borderLight};
|
|
469
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
470
|
-
box-shadow: ${e=>e.$theme.boxShadow};
|
|
471
|
-
overflow-y: auto;
|
|
472
|
-
max-height: 180px;
|
|
473
|
-
|
|
474
|
-
${e=>e.$opened&&"visibility: visible; opacity: 1;"}
|
|
475
|
-
`,lr=C.li`
|
|
476
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
477
|
-
cursor: pointer;
|
|
478
|
-
display: flex;
|
|
479
|
-
justify-content: space-between;
|
|
480
|
-
align-items: center;
|
|
481
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
482
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
483
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
484
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
485
|
-
|
|
486
|
-
&:hover,
|
|
487
|
-
&:active {
|
|
488
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
489
|
-
}
|
|
490
|
-
|
|
491
|
-
&:focus-visible {
|
|
492
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
493
|
-
outline-offset: -4px;
|
|
494
|
-
}
|
|
495
|
-
|
|
496
|
-
svg {
|
|
497
|
-
color: ${e=>e.$selected?e.$theme.fontColorAccent:e.$theme.fontColorLight};
|
|
498
|
-
width: ${e=>e.$theme.iconSize};
|
|
499
|
-
height: ${e=>e.$theme.iconSize};
|
|
500
|
-
}
|
|
501
|
-
`,As=C(lr)`
|
|
502
|
-
justify-content: flex-start;
|
|
503
|
-
`;function Kt(e){return c.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",role:"img",...e,children:[c.jsx("title",{children:"Arrow Down"}),c.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 zs=Object.freeze(Object.defineProperty({__proto__:null,default:Kt},Symbol.toStringTag,{value:"Module"}));function Xt(e){return c.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",role:"img",...e,children:[c.jsx("title",{children:"Arrow Up"}),c.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 _s=Object.freeze(Object.defineProperty({__proto__:null,default:Xt},Symbol.toStringTag,{value:"Module"})),Ps=({opened:e,onClick:t,comboboxId:n,dropdownId:r,name:o,placeholder:s,disabled:i,required:d,values:l,theme:u})=>{const h=l==null?void 0:l.filter(m=>m.selected).map(m=>m.label),f=l==null?void 0:l.filter(m=>m.selected).map(m=>m.id);let g=c.jsx("span",{children:s});return h&&h.length>1?g=c.jsx("span",{children:`${h.length} items selected`}):h&&h.length===1&&(g=c.jsx("span",{children:h[0]})),c.jsxs(ar,{type:"button",name:o,value:f,role:"combobox","aria-haspopup":"listbox","aria-expanded":e,"aria-controls":r,id:n,onClick:t,disabled:i,"aria-required":d,$theme:u,children:[g,e?c.jsx(Xt,{}):c.jsx(Kt,{})]})},Rs=({value:e,onSelect:t,theme:n})=>{const{id:r,label:o,selected:s}=e,i=d=>l=>{switch(l.key){case" ":case"SpaceBar":case"Enter":l.preventDefault(),t(d);break}};return c.jsxs(As,{id:r,role:"option","aria-selected":s,tabIndex:0,onKeyDown:i(r),onClick:()=>t(r),$theme:n,$selected:s,children:[s?c.jsx(wt,{}):c.jsx(St,{}),c.jsx("span",{children:o})]})},Ts=({options:e,opened:t,onClose:n,onSelect:r,dropdownId:o,theme:s})=>c.jsx(cr,{$opened:t,role:"listbox",id:o,tabIndex:-1,onKeyDown:i=>tr({e:i,options:e,onClose:n}),$theme:s,children:e.map(i=>c.jsx(Rs,{value:i,onSelect:()=>r(i.id),theme:s},i.id))});function Os({name:e,options:t,initialValues:n,defaultValue:r}){return t.map(o=>{let s=!1;return n&&(n!=null&&n[e])&&Array.isArray(n[e])&&n[e].find(d=>d===o.id||(d==null?void 0:d.id)===o.id)&&(s=!0),!(n!=null&&n[e])&&Array.isArray(r)&&r.find(d=>d===o.id)&&(s=!0),{...o,selected:s}})}const jn=e=>e.filter(t=>t.selected).map(t=>t.id),Ms=(e,t)=>{const n=e.find(r=>r.id===t);return e.map(r=>r.id===t?{...r,selected:!(n!=null&&n.selected)}:r)};function Bs({name:e,defaultValue:t,onChange:n,options:r}){const[o,s]=p.useState(!1),{onChangeFormInput:i,initialValues:d}=p.useContext(be),l=Os({name:e,options:r,initialValues:d,defaultValue:t}),[u,h]=p.useState(l),f=()=>s(!1),g=()=>s(!o),m=x=>{const S=Ms(u,x);h(S),n==null||n(S),i==null||i({name:e,value:jn(S)})},b=p.useCallback(()=>{s(!1),h(l),i==null||i({name:e,value:jn(l)})},[e]);return Fe(b),{handleClose:f,handleToggle:g,handleSelect:m,opened:o,values:u}}const Ds=({options:e,name:t,label:n,required:r=!1,placeholder:o="Not selected",disabled:s=!1,onChange:i,defaultValue:d,id:l,...u})=>{const h=p.useRef(null),{elementId:f,dropdownId:g}=he(l),m=q(),{handleClose:b,handleSelect:x,handleToggle:S,opened:w,values:k}=Bs({name:t,options:e,defaultValue:d,onChange:i});return Qe({ref:h,onClickOutsideHandler:b}),et({keyCode:"Escape",ref:h,onKeyPress:b}),c.jsxs(ir,{ref:h,$theme:m,...u,children:[c.jsx(Ie,{label:n,required:r,inputId:f,theme:m}),c.jsx(Ps,{name:t,opened:w,comboboxId:f,dropdownId:g,onClick:S,values:k,placeholder:o,disabled:s,required:r,theme:m}),c.jsx(Ts,{theme:m,options:k,opened:w,onClose:b,dropdownId:g,onSelect:x})]})};function Ls({name:e,initialValues:t,defaultValue:n}){return t&&t[e]?Number(t[e]):n&&typeof n=="number"?n:0}function Ns({value:e,required:t,validator:n,maxValue:r,minValue:o}){return t&&!n&&e===void 0?!1:n&&typeof n=="function"?n(e):r&&o&&e&&!n?e<=r&&e>=o:!0}function Hs({name:e,defaultValue:t,onChange:n,onSpinButtonClick:r,min:o,max:s,step:i,required:d,validator:l}){const{onChangeFormInput:u,initialValues:h}=p.useContext(be),f=Ls({initialValues:h,defaultValue:t,name:e}),g=s?Number(s):Number.MAX_SAFE_INTEGER,m=o?Number(o):Number.MIN_SAFE_INTEGER,[b,x]=p.useState(f),[S,w]=p.useState(!0),k=v=>{x(v);const B=Ns({value:v,required:d,validator:l,maxValue:g,minValue:m});w(B),u==null||u({name:e,value:v,valid:B})},I=v=>{const B=Number(v.target.value);k(B),n==null||n(v)},_=()=>{k(b+i),r==null||r(b+i)},P=()=>{k(b-i),r==null||r(b-i)},E=p.useCallback(()=>{x(f),w(!0),u==null||u({name:e,value:f,valid:!0})},[e]);return Fe(E),{handleChange:I,value:b,valid:S,minValue:m,maxValue:g,increment:_,decrement:P}}const Fs=C.div`
|
|
504
|
-
display: flex;
|
|
505
|
-
flex-direction: column;
|
|
506
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
507
|
-
position: relative;
|
|
508
|
-
|
|
509
|
-
& > div:nth-child(2) {
|
|
510
|
-
display: flex;
|
|
511
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
512
|
-
align-items: center;
|
|
513
|
-
border: ${e=>e.$theme.borderLight};
|
|
514
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
515
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
516
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
517
|
-
|
|
518
|
-
&:has(input:focus) {
|
|
519
|
-
border: ${e=>e.$theme.borderOutline};
|
|
520
|
-
}
|
|
521
|
-
|
|
522
|
-
&:has(input[aria-invalid='true']) {
|
|
523
|
-
border: ${e=>e.$theme.borderAccent};
|
|
524
|
-
}
|
|
525
|
-
|
|
526
|
-
&:has(input[disabled]) {
|
|
527
|
-
pointer-events: none;
|
|
528
|
-
opacity: 0.5;
|
|
529
|
-
}
|
|
530
|
-
|
|
531
|
-
& > span:nth-child(2) {
|
|
532
|
-
display: flex;
|
|
533
|
-
align-items: center;
|
|
534
|
-
}
|
|
535
|
-
}
|
|
536
|
-
|
|
537
|
-
& input {
|
|
538
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
539
|
-
padding: 0;
|
|
540
|
-
border: none;
|
|
541
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
542
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
543
|
-
display: inline-block;
|
|
544
|
-
background: transparent;
|
|
545
|
-
white-space: nowrap;
|
|
546
|
-
text-overflow: ellipsis;
|
|
547
|
-
overflow: hidden;
|
|
548
|
-
flex-grow: 1;
|
|
549
|
-
min-width: 0;
|
|
550
|
-
|
|
551
|
-
&:focus-visible {
|
|
552
|
-
outline: none;
|
|
553
|
-
}
|
|
554
|
-
|
|
555
|
-
&::-webkit-outer-spin-button,
|
|
556
|
-
&::-webkit-inner-spin-button {
|
|
557
|
-
-webkit-appearance: none;
|
|
558
|
-
margin: 0;
|
|
559
|
-
}
|
|
560
|
-
|
|
561
|
-
&[type='number'] {
|
|
562
|
-
-moz-appearance: textfield;
|
|
563
|
-
}
|
|
564
|
-
}
|
|
565
|
-
`,Gs=({name:e,label:t,errorMessage:n,onChange:r,onBlur:o,onFocus:s,onSpinButtonClick:i,validator:d,min:l,max:u,id:h,tabIndex:f,disabled:g=!1,required:m=!1,readOnly:b=!1,hasSpinButtons:x=!0,defaultValue:S=0,step:w=1,...k})=>{const{elementId:I,errorId:_}=he(h),P=q(),{value:E,valid:v,handleChange:B,increment:Y,decrement:oe,minValue:ee,maxValue:se}=Hs({name:e,defaultValue:S,min:l,max:u,onChange:r,required:m,validator:d,step:w,onSpinButtonClick:i});return c.jsxs(Fs,{$theme:P,...k,children:[c.jsx(Ie,{label:t,required:m,inputId:I,theme:P}),c.jsxs("div",{children:[c.jsx("input",{id:I,name:e,type:"number",disabled:g,required:m,readOnly:b,placeholder:"0","aria-invalid":!v,"aria-errormessage":_,value:E.toString(),onChange:B,min:ee,max:se,step:w,onBlur:o,onFocus:s,tabIndex:f}),x&&c.jsxs("span",{children:[c.jsx(Xe,{onClick:oe,label:`Decrement value for ${t}`,icon:j.ChevronLeft,disabled:g,theme:P}),c.jsx(Xe,{onClick:Y,label:`Increment value for ${t}`,icon:j.ChevronRight,disabled:g,theme:P})]})]}),c.jsx(Ut,{errorId:_,message:n,visible:!v,theme:P})]})},Ws=({opened:e,onClick:t,comboboxId:n,dropdownId:r,selected:o,name:s,placeholder:i,disabled:d,required:l,theme:u})=>c.jsxs(ar,{type:"button",name:s,value:o==null?void 0:o.id,role:"combobox","aria-haspopup":"listbox","aria-expanded":e,"aria-controls":r,id:n,onClick:t,disabled:d,"aria-required":l,$theme:u,children:[o!=null&&o.label?c.jsx("span",{children:o==null?void 0:o.label}):c.jsx("span",{children:i}),e?c.jsx(Xt,{}):c.jsx(Kt,{})]});function Jt(e){return c.jsxs("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",role:"img",...e,children:[c.jsx("title",{children:"Check Mark"}),c.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 Us=Object.freeze(Object.defineProperty({__proto__:null,default:Jt},Symbol.toStringTag,{value:"Module"})),qs=({value:e,selected:t,onSelect:n,onClear:r,theme:o})=>{const{id:s,label:i}=e,d=u=>{t?r():n(u)},l=u=>h=>{switch(h.key){case" ":case"SpaceBar":case"Enter":h.preventDefault(),d(u);break}};return c.jsxs(lr,{id:s,role:"option","aria-selected":t,tabIndex:0,onKeyDown:l(s),onClick:()=>d(s),$theme:o,$selected:t,children:[c.jsx("span",{children:i}),t&&c.jsx(Jt,{})]})},Ys=({options:e,opened:t,onClose:n,onSelect:r,dropdownId:o,comboboxId:s,selected:i,onClear:d,theme:l})=>{const u=h=>{r(h),n(),Je(s)};return c.jsx(cr,{role:"listbox",id:o,tabIndex:-1,onKeyDown:h=>tr({e:h,options:e,onClose:n}),$opened:t,$theme:l,children:e.map(h=>c.jsx(qs,{value:h,onSelect:()=>u(h.id),onClear:d,selected:h.id===(i==null?void 0:i.id),theme:l},h.id))})};function Vs({name:e,options:t,initialValues:n,defaultValue:r}){var s;let o;return n&&n[e]&&(o=((s=n[e])==null?void 0:s.id)??n[e]),!(n!=null&&n[e])&&r&&typeof r=="string"&&(o=r),t.find(i=>i.id===o)}function Ks({name:e,defaultValue:t,onChange:n,options:r}){const{onChangeFormInput:o,initialValues:s}=p.useContext(be),i=Vs({name:e,options:r,defaultValue:t,initialValues:s}),[d,l]=p.useState(!1),[u,h]=p.useState(i),f=()=>l(!1),g=()=>l(!d),m=S=>{const w=r.find(k=>k.id===S);h(w),n==null||n(w),o==null||o({name:e,value:w==null?void 0:w.id})},b=()=>{h(void 0),n==null||n(void 0)},x=p.useCallback(()=>{l(!1),h(i),o==null||o({name:e,value:i==null?void 0:i.id})},[e]);return Fe(x),{selected:u,opened:d,handleClear:b,handleClose:f,handleToggle:g,handleSelect:m}}const Xs=({options:e,onChange:t,name:n,label:r,defaultValue:o,id:s,placeholder:i="Not selected",required:d=!1,disabled:l=!1,...u})=>{const h=p.useRef(null),f=q(),{elementId:g,dropdownId:m}=he(s),{handleClear:b,handleClose:x,handleSelect:S,handleToggle:w,selected:k,opened:I}=Ks({options:e,onChange:t,defaultValue:o,name:n});return Qe({ref:h,onClickOutsideHandler:x}),et({keyCode:"Escape",ref:h,onKeyPress:x}),c.jsxs(ir,{ref:h,$theme:f,...u,children:[c.jsx(Ie,{label:r,required:d,inputId:g,theme:f}),c.jsx(Ws,{name:n,opened:I,comboboxId:g,dropdownId:m,onClick:w,selected:k,placeholder:i,disabled:l,required:d,theme:f}),c.jsx(Ys,{options:e,selected:k,opened:I,onClose:x,dropdownId:m,comboboxId:g,onSelect:S,onClear:b,theme:f})]})};function Js({value:e,required:t,validator:n}){return t&&!n&&!e.length?!1:n&&typeof n=="function"?n(e):n&&typeof n=="object"?new RegExp(n.regexp,n==null?void 0:n.flags).test(e):!0}function Zs({name:e,initialValues:t,defaultValue:n}){return t&&(t!=null&&t[e])?t[e].toString():n&&typeof n=="string"?n:""}function Qs({name:e,defaultValue:t,onChange:n,onClear:r,required:o,validator:s}){const{onChangeFormInput:i,initialValues:d}=p.useContext(be),l=Zs({initialValues:d,defaultValue:t,name:e}),[u,h]=p.useState(l),[f,g]=p.useState(!0),[m,b]=p.useState(!1),x=I=>{const _=I.target.value,P=Js({value:_,required:o,validator:s});h(_),g(P),i==null||i({name:e,value:_,valid:P}),n==null||n(I)},S=()=>{h(""),g(!0),i==null||i({name:e,value:"",valid:!0}),r==null||r()},w=p.useCallback(()=>{h(l),g(!0),i==null||i({name:e,value:l,valid:!0})},[e]),k=()=>{b(!m)};return Fe(w),{value:u,valid:f,passwordShown:m,handleChange:x,handleClear:S,togglePassword:k}}const ei=C.div`
|
|
566
|
-
display: flex;
|
|
567
|
-
flex-direction: column;
|
|
568
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
569
|
-
position: relative;
|
|
570
|
-
|
|
571
|
-
& > div:nth-child(2) {
|
|
572
|
-
display: flex;
|
|
573
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
574
|
-
align-items: center;
|
|
575
|
-
border: ${e=>e.$theme.borderLight};
|
|
576
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
577
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
578
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
579
|
-
|
|
580
|
-
&:has(input:focus) {
|
|
581
|
-
border: ${e=>e.$theme.borderOutline};
|
|
582
|
-
}
|
|
583
|
-
|
|
584
|
-
&:has(input[aria-invalid='true']) {
|
|
585
|
-
border: ${e=>e.$theme.borderAccent};
|
|
586
|
-
}
|
|
587
|
-
|
|
588
|
-
&:has(input[disabled]) {
|
|
589
|
-
pointer-events: none;
|
|
590
|
-
opacity: 0.5;
|
|
591
|
-
}
|
|
592
|
-
|
|
593
|
-
& > span:nth-child(2) {
|
|
594
|
-
display: flex;
|
|
595
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
596
|
-
align-items: center;
|
|
597
|
-
}
|
|
598
|
-
}
|
|
599
|
-
|
|
600
|
-
& input {
|
|
601
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
602
|
-
padding: 0;
|
|
603
|
-
border: none;
|
|
604
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
605
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
606
|
-
display: inline-block;
|
|
607
|
-
background: transparent;
|
|
608
|
-
white-space: nowrap;
|
|
609
|
-
text-overflow: ellipsis;
|
|
610
|
-
overflow: hidden;
|
|
611
|
-
flex-grow: 1;
|
|
612
|
-
min-width: 0;
|
|
613
|
-
|
|
614
|
-
&:focus-visible {
|
|
615
|
-
outline: none;
|
|
616
|
-
}
|
|
617
|
-
|
|
618
|
-
&:placeholder-shown + span {
|
|
619
|
-
display: none !important;
|
|
620
|
-
}
|
|
621
|
-
}
|
|
622
|
-
`,ti=({name:e,label:t,errorMessage:n,defaultValue:r,onChange:o,onBlur:s,onFocus:i,onClear:d,validator:l,maxLength:u,id:h,tabIndex:f,placeholder:g="Type here...",disabled:m=!1,required:b=!1,clearable:x=!0,readOnly:S=!1,autoComplete:w="off",type:k="text",...I})=>{const{value:_,valid:P,handleChange:E,handleClear:v,passwordShown:B,togglePassword:Y}=Qs({defaultValue:r,name:e,onChange:o,onClear:d,required:b,validator:l}),{elementId:oe,errorId:ee}=he(h),se=k==="password",X=q();return c.jsxs(ei,{$theme:X,...I,children:[c.jsx(Ie,{label:t,required:b,inputId:oe,theme:X}),c.jsxs("div",{children:[c.jsx("input",{id:oe,name:e,type:B?"text":k,disabled:m,placeholder:g,required:b,readOnly:S,autoComplete:w,"aria-invalid":!P,"aria-errormessage":ee,"aria-readonly":S,value:_,onChange:E,maxLength:u,onBlur:s,onFocus:i,tabIndex:f}),c.jsxs("span",{children:[x&&c.jsx(Xe,{onClick:v,label:`Clear input for ${t}`,icon:j.Remove,disabled:m,theme:X}),se&&c.jsx(Xe,{onClick:Y,label:"Toggle password visibility",icon:B?j.Hide:j.Show,disabled:m,theme:X})]})]}),c.jsx(Ut,{errorId:ee,message:n,visible:!P,theme:X})]})},ni=C.div`
|
|
623
|
-
z-index: ${e=>e.$theme.zIndexModal};
|
|
624
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
625
|
-
box-shadow: ${e=>e.$theme.boxShadow};
|
|
626
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
627
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
628
|
-
width: 100%;
|
|
629
|
-
height: 90%;
|
|
630
|
-
position: absolute;
|
|
631
|
-
bottom: 0;
|
|
632
|
-
left: 0;
|
|
633
|
-
border-top-left-radius: ${e=>e.$theme.blockBorderRadius};
|
|
634
|
-
border-top-right-radius: ${e=>e.$theme.blockBorderRadius};
|
|
635
|
-
${He}
|
|
636
|
-
|
|
637
|
-
@media ${Ro.landscapeTablets} {
|
|
638
|
-
width: fit-content;
|
|
639
|
-
height: fit-content;
|
|
640
|
-
position: relative;
|
|
641
|
-
min-width: 40%;
|
|
642
|
-
max-width: 90%;
|
|
643
|
-
max-height: 90%;
|
|
644
|
-
border-bottom-left-radius: ${e=>e.$theme.blockBorderRadius};
|
|
645
|
-
border-bottom-right-radius: ${e=>e.$theme.blockBorderRadius};
|
|
646
|
-
|
|
647
|
-
header {
|
|
648
|
-
font-size: ${e=>e.$theme.fontSizeHeader};
|
|
649
|
-
}
|
|
650
|
-
}
|
|
651
|
-
`,ri=C.div`
|
|
652
|
-
position: fixed;
|
|
653
|
-
top: 0;
|
|
654
|
-
left: 0;
|
|
655
|
-
width: 100%;
|
|
656
|
-
height: 100%;
|
|
657
|
-
z-index: inherit;
|
|
658
|
-
display: flex;
|
|
659
|
-
justify-content: center;
|
|
660
|
-
align-items: center;
|
|
661
|
-
background-color: ${e=>e.$theme.backgroundColorTransparent};
|
|
662
|
-
${He}
|
|
663
|
-
|
|
664
|
-
${e=>e.$isClosing&&Zn}
|
|
665
|
-
`,oi=C.header`
|
|
666
|
-
font-size: 1.6rem;
|
|
667
|
-
font-weight: bold;
|
|
668
|
-
display: flex;
|
|
669
|
-
justify-content: space-between;
|
|
670
|
-
align-items: center;
|
|
671
|
-
gap: ${e=>e.$theme.gapBig};
|
|
672
|
-
padding: ${e=>e.$theme.gapBig};
|
|
673
|
-
border-bottom: ${e=>e.$theme.borderBase};
|
|
674
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
675
|
-
`,si=C.div`
|
|
676
|
-
padding: ${e=>e.$theme.gapBig};
|
|
677
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
678
|
-
`,ii=({title:e,onClose:t,theme:n})=>c.jsxs(oi,{$theme:n,children:[e,c.jsx(Ze,{icon:j.Cancel,view:ue.Icon,label:"Close modal window",onClick:t})]}),ai=({title:e,onClose:t,isOpened:n,children:r,theme:o,...s})=>{const i=p.useRef(null);return rr({modalRef:i,isOpened:n}),et({keyCode:"Escape",ref:i,onKeyPress:t}),c.jsxs(ni,{ref:i,role:"dialog","aria-modal":"true",$theme:o,...s,children:[c.jsx(ii,{title:e,onClose:t,theme:o}),c.jsx(si,{$theme:o,children:r})]})},ci=({isOpened:e,onClose:t,title:n,children:r,...o})=>{const s=Vt(e),i=s&&!e,d=q();return s?c.jsx(kt,{children:c.jsx(ri,{$isClosing:i,$theme:d,children:c.jsx(ai,{title:n,onClose:t,isOpened:e,...o,theme:d,children:r})})}):null},li=({id:e})=>{const[t,n]=p.useState(!1),r=p.useRef(null),o=p.useRef(null),{top:s,left:i}=sr({wrapperRef:r,tooltipRef:o,isOpened:t}),{elementId:d}=he(e),l=()=>n(!1),u=()=>n(!0),h=()=>n(!t),f=g=>{g.preventDefault(),h()};return et({keyCode:"Escape",ref:o,onKeyPress:l}),Qe({ref:o,onClickOutsideHandler:l,dependentRef:r}),{elementId:d,openTooltip:u,closeTooltip:l,toggleTooltip:h,handleContextMenu:f,top:s,left:i,isOpened:t,wrapperRef:r,tooltipRef:o}},di=C.div`
|
|
679
|
-
position: absolute;
|
|
680
|
-
left: 0;
|
|
681
|
-
top: 0;
|
|
682
|
-
z-index: ${e=>e.$theme.zIndexPopup};
|
|
683
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
684
|
-
border: ${e=>e.$theme.borderLight};
|
|
685
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
686
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
687
|
-
font-size: ${e=>e.$theme.fontSizeSmall};
|
|
688
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
689
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
690
|
-
box-shadow: ${e=>e.$theme.boxShadow};
|
|
691
|
-
pointer-events: none;
|
|
692
|
-
white-space: nowrap;
|
|
693
|
-
|
|
694
|
-
${He}
|
|
695
|
-
`,dr=({children:e,tooltipContent:t,containerTag:n=Yt.Span,visibleOn:r="hover",id:o,style:s,...i})=>{const d=n,l=q(),{openTooltip:u,closeTooltip:h,toggleTooltip:f,handleContextMenu:g,elementId:m,top:b,left:x,isOpened:S,wrapperRef:w,tooltipRef:k}=li({id:o});return c.jsxs(d,{style:{position:"relative",cursor:"pointer"},onClick:r==="click"?f:void 0,onMouseOver:r==="hover"?u:void 0,onMouseLeave:r==="hover"?h:void 0,onFocus:r==="focus"?u:void 0,onBlur:r==="focus"?h:void 0,onContextMenu:r==="contextmenu"?I=>g(I):void 0,tabIndex:0,ref:w,"aria-describedby":m,children:[e,S&&c.jsx(kt,{children:c.jsx(di,{style:{...s,top:b,left:x},ref:k,role:"tooltip",id:m,$theme:l,...i,children:t})})]})};function ui(e){return e?Object.keys(e).map(t=>[t,!0]):[]}function hi(e,t){return(t==null?void 0:t.valid)===void 0?e:e.map(n=>n[0]!==t.name?n:[n[0],!!(t!=null&&t.valid)])}function fi(e){return e.every(t=>t[1])}function pi({initialValues:e,onReset:t,onSubmit:n,onClickSubmit:r}){const[o,s]=p.useState(e),[i,d]=p.useState(ui(e)),[l,u]=p.useState(0);return{handleInputChange:m=>{const b={...o,[m.name]:m.value};s(b),d(hi(i,m))},handleSubmit:m=>{m.preventDefault();const x={...Object.fromEntries(new FormData(m.target)),...o};n==null||n(m),r==null||r(x)},handleReset:m=>{t==null||t(m),s(e),u(l+1)},resetSignal:l,valid:fi(i)}}const mi=C.form`
|
|
696
|
-
display: grid;
|
|
697
|
-
align-items: end;
|
|
698
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
699
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
700
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
701
|
-
|
|
702
|
-
${({$columns:e})=>`
|
|
703
|
-
grid-template-columns: repeat(${e}, 1fr);
|
|
704
|
-
grid-template-rows: auto;
|
|
705
|
-
`}
|
|
706
|
-
`,gi=C.div`
|
|
707
|
-
display: flex;
|
|
708
|
-
align-items: center;
|
|
709
|
-
justify-content: space-between;
|
|
710
|
-
padding-top: 1rem;
|
|
711
|
-
|
|
712
|
-
${({$columns:e})=>`
|
|
713
|
-
grid-column: 1 / ${e+1};
|
|
714
|
-
`}
|
|
715
|
-
`,bi=({children:e,initialValues:t,onReset:n,onSubmit:r,onClickSubmit:o,columns:s=1,hasReset:i=!0,...d})=>{const{handleInputChange:l,handleSubmit:u,handleReset:h,resetSignal:f,valid:g}=pi({initialValues:t,onReset:n,onSubmit:r,onClickSubmit:o}),m=q();return c.jsx(mi,{onSubmit:u,onReset:h,$columns:s,$theme:m,...d,children:c.jsxs(be.Provider,{value:{onChangeFormInput:l,initialValues:t,resetSignal:f},children:[e,c.jsxs(gi,{$columns:s,children:[i&&c.jsx(Ze,{type:"reset",text:"Reset",icon:j.Clear,view:ue.Flat}),c.jsx(Ze,{type:"submit",text:"Submit",icon:j.Forward,extended:!i,disabled:!g})]})]})})},yi=C.table`
|
|
716
|
-
border-collapse: collapse;
|
|
717
|
-
`,$i=C.thead`
|
|
718
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
719
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
720
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
721
|
-
`,xi=C.tbody`
|
|
722
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
723
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
724
|
-
`,ur=C.th`
|
|
725
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
726
|
-
text-align: left;
|
|
727
|
-
`,vi=C.tr`
|
|
728
|
-
font-weight: bold;
|
|
729
|
-
border-top: ${e=>e.$theme.borderLight};
|
|
730
|
-
border-bottom: ${e=>e.$theme.borderLight};
|
|
731
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
732
|
-
`,hr=C.td`
|
|
733
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
734
|
-
`,wi=C.caption`
|
|
735
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
736
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
737
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
738
|
-
font-weight: bold;
|
|
739
|
-
`,Si=C.tr`
|
|
740
|
-
border-bottom: ${e=>e.$theme.borderLight};
|
|
741
|
-
|
|
742
|
-
${e=>e.$selected&&`
|
|
743
|
-
background-color: ${e.$theme.backgroundColorLight};
|
|
744
|
-
`}
|
|
745
|
-
`,En=C.col`
|
|
746
|
-
border-right: ${e=>e.$theme.borderLight};
|
|
747
|
-
|
|
748
|
-
${e=>e.$isFirst&&`border-left: ${e.$theme.borderLight};`}
|
|
749
|
-
${e=>e.$highlighted&&`background-color: ${e.$theme.backgroundColorLight};`}
|
|
750
|
-
`,ki=C.div`
|
|
751
|
-
display: flex;
|
|
752
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
753
|
-
padding: ${e=>e.$theme.gapSmall} 0;
|
|
754
|
-
position: relative;
|
|
755
|
-
overflow: hidden;
|
|
756
|
-
|
|
757
|
-
svg {
|
|
758
|
-
color: ${e=>e.$checked?e.$theme.fontColorBase:e.$theme.fontColorLight};
|
|
759
|
-
}
|
|
760
|
-
|
|
761
|
-
label {
|
|
762
|
-
cursor: pointer;
|
|
763
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
764
|
-
font-size: ${e=>e.$theme.fontSizeBase} !important;
|
|
765
|
-
&:hover,
|
|
766
|
-
&:active {
|
|
767
|
-
text-shadow: ${e=>e.$theme.textShadow};
|
|
768
|
-
}
|
|
769
|
-
}
|
|
770
|
-
|
|
771
|
-
${e=>e.$disabled&&`
|
|
772
|
-
pointer-events: none;
|
|
773
|
-
opacity: 0.5;
|
|
774
|
-
`}
|
|
775
|
-
`,Ci=C.input`
|
|
776
|
-
position: absolute;
|
|
777
|
-
z-index: -1;
|
|
778
|
-
opacity: 0;
|
|
779
|
-
top: 4px;
|
|
780
|
-
left: 0;
|
|
781
|
-
margin: 0;
|
|
782
|
-
|
|
783
|
-
&:focus-visible + label {
|
|
784
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
785
|
-
outline-offset: 2px;
|
|
786
|
-
}
|
|
787
|
-
`;function ji({item:e,columns:t,renderDataItem:n}){const r=[];for(const o of t){let s;n&&e[o.field]?s=n(e,o.field):e[o.field]?s=e[o.field].toString():s="",r.push(s)}return r}const Ei=({value:e,theme:t})=>c.jsx(hr,{$theme:t,children:e}),fr=({name:e,label:t,disabled:n,required:r=!1,onChange:o,checked:s=!1,theme:i,...d})=>{const{elementId:l}=he(d==null?void 0:d.id);return c.jsxs(ki,{$disabled:!!n,$checked:s,$theme:i,children:[c.jsx(Ci,{id:l,name:e,type:"checkbox",disabled:n,required:r,checked:s,onChange:o,$theme:i}),c.jsx(Ie,{label:t,required:r,inputId:l,isTextHidden:!0,iconPosition:"left",theme:i,icon:s?c.jsx(wt,{}):c.jsx(St,{})})]})},Ii=({rowId:e,isRowSelected:t,selectRowById:n,deselectRowById:r,disabled:o,theme:s})=>{const i=d=>{const{checked:l}=d.target;l?n(e):r(e)};return c.jsx(hr,{$theme:s,children:c.jsx(fr,{theme:s,label:"Select row",onChange:i,id:`select_row_${e}`,checked:t,disabled:o})})},Ai=({rowId:e,selectRowById:t,deselectRowById:n,selectable:r,values:o,selectedIds:s,disabled:i,theme:d})=>{const l=s.includes(e);return c.jsxs(Si,{$selected:l,$theme:d,children:[r&&c.jsx(Ii,{rowId:e,selectRowById:t,deselectRowById:n,isRowSelected:l,disabled:i,theme:d}),o.map((u,h)=>c.jsx(Ei,{value:u,theme:d},`row_${h}`))]})},zi=({selectRowById:e,deselectRowById:t,renderDataItem:n,selectedIds:r,selectable:o,data:s,columns:i,theme:d})=>c.jsx(xi,{$theme:d,children:s.map(l=>{const u=ji({item:l,columns:i,renderDataItem:n});return c.jsx(Ai,{rowId:l.id,disabled:l==null?void 0:l.disabled,selectRowById:e,deselectRowById:t,selectable:o,values:u,selectedIds:r,theme:d},l.id)})}),_i=({columns:e,selectable:t,theme:n})=>c.jsxs("colgroup",{children:[t&&c.jsx(En,{$isFirst:!0,$highlighted:!1,$theme:n}),e.map((r,o)=>c.jsx(En,{$isFirst:o===0&&!t,$highlighted:!!(r!=null&&r.highlighted),className:r==null?void 0:r.className,$theme:n},r==null?void 0:r.title))]}),Pi=({title:e,component:t,theme:n})=>c.jsx(ur,{$theme:n,children:t??e??""}),Ri=({gridId:e,isAllSelected:t,selectAll:n,deselectAll:r,disabled:o,theme:s})=>{const i=d=>{const{checked:l}=d.target;l?n():r()};return c.jsx(ur,{$theme:s,children:c.jsx(fr,{label:"Select all rows",onChange:i,id:`select_all_${e}`,checked:t,disabled:o,theme:s})})},Ti=({columns:e,gridId:t,selectAll:n,deselectAll:r,selectable:o,isAllSelected:s,isAllCheckboxDisabled:i=!1,theme:d})=>c.jsx($i,{$theme:d,children:c.jsxs(vi,{$theme:d,children:[o&&c.jsx(Ri,{isAllSelected:s,disabled:i,gridId:t,selectAll:n,deselectAll:r,theme:d}),e.map(l=>c.jsx(Pi,{title:l.title,component:l.component,theme:d},`${l.title}_${t}`))]})}),Oi=({data:e,id:t,onSelect:n})=>{const{elementId:r}=he(t),[o,s]=p.useState([]),i=e.map(b=>b.id),d=i.length===o.length,l=e.some(b=>b==null?void 0:b.disabled),u=b=>{s(b),n==null||n(b)};return{elementId:r,isAllSelected:d,isAllCheckboxDisabled:l,selectedIds:o,handleSelectAll:()=>{u(i)},handleDeselectAll:()=>{u([])},handleSelectRowById:b=>{const x=[...o,b];u(x)},handleDeselectRowById:b=>{const x=o.filter(S=>S!==b);u(x)}}},Mi=({columns:e,data:t,id:n,onSelect:r,renderDataItem:o,caption:s,selectable:i=!1,...d})=>{const{elementId:l,handleSelectAll:u,handleDeselectAll:h,isAllCheckboxDisabled:f,isAllSelected:g,handleDeselectRowById:m,handleSelectRowById:b,selectedIds:x}=Oi({id:n,data:t,onSelect:r}),S=q();return c.jsxs(yi,{...d,children:[s&&c.jsx(wi,{$theme:S,children:s}),c.jsx(_i,{columns:e,selectable:i,theme:S}),c.jsx(Ti,{gridId:l,columns:e,selectable:i,selectAll:u,deselectAll:h,isAllSelected:g,isAllCheckboxDisabled:f,theme:S}),c.jsx(zi,{columns:e,data:t,selectable:i,selectRowById:b,deselectRowById:m,selectedIds:x,renderDataItem:o,theme:S})]})},pr=C.ul`
|
|
788
|
-
list-style: none;
|
|
789
|
-
margin: 0;
|
|
790
|
-
padding: 0;
|
|
791
|
-
padding-inline-start: 0;
|
|
792
|
-
display: flex;
|
|
793
|
-
gap: ${e=>e.$theme.gapSmall};
|
|
794
|
-
flex-direction: ${e=>e.$mode===G.Vertical?"column":"row"};
|
|
795
|
-
justify-content: flex-start;
|
|
796
|
-
width: 100%;
|
|
797
|
-
`,Bi=C(pr)`
|
|
798
|
-
flex-direction: column;
|
|
799
|
-
padding-left: ${e=>e.$theme.gapBig};
|
|
800
|
-
margin-left: ${e=>e.$theme.gapBig};
|
|
801
|
-
margin-top: ${e=>e.$theme.gapSmall};
|
|
802
|
-
box-sizing: border-box;
|
|
803
|
-
border-left: ${e=>e.$theme.borderLight};
|
|
804
|
-
${He}
|
|
805
|
-
|
|
806
|
-
${({$theme:e,$mode:t})=>t===G.Horizontal&&`
|
|
807
|
-
position: absolute;
|
|
808
|
-
top: 100%;
|
|
809
|
-
left: 40%;
|
|
810
|
-
width: max-content;
|
|
811
|
-
border-radius: ${e.blockBorderRadius};
|
|
812
|
-
border: ${e.borderLight};
|
|
813
|
-
box-shadow: ${e.boxShadow};
|
|
814
|
-
background-color: ${e.backgroundColorBase};
|
|
815
|
-
padding: ${e.gapMedium};
|
|
816
|
-
margin: 0;
|
|
817
|
-
z-index: ${e.zIndexPopup};
|
|
818
|
-
`}
|
|
819
|
-
`,Di=C.li`
|
|
820
|
-
display: flex;
|
|
821
|
-
justify-content: flex-start;
|
|
822
|
-
align-items: center;
|
|
823
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
824
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
825
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
826
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
827
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
828
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
829
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
830
|
-
cursor: pointer;
|
|
831
|
-
|
|
832
|
-
&:hover {
|
|
833
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
834
|
-
}
|
|
835
|
-
|
|
836
|
-
&:focus-visible {
|
|
837
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
838
|
-
}
|
|
839
|
-
`,Li=C.li`
|
|
840
|
-
display: flex;
|
|
841
|
-
justify-content: flex-start;
|
|
842
|
-
align-items: center;
|
|
843
|
-
flex-direction: column;
|
|
844
|
-
gap: 0;
|
|
845
|
-
padding: 0;
|
|
846
|
-
position: relative;
|
|
847
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
848
|
-
|
|
849
|
-
&:focus-visible {
|
|
850
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
851
|
-
}
|
|
852
|
-
`,Ni=C.span`
|
|
853
|
-
position: relative;
|
|
854
|
-
display: flex;
|
|
855
|
-
box-sizing: border-box;
|
|
856
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
857
|
-
align-items: center;
|
|
858
|
-
width: 100%;
|
|
859
|
-
justify-content: space-between;
|
|
860
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
861
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
862
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
863
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
864
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
865
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
866
|
-
cursor: pointer;
|
|
867
|
-
|
|
868
|
-
span {
|
|
869
|
-
display: flex;
|
|
870
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
871
|
-
align-items: center;
|
|
872
|
-
}
|
|
873
|
-
|
|
874
|
-
&:hover {
|
|
875
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
876
|
-
}
|
|
877
|
-
`,Hi=({theme:e,item:t})=>{const{icon:n,link:r,label:o,onFocus:s,onClick:i,onHover:d}=t,l=r?c.jsx("a",{href:r,target:"_blank",rel:"noreferrer",children:o}):c.jsx("span",{children:o});return c.jsxs(Di,{tabIndex:0,role:"menuitem",$theme:e,onFocus:s,onClick:i,onMouseOver:d,children:[c.jsx(re,{name:n}),l]})},Fi=({item:e,theme:t,isSubMenuOpened:n,toggleSubMenu:r,closeSubMenu:o,mode:s,children:i})=>{const{icon:d,link:l,label:u}=e,h=p.useRef(null),f=p.useRef(null),g=l?c.jsxs("a",{href:l,target:"_blank",rel:"noreferrer",children:[c.jsx(re,{name:d}),u]}):c.jsxs("span",{children:[c.jsx(re,{name:d}),u]}),m=x=>{x.stopPropagation(),x.key===" "&&r()};return Qe({ref:h,dependentRef:f,onClickOutsideHandler:()=>{s!==G.Vertical&&o()}}),c.jsxs(Li,{tabIndex:0,role:"menuitem","aria-haspopup":"true","aria-expanded":n,$theme:t,onKeyDown:m,ref:h,children:[c.jsxs(Ni,{ref:f,$theme:t,onClick:r,$mode:s,children:[g,c.jsx(re,{name:n?j.ArrowUp:j.ArrowDown})]}),n&&i]})},mr=({item:e,theme:t,mode:n})=>{var l,u;const r=!((l=e==null?void 0:e.nestedItems)!=null&&l.length),[o,s]=p.useState(!1);if(r)return c.jsx(Hi,{item:e,theme:t});const i=()=>{s(!o)},d=()=>{s(!1)};return c.jsx(Fi,{item:e,theme:t,isSubMenuOpened:o,toggleSubMenu:i,closeSubMenu:d,mode:n,children:c.jsx(Bi,{role:"menu","aria-label":e.label,$theme:t,$mode:n,children:(u=e==null?void 0:e.nestedItems)==null?void 0:u.map(h=>c.jsx(mr,{item:h,theme:t,mode:n},h.id))})})},Gi=({items:e,mode:t=G.Vertical,...n})=>{const r=q();return c.jsx(pr,{role:"menubar",$theme:r,$mode:t,...n,children:e.map(o=>c.jsx(mr,{item:o,theme:r,mode:t},o.id))})},kt=({children:e})=>{const[t]=p.useState(()=>document.createElement("div"));return p.useEffect(()=>(document.body.appendChild(t),()=>{document.body.removeChild(t)}),[t]),vr.createPortal(e,t)},Wi=C.button`
|
|
878
|
-
background: transparent;
|
|
879
|
-
position: relative;
|
|
880
|
-
outline: none;
|
|
881
|
-
border: none;
|
|
882
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
883
|
-
cursor: pointer;
|
|
884
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
885
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
886
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
887
|
-
overflow: hidden;
|
|
888
|
-
border-top-left-radius: ${e=>e.$theme.blockBorderRadius};
|
|
889
|
-
border-top-right-radius: ${e=>e.$theme.blockBorderRadius};
|
|
890
|
-
|
|
891
|
-
&:focus-visible {
|
|
892
|
-
outline: ${e=>e.$theme.borderOutline};
|
|
893
|
-
outline-offset: -4px;
|
|
894
|
-
}
|
|
895
|
-
|
|
896
|
-
&:hover,
|
|
897
|
-
&:active {
|
|
898
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
899
|
-
}
|
|
900
|
-
|
|
901
|
-
${e=>e.$disabled&&`
|
|
902
|
-
pointer-events: none;
|
|
903
|
-
filter: grayscale(80%);
|
|
904
|
-
opacity: 0.6;
|
|
905
|
-
`}
|
|
906
|
-
|
|
907
|
-
${e=>e.$selected&&`
|
|
908
|
-
border-top: ${e.$theme.borderLight};
|
|
909
|
-
border-right: ${e.$theme.borderLight};
|
|
910
|
-
border-left: ${e.$theme.borderLight};
|
|
911
|
-
background-color: ${e.$theme.backgroundColorBase};
|
|
912
|
-
top: 1px;
|
|
913
|
-
`}
|
|
914
|
-
|
|
915
|
-
${e=>e.$mode===G.Vertical&&`
|
|
916
|
-
border-bottom-left-radius: ${e.$theme.blockBorderRadius};
|
|
917
|
-
border-top-right-radius: 0;
|
|
918
|
-
`}
|
|
919
|
-
|
|
920
|
-
${e=>e.$mode===G.Vertical&&e.$selected&&`
|
|
921
|
-
border-top: ${e.$theme.borderLight};
|
|
922
|
-
border-right: none;
|
|
923
|
-
border-left: ${e.$theme.borderLight};
|
|
924
|
-
border-bottom: ${e.$theme.borderLight};
|
|
925
|
-
top: 0px;
|
|
926
|
-
left: 1px;
|
|
927
|
-
`}
|
|
928
|
-
`,Ui=C.div`
|
|
929
|
-
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
930
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
931
|
-
font-size: ${e=>e.$theme.fontSizeBase};
|
|
932
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
933
|
-
padding: ${e=>e.$theme.gapBig};
|
|
934
|
-
flex-grow: 1;
|
|
935
|
-
`,qi=C.div`
|
|
936
|
-
border-bottom: ${e=>e.$theme.borderLight};
|
|
937
|
-
padding: 0 ${e=>e.$theme.gapMedium};
|
|
938
|
-
display: flex;
|
|
939
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
940
|
-
|
|
941
|
-
${e=>e.$mode===G.Vertical&&`
|
|
942
|
-
flex-direction: column;
|
|
943
|
-
border-bottom: none;
|
|
944
|
-
border-right: ${e.$theme.borderLight};
|
|
945
|
-
padding: ${e.$theme.gapMedium} 0;
|
|
946
|
-
`}
|
|
947
|
-
`,Yi=C.div`
|
|
948
|
-
display: flex;
|
|
949
|
-
flex-direction: column;
|
|
950
|
-
width: 100%;
|
|
951
|
-
|
|
952
|
-
${({$mode:e})=>e===G.Vertical&&`
|
|
953
|
-
flex-direction: row;
|
|
954
|
-
`}
|
|
955
|
-
`,Vi=({tabs:e,selectedTabId:t,theme:n})=>{var s;const r=(s=e.find(i=>i.id===t))==null?void 0:s.content,o=`tabpanel_${t}`;return c.jsx(Ui,{role:"tabpanel","aria-labelledby":t,id:o,$theme:n,children:r})},Ki=({title:e,onTabSelect:t,tabId:n,isSelected:r,isDisabled:o=!1,tabPanelId:s,mode:i,theme:d})=>c.jsx(Wi,{role:"tab",id:n,onClick:()=>t(n),"aria-selected":r,"aria-controls":s,$selected:r,$disabled:o,$mode:i,$theme:d,children:e}),Xi=({tabs:e,onTabSelect:t,selectedTabId:n,tabPanelIds:r,mode:o,tabIds:s,theme:i})=>{const d=l=>{const u=s.findIndex(h=>h===n);switch(l.key){case"ArrowLeft":case"ArrowUp":{if(l.preventDefault(),l.key==="ArrowUp"&&o===G.Horizontal||l.key==="ArrowLeft"&&o===G.Vertical)break;const h=u-1>=0?u-1:s.length-1,f=s[h];f&&(Je(f),t(f));break}case"ArrowRight":case"ArrowDown":{if(l.preventDefault(),l.key==="ArrowDown"&&o===G.Horizontal||l.key==="ArrowRight"&&o===G.Vertical)break;const h=u===s.length-1?0:u+1,f=s[h];f&&(Je(f),t(f));break}}};return c.jsx(qi,{role:"tablist",$mode:o,onKeyDown:d,$theme:i,children:e.map(({id:l,title:u,disabled:h},f)=>c.jsx(Ki,{title:u,onTabSelect:t,tabId:l,isSelected:l===n,isDisabled:h,tabPanelId:r[f],mode:o,theme:i},l))})},Ji=({tabs:e,defaultTabId:t,mode:n=G.Horizontal,...r})=>{const o=e.map(f=>f.id),s=o.map(f=>`tabpanel_${f}`),i=t&&o.includes(t)?t:o[0],[d,l]=p.useState(i),u=q(),h=f=>{l(f)};return c.jsxs(Yi,{$mode:n,...r,children:[c.jsx(Xi,{tabs:e,selectedTabId:d,tabPanelIds:s,onTabSelect:h,mode:n,tabIds:o,theme:u}),c.jsx(Vi,{tabs:e,selectedTabId:d,theme:u})]})},Zi=C.header`
|
|
956
|
-
display: flex;
|
|
957
|
-
justify-content: space-between;
|
|
958
|
-
align-items: center;
|
|
959
|
-
|
|
960
|
-
h3 {
|
|
961
|
-
display: flex;
|
|
962
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
963
|
-
align-items: center;
|
|
964
|
-
margin: 0;
|
|
965
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
966
|
-
|
|
967
|
-
svg {
|
|
968
|
-
color: ${e=>e.$theme.fontColorAccent};
|
|
969
|
-
}
|
|
970
|
-
}
|
|
971
|
-
`,Qi=C.div`
|
|
972
|
-
position: fixed;
|
|
973
|
-
bottom: ${e=>e.$theme.gapBig};
|
|
974
|
-
left: 50%;
|
|
975
|
-
transform: translateX(-50%);
|
|
976
|
-
z-index: ${e=>e.$theme.zIndexPopup};
|
|
977
|
-
${He}
|
|
978
|
-
|
|
979
|
-
${e=>e.$isClosing&&Zn}
|
|
980
|
-
`,ea=C.div`
|
|
981
|
-
display: flex;
|
|
982
|
-
flex-direction: column;
|
|
983
|
-
gap: ${e=>e.$theme.gapMedium};
|
|
984
|
-
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
985
|
-
background: ${e=>e.$theme.backgroundColorBase};
|
|
986
|
-
color: ${e=>e.$theme.fontColorBase};
|
|
987
|
-
width: 90vw;
|
|
988
|
-
padding: ${e=>e.$theme.gapMedium};
|
|
989
|
-
box-shadow: ${e=>e.$theme.boxShadow};
|
|
990
|
-
border: ${e=>e.$theme.borderLight};
|
|
991
|
-
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
992
|
-
`;function gr(e){return c.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",role:"img",...e,children:[c.jsx("title",{children:"Error"}),c.jsx("path",{d:"M11 7h2v7h-2zm0 8h2v2h-2z"}),c.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 ta=Object.freeze(Object.defineProperty({__proto__:null,default:gr},Symbol.toStringTag,{value:"Module"}));function br(e){return c.jsxs("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",role:"img",...e,children:[c.jsx("title",{children:"Help"}),c.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 na=Object.freeze(Object.defineProperty({__proto__:null,default:br},Symbol.toStringTag,{value:"Module"}));function yr(e){return c.jsxs("svg",{viewBox:"0 0 1024 1024",fill:"currentColor",height:"1em",width:"1em",role:"img",...e,children:[c.jsx("title",{children:"Info"}),c.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"}),c.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 ra=Object.freeze(Object.defineProperty({__proto__:null,default:yr},Symbol.toStringTag,{value:"Module"}));function $r(e){return c.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",role:"img",...e,children:[c.jsx("title",{children:"Warning"}),c.jsx("path",{fill:"none",d:"M0 0h24v24H0z"}),c.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 oa=Object.freeze(Object.defineProperty({__proto__:null,default:$r},Symbol.toStringTag,{value:"Module"}));function sa(e,t){if(t)return t;switch(e){case K.Info:return"For your information";case K.Warning:return"Please pay attention";case K.Error:return"Something went wrong";case K.Success:return"Everything is okay";case K.Help:return"Useful tip";default:return"Alert"}}function ia(e,t){if(t)return c.jsx(re,{name:t});switch(e){case K.Info:return c.jsx(yr,{});case K.Warning:return c.jsx($r,{});case K.Error:return c.jsx(gr,{});case K.Success:return c.jsx(Jt,{});case K.Help:return c.jsx(br,{});default:return null}}const aa=({title:e,onClose:t,mode:n,icon:r,theme:o})=>{const s=sa(n,e),i=ia(n,r);return c.jsxs(Zi,{$theme:o,children:[c.jsxs("h3",{children:[i,s]}),c.jsx(Ze,{icon:j.Cancel,view:ue.Icon,label:"Close alert popup",onClick:t})]})},ca=({isOpened:e,onClose:t,title:n,message:r,mode:o=K.Info,icon:s,...i})=>{const d=Vt(e),l=d&&!e,u=q();return d?c.jsx(kt,{children:c.jsx(Qi,{$isClosing:l,$theme:u,children:c.jsxs(ea,{...i,$theme:u,children:[c.jsx(aa,{title:n,onClose:t,mode:o,icon:s,theme:u}),c.jsx("p",{children:r})]})})}):null};exports.ChopLogicAlert=ca;exports.ChopLogicAlertMode=K;exports.ChopLogicButton=Ze;exports.ChopLogicButtonView=ue;exports.ChopLogicCheckbox=Is;exports.ChopLogicDialog=ci;exports.ChopLogicErrorMessage=Ut;exports.ChopLogicForm=bi;exports.ChopLogicFormContext=be;exports.ChopLogicGrid=Mi;exports.ChopLogicIcon=re;exports.ChopLogicIconName=j;exports.ChopLogicLabel=Ie;exports.ChopLogicLoaderView=Qn;exports.ChopLogicMenu=Gi;exports.ChopLogicMultiSelect=Ds;exports.ChopLogicNumericInput=Gs;exports.ChopLogicOrientationMode=G;exports.ChopLogicPortal=kt;exports.ChopLogicSelect=Xs;exports.ChopLogicTabs=Ji;exports.ChopLogicTextInput=ti;exports.ChopLogicThemeContext=er;exports.ChopLogicThemeMode=qt;exports.ChopLogicTooltip=dr;exports.ChopLogicTooltipContainer=Yt;exports.InputInnerButton=Xe;exports.jsxRuntimeExports=c;exports.useChopLogicTheme=q;exports.useClickOutside=Qe;exports.useContainerDimensions=nr;exports.useElementIds=he;exports.useKeyPress=et;exports.useModalFocusTrap=rr;exports.useMount=Vt;exports.useResetFormInput=Fe;exports.useTooltipPosition=sr;exports.useWindowDimensions=or;
|
|
993
|
-
//# sourceMappingURL=index-OUA1cKrc.cjs.map
|