chop-logic-components 1.1.2 → 1.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BackIcon-BYIgN9YC.js +8 -0
- package/dist/BackIcon-BYIgN9YC.js.map +1 -0
- package/dist/BackIcon-BdQui5Aa.cjs +2 -0
- package/dist/BackIcon-BdQui5Aa.cjs.map +1 -0
- package/dist/CancelIcon-BhlLqC6F.js +8 -0
- package/dist/CancelIcon-BhlLqC6F.js.map +1 -0
- package/dist/CancelIcon-Bm_iptAX.cjs +2 -0
- package/dist/CancelIcon-Bm_iptAX.cjs.map +1 -0
- package/dist/ChevronDownIcon-CUo77OHJ.js +14 -0
- package/dist/ChevronDownIcon-CUo77OHJ.js.map +1 -0
- package/dist/ChevronDownIcon-Dcu6wZF6.cjs +2 -0
- package/dist/ChevronDownIcon-Dcu6wZF6.cjs.map +1 -0
- package/dist/ChevronLeftIcon-BjZ-P9HN.js +14 -0
- package/dist/ChevronLeftIcon-BjZ-P9HN.js.map +1 -0
- package/dist/ChevronLeftIcon-lu-2-_8H.cjs +2 -0
- package/dist/ChevronLeftIcon-lu-2-_8H.cjs.map +1 -0
- package/dist/ChevronRightIcon-Bs6vV-bO.cjs +2 -0
- package/dist/ChevronRightIcon-Bs6vV-bO.cjs.map +1 -0
- package/dist/ChevronRightIcon-LzUbMOE4.js +14 -0
- package/dist/ChevronRightIcon-LzUbMOE4.js.map +1 -0
- package/dist/ChevronUpIcon-ByBUWN2S.js +8 -0
- package/dist/ChevronUpIcon-ByBUWN2S.js.map +1 -0
- package/dist/ChevronUpIcon-Dm5wukir.cjs +2 -0
- package/dist/ChevronUpIcon-Dm5wukir.cjs.map +1 -0
- package/dist/ClearIcon-D4DEbX1Q.js +11 -0
- package/dist/ClearIcon-D4DEbX1Q.js.map +1 -0
- package/dist/ClearIcon-DivVdYES.cjs +2 -0
- package/dist/ClearIcon-DivVdYES.cjs.map +1 -0
- package/dist/CopyIcon-D22c5OS-.cjs +2 -0
- package/dist/CopyIcon-D22c5OS-.cjs.map +1 -0
- package/dist/CopyIcon-NUkhTWCH.js +25 -0
- package/dist/CopyIcon-NUkhTWCH.js.map +1 -0
- package/dist/CutIcon-CglXY55h.js +27 -0
- package/dist/CutIcon-CglXY55h.js.map +1 -0
- package/dist/CutIcon-CrYDHo1s.cjs +2 -0
- package/dist/CutIcon-CrYDHo1s.cjs.map +1 -0
- package/dist/DeleteIcon-CPMkkc0h.cjs +2 -0
- package/dist/DeleteIcon-CPMkkc0h.cjs.map +1 -0
- package/dist/DeleteIcon-DJt-Jw_m.js +8 -0
- package/dist/DeleteIcon-DJt-Jw_m.js.map +1 -0
- package/dist/DownloadIcon-BcmjSwu3.js +8 -0
- package/dist/DownloadIcon-BcmjSwu3.js.map +1 -0
- package/dist/DownloadIcon-DHiPBlSa.cjs +2 -0
- package/dist/DownloadIcon-DHiPBlSa.cjs.map +1 -0
- package/dist/ForwardIcon-3blZq6dd.js +8 -0
- package/dist/ForwardIcon-3blZq6dd.js.map +1 -0
- package/dist/ForwardIcon-gOy8g4uc.cjs +2 -0
- package/dist/ForwardIcon-gOy8g4uc.cjs.map +1 -0
- package/dist/HideIcon-DIGpNz28.cjs +2 -0
- package/dist/HideIcon-DIGpNz28.cjs.map +1 -0
- package/dist/HideIcon-kx8wAtKR.js +8 -0
- package/dist/HideIcon-kx8wAtKR.js.map +1 -0
- package/dist/PasteIcon-BKnWh5CH.cjs +2 -0
- package/dist/PasteIcon-BKnWh5CH.cjs.map +1 -0
- package/dist/PasteIcon-BXKC5uP2.js +8 -0
- package/dist/PasteIcon-BXKC5uP2.js.map +1 -0
- package/dist/QuestionIcon-i6E3ATxf.js +22 -0
- package/dist/QuestionIcon-i6E3ATxf.js.map +1 -0
- package/dist/QuestionIcon-sh6GuYQj.cjs +2 -0
- package/dist/QuestionIcon-sh6GuYQj.cjs.map +1 -0
- package/dist/RemoveIcon-BMtwZqc4.js +30 -0
- package/dist/RemoveIcon-BMtwZqc4.js.map +1 -0
- package/dist/RemoveIcon-D-jlwDbA.cjs +2 -0
- package/dist/RemoveIcon-D-jlwDbA.cjs.map +1 -0
- package/dist/SaveIcon-Bt1dCazw.cjs +2 -0
- package/dist/SaveIcon-Bt1dCazw.cjs.map +1 -0
- package/dist/SaveIcon-CPSuZbnK.js +8 -0
- package/dist/SaveIcon-CPSuZbnK.js.map +1 -0
- package/dist/ShowIcon-D3HWz-2N.cjs +2 -0
- package/dist/ShowIcon-D3HWz-2N.cjs.map +1 -0
- package/dist/ShowIcon-Dl0adz4t.js +11 -0
- package/dist/ShowIcon-Dl0adz4t.js.map +1 -0
- package/dist/UploadIcon-D9WOn42G.js +11 -0
- package/dist/UploadIcon-D9WOn42G.js.map +1 -0
- package/dist/UploadIcon-s_UIC0fh.cjs +2 -0
- package/dist/UploadIcon-s_UIC0fh.cjs.map +1 -0
- package/dist/components/containers/form/Form.d.ts +1 -1
- package/dist/components/containers/form/Form.styled.d.ts +1 -1
- package/dist/components/containers/form/__docs__/{FormExample.d.ts → Form.example.d.ts} +1 -1
- package/dist/components/containers/form/__docs__/Form.stories.d.ts +1 -1
- package/dist/components/containers/form/controller.d.ts +1 -1
- package/dist/components/containers/form/helpers.d.ts +1 -1
- package/dist/components/containers/grid/Grid.d.ts +1 -1
- package/dist/components/containers/grid/Grid.styled.d.ts +1 -1
- package/dist/components/containers/grid/__docs__/{GridExample.d.ts → Grid.example.d.ts} +1 -1
- package/dist/components/containers/grid/__docs__/Grid.stories.d.ts +1 -1
- package/dist/components/containers/grid/controller.d.ts +1 -1
- package/dist/components/containers/grid/elements/Body.d.ts +1 -1
- package/dist/components/containers/grid/elements/Checkbox.d.ts +1 -1
- package/dist/components/containers/grid/elements/ColumnGroup.d.ts +1 -1
- package/dist/components/containers/grid/elements/DataCell.d.ts +1 -1
- package/dist/components/containers/grid/elements/Head.d.ts +1 -1
- package/dist/components/containers/grid/elements/HeaderCell.d.ts +1 -1
- package/dist/components/containers/grid/elements/Row.d.ts +1 -1
- package/dist/components/containers/grid/elements/SelectAllRowsCell.d.ts +1 -1
- package/dist/components/containers/grid/elements/SelectRowCell.d.ts +1 -1
- package/dist/components/containers/grid/helpers.d.ts +1 -1
- package/dist/components/containers/portal/__docs__/Portal.example.d.ts +4 -0
- package/dist/components/containers/portal/__docs__/Portal.stories.d.ts +7 -0
- package/dist/components/containers/tabs/Tabs.d.ts +1 -1
- package/dist/components/containers/tabs/Tabs.styled.d.ts +2 -1
- package/dist/components/containers/tabs/__docs__/{TabsExample.d.ts → Tabs.example.d.ts} +1 -1
- package/dist/components/containers/tabs/elements/TabButton.d.ts +2 -1
- package/dist/components/containers/tabs/elements/TabContent.d.ts +1 -1
- package/dist/components/containers/tabs/elements/TabList.d.ts +11 -1
- package/dist/components/inputs/button/Button.d.ts +2 -12
- package/dist/components/inputs/button/Button.styled.d.ts +1 -1
- package/dist/components/inputs/button/__docs__/{ButtonExample.d.ts → Button.example.d.ts} +1 -1
- package/dist/components/inputs/button/__docs__/Button.stories.d.ts +1 -1
- package/dist/components/inputs/checkbox/Checkbox.d.ts +1 -1
- package/dist/components/inputs/checkbox/Checkbox.styled.d.ts +1 -1
- package/dist/components/inputs/checkbox/__docs__/{CheckboxExample.d.ts → Checkbox.example.d.ts} +1 -1
- package/dist/components/inputs/checkbox/__docs__/Checkbox.stories.d.ts +1 -1
- package/dist/components/inputs/checkbox/helpers.d.ts +1 -1
- package/dist/components/inputs/multi-select/MultiSelect.d.ts +1 -1
- package/dist/components/inputs/multi-select/__docs__/{MultiSelectExample.d.ts → MultiSelect.example.d.ts} +1 -1
- package/dist/components/inputs/multi-select/__docs__/MultiSelect.stories.d.ts +1 -1
- package/dist/components/inputs/multi-select/controller.d.ts +4 -4
- package/dist/components/inputs/multi-select/elements/Combobox.d.ts +13 -1
- package/dist/components/inputs/multi-select/elements/Dropdown.d.ts +9 -1
- package/dist/components/inputs/multi-select/elements/Option.d.ts +6 -1
- package/dist/components/inputs/multi-select/helpers.d.ts +5 -5
- package/dist/components/inputs/numeric/NumericInput.d.ts +1 -1
- package/dist/components/inputs/numeric/NumericInput.styled.d.ts +1 -1
- package/dist/components/inputs/numeric/__docs__/{NumericInputExample.d.ts → NumericInput.example.d.ts} +1 -1
- package/dist/components/inputs/numeric/__docs__/NumericInput.stories.d.ts +1 -1
- package/dist/components/inputs/numeric/controller.d.ts +2 -2
- package/dist/components/inputs/numeric/helpers.d.ts +2 -2
- package/dist/components/inputs/select/Select.d.ts +1 -1
- package/dist/components/inputs/select/__docs__/{SelectExample.d.ts → Select.example.d.ts} +1 -1
- package/dist/components/inputs/select/__docs__/Select.stories.d.ts +1 -1
- package/dist/components/inputs/select/controller.d.ts +4 -4
- package/dist/components/inputs/select/elements/Combobox.d.ts +13 -1
- package/dist/components/inputs/select/elements/Dropdown.d.ts +12 -1
- package/dist/components/inputs/select/elements/Option.d.ts +8 -1
- package/dist/components/inputs/select/helpers.d.ts +3 -3
- package/dist/components/inputs/text/TextInput.d.ts +1 -1
- package/dist/components/inputs/text/TextInput.styled.d.ts +1 -1
- package/dist/components/inputs/text/__docs__/{TextInputExample.d.ts → TextInput.example.d.ts} +1 -1
- package/dist/components/inputs/text/__docs__/TextInput.stories.d.ts +1 -1
- package/dist/components/inputs/text/controller.d.ts +2 -2
- package/dist/components/inputs/text/helpers.d.ts +2 -2
- package/dist/components/modals/alert/Alert.d.ts +1 -1
- package/dist/components/modals/alert/Alert.styled.d.ts +1 -1
- package/dist/components/modals/alert/__docs__/{AlertExample.d.ts → Alert.example.d.ts} +1 -1
- package/dist/components/modals/alert/__docs__/Alert.stories.d.ts +1 -1
- package/dist/components/modals/alert/elements/Header.d.ts +9 -1
- package/dist/components/modals/dialog/Dialog.d.ts +1 -1
- package/dist/components/modals/dialog/Dialog.styled.d.ts +1 -1
- package/dist/components/modals/dialog/__docs__/{DialogExample.d.ts → Dialog.example.d.ts} +1 -1
- package/dist/components/modals/dialog/__docs__/Dialog.stories.d.ts +1 -1
- package/dist/components/modals/dialog/elements/Header.d.ts +1 -1
- package/dist/components/modals/dialog/elements/Layout.d.ts +8 -2
- package/dist/components/modals/tooltip/Tooltip.d.ts +1 -1
- package/dist/components/modals/tooltip/Tooltip.styled.d.ts +1 -1
- package/dist/components/modals/tooltip/__docs__/{TooltipExample.d.ts → Tooltip.example.d.ts} +1 -1
- package/dist/components/modals/tooltip/__docs__/Tooltip.stories.d.ts +1 -1
- package/dist/contexts/chop-logic-form-context.d.ts +1 -1
- package/dist/contexts/chop-logic-theme-context.d.ts +1 -8
- package/dist/css/themes.d.ts +1 -1
- package/dist/elements/error-message/ErrorMessage.d.ts +1 -1
- package/dist/elements/error-message/ErrorMessage.styled.d.ts +1 -1
- package/dist/elements/icon/Icon.d.ts +2 -4
- package/dist/elements/icon/__docs__/Icon.example.d.ts +5 -0
- package/dist/elements/icon/__docs__/Icon.stories.d.ts +7 -0
- package/dist/elements/input-inner-button/InputInnerButton.d.ts +1 -1
- package/dist/elements/input-inner-button/InputInnerButton.styled.d.ts +1 -1
- package/dist/elements/label/Label.d.ts +1 -1
- package/dist/elements/label/Label.styled.d.ts +1 -1
- package/dist/elements/styled/ExampleDivContainer.styled.d.ts +5 -0
- package/dist/elements/styled/Select.styled.d.ts +1 -1
- package/dist/enums/chop-logic-tabs-mode.d.ts +4 -0
- package/dist/enums/chop-logic-theme-mode.d.ts +4 -0
- package/dist/enums/chop-logic-tooltip-container.d.ts +7 -0
- package/dist/enums/index.d.ts +3 -0
- package/dist/hooks/use-click-outside/__docs__/useClickOutside.example.d.ts +2 -0
- package/dist/hooks/use-click-outside/__docs__/useClickOutside.stories.d.ts +3 -4
- package/dist/hooks/use-container-dimensions/__docs__/useContainerDimensions.example.d.ts +2 -0
- package/dist/hooks/use-container-dimensions/__docs__/useContainerDimensions.stories.d.ts +3 -4
- package/dist/hooks/use-key-press/__docs__/useKeyPress.example.d.ts +2 -0
- package/dist/hooks/use-key-press/__docs__/useKeyPress.stories.d.ts +3 -4
- package/dist/hooks/use-modal-focus-trap/__docs__/useModalFocusTrap.example.d.ts +2 -0
- package/dist/hooks/use-modal-focus-trap/__docs__/useModalFocusTrap.stories.d.ts +3 -4
- package/dist/hooks/use-mount/__docs__/useMount.example.d.ts +2 -0
- package/dist/hooks/use-mount/__docs__/useMount.stories.d.ts +3 -4
- package/dist/hooks/use-tooltip-position/__docs__/useTooltipPosition.example.d.ts +2 -0
- package/dist/hooks/use-tooltip-position/__docs__/useTooltipPosition.stories.d.ts +3 -4
- package/dist/hooks/use-window-dimensions/__docs__/useWindowDimensions.example.d.ts +2 -0
- package/dist/hooks/use-window-dimensions/__docs__/useWindowDimensions.stories.d.ts +3 -4
- package/dist/index-CKJ3Lh5y.cjs +903 -0
- package/dist/index-CKJ3Lh5y.cjs.map +1 -0
- package/dist/index-V1IMdfTA.js +4145 -0
- package/dist/index-V1IMdfTA.js.map +1 -0
- package/dist/index.cjs.js +1 -902
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.es.js +36 -4286
- package/dist/index.es.js.map +1 -1
- package/dist/{types → models}/chop-logic-theme.d.ts +8 -0
- package/dist/models/common.d.ts +30 -0
- package/dist/models/components/alert.d.ts +10 -0
- package/dist/{types → models}/components/button.d.ts +3 -3
- package/dist/{types → models}/components/checkbox.d.ts +3 -3
- package/dist/models/components/dialog.d.ts +8 -0
- package/dist/{types → models}/components/form.d.ts +7 -7
- package/dist/{types → models}/components/grid.d.ts +3 -3
- package/dist/models/components/icon.d.ts +6 -0
- package/dist/models/components/multi-select.d.ts +8 -0
- package/dist/{types → models}/components/numeric.d.ts +4 -5
- package/dist/models/components/select.d.ts +8 -0
- package/dist/models/components/tabs.d.ts +15 -0
- package/dist/{types → models}/components/text.d.ts +4 -9
- package/dist/models/components/tooltip.d.ts +9 -0
- package/dist/models/index.d.ts +15 -0
- package/dist/utils/get-chop-logic-theme.d.ts +1 -1
- package/dist/utils/handle-dropdown-list-key-press.d.ts +2 -2
- package/package.json +1 -1
- package/dist/hooks/use-click-outside/__docs__/Example.d.ts +0 -2
- package/dist/hooks/use-container-dimensions/__docs__/Example.d.ts +0 -2
- package/dist/hooks/use-key-press/__docs__/Example.d.ts +0 -2
- package/dist/hooks/use-modal-focus-trap/__docs__/Example.d.ts +0 -2
- package/dist/hooks/use-mount/__docs__/Example.d.ts +0 -2
- package/dist/hooks/use-tooltip-position/__docs__/Example.d.ts +0 -2
- package/dist/hooks/use-window-dimensions/__docs__/Example.d.ts +0 -2
- package/dist/types/components/_common.d.ts +0 -15
- package/dist/types/components/alert.d.ts +0 -18
- package/dist/types/components/dialog.d.ts +0 -15
- package/dist/types/components/multi-select.d.ts +0 -38
- package/dist/types/components/select.d.ts +0 -45
- package/dist/types/components/tabs.d.ts +0 -25
- package/dist/types/components/tooltip.d.ts +0 -9
- package/dist/types/index.d.ts +0 -13
|
@@ -0,0 +1,903 @@
|
|
|
1
|
+
"use strict";const m=require("react"),no=require("react-dom");var Ft={exports:{}},Xe={};/**
|
|
2
|
+
* @license React
|
|
3
|
+
* react-jsx-runtime.production.min.js
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/var $r;function oo(){if($r)return Xe;$r=1;var e=m,t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,o=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function a(d,c,h){var u,f={},y=null,g=null;h!==void 0&&(y=""+h),c.key!==void 0&&(y=""+c.key),c.ref!==void 0&&(g=c.ref);for(u in c)n.call(c,u)&&!i.hasOwnProperty(u)&&(f[u]=c[u]);if(d&&d.defaultProps)for(u in c=d.defaultProps,c)f[u]===void 0&&(f[u]=c[u]);return{$$typeof:t,type:d,key:y,ref:g,props:f,_owner:o.current}}return Xe.Fragment=r,Xe.jsx=a,Xe.jsxs=a,Xe}var Je={};/**
|
|
10
|
+
* @license React
|
|
11
|
+
* react-jsx-runtime.development.js
|
|
12
|
+
*
|
|
13
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
14
|
+
*
|
|
15
|
+
* This source code is licensed under the MIT license found in the
|
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
|
17
|
+
*/var xr;function io(){return xr||(xr=1,process.env.NODE_ENV!=="production"&&function(){var e=m,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),d=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),g=Symbol.for("react.offscreen"),b=Symbol.iterator,w="@@iterator";function k(s){if(s===null||typeof s!="object")return null;var p=b&&s[b]||s[w];return typeof p=="function"?p:null}var S=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function $(s){{for(var p=arguments.length,v=new Array(p>1?p-1:0),C=1;C<p;C++)v[C-1]=arguments[C];j("error",s,v)}}function j(s,p,v){{var C=S.ReactDebugCurrentFrame,O=C.getStackAddendum();O!==""&&(p+="%s",v=v.concat([O]));var M=v.map(function(z){return String(z)});M.unshift("Warning: "+p),Function.prototype.apply.call(console[s],console,M)}}var A=!1,P=!1,E=!1,x=!1,H=!1,K;K=Symbol.for("react.module.reference");function he(s){return!!(typeof s=="string"||typeof s=="function"||s===n||s===i||H||s===o||s===h||s===u||x||s===g||A||P||E||typeof s=="object"&&s!==null&&(s.$$typeof===y||s.$$typeof===f||s.$$typeof===a||s.$$typeof===d||s.$$typeof===c||s.$$typeof===K||s.getModuleId!==void 0))}function fe(s,p,v){var C=s.displayName;if(C)return C;var O=p.displayName||p.name||"";return O!==""?v+"("+O+")":v}function pe(s){return s.displayName||"Context"}function W(s){if(s==null)return null;if(typeof s.tag=="number"&&$("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof s=="function")return s.displayName||s.name||null;if(typeof s=="string")return s;switch(s){case n:return"Fragment";case r:return"Portal";case i:return"Profiler";case o:return"StrictMode";case h:return"Suspense";case u:return"SuspenseList"}if(typeof s=="object")switch(s.$$typeof){case d:var p=s;return pe(p)+".Consumer";case a:var v=s;return pe(v._context)+".Provider";case c:return fe(s,s.render,"ForwardRef");case f:var C=s.displayName||null;return C!==null?C:W(s.type)||"Memo";case y:{var O=s,M=O._payload,z=O._init;try{return W(z(M))}catch{return null}}}return null}var ae=Object.assign,xe=0,it,Re,Ye,Z,me,ge,U;function _e(){}_e.__reactDisabledLog=!0;function Ve(){{if(xe===0){it=console.log,Re=console.info,Ye=console.warn,Z=console.error,me=console.group,ge=console.groupCollapsed,U=console.groupEnd;var s={configurable:!0,enumerable:!0,value:_e,writable:!0};Object.defineProperties(console,{info:s,log:s,warn:s,error:s,group:s,groupCollapsed:s,groupEnd:s})}xe++}}function Pe(){{if(xe--,xe===0){var s={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:ae({},s,{value:it}),info:ae({},s,{value:Re}),warn:ae({},s,{value:Ye}),error:ae({},s,{value:Z}),group:ae({},s,{value:me}),groupCollapsed:ae({},s,{value:ge}),groupEnd:ae({},s,{value:U})})}xe<0&&$("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ce=S.ReactCurrentDispatcher,ye;function te(s,p,v){{if(ye===void 0)try{throw Error()}catch(O){var C=O.stack.trim().match(/\n( *(at )?)/);ye=C&&C[1]||""}return`
|
|
18
|
+
`+ye+s}}var re=!1,ve;{var Ae=typeof WeakMap=="function"?WeakMap:Map;ve=new Ae}function ne(s,p){if(!s||re)return"";{var v=ve.get(s);if(v!==void 0)return v}var C;re=!0;var O=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var M;M=ce.current,ce.current=null,Ve();try{if(p){var z=function(){throw Error()};if(Object.defineProperty(z.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(z,[])}catch(V){C=V}Reflect.construct(s,[],z)}else{try{z.call()}catch(V){C=V}s.call(z.prototype)}}else{try{throw Error()}catch(V){C=V}s()}}catch(V){if(V&&C&&typeof V.stack=="string"){for(var T=V.stack.split(`
|
|
19
|
+
`),Y=C.stack.split(`
|
|
20
|
+
`),L=T.length-1,F=Y.length-1;L>=1&&F>=0&&T[L]!==Y[F];)F--;for(;L>=1&&F>=0;L--,F--)if(T[L]!==Y[F]){if(L!==1||F!==1)do if(L--,F--,F<0||T[L]!==Y[F]){var Q=`
|
|
21
|
+
`+T[L].replace(" at new "," at ");return s.displayName&&Q.includes("<anonymous>")&&(Q=Q.replace("<anonymous>",s.displayName)),typeof s=="function"&&ve.set(s,Q),Q}while(L>=1&&F>=0);break}}}finally{re=!1,ce.current=M,Pe(),Error.prepareStackTrace=O}var ze=s?s.displayName||s.name:"",we=ze?te(ze):"";return typeof s=="function"&&ve.set(s,we),we}function Tn(s,p,v){return ne(s,!1)}function zn(s){var p=s.prototype;return!!(p&&p.isReactComponent)}function st(s,p,v){if(s==null)return"";if(typeof s=="function")return ne(s,zn(s));if(typeof s=="string")return te(s);switch(s){case h:return te("Suspense");case u:return te("SuspenseList")}if(typeof s=="object")switch(s.$$typeof){case c:return Tn(s.render);case f:return st(s.type,p,v);case y:{var C=s,O=C._payload,M=C._init;try{return st(M(O),p,v)}catch{}}}return""}var qe=Object.prototype.hasOwnProperty,ar={},cr=S.ReactDebugCurrentFrame;function at(s){if(s){var p=s._owner,v=st(s.type,s._source,p?p.type:null);cr.setExtraStackFrame(v)}else cr.setExtraStackFrame(null)}function On(s,p,v,C,O){{var M=Function.call.bind(qe);for(var z in s)if(M(s,z)){var T=void 0;try{if(typeof s[z]!="function"){var Y=Error((C||"React class")+": "+v+" type `"+z+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[z]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw Y.name="Invariant Violation",Y}T=s[z](p,z,C,v,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(L){T=L}T&&!(T instanceof Error)&&(at(O),$("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",C||"React class",v,z,typeof T),at(null)),T instanceof Error&&!(T.message in ar)&&(ar[T.message]=!0,at(O),$("Failed %s type: %s",v,T.message),at(null))}}}var Dn=Array.isArray;function _t(s){return Dn(s)}function Mn(s){{var p=typeof Symbol=="function"&&Symbol.toStringTag,v=p&&s[Symbol.toStringTag]||s.constructor.name||"Object";return v}}function Bn(s){try{return lr(s),!1}catch{return!0}}function lr(s){return""+s}function dr(s){if(Bn(s))return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Mn(s)),lr(s)}var Ke=S.ReactCurrentOwner,Ln={key:!0,ref:!0,__self:!0,__source:!0},ur,hr,Pt;Pt={};function Fn(s){if(qe.call(s,"ref")){var p=Object.getOwnPropertyDescriptor(s,"ref").get;if(p&&p.isReactWarning)return!1}return s.ref!==void 0}function Nn(s){if(qe.call(s,"key")){var p=Object.getOwnPropertyDescriptor(s,"key").get;if(p&&p.isReactWarning)return!1}return s.key!==void 0}function Hn(s,p){if(typeof s.ref=="string"&&Ke.current&&p&&Ke.current.stateNode!==p){var v=W(Ke.current.type);Pt[v]||($('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',W(Ke.current.type),s.ref),Pt[v]=!0)}}function Wn(s,p){{var v=function(){ur||(ur=!0,$("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",p))};v.isReactWarning=!0,Object.defineProperty(s,"key",{get:v,configurable:!0})}}function Gn(s,p){{var v=function(){hr||(hr=!0,$("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",p))};v.isReactWarning=!0,Object.defineProperty(s,"ref",{get:v,configurable:!0})}}var Un=function(s,p,v,C,O,M,z){var T={$$typeof:t,type:s,key:p,ref:v,props:z,_owner:M};return T._store={},Object.defineProperty(T._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(T,"_self",{configurable:!1,enumerable:!1,writable:!1,value:C}),Object.defineProperty(T,"_source",{configurable:!1,enumerable:!1,writable:!1,value:O}),Object.freeze&&(Object.freeze(T.props),Object.freeze(T)),T};function Yn(s,p,v,C,O){{var M,z={},T=null,Y=null;v!==void 0&&(dr(v),T=""+v),Nn(p)&&(dr(p.key),T=""+p.key),Fn(p)&&(Y=p.ref,Hn(p,O));for(M in p)qe.call(p,M)&&!Ln.hasOwnProperty(M)&&(z[M]=p[M]);if(s&&s.defaultProps){var L=s.defaultProps;for(M in L)z[M]===void 0&&(z[M]=L[M])}if(T||Y){var F=typeof s=="function"?s.displayName||s.name||"Unknown":s;T&&Wn(z,F),Y&&Gn(z,F)}return Un(s,T,Y,O,C,Ke.current,z)}}var At=S.ReactCurrentOwner,fr=S.ReactDebugCurrentFrame;function Te(s){if(s){var p=s._owner,v=st(s.type,s._source,p?p.type:null);fr.setExtraStackFrame(v)}else fr.setExtraStackFrame(null)}var Tt;Tt=!1;function zt(s){return typeof s=="object"&&s!==null&&s.$$typeof===t}function pr(){{if(At.current){var s=W(At.current.type);if(s)return`
|
|
22
|
+
|
|
23
|
+
Check the render method of \``+s+"`."}return""}}function Vn(s){return""}var mr={};function qn(s){{var p=pr();if(!p){var v=typeof s=="string"?s:s.displayName||s.name;v&&(p=`
|
|
24
|
+
|
|
25
|
+
Check the top-level render call using <`+v+">.")}return p}}function gr(s,p){{if(!s._store||s._store.validated||s.key!=null)return;s._store.validated=!0;var v=qn(p);if(mr[v])return;mr[v]=!0;var C="";s&&s._owner&&s._owner!==At.current&&(C=" It was passed a child from "+W(s._owner.type)+"."),Te(s),$('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',v,C),Te(null)}}function yr(s,p){{if(typeof s!="object")return;if(_t(s))for(var v=0;v<s.length;v++){var C=s[v];zt(C)&&gr(C,p)}else if(zt(s))s._store&&(s._store.validated=!0);else if(s){var O=k(s);if(typeof O=="function"&&O!==s.entries)for(var M=O.call(s),z;!(z=M.next()).done;)zt(z.value)&&gr(z.value,p)}}}function Kn(s){{var p=s.type;if(p==null||typeof p=="string")return;var v;if(typeof p=="function")v=p.propTypes;else if(typeof p=="object"&&(p.$$typeof===c||p.$$typeof===f))v=p.propTypes;else return;if(v){var C=W(p);On(v,s.props,"prop",C,s)}else if(p.PropTypes!==void 0&&!Tt){Tt=!0;var O=W(p);$("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",O||"Unknown")}typeof p.getDefaultProps=="function"&&!p.getDefaultProps.isReactClassApproved&&$("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Xn(s){{for(var p=Object.keys(s.props),v=0;v<p.length;v++){var C=p[v];if(C!=="children"&&C!=="key"){Te(s),$("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",C),Te(null);break}}s.ref!==null&&(Te(s),$("Invalid attribute `ref` supplied to `React.Fragment`."),Te(null))}}var vr={};function br(s,p,v,C,O,M){{var z=he(s);if(!z){var T="";(s===void 0||typeof s=="object"&&s!==null&&Object.keys(s).length===0)&&(T+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var Y=Vn();Y?T+=Y:T+=pr();var L;s===null?L="null":_t(s)?L="array":s!==void 0&&s.$$typeof===t?(L="<"+(W(s.type)||"Unknown")+" />",T=" Did you accidentally export a JSX literal instead of a component?"):L=typeof s,$("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",L,T)}var F=Yn(s,p,v,O,M);if(F==null)return F;if(z){var Q=p.children;if(Q!==void 0)if(C)if(_t(Q)){for(var ze=0;ze<Q.length;ze++)yr(Q[ze],s);Object.freeze&&Object.freeze(Q)}else $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else yr(Q,s)}if(qe.call(p,"key")){var we=W(s),V=Object.keys(p).filter(function(ro){return ro!=="key"}),Ot=V.length>0?"{key: someKey, "+V.join(": ..., ")+": ...}":"{key: someKey}";if(!vr[we+Ot]){var to=V.length>0?"{"+V.join(": ..., ")+": ...}":"{}";$(`A props object containing a "key" prop is being spread into JSX:
|
|
26
|
+
let props = %s;
|
|
27
|
+
<%s {...props} />
|
|
28
|
+
React keys must be passed directly to JSX without using spread:
|
|
29
|
+
let props = %s;
|
|
30
|
+
<%s key={someKey} {...props} />`,Ot,we,to,we),vr[we+Ot]=!0}}return s===n?Xn(F):Kn(F),F}}function Jn(s,p,v){return br(s,p,v,!0)}function Zn(s,p,v){return br(s,p,v,!1)}var Qn=Zn,eo=Jn;Je.Fragment=n,Je.jsx=Qn,Je.jsxs=eo}()),Je}process.env.NODE_ENV==="production"?Ft.exports=oo():Ft.exports=io();var l=Ft.exports,q=function(){return q=Object.assign||function(t){for(var r,n=1,o=arguments.length;n<o;n++){r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},q.apply(this,arguments)};function Me(e,t,r){if(r||arguments.length===2)for(var n=0,o=t.length,i;n<o;n++)(i||!(n in t))&&(i||(i=Array.prototype.slice.call(t,0,n)),i[n]=t[n]);return e.concat(i||Array.prototype.slice.call(t))}function so(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var ao=/^((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)-.*))$/,co=so(function(e){return ao.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),B="-ms-",Qe="-moz-",D="-webkit-",Wr="comm",$t="rule",Kt="decl",lo="@import",Gr="@keyframes",uo="@layer",Ur=Math.abs,Xt=String.fromCharCode,Nt=Object.assign;function ho(e,t){return G(e,0)^45?(((t<<2^G(e,0))<<2^G(e,1))<<2^G(e,2))<<2^G(e,3):0}function Yr(e){return e.trim()}function le(e,t){return(e=t.exec(e))?e[0]:e}function I(e,t,r){return e.replace(t,r)}function ht(e,t,r){return e.indexOf(t,r)}function G(e,t){return e.charCodeAt(t)|0}function Be(e,t,r){return e.slice(t,r)}function se(e){return e.length}function Vr(e){return e.length}function Ze(e,t){return t.push(e),e}function fo(e,t){return e.map(t).join("")}function wr(e,t){return e.filter(function(r){return!le(r,t)})}var xt=1,Le=1,qr=0,ee=0,N=0,We="";function wt(e,t,r,n,o,i,a,d){return{value:e,root:t,parent:r,type:n,props:o,children:i,line:xt,column:Le,length:a,return:"",siblings:d}}function be(e,t){return Nt(wt("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function Oe(e){for(;e.root;)e=be(e.root,{children:[e]});Ze(e,e.siblings)}function po(){return N}function mo(){return N=ee>0?G(We,--ee):0,Le--,N===10&&(Le=1,xt--),N}function ie(){return N=ee<qr?G(We,ee++):0,Le++,N===10&&(Le=1,xt++),N}function ke(){return G(We,ee)}function ft(){return ee}function St(e,t){return Be(We,e,t)}function Ht(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 go(e){return xt=Le=1,qr=se(We=e),ee=0,[]}function yo(e){return We="",e}function Dt(e){return Yr(St(ee-1,Wt(e===91?e+2:e===40?e+1:e)))}function vo(e){for(;(N=ke())&&N<33;)ie();return Ht(e)>2||Ht(N)>3?"":" "}function bo(e,t){for(;--t&&ie()&&!(N<48||N>102||N>57&&N<65||N>70&&N<97););return St(e,ft()+(t<6&&ke()==32&&ie()==32))}function Wt(e){for(;ie();)switch(N){case e:return ee;case 34:case 39:e!==34&&e!==39&&Wt(N);break;case 40:e===41&&Wt(e);break;case 92:ie();break}return ee}function $o(e,t){for(;ie()&&e+N!==57;)if(e+N===84&&ke()===47)break;return"/*"+St(t,ee-1)+"*"+Xt(e===47?e:ie())}function xo(e){for(;!Ht(ke());)ie();return St(e,ee)}function wo(e){return yo(pt("",null,null,null,[""],e=go(e),0,[0],e))}function pt(e,t,r,n,o,i,a,d,c){for(var h=0,u=0,f=a,y=0,g=0,b=0,w=1,k=1,S=1,$=0,j="",A=o,P=i,E=n,x=j;k;)switch(b=$,$=ie()){case 40:if(b!=108&&G(x,f-1)==58){ht(x+=I(Dt($),"&","&\f"),"&\f",Ur(h?d[h-1]:0))!=-1&&(S=-1);break}case 34:case 39:case 91:x+=Dt($);break;case 9:case 10:case 13:case 32:x+=vo(b);break;case 92:x+=bo(ft()-1,7);continue;case 47:switch(ke()){case 42:case 47:Ze(So($o(ie(),ft()),t,r,c),c);break;default:x+="/"}break;case 123*w:d[h++]=se(x)*S;case 125*w:case 59:case 0:switch($){case 0:case 125:k=0;case 59+u:S==-1&&(x=I(x,/\f/g,"")),g>0&&se(x)-f&&Ze(g>32?Cr(x+";",n,r,f-1,c):Cr(I(x," ","")+";",n,r,f-2,c),c);break;case 59:x+=";";default:if(Ze(E=Sr(x,t,r,h,u,o,d,j,A=[],P=[],f,i),i),$===123)if(u===0)pt(x,t,E,E,A,i,f,d,P);else switch(y===99&&G(x,3)===110?100:y){case 100:case 108:case 109:case 115:pt(e,E,E,n&&Ze(Sr(e,E,E,0,0,o,d,j,o,A=[],f,P),P),o,P,f,d,n?A:P);break;default:pt(x,E,E,E,[""],P,0,d,P)}}h=u=g=0,w=S=1,j=x="",f=a;break;case 58:f=1+se(x),g=b;default:if(w<1){if($==123)--w;else if($==125&&w++==0&&mo()==125)continue}switch(x+=Xt($),$*w){case 38:S=u>0?1:(x+="\f",-1);break;case 44:d[h++]=(se(x)-1)*S,S=1;break;case 64:ke()===45&&(x+=Dt(ie())),y=ke(),u=f=se(j=x+=xo(ft())),$++;break;case 45:b===45&&se(x)==2&&(w=0)}}return i}function Sr(e,t,r,n,o,i,a,d,c,h,u,f){for(var y=o-1,g=o===0?i:[""],b=Vr(g),w=0,k=0,S=0;w<n;++w)for(var $=0,j=Be(e,y+1,y=Ur(k=a[w])),A=e;$<b;++$)(A=Yr(k>0?g[$]+" "+j:I(j,/&\f/g,g[$])))&&(c[S++]=A);return wt(e,t,r,o===0?$t:d,c,h,u,f)}function So(e,t,r,n){return wt(e,t,r,Wr,Xt(po()),Be(e,2,-2),0,n)}function Cr(e,t,r,n,o){return wt(e,t,r,Kt,Be(e,0,n),Be(e,n+1,-1),n,o)}function Kr(e,t,r){switch(ho(e,t)){case 5103:return D+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return D+e+e;case 4789:return Qe+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return D+e+Qe+e+B+e+e;case 5936:switch(G(e,t+11)){case 114:return D+e+B+I(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return D+e+B+I(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return D+e+B+I(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return D+e+B+e+e;case 6165:return D+e+B+"flex-"+e+e;case 5187:return D+e+I(e,/(\w+).+(:[^]+)/,D+"box-$1$2"+B+"flex-$1$2")+e;case 5443:return D+e+B+"flex-item-"+I(e,/flex-|-self/g,"")+(le(e,/flex-|baseline/)?"":B+"grid-row-"+I(e,/flex-|-self/g,""))+e;case 4675:return D+e+B+"flex-line-pack"+I(e,/align-content|flex-|-self/g,"")+e;case 5548:return D+e+B+I(e,"shrink","negative")+e;case 5292:return D+e+B+I(e,"basis","preferred-size")+e;case 6060:return D+"box-"+I(e,"-grow","")+D+e+B+I(e,"grow","positive")+e;case 4554:return D+I(e,/([^-])(transform)/g,"$1"+D+"$2")+e;case 6187:return I(I(I(e,/(zoom-|grab)/,D+"$1"),/(image-set)/,D+"$1"),e,"")+e;case 5495:case 3959:return I(e,/(image-set\([^]*)/,D+"$1$`$1");case 4968:return I(I(e,/(.+:)(flex-)?(.*)/,D+"box-pack:$3"+B+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+D+e+e;case 4200:if(!le(e,/flex-|baseline/))return B+"grid-column-align"+Be(e,t)+e;break;case 2592:case 3360:return B+I(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(n,o){return t=o,le(n.props,/grid-\w+-end/)})?~ht(e+(r=r[t].value),"span",0)?e:B+I(e,"-start","")+e+B+"grid-row-span:"+(~ht(r,"span",0)?le(r,/\d+/):+le(r,/\d+/)-+le(e,/\d+/))+";":B+I(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(n){return le(n.props,/grid-\w+-start/)})?e:B+I(I(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return I(e,/(.+)-inline(.+)/,D+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(se(e)-1-t>6)switch(G(e,t+1)){case 109:if(G(e,t+4)!==45)break;case 102:return I(e,/(.+:)(.+)-([^]+)/,"$1"+D+"$2-$3$1"+Qe+(G(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~ht(e,"stretch",0)?Kr(I(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return I(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(n,o,i,a,d,c,h){return B+o+":"+i+h+(a?B+o+"-span:"+(d?c:+c-+i)+h:"")+e});case 4949:if(G(e,t+6)===121)return I(e,":",":"+D)+e;break;case 6444:switch(G(e,G(e,14)===45?18:11)){case 120:return I(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+D+(G(e,14)===45?"inline-":"")+"box$3$1"+D+"$2$3$1"+B+"$2box$3")+e;case 100:return I(e,":",":"+B)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return I(e,"scroll-","scroll-snap-")+e}return e}function yt(e,t){for(var r="",n=0;n<e.length;n++)r+=t(e[n],n,e,t)||"";return r}function Co(e,t,r,n){switch(e.type){case uo:if(e.children.length)break;case lo:case Kt:return e.return=e.return||e.value;case Wr:return"";case Gr:return e.return=e.value+"{"+yt(e.children,n)+"}";case $t:if(!se(e.value=e.props.join(",")))return""}return se(r=yt(e.children,n))?e.return=e.value+"{"+r+"}":""}function ko(e){var t=Vr(e);return function(r,n,o,i){for(var a="",d=0;d<t;d++)a+=e[d](r,n,o,i)||"";return a}}function jo(e){return function(t){t.root||(t=t.return)&&e(t)}}function Eo(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case Kt:e.return=Kr(e.value,e.length,r);return;case Gr:return yt([be(e,{value:I(e.value,"@","@"+D)})],n);case $t:if(e.length)return fo(r=e.props,function(o){switch(le(o,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":Oe(be(e,{props:[I(o,/:(read-\w+)/,":"+Qe+"$1")]})),Oe(be(e,{props:[o]})),Nt(e,{props:wr(r,n)});break;case"::placeholder":Oe(be(e,{props:[I(o,/:(plac\w+)/,":"+D+"input-$1")]})),Oe(be(e,{props:[I(o,/:(plac\w+)/,":"+Qe+"$1")]})),Oe(be(e,{props:[I(o,/:(plac\w+)/,B+"input-$1")]})),Oe(be(e,{props:[o]})),Nt(e,{props:wr(r,n)});break}return""})}}var Io={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",Xr="active",Jr="data-styled-version",Ct="6.1.13",Jt=`/*!sc*/
|
|
31
|
+
`,vt=typeof window<"u"&&"HTMLElement"in window,Ro=!!(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"),kr=/invalid hook call/i,ct=new Set,_o=function(e,t){if(process.env.NODE_ENV!=="production"){var r=t?' with the id of "'.concat(t,'"'):"",n="The component ".concat(e).concat(r,` has been created dynamically.
|
|
32
|
+
`)+`You may see this warning because you've called styled inside another component.
|
|
33
|
+
To resolve this only create new StyledComponents outside of any render method and function component.`,o=console.error;try{var i=!0;console.error=function(a){for(var d=[],c=1;c<arguments.length;c++)d[c-1]=arguments[c];kr.test(a)?(i=!1,ct.delete(n)):o.apply(void 0,Me([a],d,!1))},m.useRef(),i&&!ct.has(n)&&(console.warn(n),ct.add(n))}catch(a){kr.test(a.message)&&ct.delete(n)}finally{console.error=o}}},kt=Object.freeze([]),Fe=Object.freeze({});function Po(e,t,r){return r===void 0&&(r=Fe),e.theme!==r.theme&&e.theme||t||r.theme}var Gt=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"]),Ao=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,To=/(^-|-$)/g;function jr(e){return e.replace(Ao,"-").replace(To,"")}var zo=/(a)(d)/gi,lt=52,Er=function(e){return String.fromCharCode(e+(e>25?39:97))};function Ut(e){var t,r="";for(t=Math.abs(e);t>lt;t=t/lt|0)r=Er(t%lt)+r;return(Er(t%lt)+r).replace(zo,"$1-$2")}var Mt,Zr=5381,Se=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Qr=function(e){return Se(Zr,e)};function Oo(e){return Ut(Qr(e)>>>0)}function en(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function Bt(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var tn=typeof Symbol=="function"&&Symbol.for,rn=tn?Symbol.for("react.memo"):60115,Do=tn?Symbol.for("react.forward_ref"):60112,Mo={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Bo={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},nn={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Lo=((Mt={})[Do]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Mt[rn]=nn,Mt);function Ir(e){return("type"in(t=e)&&t.type.$$typeof)===rn?nn:"$$typeof"in e?Lo[e.$$typeof]:Mo;var t}var Fo=Object.defineProperty,No=Object.getOwnPropertyNames,Rr=Object.getOwnPropertySymbols,Ho=Object.getOwnPropertyDescriptor,Wo=Object.getPrototypeOf,_r=Object.prototype;function on(e,t,r){if(typeof t!="string"){if(_r){var n=Wo(t);n&&n!==_r&&on(e,n,r)}var o=No(t);Rr&&(o=o.concat(Rr(t)));for(var i=Ir(e),a=Ir(t),d=0;d<o.length;++d){var c=o[d];if(!(c in Bo||r&&r[c]||a&&c in a||i&&c in i)){var h=Ho(t,c);try{Fo(e,c,h)}catch{}}}}return e}function Ne(e){return typeof e=="function"}function Zt(e){return typeof e=="object"&&"styledComponentId"in e}function Ce(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Pr(e,t){if(e.length===0)return"";for(var r=e[0],n=1;n<e.length;n++)r+=e[n];return r}function He(e){return e!==null&&typeof e=="object"&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Yt(e,t,r){if(r===void 0&&(r=!1),!r&&!He(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=Yt(e[n],t[n]);else if(He(t))for(var n in t)e[n]=Yt(e[n],t[n]);return e}function Qt(e,t){Object.defineProperty(e,"toString",{value:t})}var Go=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
|
|
34
|
+
|
|
35
|
+
`,2:`Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
|
|
36
|
+
|
|
37
|
+
- Are you trying to reuse it across renders?
|
|
38
|
+
- Are you accidentally calling collectStyles twice?
|
|
39
|
+
|
|
40
|
+
`,3:`Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
|
|
41
|
+
|
|
42
|
+
`,4:`The \`StyleSheetManager\` expects a valid target or sheet prop!
|
|
43
|
+
|
|
44
|
+
- Does this error occur on the client and is your target falsy?
|
|
45
|
+
- Does this error occur on the server and is the sheet falsy?
|
|
46
|
+
|
|
47
|
+
`,5:`The clone method cannot be used on the client!
|
|
48
|
+
|
|
49
|
+
- Are you running in a client-like environment on the server?
|
|
50
|
+
- Are you trying to run SSR on the client?
|
|
51
|
+
|
|
52
|
+
`,6:`Trying to insert a new style tag, but the given Node is unmounted!
|
|
53
|
+
|
|
54
|
+
- Are you using a custom target that isn't mounted?
|
|
55
|
+
- Does your document not have a valid head element?
|
|
56
|
+
- Have you accidentally removed a style tag manually?
|
|
57
|
+
|
|
58
|
+
`,7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:`ThemeProvider: Please make your "theme" prop an object.
|
|
59
|
+
|
|
60
|
+
`,9:"Missing document `<head>`\n\n",10:`Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
|
|
61
|
+
|
|
62
|
+
`,11:`_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
|
|
63
|
+
|
|
64
|
+
`,12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:`%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
|
|
65
|
+
|
|
66
|
+
`,14:`ThemeProvider: "theme" prop is required.
|
|
67
|
+
|
|
68
|
+
`,15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:`Reached the limit of how many styled components may be created at group %s.
|
|
69
|
+
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
|
|
70
|
+
as for instance in your render method then you may be running into this limitation.
|
|
71
|
+
|
|
72
|
+
`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
|
|
73
|
+
Has styled-components' style tag been unmounted or altered by another script?
|
|
74
|
+
`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function Uo(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var r=e[0],n=[],o=1,i=e.length;o<i;o+=1)n.push(e[o]);return n.forEach(function(a){r=r.replace(/%[a-z]/,a)}),r}function Ge(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return process.env.NODE_ENV==="production"?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(Uo.apply(void 0,Me([Go[e]],t,!1)).trim())}var Yo=function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var r=0,n=0;n<t;n++)r+=this.groupSizes[n];return r},e.prototype.insertRules=function(t,r){if(t>=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,i=o;t>=i;)if((i<<=1)<0)throw Ge(16,"".concat(t));this.groupSizes=new Uint32Array(i),this.groupSizes.set(n),this.length=i;for(var a=o;a<i;a++)this.groupSizes[a]=0}for(var d=this.indexOfGroup(t+1),c=(a=0,r.length);a<c;a++)this.tag.insertRule(d,r[a])&&(this.groupSizes[t]++,d++)},e.prototype.clearGroup=function(t){if(t<this.length){var r=this.groupSizes[t],n=this.indexOfGroup(t),o=n+r;this.groupSizes[t]=0;for(var i=n;i<o;i++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(t){var r="";if(t>=this.length||this.groupSizes[t]===0)return r;for(var n=this.groupSizes[t],o=this.indexOfGroup(t),i=o+n,a=o;a<i;a++)r+="".concat(this.tag.getRule(a)).concat(Jt);return r},e}(),Vo=1<<30,mt=new Map,bt=new Map,gt=1,dt=function(e){if(mt.has(e))return mt.get(e);for(;bt.has(gt);)gt++;var t=gt++;if(process.env.NODE_ENV!=="production"&&((0|t)<0||t>Vo))throw Ge(16,"".concat(t));return mt.set(e,t),bt.set(t,e),t},qo=function(e,t){gt=t+1,mt.set(e,t),bt.set(t,e)},Ko="style[".concat(Ee,"][").concat(Jr,'="').concat(Ct,'"]'),Xo=new RegExp("^".concat(Ee,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Jo=function(e,t,r){for(var n,o=r.split(","),i=0,a=o.length;i<a;i++)(n=o[i])&&e.registerName(t,n)},Zo=function(e,t){for(var r,n=((r=t.textContent)!==null&&r!==void 0?r:"").split(Jt),o=[],i=0,a=n.length;i<a;i++){var d=n[i].trim();if(d){var c=d.match(Xo);if(c){var h=0|parseInt(c[1],10),u=c[2];h!==0&&(qo(u,h),Jo(e,u,c[3]),e.getTag().insertRules(h,o)),o.length=0}else o.push(d)}}},Ar=function(e){for(var t=document.querySelectorAll(Ko),r=0,n=t.length;r<n;r++){var o=t[r];o&&o.getAttribute(Ee)!==Xr&&(Zo(e,o),o.parentNode&&o.parentNode.removeChild(o))}};function Qo(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var sn=function(e){var t=document.head,r=e||t,n=document.createElement("style"),o=function(d){var c=Array.from(d.querySelectorAll("style[".concat(Ee,"]")));return c[c.length-1]}(r),i=o!==void 0?o.nextSibling:null;n.setAttribute(Ee,Xr),n.setAttribute(Jr,Ct);var a=Qo();return a&&n.setAttribute("nonce",a),r.insertBefore(n,i),n},ei=function(){function e(t){this.element=sn(t),this.element.appendChild(document.createTextNode("")),this.sheet=function(r){if(r.sheet)return r.sheet;for(var n=document.styleSheets,o=0,i=n.length;o<i;o++){var a=n[o];if(a.ownerNode===r)return a}throw Ge(17)}(this.element),this.length=0}return e.prototype.insertRule=function(t,r){try{return this.sheet.insertRule(r,t),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.prototype.getRule=function(t){var r=this.sheet.cssRules[t];return r&&r.cssText?r.cssText:""},e}(),ti=function(){function e(t){this.element=sn(t),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(t,r){if(t<=this.length&&t>=0){var n=document.createTextNode(r);return this.element.insertBefore(n,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},e}(),ri=function(){function e(t){this.rules=[],this.length=0}return e.prototype.insertRule=function(t,r){return t<=this.length&&(this.rules.splice(t,0,r),this.length++,!0)},e.prototype.deleteRule=function(t){this.rules.splice(t,1),this.length--},e.prototype.getRule=function(t){return t<this.length?this.rules[t]:""},e}(),Tr=vt,ni={isServer:!vt,useCSSOMInjection:!Ro},an=function(){function e(t,r,n){t===void 0&&(t=Fe),r===void 0&&(r={});var o=this;this.options=q(q({},ni),t),this.gs=r,this.names=new Map(n),this.server=!!t.isServer,!this.server&&vt&&Tr&&(Tr=!1,Ar(this)),Qt(this,function(){return function(i){for(var a=i.getTag(),d=a.length,c="",h=function(f){var y=function(S){return bt.get(S)}(f);if(y===void 0)return"continue";var g=i.names.get(y),b=a.getGroup(f);if(g===void 0||!g.size||b.length===0)return"continue";var w="".concat(Ee,".g").concat(f,'[id="').concat(y,'"]'),k="";g!==void 0&&g.forEach(function(S){S.length>0&&(k+="".concat(S,","))}),c+="".concat(b).concat(w,'{content:"').concat(k,'"}').concat(Jt)},u=0;u<d;u++)h(u);return c}(o)})}return e.registerId=function(t){return dt(t)},e.prototype.rehydrate=function(){!this.server&&vt&&Ar(this)},e.prototype.reconstructWithOptions=function(t,r){return r===void 0&&(r=!0),new e(q(q({},this.options),t),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(t=function(r){var n=r.useCSSOMInjection,o=r.target;return r.isServer?new ri(o):n?new ei(o):new ti(o)}(this.options),new Yo(t)));var t},e.prototype.hasNameForId=function(t,r){return this.names.has(t)&&this.names.get(t).has(r)},e.prototype.registerName=function(t,r){if(dt(t),this.names.has(t))this.names.get(t).add(r);else{var n=new Set;n.add(r),this.names.set(t,n)}},e.prototype.insertRules=function(t,r,n){this.registerName(t,r),this.getTag().insertRules(dt(t),n)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(dt(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e}(),oi=/&/g,ii=/^\s*\/\/.*$/gm;function cn(e,t){return e.map(function(r){return r.type==="rule"&&(r.value="".concat(t," ").concat(r.value),r.value=r.value.replaceAll(",",",".concat(t," ")),r.props=r.props.map(function(n){return"".concat(t," ").concat(n)})),Array.isArray(r.children)&&r.type!=="@keyframes"&&(r.children=cn(r.children,t)),r})}function si(e){var t,r,n,o=Fe,i=o.options,a=i===void 0?Fe:i,d=o.plugins,c=d===void 0?kt:d,h=function(y,g,b){return b.startsWith(r)&&b.endsWith(r)&&b.replaceAll(r,"").length>0?".".concat(t):y},u=c.slice();u.push(function(y){y.type===$t&&y.value.includes("&")&&(y.props[0]=y.props[0].replace(oi,r).replace(n,h))}),a.prefix&&u.push(Eo),u.push(Co);var f=function(y,g,b,w){g===void 0&&(g=""),b===void 0&&(b=""),w===void 0&&(w="&"),t=w,r=g,n=new RegExp("\\".concat(r,"\\b"),"g");var k=y.replace(ii,""),S=wo(b||g?"".concat(b," ").concat(g," { ").concat(k," }"):k);a.namespace&&(S=cn(S,a.namespace));var $=[];return yt(S,ko(u.concat(jo(function(j){return $.push(j)})))),$};return f.hash=c.length?c.reduce(function(y,g){return g.name||Ge(15),Se(y,g.name)},Zr).toString():"",f}var ai=new an,Vt=si(),ln=m.createContext({shouldForwardProp:void 0,styleSheet:ai,stylis:Vt});ln.Consumer;m.createContext(void 0);function zr(){return m.useContext(ln)}var Or=function(){function e(t,r){var n=this;this.inject=function(o,i){i===void 0&&(i=Vt);var a=n.name+i.hash;o.hasNameForId(n.id,a)||o.insertRules(n.id,a,i(n.rules,a,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=r,Qt(this,function(){throw Ge(12,String(n.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=Vt),this.name+t.hash},e}(),ci=function(e){return e>="A"&&e<="Z"};function Dr(e){for(var t="",r=0;r<e.length;r++){var n=e[r];if(r===1&&n==="-"&&e[0]==="-")return e;ci(n)?t+="-"+n.toLowerCase():t+=n}return t.startsWith("ms-")?"-"+t:t}var dn=function(e){return e==null||e===!1||e===""},un=function(e){var t,r,n=[];for(var o in e){var i=e[o];e.hasOwnProperty(o)&&!dn(i)&&(Array.isArray(i)&&i.isCss||Ne(i)?n.push("".concat(Dr(o),":"),i,";"):He(i)?n.push.apply(n,Me(Me(["".concat(o," {")],un(i),!1),["}"],!1)):n.push("".concat(Dr(o),": ").concat((t=o,(r=i)==null||typeof r=="boolean"||r===""?"":typeof r!="number"||r===0||t in Io||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return n};function je(e,t,r,n){if(dn(e))return[];if(Zt(e))return[".".concat(e.styledComponentId)];if(Ne(e)){if(!Ne(i=e)||i.prototype&&i.prototype.isReactComponent||!t)return[e];var o=e(t);return process.env.NODE_ENV==="production"||typeof o!="object"||Array.isArray(o)||o instanceof Or||He(o)||o===null||console.error("".concat(en(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,r,n)}var i;return e instanceof Or?r?(e.inject(r,n),[e.getName(n)]):[e]:He(e)?un(e):Array.isArray(e)?Array.prototype.concat.apply(kt,e.map(function(a){return je(a,t,r,n)})):[e.toString()]}function li(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(Ne(r)&&!Zt(r))return!1}return!0}var di=Qr(Ct),ui=function(){function e(t,r,n){this.rules=t,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(n===void 0||n.isStatic)&&li(t),this.componentId=r,this.baseHash=Se(di,r),this.baseStyle=n,an.registerId(r)}return e.prototype.generateAndInjectStyles=function(t,r,n){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,r,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&r.hasNameForId(this.componentId,this.staticRulesId))o=Ce(o,this.staticRulesId);else{var i=Pr(je(this.rules,t,r,n)),a=Ut(Se(this.baseHash,i)>>>0);if(!r.hasNameForId(this.componentId,a)){var d=n(i,".".concat(a),void 0,this.componentId);r.insertRules(this.componentId,a,d)}o=Ce(o,a),this.staticRulesId=a}else{for(var c=Se(this.baseHash,n.hash),h="",u=0;u<this.rules.length;u++){var f=this.rules[u];if(typeof f=="string")h+=f,process.env.NODE_ENV!=="production"&&(c=Se(c,f));else if(f){var y=Pr(je(f,t,r,n));c=Se(c,y+u),h+=y}}if(h){var g=Ut(c>>>0);r.hasNameForId(this.componentId,g)||r.insertRules(this.componentId,g,n(h,".".concat(g),void 0,this.componentId)),o=Ce(o,g)}}return o},e}(),hn=m.createContext(void 0);hn.Consumer;var Lt={},Mr=new Set;function hi(e,t,r){var n=Zt(e),o=e,i=!Bt(e),a=t.attrs,d=a===void 0?kt:a,c=t.componentId,h=c===void 0?function(A,P){var E=typeof A!="string"?"sc":jr(A);Lt[E]=(Lt[E]||0)+1;var x="".concat(E,"-").concat(Oo(Ct+E+Lt[E]));return P?"".concat(P,"-").concat(x):x}(t.displayName,t.parentComponentId):c,u=t.displayName,f=u===void 0?function(A){return Bt(A)?"styled.".concat(A):"Styled(".concat(en(A),")")}(e):u,y=t.displayName&&t.componentId?"".concat(jr(t.displayName),"-").concat(t.componentId):t.componentId||h,g=n&&o.attrs?o.attrs.concat(d).filter(Boolean):d,b=t.shouldForwardProp;if(n&&o.shouldForwardProp){var w=o.shouldForwardProp;if(t.shouldForwardProp){var k=t.shouldForwardProp;b=function(A,P){return w(A,P)&&k(A,P)}}else b=w}var S=new ui(r,y,n?o.componentStyle:void 0);function $(A,P){return function(E,x,H){var K=E.attrs,he=E.componentStyle,fe=E.defaultProps,pe=E.foldedComponentIds,W=E.styledComponentId,ae=E.target,xe=m.useContext(hn),it=zr(),Re=E.shouldForwardProp||it.shouldForwardProp;process.env.NODE_ENV!=="production"&&m.useDebugValue(W);var Ye=Po(x,xe,fe)||Fe,Z=function(Pe,ce,ye){for(var te,re=q(q({},ce),{className:void 0,theme:ye}),ve=0;ve<Pe.length;ve+=1){var Ae=Ne(te=Pe[ve])?te(re):te;for(var ne in Ae)re[ne]=ne==="className"?Ce(re[ne],Ae[ne]):ne==="style"?q(q({},re[ne]),Ae[ne]):Ae[ne]}return ce.className&&(re.className=Ce(re.className,ce.className)),re}(K,x,Ye),me=Z.as||ae,ge={};for(var U in Z)Z[U]===void 0||U[0]==="$"||U==="as"||U==="theme"&&Z.theme===Ye||(U==="forwardedAs"?ge.as=Z.forwardedAs:Re&&!Re(U,me)||(ge[U]=Z[U],Re||process.env.NODE_ENV!=="development"||co(U)||Mr.has(U)||!Gt.has(me)||(Mr.add(U),console.warn('styled-components: it looks like an unknown prop "'.concat(U,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var _e=function(Pe,ce){var ye=zr(),te=Pe.generateAndInjectStyles(ce,ye.styleSheet,ye.stylis);return process.env.NODE_ENV!=="production"&&m.useDebugValue(te),te}(he,Z);process.env.NODE_ENV!=="production"&&E.warnTooManyClasses&&E.warnTooManyClasses(_e);var Ve=Ce(pe,W);return _e&&(Ve+=" "+_e),Z.className&&(Ve+=" "+Z.className),ge[Bt(me)&&!Gt.has(me)?"class":"className"]=Ve,ge.ref=H,m.createElement(me,ge)}(j,A,P)}$.displayName=f;var j=m.forwardRef($);return j.attrs=g,j.componentStyle=S,j.displayName=f,j.shouldForwardProp=b,j.foldedComponentIds=n?Ce(o.foldedComponentIds,o.styledComponentId):"",j.styledComponentId=y,j.target=n?o.target:e,Object.defineProperty(j,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(A){this._foldedDefaultProps=n?function(P){for(var E=[],x=1;x<arguments.length;x++)E[x-1]=arguments[x];for(var H=0,K=E;H<K.length;H++)Yt(P,K[H],!0);return P}({},o.defaultProps,A):A}}),process.env.NODE_ENV!=="production"&&(_o(f,y),j.warnTooManyClasses=function(A,P){var E={},x=!1;return function(H){if(!x&&(E[H]=!0,Object.keys(E).length>=200)){var K=P?' with the id of "'.concat(P,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(A).concat(K,`.
|
|
75
|
+
`)+`Consider using the attrs method, together with a style object for frequently changed styles.
|
|
76
|
+
Example:
|
|
77
|
+
const Component = styled.div.attrs(props => ({
|
|
78
|
+
style: {
|
|
79
|
+
background: props.background,
|
|
80
|
+
},
|
|
81
|
+
}))\`width: 100%;\`
|
|
82
|
+
|
|
83
|
+
<Component />`),x=!0,E={}}}}(f,y)),Qt(j,function(){return".".concat(j.styledComponentId)}),i&&on(j,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),j}function Br(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r}var Lr=function(e){return Object.assign(e,{isCss:!0})};function fi(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(Ne(e)||He(e))return Lr(je(Br(kt,Me([e],t,!0))));var n=e;return t.length===0&&n.length===1&&typeof n[0]=="string"?je(n):Lr(je(Br(n,t)))}function qt(e,t,r){if(r===void 0&&(r=Fe),!t)throw Ge(1,t);var n=function(o){for(var i=[],a=1;a<arguments.length;a++)i[a-1]=arguments[a];return e(t,r,fi.apply(void 0,Me([o],i,!1)))};return n.attrs=function(o){return qt(e,t,q(q({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},n.withConfig=function(o){return qt(e,t,q(q({},r),o))},n}var fn=function(e){return qt(hi,e)},R=fn;Gt.forEach(function(e){R[e]=fn(e)});process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
|
|
84
|
+
Perhaps you're looking to import 'styled-components/native'?
|
|
85
|
+
Read more about this at https://www.styled-components.com/docs/basics#react-native`);var ut="__sc-".concat(Ee,"__");process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window[ut]||(window[ut]=0),window[ut]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
|
|
86
|
+
|
|
87
|
+
See https://s-c.sh/2BAXzed for more info.`),window[ut]+=1);const nt=`
|
|
88
|
+
animation: fadeIn ease 400ms;
|
|
89
|
+
-webkit-animation: fadeIn ease 400ms;
|
|
90
|
+
-moz-animation: fadeIn ease 400ms;
|
|
91
|
+
|
|
92
|
+
@keyframes fadeIn {
|
|
93
|
+
0% {
|
|
94
|
+
opacity: 0;
|
|
95
|
+
}
|
|
96
|
+
100% {
|
|
97
|
+
opacity: 1;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
@-moz-keyframes fadeIn {
|
|
102
|
+
0% {
|
|
103
|
+
opacity: 0;
|
|
104
|
+
}
|
|
105
|
+
100% {
|
|
106
|
+
opacity: 1;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
@-webkit-keyframes fadeIn {
|
|
111
|
+
0% {
|
|
112
|
+
opacity: 0;
|
|
113
|
+
}
|
|
114
|
+
100% {
|
|
115
|
+
opacity: 1;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
`,pn=`
|
|
119
|
+
animation: fadeOut ease 400ms;
|
|
120
|
+
-webkit-animation: fadeOut ease 400ms;
|
|
121
|
+
-moz-animation: fadeOut ease 400ms;
|
|
122
|
+
|
|
123
|
+
@keyframes fadeOut {
|
|
124
|
+
0% {
|
|
125
|
+
opacity: 1;
|
|
126
|
+
}
|
|
127
|
+
100% {
|
|
128
|
+
opacity: 0;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
@-moz-keyframes fadeOut {
|
|
133
|
+
0% {
|
|
134
|
+
opacity: 1;
|
|
135
|
+
}
|
|
136
|
+
100% {
|
|
137
|
+
opacity: 0;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
@-webkit-keyframes fadeOut {
|
|
142
|
+
0% {
|
|
143
|
+
opacity: 1;
|
|
144
|
+
}
|
|
145
|
+
100% {
|
|
146
|
+
opacity: 0;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
`,pi=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)"}),mi={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"},gi={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"},yi=R.span`
|
|
150
|
+
display: ${({$visible:e})=>e?"block":"none"};
|
|
151
|
+
position: absolute;
|
|
152
|
+
max-width: 100%;
|
|
153
|
+
right: 0;
|
|
154
|
+
top: 72px;
|
|
155
|
+
opacity: 0.8;
|
|
156
|
+
z-index: ${e=>e.$theme.zIndexPopup};
|
|
157
|
+
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
158
|
+
border: ${e=>e.$theme.borderAccent};
|
|
159
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
160
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
161
|
+
font-size: ${e=>e.$theme.fontSizeSmall};
|
|
162
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
163
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
164
|
+
box-shadow: ${e=>e.$theme.boxShadow};
|
|
165
|
+
pointer-events: none;
|
|
166
|
+
|
|
167
|
+
${nt}
|
|
168
|
+
`,er=({errorId:e,testId:t,message:r="Invalid input",visible:n=!1,style:o,theme:i})=>l.jsx(yi,{id:e,$visible:n,"data-testid":t,style:o,$theme:i,"aria-hidden":!n,children:r});var X=(e=>(e.Success="success",e.Error="error",e.Warning="warning",e.Info="info",e.Help="help",e))(X||{}),de=(e=>(e.Primary="primary",e.Flat="flat",e.Icon="icon",e))(de||{}),_=(e=>(e.ArrowDown="arrow-down",e.ArrowUp="arrow-up",e.Back="back",e.Cancel="cancel",e.CheckboxChecked="checkbox-checked",e.CheckboxUnchecked="checkbox-unchecked",e.CheckMark="check-mark",e.ChevronDown="chevron-down",e.ChevronLeft="chevron-left",e.ChevronRight="chevron-right",e.ChevronUp="chevron-up",e.Clear="clear",e.Copy="copy",e.Cut="cut",e.Delete="delete",e.Download="download",e.Error="error",e.Forward="forward",e.Help="help",e.Hide="hide",e.Info="info",e.Paste="paste",e.Question="question",e.Save="save",e.Show="show",e.Upload="upload",e.Warning="warning",e.Remove="remove",e))(_||{}),oe=(e=>(e[e.Vertical=0]="Vertical",e[e.Horizontal=1]="Horizontal",e))(oe||{}),tr=(e=>(e.Light="light",e.Dark="dark",e))(tr||{}),rr=(e=>(e.Span="span",e.Div="div",e.P="p",e.Strong="strong",e.Em="em",e))(rr||{});const vi=m.lazy(()=>Promise.resolve().then(()=>cs)),bi=m.lazy(()=>Promise.resolve().then(()=>ls)),$i=m.lazy(()=>Promise.resolve().then(()=>require("./BackIcon-BdQui5Aa.cjs"))),xi=m.lazy(()=>Promise.resolve().then(()=>require("./CancelIcon-Bm_iptAX.cjs"))),wi=m.lazy(()=>Promise.resolve().then(()=>ts)),Si=m.lazy(()=>Promise.resolve().then(()=>rs)),Ci=m.lazy(()=>Promise.resolve().then(()=>Ss)),ki=m.lazy(()=>Promise.resolve().then(()=>require("./ChevronDownIcon-Dcu6wZF6.cjs"))),ji=m.lazy(()=>Promise.resolve().then(()=>require("./ChevronLeftIcon-lu-2-_8H.cjs"))),Ei=m.lazy(()=>Promise.resolve().then(()=>require("./ChevronRightIcon-Bs6vV-bO.cjs"))),Ii=m.lazy(()=>Promise.resolve().then(()=>require("./ChevronUpIcon-Dm5wukir.cjs"))),Ri=m.lazy(()=>Promise.resolve().then(()=>require("./ClearIcon-DivVdYES.cjs"))),_i=m.lazy(()=>Promise.resolve().then(()=>require("./CopyIcon-D22c5OS-.cjs"))),Pi=m.lazy(()=>Promise.resolve().then(()=>require("./CutIcon-CrYDHo1s.cjs"))),Ai=m.lazy(()=>Promise.resolve().then(()=>require("./DeleteIcon-CPMkkc0h.cjs"))),Ti=m.lazy(()=>Promise.resolve().then(()=>require("./DownloadIcon-DHiPBlSa.cjs"))),zi=m.lazy(()=>Promise.resolve().then(()=>Ms)),Oi=m.lazy(()=>Promise.resolve().then(()=>require("./ForwardIcon-gOy8g4uc.cjs"))),Di=m.lazy(()=>Promise.resolve().then(()=>Bs)),Mi=m.lazy(()=>Promise.resolve().then(()=>require("./HideIcon-DIGpNz28.cjs"))),Bi=m.lazy(()=>Promise.resolve().then(()=>Ls)),Li=m.lazy(()=>Promise.resolve().then(()=>require("./PasteIcon-BKnWh5CH.cjs"))),Fi=m.lazy(()=>Promise.resolve().then(()=>require("./QuestionIcon-sh6GuYQj.cjs"))),Ni=m.lazy(()=>Promise.resolve().then(()=>require("./RemoveIcon-D-jlwDbA.cjs"))),Hi=m.lazy(()=>Promise.resolve().then(()=>require("./SaveIcon-Bt1dCazw.cjs"))),Wi=m.lazy(()=>Promise.resolve().then(()=>require("./ShowIcon-D3HWz-2N.cjs"))),Gi=m.lazy(()=>Promise.resolve().then(()=>require("./UploadIcon-s_UIC0fh.cjs"))),Ui=m.lazy(()=>Promise.resolve().then(()=>Fs)),Yi={[_.ArrowDown]:vi,[_.ArrowUp]:bi,[_.Back]:$i,[_.Cancel]:xi,[_.CheckboxChecked]:wi,[_.CheckboxUnchecked]:Si,[_.CheckMark]:Ci,[_.ChevronDown]:ki,[_.ChevronUp]:Ii,[_.ChevronLeft]:ji,[_.ChevronRight]:Ei,[_.Clear]:Ri,[_.Copy]:_i,[_.Cut]:Pi,[_.Delete]:Ai,[_.Download]:Ti,[_.Error]:zi,[_.Forward]:Oi,[_.Help]:Di,[_.Hide]:Mi,[_.Info]:Bi,[_.Paste]:Li,[_.Question]:Fi,[_.Save]:Hi,[_.Show]:Wi,[_.Upload]:Gi,[_.Warning]:Ui,[_.Remove]:Ni},De=({name:e,...t})=>{if(!e)return null;const r=l.jsx("span",{style:{fontSize:"1rem"},"aria-label":"SVG Icon Fallback",children:"❌"}),n=Yi[e];return l.jsx(m.Suspense,{fallback:r,children:l.jsx(n,{...t})})},Vi=R.button`
|
|
169
|
+
background: transparent;
|
|
170
|
+
border: none;
|
|
171
|
+
display: flex;
|
|
172
|
+
align-items: center;
|
|
173
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
174
|
+
color: ${e=>e.$theme.fontColorLight};
|
|
175
|
+
padding: 0;
|
|
176
|
+
|
|
177
|
+
&:focus-visible {
|
|
178
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
179
|
+
outline-offset: -1px;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
&:hover {
|
|
183
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
svg {
|
|
187
|
+
cursor: pointer;
|
|
188
|
+
height: ${e=>e.$theme.iconSize};
|
|
189
|
+
width: ${e=>e.$theme.iconSize};
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
&[disabled] {
|
|
193
|
+
pointer-events: none;
|
|
194
|
+
opacity: 0.5;
|
|
195
|
+
}
|
|
196
|
+
`,et=({onClick:e,label:t,icon:r,disabled:n,theme:o})=>l.jsx(Vi,{onClick:e,"aria-label":t,type:"button",disabled:n,$theme:o,children:l.jsx(De,{name:r})}),qi=R.label`
|
|
197
|
+
display: flex;
|
|
198
|
+
align-items: center;
|
|
199
|
+
font-size: ${e=>e.$theme.fontSizeSmall};
|
|
200
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
201
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
202
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
203
|
+
|
|
204
|
+
&:hover {
|
|
205
|
+
text-shadow: ${e=>e.$theme.textShadow};
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
& + span {
|
|
209
|
+
text-wrap: nowrap;
|
|
210
|
+
overflow: hidden;
|
|
211
|
+
text-overflow: ellipsis;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
& abbr {
|
|
215
|
+
text-decoration: none;
|
|
216
|
+
cursor: pointer;
|
|
217
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
218
|
+
margin-left: ${e=>e.$theme.gapSmall};
|
|
219
|
+
}
|
|
220
|
+
`,Ie=({label:e,required:t,inputId:r,theme:n,icon:o,iconPosition:i,isTextHidden:a=!1,style:d})=>{const c=!!o&&i==="left",h=!!o&&i==="right";return l.jsxs(qi,{htmlFor:r,style:d,$theme:n,children:[c&&o,!a&&l.jsxs("span",{children:[e,t&&l.jsx("abbr",{title:"required",children:"*"})]}),h&&o]})};function Ki(e){return({tooltip:t,visibleOn:r,...n})=>t!=null&&t.length?l.jsx(Rn,{tooltipContent:t,visibleOn:r,children:l.jsx(e,{...n})}):l.jsx(e,{...n})}const $e=m.createContext({}),mn=m.createContext({mode:tr.Light});function Xi(e,t){const r=e==="dark"?gi:mi;if(t)for(const n in t){const o=n;Object.prototype.hasOwnProperty.call(r,o)&&(r[o]=t[o].toString())}return r}function tt(e){const t=document.getElementById(e);t&&t.focus()}function gn({e,options:t,onClose:r}){let n="";t.forEach(i=>{document.getElementById(i.id)===document.activeElement&&(n=i.id)});const o=t.findIndex(i=>i.id===n);switch(e.key){case"Escape":e.preventDefault(),r();break;case"ArrowUp":{e.preventDefault();const i=o-1>=0?o-1:t.length-1,a=t[i];a&&tt(a.id);break}case"ArrowDown":case"Tab":{e.preventDefault();const i=o===t.length-1?0:o+1,a=t[i];a&&tt(a.id);break}}}const J=()=>{const{customTheme:e,mode:t}=m.useContext(mn);return Xi(t,e)},jt=({ref:e,onClickOutsideHandler:t,dependentRef:r})=>{m.useEffect(()=>{const n=o=>{const i=(e==null?void 0:e.current)&&!e.current.contains(o.target),a=r!=null&&r.current?!r.current.contains(o.target):!0;i&&a&&t()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[e,r,t])},yn=({ref:e,isVisible:t})=>{const[r,n]=m.useState({width:0,height:0});return m.useEffect(()=>{e.current&&t&&n({width:e.current.offsetWidth,height:e.current.offsetHeight})},[e,t]),r};function ue(e){const t=m.useId(),r=e??t,n=`${r}_error`,o=`${r}_dropdown`;return{elementId:r,errorId:n,dropdownId:o}}const ot=({ref:e,keyCode:t,onKeyPress:r})=>{m.useEffect(()=>{const n=o=>{(o==null?void 0:o.code)===t&&(e!=null&&e.current)&&r()};return document.addEventListener("keydown",n,!1),()=>{document.removeEventListener("keydown",n,!1)}},[e,t,r])},vn=({modalRef:e,isOpened:t})=>{m.useEffect(()=>{const r=e.current;if(!t||!r)return;const n=r.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),o=n[0],i=n[n.length-1],a=d=>{d.key==="Tab"&&(d.shiftKey&&document.activeElement===o?(d.preventDefault(),i.focus()):!d.shiftKey&&document.activeElement===i&&(d.preventDefault(),o.focus()))};return r.addEventListener("keydown",a),()=>{r.removeEventListener("keydown",a)}},[e,t])},nr=(e,t=300)=>{const[r,n]=m.useState(!1);return m.useEffect(()=>{e&&!r?n(!0):!e&&r&&setTimeout(()=>{n(!1)},t)},[e]),r},Ue=e=>{const{resetSignal:t}=m.useContext($e);m.useEffect(()=>{t&&e()},[t,e])};function Fr(){const{innerWidth:e,innerHeight:t}=window;return{width:e,height:t}}function bn(){const[e,t]=m.useState(Fr());return m.useEffect(()=>{function r(){t(Fr())}return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]),e}const $n=({wrapperRef:e,tooltipRef:t,isOpened:r,spacing:n=4})=>{const[o,i]=m.useState({top:0,left:0}),{width:a,height:d}=yn({ref:t,isVisible:r}),{width:c,height:h}=bn();return m.useEffect(()=>{if(r&&e.current){const u=e.current.getBoundingClientRect();let f=Math.round(u.bottom+n),y=Math.round(u.left);f+d>window.innerHeight&&(f=Math.round(u.top-d-n)),y+a>window.innerWidth&&(y=Math.round(window.innerWidth-a-n)),y<0&&(y=n),i({top:f,left:y})}},[r,e,d,a,n,c,h]),o},Ji=R.button`
|
|
221
|
+
position: relative;
|
|
222
|
+
border: none;
|
|
223
|
+
background: transparent;
|
|
224
|
+
padding: 0;
|
|
225
|
+
cursor: pointer;
|
|
226
|
+
outline: none;
|
|
227
|
+
transition: filter 250ms;
|
|
228
|
+
width: ${e=>e.$extended?"100%":"inherit"};
|
|
229
|
+
|
|
230
|
+
&[disabled] {
|
|
231
|
+
pointer-events: none;
|
|
232
|
+
opacity: 0.5;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.chop-logic-button_shadow {
|
|
236
|
+
position: absolute;
|
|
237
|
+
top: 0;
|
|
238
|
+
left: 0;
|
|
239
|
+
width: 100%;
|
|
240
|
+
height: 100%;
|
|
241
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
242
|
+
background: hsl(0deg 0% 0% / 0.25);
|
|
243
|
+
will-change: transform;
|
|
244
|
+
transform: translateY(2px);
|
|
245
|
+
transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
.chop-logic-button_edge {
|
|
249
|
+
position: absolute;
|
|
250
|
+
top: 0;
|
|
251
|
+
left: 0;
|
|
252
|
+
width: 100%;
|
|
253
|
+
height: 100%;
|
|
254
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
255
|
+
background: ${e=>e.$theme.gradientShadow};
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.chop-logic-button_front {
|
|
259
|
+
display: flex;
|
|
260
|
+
align-items: center;
|
|
261
|
+
justify-content: center;
|
|
262
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
263
|
+
position: relative;
|
|
264
|
+
padding: ${e=>`${e.$theme.gapMedium} ${e.$theme.gapBig}`};
|
|
265
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
266
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
267
|
+
color: #ffffff;
|
|
268
|
+
background: ${e=>e.$theme.fontColorAccent};
|
|
269
|
+
will-change: transform;
|
|
270
|
+
transform: translateY(-4px);
|
|
271
|
+
transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
&:hover {
|
|
275
|
+
filter: brightness(110%);
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
&:hover .chop-logic-button_front {
|
|
279
|
+
transform: translateY(-6px);
|
|
280
|
+
transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
&:active .chop-logic-button_front {
|
|
284
|
+
transform: translateY(-2px);
|
|
285
|
+
transition: transform 34ms;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
&:hover .chop-logic-button_shadow {
|
|
289
|
+
transform: translateY(4px);
|
|
290
|
+
transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
&:active .chop-logic-button_shadow {
|
|
294
|
+
transform: translateY(1px);
|
|
295
|
+
transition: transform 34ms;
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
&:focus-visible {
|
|
299
|
+
outline: revert;
|
|
300
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
301
|
+
outline-offset: 4px;
|
|
302
|
+
}
|
|
303
|
+
`,Zi=R.button`
|
|
304
|
+
border: none;
|
|
305
|
+
cursor: pointer;
|
|
306
|
+
display: flex;
|
|
307
|
+
align-items: center;
|
|
308
|
+
justify-content: center;
|
|
309
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
310
|
+
padding: ${e=>`${e.$theme.gapMedium} ${e.$theme.gapBig}`};
|
|
311
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
312
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
313
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
314
|
+
background: transparent;
|
|
315
|
+
width: ${e=>e.$extended?"100%":"inherit"};
|
|
316
|
+
|
|
317
|
+
&:hover,
|
|
318
|
+
&:active {
|
|
319
|
+
background: ${e=>e.$theme.backgroundColorLight};
|
|
320
|
+
transition: all 0.3s ease 0s;
|
|
321
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
&:focus-visible {
|
|
325
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
&[disabled] {
|
|
329
|
+
pointer-events: none;
|
|
330
|
+
opacity: 0.5;
|
|
331
|
+
}
|
|
332
|
+
`,Qi=R.button`
|
|
333
|
+
border: none;
|
|
334
|
+
cursor: pointer;
|
|
335
|
+
display: flex;
|
|
336
|
+
align-items: center;
|
|
337
|
+
justify-content: center;
|
|
338
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
339
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
340
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
341
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
342
|
+
background: transparent;
|
|
343
|
+
|
|
344
|
+
&:hover {
|
|
345
|
+
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
346
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
347
|
+
transition: all 0.3s ease 0s;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
&:focus-visible {
|
|
351
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
&[disabled] {
|
|
355
|
+
pointer-events: none;
|
|
356
|
+
opacity: 0.5;
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
svg {
|
|
360
|
+
height: ${e=>e.$theme.iconSize};
|
|
361
|
+
width: ${e=>e.$theme.iconSize};
|
|
362
|
+
}
|
|
363
|
+
`,es=({onClick:e,text:t,icon:r,label:n,disabled:o=!1,extended:i=!1,type:a="button",view:d=de.Primary,...c})=>{const h=J();switch(d){case de.Primary:return l.jsxs(Ji,{$extended:i,"aria-label":n,type:a,onClick:e,disabled:o,$theme:h,...c,children:[l.jsx("span",{className:"chop-logic-button_shadow"}),l.jsx("span",{className:"chop-logic-button_edge"}),l.jsxs("span",{className:"chop-logic-button_front",children:[l.jsx(De,{name:r}),t]})]});case de.Flat:return l.jsxs(Zi,{$extended:i,"aria-label":n,type:a,onClick:e,disabled:o,$theme:h,...c,children:[l.jsx(De,{name:r}),t]});case de.Icon:return l.jsx(Qi,{"aria-label":n,type:a,onClick:e,disabled:o,$theme:h,...c,children:l.jsx(De,{name:r})});default:return null}},rt=Ki(es);function Et(e){return l.jsx("svg",{viewBox:"0 0 16 16",fill:"currentColor",height:"1em",width:"1em",...e,children:l.jsx("path",{fill:"currentColor",d:"M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM7 12.414L3.293 8.707l1.414-1.414L7 9.586l4.793-4.793 1.414 1.414L7 12.414z"})})}const ts=Object.freeze(Object.defineProperty({__proto__:null,default:Et},Symbol.toStringTag,{value:"Module"}));function It(e){return l.jsx("svg",{viewBox:"0 0 16 16",fill:"currentColor",height:"1em",width:"1em",...e,children:l.jsx("path",{fill:"currentColor",d:"M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 14H2V2h12v12z"})})}const rs=Object.freeze(Object.defineProperty({__proto__:null,default:It},Symbol.toStringTag,{value:"Module"})),ns=R.div`
|
|
364
|
+
display: flex;
|
|
365
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
366
|
+
padding: ${e=>e.$theme.gapMedium} 0;
|
|
367
|
+
position: relative;
|
|
368
|
+
overflow: hidden;
|
|
369
|
+
|
|
370
|
+
& svg {
|
|
371
|
+
color: ${e=>e.$checked?e.$theme.fontColorAccent:e.$theme.fontColorLight};
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
& label {
|
|
375
|
+
cursor: pointer;
|
|
376
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
377
|
+
font-size: ${e=>e.$theme.fontSizeBase} !important;
|
|
378
|
+
&:hover,
|
|
379
|
+
&:active {
|
|
380
|
+
text-shadow: ${e=>e.$theme.textShadow};
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
${e=>e.$disabled&&`
|
|
385
|
+
pointer-events: none;
|
|
386
|
+
opacity: 0.5;
|
|
387
|
+
`}
|
|
388
|
+
|
|
389
|
+
& input {
|
|
390
|
+
position: absolute;
|
|
391
|
+
z-index: -1;
|
|
392
|
+
opacity: 0;
|
|
393
|
+
top: 4px;
|
|
394
|
+
left: 0;
|
|
395
|
+
margin: 0;
|
|
396
|
+
|
|
397
|
+
&:focus-visible + label {
|
|
398
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
399
|
+
outline-offset: 2px;
|
|
400
|
+
}
|
|
401
|
+
}
|
|
402
|
+
`;function os({defaultChecked:e,initialValues:t,name:r}){return t&&(t==null?void 0:t[r])!==void 0?!!(t!=null&&t[r]):!!e}function is({name:e,defaultChecked:t,onChange:r}){const{onChangeFormInput:n,initialValues:o}=m.useContext($e),i=os({initialValues:o,name:e,defaultChecked:t}),[a,d]=m.useState(i),c=u=>{const f=u.target.checked;d(f),r==null||r(u),n==null||n({name:e,value:f})},h=m.useCallback(()=>{d(i),n==null||n({name:e,value:i})},[e]);return Ue(h),{handleChange:c,checked:a}}const ss=({name:e,label:t,disabled:r,noLabel:n,required:o=!1,iconPosition:i="left",defaultChecked:a,onChange:d,id:c,...h})=>{const{handleChange:u,checked:f}=is({name:e,defaultChecked:a,onChange:d}),{elementId:y}=ue(c),g=J();return l.jsxs(ns,{$disabled:!!r,$theme:g,$checked:f,...h,children:[l.jsx("input",{id:y,name:e,type:"checkbox",disabled:r,required:o,checked:f,onChange:u,"aria-label":n?t:void 0}),l.jsx(Ie,{label:t,required:o,inputId:y,isTextHidden:n,icon:f?l.jsx(Et,{}):l.jsx(It,{}),iconPosition:i,theme:g})]})},xn=R.div`
|
|
403
|
+
position: relative;
|
|
404
|
+
display: flex;
|
|
405
|
+
justify-content: space-between;
|
|
406
|
+
flex-direction: column;
|
|
407
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
408
|
+
background: transparent;
|
|
409
|
+
`,wn=R.button`
|
|
410
|
+
text-align: left;
|
|
411
|
+
cursor: pointer;
|
|
412
|
+
display: flex;
|
|
413
|
+
justify-content: space-between;
|
|
414
|
+
align-items: center;
|
|
415
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
416
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
417
|
+
border: ${e=>e.$theme.borderBase};
|
|
418
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
419
|
+
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
420
|
+
white-space: nowrap;
|
|
421
|
+
text-overflow: ellipsis;
|
|
422
|
+
overflow: hidden;
|
|
423
|
+
|
|
424
|
+
& > span:nth-child(1) {
|
|
425
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
426
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
427
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
428
|
+
overflow: hidden;
|
|
429
|
+
text-overflow: ellipsis;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
svg {
|
|
433
|
+
cursor: pointer;
|
|
434
|
+
color: ${e=>e.$theme.fontColorLight};
|
|
435
|
+
height: ${e=>e.$theme.iconSize};
|
|
436
|
+
width: ${e=>e.$theme.iconSize};
|
|
437
|
+
|
|
438
|
+
&:hover {
|
|
439
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
440
|
+
}
|
|
441
|
+
}
|
|
442
|
+
|
|
443
|
+
&:focus-visible {
|
|
444
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
445
|
+
outline-offset: 2px;
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
&[disabled] {
|
|
449
|
+
pointer-events: none;
|
|
450
|
+
opacity: 0.5;
|
|
451
|
+
}
|
|
452
|
+
`,Sn=R.ul`
|
|
453
|
+
visibility: hidden;
|
|
454
|
+
opacity: 0;
|
|
455
|
+
transition:
|
|
456
|
+
visibility 0s,
|
|
457
|
+
opacity 0.3s linear;
|
|
458
|
+
position: absolute;
|
|
459
|
+
background: ${e=>e.$theme.backgroundColorLight};
|
|
460
|
+
margin: 0;
|
|
461
|
+
padding: 0;
|
|
462
|
+
list-style: none;
|
|
463
|
+
z-index: ${e=>e.$theme.zIndexPopup};
|
|
464
|
+
width: 100%;
|
|
465
|
+
top: 72px;
|
|
466
|
+
left: -1px;
|
|
467
|
+
border: ${e=>e.$theme.borderBase};
|
|
468
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
469
|
+
box-shadow: ${e=>e.$theme.boxShadow};
|
|
470
|
+
overflow-y: auto;
|
|
471
|
+
max-height: 180px;
|
|
472
|
+
|
|
473
|
+
${e=>e.$opened&&"visibility: visible; opacity: 1;"}
|
|
474
|
+
`,Cn=R.li`
|
|
475
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
476
|
+
cursor: pointer;
|
|
477
|
+
display: flex;
|
|
478
|
+
justify-content: space-between;
|
|
479
|
+
align-items: center;
|
|
480
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
481
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
482
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
483
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
484
|
+
|
|
485
|
+
&:hover,
|
|
486
|
+
&:active {
|
|
487
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
&:focus-visible {
|
|
491
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
492
|
+
outline-offset: -4px;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
svg {
|
|
496
|
+
color: ${e=>e.$selected?e.$theme.fontColorAccent:e.$theme.fontColorLight};
|
|
497
|
+
width: ${e=>e.$theme.iconSize};
|
|
498
|
+
height: ${e=>e.$theme.iconSize};
|
|
499
|
+
}
|
|
500
|
+
`,as=R(Cn)`
|
|
501
|
+
justify-content: flex-start;
|
|
502
|
+
`;function or(e){return l.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:l.jsx("path",{d:"M21.886 5.536A1.002 1.002 0 0021 5H3a1.002 1.002 0 00-.822 1.569l9 13a.998.998 0 001.644 0l9-13a.998.998 0 00.064-1.033zM12 17.243L4.908 7h14.184L12 17.243z"})})}const cs=Object.freeze(Object.defineProperty({__proto__:null,default:or},Symbol.toStringTag,{value:"Module"}));function ir(e){return l.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:l.jsx("path",{d:"M3 19h18a1.002 1.002 0 00.823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 003 19zm9-12.243L19.092 17H4.908L12 6.757z"})})}const ls=Object.freeze(Object.defineProperty({__proto__:null,default:ir},Symbol.toStringTag,{value:"Module"})),ds=({opened:e,onClick:t,comboboxId:r,dropdownId:n,name:o,placeholder:i,disabled:a,required:d,values:c,theme:h})=>{const u=c==null?void 0:c.filter(g=>g.selected).map(g=>g.label),f=c==null?void 0:c.filter(g=>g.selected).map(g=>g.id);let y=l.jsx("span",{children:i});return u&&u.length>1?y=l.jsx("span",{children:`${u.length} items selected`}):u&&u.length===1&&(y=l.jsx("span",{children:u[0]})),l.jsxs(wn,{type:"button",name:o,value:f,role:"combobox","aria-haspopup":"listbox","aria-expanded":e,"aria-controls":n,id:r,onClick:t,disabled:a,"aria-required":d,$theme:h,children:[y,e?l.jsx(ir,{}):l.jsx(or,{})]})},us=({value:e,onSelect:t,theme:r})=>{const{id:n,label:o,selected:i}=e,a=d=>c=>{switch(c.key){case" ":case"SpaceBar":case"Enter":c.preventDefault(),t(d);break}};return l.jsxs(as,{id:n,role:"option","aria-selected":i,tabIndex:0,onKeyDown:a(n),onClick:()=>t(n),$theme:r,$selected:i,children:[i?l.jsx(Et,{}):l.jsx(It,{}),l.jsx("span",{children:o})]})},hs=({options:e,opened:t,onClose:r,onSelect:n,dropdownId:o,theme:i})=>l.jsx(Sn,{$opened:t,role:"listbox",id:o,tabIndex:-1,onKeyDown:a=>gn({e:a,options:e,onClose:r}),$theme:i,children:e.map(a=>l.jsx(us,{value:a,onSelect:()=>n(a.id),theme:i},a.id))});function fs({name:e,options:t,initialValues:r,defaultValue:n}){return t.map(o=>{let i=!1;return r&&(r!=null&&r[e])&&Array.isArray(r[e])&&r[e].find(d=>d===o.id||(d==null?void 0:d.id)===o.id)&&(i=!0),!(r!=null&&r[e])&&Array.isArray(n)&&n.find(d=>d===o.id)&&(i=!0),{...o,selected:i}})}const Nr=e=>e.filter(t=>t.selected).map(t=>t.id),ps=(e,t)=>{const r=e.find(n=>n.id===t);return e.map(n=>n.id===t?{...n,selected:!(r!=null&&r.selected)}:n)};function ms({name:e,defaultValue:t,onChange:r,options:n}){const[o,i]=m.useState(!1),{onChangeFormInput:a,initialValues:d}=m.useContext($e),c=fs({name:e,options:n,initialValues:d,defaultValue:t}),[h,u]=m.useState(c),f=()=>i(!1),y=()=>i(!o),g=w=>{const k=ps(h,w);u(k),r==null||r(k),a==null||a({name:e,value:Nr(k)})},b=m.useCallback(()=>{i(!1),u(c),a==null||a({name:e,value:Nr(c)})},[e]);return Ue(b),{handleClose:f,handleToggle:y,handleSelect:g,opened:o,values:h}}const gs=({options:e,name:t,label:r,required:n=!1,placeholder:o="Not selected",disabled:i=!1,onChange:a,defaultValue:d,id:c,...h})=>{const u=m.useRef(null),{elementId:f,dropdownId:y}=ue(c),g=J(),{handleClose:b,handleSelect:w,handleToggle:k,opened:S,values:$}=ms({name:t,options:e,defaultValue:d,onChange:a});return jt({ref:u,onClickOutsideHandler:b}),ot({keyCode:"Escape",ref:u,onKeyPress:b}),l.jsxs(xn,{ref:u,$theme:g,...h,children:[l.jsx(Ie,{label:r,required:n,inputId:f,theme:g}),l.jsx(ds,{name:t,opened:S,comboboxId:f,dropdownId:y,onClick:k,values:$,placeholder:o,disabled:i,required:n,theme:g}),l.jsx(hs,{theme:g,options:$,opened:S,onClose:b,dropdownId:y,onSelect:w})]})};function ys({name:e,initialValues:t,defaultValue:r}){return t&&t[e]?Number(t[e]):r&&typeof r=="number"?r:0}function vs({value:e,required:t,validator:r,maxValue:n,minValue:o}){return t&&!r&&e===void 0?!1:r&&typeof r=="function"?r(e):n&&o&&e&&!r?e<=n&&e>=o:!0}function bs({name:e,defaultValue:t,onChange:r,onSpinButtonClick:n,min:o,max:i,step:a,required:d,validator:c}){const{onChangeFormInput:h,initialValues:u}=m.useContext($e),f=ys({initialValues:u,defaultValue:t,name:e}),y=i?Number(i):Number.MAX_SAFE_INTEGER,g=o?Number(o):Number.MIN_SAFE_INTEGER,[b,w]=m.useState(f),[k,S]=m.useState(!0),$=x=>{w(x);const H=vs({value:x,required:d,validator:c,maxValue:y,minValue:g});S(H),h==null||h({name:e,value:x,valid:H})},j=x=>{const H=Number(x.target.value);$(H),r==null||r(x)},A=()=>{$(b+a),n==null||n(b+a)},P=()=>{$(b-a),n==null||n(b-a)},E=m.useCallback(()=>{w(f),S(!0),h==null||h({name:e,value:f,valid:!0})},[e]);return Ue(E),{handleChange:j,value:b,valid:k,minValue:g,maxValue:y,increment:A,decrement:P}}const $s=R.div`
|
|
503
|
+
display: flex;
|
|
504
|
+
flex-direction: column;
|
|
505
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
506
|
+
position: relative;
|
|
507
|
+
|
|
508
|
+
& > div:nth-child(2) {
|
|
509
|
+
display: flex;
|
|
510
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
511
|
+
align-items: center;
|
|
512
|
+
border: ${e=>e.$theme.borderBase};
|
|
513
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
514
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
515
|
+
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
516
|
+
|
|
517
|
+
&:has(input:focus) {
|
|
518
|
+
border: ${e=>e.$theme.borderOutline};
|
|
519
|
+
}
|
|
520
|
+
|
|
521
|
+
&:has(input[aria-invalid='true']) {
|
|
522
|
+
border: ${e=>e.$theme.borderAccent};
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
&:has(input[disabled]) {
|
|
526
|
+
pointer-events: none;
|
|
527
|
+
opacity: 0.5;
|
|
528
|
+
}
|
|
529
|
+
|
|
530
|
+
& > span:nth-child(2) {
|
|
531
|
+
display: flex;
|
|
532
|
+
align-items: center;
|
|
533
|
+
}
|
|
534
|
+
}
|
|
535
|
+
|
|
536
|
+
& input {
|
|
537
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
538
|
+
padding: 0;
|
|
539
|
+
border: none;
|
|
540
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
541
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
542
|
+
display: inline-block;
|
|
543
|
+
background: transparent;
|
|
544
|
+
white-space: nowrap;
|
|
545
|
+
text-overflow: ellipsis;
|
|
546
|
+
overflow: hidden;
|
|
547
|
+
flex-grow: 1;
|
|
548
|
+
min-width: 0;
|
|
549
|
+
|
|
550
|
+
&:focus-visible {
|
|
551
|
+
outline: none;
|
|
552
|
+
}
|
|
553
|
+
|
|
554
|
+
&::-webkit-outer-spin-button,
|
|
555
|
+
&::-webkit-inner-spin-button {
|
|
556
|
+
-webkit-appearance: none;
|
|
557
|
+
margin: 0;
|
|
558
|
+
}
|
|
559
|
+
|
|
560
|
+
&[type='number'] {
|
|
561
|
+
-moz-appearance: textfield;
|
|
562
|
+
}
|
|
563
|
+
}
|
|
564
|
+
`,xs=({name:e,label:t,errorMessage:r,onChange:n,onBlur:o,onFocus:i,onSpinButtonClick:a,validator:d,min:c,max:h,id:u,tabIndex:f,disabled:y=!1,required:g=!1,readOnly:b=!1,hasSpinButtons:w=!0,defaultValue:k=0,step:S=1,...$})=>{const{elementId:j,errorId:A}=ue(u),P=J(),{value:E,valid:x,handleChange:H,increment:K,decrement:he,minValue:fe,maxValue:pe}=bs({name:e,defaultValue:k,min:c,max:h,onChange:n,required:g,validator:d,step:S,onSpinButtonClick:a});return l.jsxs($s,{$theme:P,...$,children:[l.jsx(Ie,{label:t,required:g,inputId:j,theme:P}),l.jsxs("div",{children:[l.jsx("input",{id:j,name:e,type:"number",disabled:y,required:g,readOnly:b,placeholder:"0","aria-invalid":!x,"aria-errormessage":A,value:E.toString(),onChange:H,min:fe,max:pe,step:S,onBlur:o,onFocus:i,tabIndex:f}),w&&l.jsxs("span",{children:[l.jsx(et,{onClick:he,label:`Decrement value for ${t}`,icon:_.ChevronLeft,disabled:y,theme:P}),l.jsx(et,{onClick:K,label:`Increment value for ${t}`,icon:_.ChevronRight,disabled:y,theme:P})]})]}),l.jsx(er,{errorId:A,message:r,visible:!x,theme:P})]})},ws=({opened:e,onClick:t,comboboxId:r,dropdownId:n,selected:o,name:i,placeholder:a,disabled:d,required:c,theme:h})=>l.jsxs(wn,{type:"button",name:i,value:o==null?void 0:o.id,role:"combobox","aria-haspopup":"listbox","aria-expanded":e,"aria-controls":n,id:r,onClick:t,disabled:d,"aria-required":c,$theme:h,children:[o!=null&&o.label?l.jsx("span",{children:o==null?void 0:o.label}):l.jsx("span",{children:a}),e?l.jsx(ir,{}):l.jsx(or,{})]});function sr(e){return l.jsx("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",...e,children:l.jsx("path",{d:"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z"})})}const Ss=Object.freeze(Object.defineProperty({__proto__:null,default:sr},Symbol.toStringTag,{value:"Module"})),Cs=({value:e,selected:t,onSelect:r,onClear:n,theme:o})=>{const{id:i,label:a}=e,d=h=>{t?n():r(h)},c=h=>u=>{switch(u.key){case" ":case"SpaceBar":case"Enter":u.preventDefault(),d(h);break}};return l.jsxs(Cn,{id:i,role:"option","aria-selected":t,tabIndex:0,onKeyDown:c(i),onClick:()=>d(i),$theme:o,$selected:t,children:[l.jsx("span",{children:a}),t&&l.jsx(sr,{})]})},ks=({options:e,opened:t,onClose:r,onSelect:n,dropdownId:o,comboboxId:i,selected:a,onClear:d,theme:c})=>{const h=u=>{n(u),r(),tt(i)};return l.jsx(Sn,{role:"listbox",id:o,tabIndex:-1,onKeyDown:u=>gn({e:u,options:e,onClose:r}),$opened:t,$theme:c,children:e.map(u=>l.jsx(Cs,{value:u,onSelect:()=>h(u.id),onClear:d,selected:u.id===(a==null?void 0:a.id),theme:c},u.id))})};function js({name:e,options:t,initialValues:r,defaultValue:n}){var i;let o;return r&&r[e]&&(o=((i=r[e])==null?void 0:i.id)??r[e]),!(r!=null&&r[e])&&n&&typeof n=="string"&&(o=n),t.find(a=>a.id===o)}function Es({name:e,defaultValue:t,onChange:r,options:n}){const{onChangeFormInput:o,initialValues:i}=m.useContext($e),a=js({name:e,options:n,defaultValue:t,initialValues:i}),[d,c]=m.useState(!1),[h,u]=m.useState(a),f=()=>c(!1),y=()=>c(!d),g=k=>{const S=n.find($=>$.id===k);u(S),r==null||r(S),o==null||o({name:e,value:S==null?void 0:S.id})},b=()=>{u(void 0),r==null||r(void 0)},w=m.useCallback(()=>{c(!1),u(a),o==null||o({name:e,value:a==null?void 0:a.id})},[e]);return Ue(w),{selected:h,opened:d,handleClear:b,handleClose:f,handleToggle:y,handleSelect:g}}const Is=({options:e,onChange:t,name:r,label:n,defaultValue:o,id:i,placeholder:a="Not selected",required:d=!1,disabled:c=!1,...h})=>{const u=m.useRef(null),f=J(),{elementId:y,dropdownId:g}=ue(i),{handleClear:b,handleClose:w,handleSelect:k,handleToggle:S,selected:$,opened:j}=Es({options:e,onChange:t,defaultValue:o,name:r});return jt({ref:u,onClickOutsideHandler:w}),ot({keyCode:"Escape",ref:u,onKeyPress:w}),l.jsxs(xn,{ref:u,$theme:f,...h,children:[l.jsx(Ie,{label:n,required:d,inputId:y,theme:f}),l.jsx(ws,{name:r,opened:j,comboboxId:y,dropdownId:g,onClick:S,selected:$,placeholder:a,disabled:c,required:d,theme:f}),l.jsx(ks,{options:e,selected:$,opened:j,onClose:w,dropdownId:g,comboboxId:y,onSelect:k,onClear:b,theme:f})]})};function Rs({value:e,required:t,validator:r}){return t&&!r&&!e.length?!1:r&&typeof r=="function"?r(e):r&&typeof r=="object"?new RegExp(r.regexp,r==null?void 0:r.flags).test(e):!0}function _s({name:e,initialValues:t,defaultValue:r}){return t&&(t!=null&&t[e])?t[e].toString():r&&typeof r=="string"?r:""}function Ps({name:e,defaultValue:t,onChange:r,onClear:n,required:o,validator:i}){const{onChangeFormInput:a,initialValues:d}=m.useContext($e),c=_s({initialValues:d,defaultValue:t,name:e}),[h,u]=m.useState(c),[f,y]=m.useState(!0),[g,b]=m.useState(!1),w=j=>{const A=j.target.value,P=Rs({value:A,required:o,validator:i});u(A),y(P),a==null||a({name:e,value:A,valid:P}),r==null||r(j)},k=()=>{u(""),y(!0),a==null||a({name:e,value:"",valid:!0}),n==null||n()},S=m.useCallback(()=>{u(c),y(!0),a==null||a({name:e,value:c,valid:!0})},[e]),$=()=>{b(!g)};return Ue(S),{value:h,valid:f,passwordShown:g,handleChange:w,handleClear:k,togglePassword:$}}const As=R.div`
|
|
565
|
+
display: flex;
|
|
566
|
+
flex-direction: column;
|
|
567
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
568
|
+
position: relative;
|
|
569
|
+
|
|
570
|
+
& > div:nth-child(2) {
|
|
571
|
+
display: flex;
|
|
572
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
573
|
+
align-items: center;
|
|
574
|
+
border: ${e=>e.$theme.borderLight};
|
|
575
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
576
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
577
|
+
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
578
|
+
|
|
579
|
+
&:has(input:focus) {
|
|
580
|
+
border: ${e=>e.$theme.borderOutline};
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
&:has(input[aria-invalid='true']) {
|
|
584
|
+
border: ${e=>e.$theme.borderAccent};
|
|
585
|
+
}
|
|
586
|
+
|
|
587
|
+
&:has(input[disabled]) {
|
|
588
|
+
pointer-events: none;
|
|
589
|
+
opacity: 0.5;
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
& > span:nth-child(2) {
|
|
593
|
+
display: flex;
|
|
594
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
595
|
+
align-items: center;
|
|
596
|
+
}
|
|
597
|
+
}
|
|
598
|
+
|
|
599
|
+
& input {
|
|
600
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
601
|
+
padding: 0;
|
|
602
|
+
border: none;
|
|
603
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
604
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
605
|
+
display: inline-block;
|
|
606
|
+
background: transparent;
|
|
607
|
+
white-space: nowrap;
|
|
608
|
+
text-overflow: ellipsis;
|
|
609
|
+
overflow: hidden;
|
|
610
|
+
flex-grow: 1;
|
|
611
|
+
min-width: 0;
|
|
612
|
+
|
|
613
|
+
&:focus-visible {
|
|
614
|
+
outline: none;
|
|
615
|
+
}
|
|
616
|
+
|
|
617
|
+
&:placeholder-shown + span {
|
|
618
|
+
display: none !important;
|
|
619
|
+
}
|
|
620
|
+
}
|
|
621
|
+
`,Ts=({name:e,label:t,errorMessage:r,defaultValue:n,onChange:o,onBlur:i,onFocus:a,onClear:d,validator:c,maxLength:h,id:u,tabIndex:f,placeholder:y="Type here...",disabled:g=!1,required:b=!1,clearable:w=!0,readOnly:k=!1,autoComplete:S="off",type:$="text",...j})=>{const{value:A,valid:P,handleChange:E,handleClear:x,passwordShown:H,togglePassword:K}=Ps({defaultValue:n,name:e,onChange:o,onClear:d,required:b,validator:c}),{elementId:he,errorId:fe}=ue(u),pe=$==="password",W=J();return l.jsxs(As,{$theme:W,...j,children:[l.jsx(Ie,{label:t,required:b,inputId:he,theme:W}),l.jsxs("div",{children:[l.jsx("input",{id:he,name:e,type:H?"text":$,disabled:g,placeholder:y,required:b,readOnly:k,autoComplete:S,"aria-invalid":!P,"aria-errormessage":fe,"aria-readonly":k,value:A,onChange:E,maxLength:h,onBlur:i,onFocus:a,tabIndex:f}),l.jsxs("span",{children:[w&&l.jsx(et,{onClick:x,label:`Clear input for ${t}`,icon:_.Remove,disabled:g,theme:W}),pe&&l.jsx(et,{onClick:K,label:"Toggle password visibility",icon:H?_.Hide:_.Show,disabled:g,theme:W})]})]}),l.jsx(er,{errorId:fe,message:r,visible:!P,theme:W})]})},zs=R.header`
|
|
622
|
+
display: flex;
|
|
623
|
+
justify-content: space-between;
|
|
624
|
+
align-items: center;
|
|
625
|
+
|
|
626
|
+
h3 {
|
|
627
|
+
display: flex;
|
|
628
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
629
|
+
align-items: center;
|
|
630
|
+
margin: 0;
|
|
631
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
632
|
+
|
|
633
|
+
svg {
|
|
634
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
635
|
+
}
|
|
636
|
+
}
|
|
637
|
+
`,Os=R.div`
|
|
638
|
+
position: fixed;
|
|
639
|
+
bottom: ${e=>e.$theme.gapBig};
|
|
640
|
+
left: 50%;
|
|
641
|
+
transform: translateX(-50%);
|
|
642
|
+
z-index: ${e=>e.$theme.zIndexPopup};
|
|
643
|
+
${nt}
|
|
644
|
+
|
|
645
|
+
${e=>e.$isClosing&&pn}
|
|
646
|
+
`,Ds=R.div`
|
|
647
|
+
display: flex;
|
|
648
|
+
flex-direction: column;
|
|
649
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
650
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
651
|
+
background: ${e=>e.$theme.backgroundColorBase};
|
|
652
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
653
|
+
width: 90vw;
|
|
654
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
655
|
+
box-shadow: ${e=>e.$theme.boxShadow};
|
|
656
|
+
border: ${e=>e.$theme.borderLight};
|
|
657
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
658
|
+
`;function kn(e){return l.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:[l.jsx("path",{d:"M11 7h2v7h-2zm0 8h2v2h-2z"}),l.jsx("path",{d:"M21.707 7.293l-5-5A.996.996 0 0016 2H8a.996.996 0 00-.707.293l-5 5A.996.996 0 002 8v8c0 .266.105.52.293.707l5 5A.996.996 0 008 22h8c.266 0 .52-.105.707-.293l5-5A.996.996 0 0022 16V8a.996.996 0 00-.293-.707zM20 15.586L15.586 20H8.414L4 15.586V8.414L8.414 4h7.172L20 8.414v7.172z"})]})}const Ms=Object.freeze(Object.defineProperty({__proto__:null,default:kn},Symbol.toStringTag,{value:"Module"}));function jn(e){return l.jsx("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",...e,children:l.jsx("path",{d:"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM192.13 260.18a64 64 0 1159.69 59.69 64.07 64.07 0 01-59.69-59.69zm240-66.64l-96.37 5.84a4.06 4.06 0 01-3.44-1.59 96 96 0 00-18.07-18.07 4.06 4.06 0 01-1.59-3.44l5.84-96.37a4 4 0 015.42-3.51A193 193 0 01435.6 188.12a4 4 0 01-3.51 5.42zM193.54 79.91l5.84 96.37a4.06 4.06 0 01-1.59 3.44 96 96 0 00-18.07 18.07 4.06 4.06 0 01-3.44 1.59l-96.37-5.84a4 4 0 01-3.51-5.42A193 193 0 01188.12 76.4a4 4 0 015.42 3.51zM79.91 318.46l96.37-5.84a4.06 4.06 0 013.44 1.59 96 96 0 0018.07 18.07 4.06 4.06 0 011.59 3.44l-5.84 96.37a4 4 0 01-5.42 3.51A193 193 0 0176.4 323.88a4 4 0 013.51-5.42zm238.55 113.63l-5.84-96.37a4.06 4.06 0 011.59-3.44 96 96 0 0018.07-18.07 4.06 4.06 0 013.44-1.59l96.37 5.84a4 4 0 013.51 5.42A193 193 0 01323.88 435.6a4 4 0 01-5.42-3.51z"})})}const Bs=Object.freeze(Object.defineProperty({__proto__:null,default:jn},Symbol.toStringTag,{value:"Module"}));function En(e){return l.jsxs("svg",{viewBox:"0 0 1024 1024",fill:"currentColor",height:"1em",width:"1em",...e,children:[l.jsx("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}),l.jsx("path",{d:"M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"})]})}const Ls=Object.freeze(Object.defineProperty({__proto__:null,default:En},Symbol.toStringTag,{value:"Module"}));function In(e){return l.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:[l.jsx("path",{fill:"none",d:"M0 0h24v24H0z"}),l.jsx("path",{d:"M4 20v-6a8 8 0 1116 0v6h1v2H3v-2h1zm2 0h12v-6a6 6 0 10-12 0v6zm5-18h2v3h-2V2zm8.778 2.808l1.414 1.414-2.12 2.121-1.415-1.414 2.121-2.121zM2.808 6.222l1.414-1.414 2.121 2.12L4.93 8.344 2.808 6.222zM7 14a5 5 0 015-5v2a3 3 0 00-3 3H7z"})]})}const Fs=Object.freeze(Object.defineProperty({__proto__:null,default:In},Symbol.toStringTag,{value:"Module"}));function Ns(e,t){if(t)return t;switch(e){case X.Info:return"For your information";case X.Warning:return"Please pay attention";case X.Error:return"Something went wrong";case X.Success:return"Everything is okay";case X.Help:return"Useful tip";default:return"Alert"}}function Hs(e,t){if(t)return l.jsx(De,{name:t});switch(e){case X.Info:return l.jsx(En,{});case X.Warning:return l.jsx(In,{});case X.Error:return l.jsx(kn,{});case X.Success:return l.jsx(sr,{});case X.Help:return l.jsx(jn,{});default:return null}}const Ws=({title:e,onClose:t,mode:r,icon:n,theme:o})=>{const i=Ns(r,e),a=Hs(r,n);return l.jsxs(zs,{$theme:o,children:[l.jsxs("h3",{children:[a,i]}),l.jsx(rt,{icon:_.Cancel,view:de.Icon,label:"Close alert popup",onClick:t})]})},Gs=({isOpened:e,onClose:t,title:r,message:n,mode:o=X.Info,icon:i,...a})=>{const d=nr(e),c=d&&!e,h=J();return d?l.jsx(Rt,{children:l.jsx(Os,{$isClosing:c,$theme:h,children:l.jsxs(Ds,{...a,$theme:h,children:[l.jsx(Ws,{title:r,onClose:t,mode:o,icon:i,theme:h}),l.jsx("p",{children:n})]})})}):null},Us=R.div`
|
|
659
|
+
z-index: ${e=>e.$theme.zIndexModal};
|
|
660
|
+
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
661
|
+
box-shadow: ${e=>e.$theme.boxShadow};
|
|
662
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
663
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
664
|
+
width: 100%;
|
|
665
|
+
height: 90%;
|
|
666
|
+
position: absolute;
|
|
667
|
+
bottom: 0;
|
|
668
|
+
left: 0;
|
|
669
|
+
border-top-left-radius: ${e=>e.$theme.blockBorderRadius};
|
|
670
|
+
border-top-right-radius: ${e=>e.$theme.blockBorderRadius};
|
|
671
|
+
${nt}
|
|
672
|
+
|
|
673
|
+
@media ${pi.landscapeTablets} {
|
|
674
|
+
width: fit-content;
|
|
675
|
+
height: fit-content;
|
|
676
|
+
position: relative;
|
|
677
|
+
min-width: 40%;
|
|
678
|
+
max-width: 90%;
|
|
679
|
+
max-height: 90%;
|
|
680
|
+
border-bottom-left-radius: ${e=>e.$theme.blockBorderRadius};
|
|
681
|
+
border-bottom-right-radius: ${e=>e.$theme.blockBorderRadius};
|
|
682
|
+
|
|
683
|
+
header {
|
|
684
|
+
font-size: ${e=>e.$theme.fontSizeHeader};
|
|
685
|
+
}
|
|
686
|
+
}
|
|
687
|
+
`,Ys=R.div`
|
|
688
|
+
position: fixed;
|
|
689
|
+
top: 0;
|
|
690
|
+
left: 0;
|
|
691
|
+
width: 100%;
|
|
692
|
+
height: 100%;
|
|
693
|
+
z-index: inherit;
|
|
694
|
+
display: flex;
|
|
695
|
+
justify-content: center;
|
|
696
|
+
align-items: center;
|
|
697
|
+
background-color: ${e=>e.$theme.backgroundColorTransparent};
|
|
698
|
+
${nt}
|
|
699
|
+
|
|
700
|
+
${e=>e.$isClosing&&pn}
|
|
701
|
+
`,Vs=R.header`
|
|
702
|
+
font-size: 1.6rem;
|
|
703
|
+
font-weight: bold;
|
|
704
|
+
display: flex;
|
|
705
|
+
justify-content: space-between;
|
|
706
|
+
align-items: center;
|
|
707
|
+
gap: ${e=>e.$theme.gapBig};
|
|
708
|
+
padding: ${e=>e.$theme.gapBig};
|
|
709
|
+
border-bottom: ${e=>e.$theme.borderBase};
|
|
710
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
711
|
+
`,qs=R.div`
|
|
712
|
+
padding: ${e=>e.$theme.gapBig};
|
|
713
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
714
|
+
`,Ks=({title:e,onClose:t,theme:r})=>l.jsxs(Vs,{$theme:r,children:[e,l.jsx(rt,{icon:_.Cancel,view:de.Icon,label:"Close modal window",onClick:t})]}),Xs=({title:e,onClose:t,isOpened:r,children:n,theme:o,...i})=>{const a=m.useRef(null);return vn({modalRef:a,isOpened:r}),ot({keyCode:"Escape",ref:a,onKeyPress:t}),l.jsxs(Us,{ref:a,role:"dialog","aria-modal":"true",$theme:o,...i,children:[l.jsx(Ks,{title:e,onClose:t,theme:o}),l.jsx(qs,{$theme:o,children:n})]})},Js=({isOpened:e,onClose:t,title:r,children:n,...o})=>{const i=nr(e),a=i&&!e,d=J();return i?l.jsx(Rt,{children:l.jsx(Ys,{$isClosing:a,$theme:d,children:l.jsx(Xs,{title:r,onClose:t,isOpened:e,...o,theme:d,children:n})})}):null},Zs=({id:e})=>{const[t,r]=m.useState(!1),n=m.useRef(null),o=m.useRef(null),{top:i,left:a}=$n({wrapperRef:n,tooltipRef:o,isOpened:t}),{elementId:d}=ue(e),c=()=>r(!1),h=()=>r(!0),u=()=>r(!t),f=y=>{y.preventDefault(),u()};return ot({keyCode:"Escape",ref:o,onKeyPress:c}),jt({ref:o,onClickOutsideHandler:c,dependentRef:n}),{elementId:d,openTooltip:h,closeTooltip:c,toggleTooltip:u,handleContextMenu:f,top:i,left:a,isOpened:t,wrapperRef:n,tooltipRef:o}},Qs=R.div`
|
|
715
|
+
position: absolute;
|
|
716
|
+
left: 0;
|
|
717
|
+
top: 0;
|
|
718
|
+
z-index: ${e=>e.$theme.zIndexPopup};
|
|
719
|
+
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
720
|
+
border: ${e=>e.$theme.borderLight};
|
|
721
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
722
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
723
|
+
font-size: ${e=>e.$theme.fontSizeSmall};
|
|
724
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
725
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
726
|
+
box-shadow: ${e=>e.$theme.boxShadow};
|
|
727
|
+
pointer-events: none;
|
|
728
|
+
white-space: nowrap;
|
|
729
|
+
|
|
730
|
+
${nt}
|
|
731
|
+
`,Rn=({children:e,tooltipContent:t,containerTag:r=rr.Span,visibleOn:n="hover",id:o,style:i,...a})=>{const d=r,c=J(),{openTooltip:h,closeTooltip:u,toggleTooltip:f,handleContextMenu:y,elementId:g,top:b,left:w,isOpened:k,wrapperRef:S,tooltipRef:$}=Zs({id:o});return l.jsxs(d,{style:{position:"relative",cursor:"pointer"},onClick:n==="click"?f:void 0,onMouseOver:n==="hover"?h:void 0,onMouseLeave:n==="hover"?u:void 0,onFocus:n==="focus"?h:void 0,onBlur:n==="focus"?u:void 0,onContextMenu:n==="contextmenu"?j=>y(j):void 0,tabIndex:0,ref:S,"aria-describedby":g,children:[e,k&&l.jsx(Rt,{children:l.jsx(Qs,{style:{...i,top:b,left:w},ref:$,role:"tooltip",id:g,$theme:c,...a,children:t})})]})};function ea(e){return e?Object.keys(e).map(t=>[t,!0]):[]}function ta(e,t){return(t==null?void 0:t.valid)===void 0?e:e.map(r=>r[0]!==t.name?r:[r[0],!!(t!=null&&t.valid)])}function ra(e){return e.every(t=>t[1])}function na({initialValues:e,onReset:t,onSubmit:r,onClickSubmit:n}){const[o,i]=m.useState(e),[a,d]=m.useState(ea(e)),[c,h]=m.useState(0);return{handleInputChange:g=>{const b={...o,[g.name]:g.value};i(b),d(ta(a,g))},handleSubmit:g=>{g.preventDefault();const w={...Object.fromEntries(new FormData(g.target)),...o};r==null||r(g),n==null||n(w)},handleReset:g=>{t==null||t(g),i(e),h(c+1)},resetSignal:c,valid:ra(a)}}const oa=R.form`
|
|
732
|
+
display: grid;
|
|
733
|
+
align-items: end;
|
|
734
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
735
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
736
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
737
|
+
|
|
738
|
+
${({$columns:e})=>`
|
|
739
|
+
grid-template-columns: repeat(${e}, 1fr);
|
|
740
|
+
grid-template-rows: auto;
|
|
741
|
+
`}
|
|
742
|
+
`,ia=R.div`
|
|
743
|
+
display: flex;
|
|
744
|
+
align-items: center;
|
|
745
|
+
justify-content: space-between;
|
|
746
|
+
padding-top: 1rem;
|
|
747
|
+
|
|
748
|
+
${({$columns:e})=>`
|
|
749
|
+
grid-column: 1 / ${e+1};
|
|
750
|
+
`}
|
|
751
|
+
`,sa=({children:e,initialValues:t,onReset:r,onSubmit:n,onClickSubmit:o,columns:i=1,hasReset:a=!0,...d})=>{const{handleInputChange:c,handleSubmit:h,handleReset:u,resetSignal:f,valid:y}=na({initialValues:t,onReset:r,onSubmit:n,onClickSubmit:o}),g=J();return l.jsx(oa,{onSubmit:h,onReset:u,$columns:i,$theme:g,...d,children:l.jsxs($e.Provider,{value:{onChangeFormInput:c,initialValues:t,resetSignal:f},children:[e,l.jsxs(ia,{$columns:i,children:[a&&l.jsx(rt,{type:"reset",text:"Reset",icon:_.Clear,view:de.Flat}),l.jsx(rt,{type:"submit",text:"Submit",icon:_.Forward,extended:!a,disabled:!y})]})]})})},aa=R.table`
|
|
752
|
+
border-collapse: collapse;
|
|
753
|
+
`,ca=R.thead`
|
|
754
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
755
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
756
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
757
|
+
`,la=R.tbody`
|
|
758
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
759
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
760
|
+
`,_n=R.th`
|
|
761
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
762
|
+
text-align: left;
|
|
763
|
+
`,da=R.tr`
|
|
764
|
+
font-weight: bold;
|
|
765
|
+
border-top: ${e=>e.$theme.borderLight};
|
|
766
|
+
border-bottom: ${e=>e.$theme.borderLight};
|
|
767
|
+
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
768
|
+
`,Pn=R.td`
|
|
769
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
770
|
+
`,ua=R.caption`
|
|
771
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
772
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
773
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
774
|
+
font-weight: bold;
|
|
775
|
+
`,ha=R.tr`
|
|
776
|
+
border-bottom: ${e=>e.$theme.borderLight};
|
|
777
|
+
|
|
778
|
+
${e=>e.$selected&&`
|
|
779
|
+
background-color: ${e.$theme.backgroundColorLight};
|
|
780
|
+
`}
|
|
781
|
+
`,Hr=R.col`
|
|
782
|
+
border-right: ${e=>e.$theme.borderLight};
|
|
783
|
+
|
|
784
|
+
${e=>e.$isFirst&&`border-left: ${e.$theme.borderLight};`}
|
|
785
|
+
${e=>e.$highlighted&&`background-color: ${e.$theme.backgroundColorLight};`}
|
|
786
|
+
`,fa=R.div`
|
|
787
|
+
display: flex;
|
|
788
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
789
|
+
padding: ${e=>e.$theme.gapSmall} 0;
|
|
790
|
+
position: relative;
|
|
791
|
+
overflow: hidden;
|
|
792
|
+
|
|
793
|
+
svg {
|
|
794
|
+
color: ${e=>e.$checked?e.$theme.fontColorBase:e.$theme.fontColorLight};
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
label {
|
|
798
|
+
cursor: pointer;
|
|
799
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
800
|
+
font-size: ${e=>e.$theme.fontSizeBase} !important;
|
|
801
|
+
&:hover,
|
|
802
|
+
&:active {
|
|
803
|
+
text-shadow: ${e=>e.$theme.textShadow};
|
|
804
|
+
}
|
|
805
|
+
}
|
|
806
|
+
|
|
807
|
+
${e=>e.$disabled&&`
|
|
808
|
+
pointer-events: none;
|
|
809
|
+
opacity: 0.5;
|
|
810
|
+
`}
|
|
811
|
+
`,pa=R.input`
|
|
812
|
+
position: absolute;
|
|
813
|
+
z-index: -1;
|
|
814
|
+
opacity: 0;
|
|
815
|
+
top: 4px;
|
|
816
|
+
left: 0;
|
|
817
|
+
margin: 0;
|
|
818
|
+
|
|
819
|
+
&:focus-visible + label {
|
|
820
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
821
|
+
outline-offset: 2px;
|
|
822
|
+
}
|
|
823
|
+
`;function ma({item:e,columns:t,renderDataItem:r}){const n=[];for(const o of t){let i;r&&e[o.field]?i=r(e,o.field):e[o.field]?i=e[o.field].toString():i="",n.push(i)}return n}const ga=({value:e,theme:t})=>l.jsx(Pn,{$theme:t,children:e}),An=({name:e,label:t,disabled:r,required:n=!1,onChange:o,checked:i=!1,theme:a,...d})=>{const{elementId:c}=ue(d==null?void 0:d.id);return l.jsxs(fa,{$disabled:!!r,$checked:i,$theme:a,children:[l.jsx(pa,{id:c,name:e,type:"checkbox",disabled:r,required:n,checked:i,onChange:o,$theme:a}),l.jsx(Ie,{label:t,required:n,inputId:c,isTextHidden:!0,iconPosition:"left",theme:a,icon:i?l.jsx(Et,{}):l.jsx(It,{})})]})},ya=({rowId:e,isRowSelected:t,selectRowById:r,deselectRowById:n,disabled:o,theme:i})=>{const a=d=>{const{checked:c}=d.target;c?r(e):n(e)};return l.jsx(Pn,{$theme:i,children:l.jsx(An,{theme:i,label:"Select row",onChange:a,id:`select_row_${e}`,checked:t,disabled:o})})},va=({rowId:e,selectRowById:t,deselectRowById:r,selectable:n,values:o,selectedIds:i,disabled:a,theme:d})=>{const c=i.includes(e);return l.jsxs(ha,{$selected:c,$theme:d,children:[n&&l.jsx(ya,{rowId:e,selectRowById:t,deselectRowById:r,isRowSelected:c,disabled:a,theme:d}),o.map((h,u)=>l.jsx(ga,{value:h,theme:d},`row_${u}`))]})},ba=({selectRowById:e,deselectRowById:t,renderDataItem:r,selectedIds:n,selectable:o,data:i,columns:a,theme:d})=>l.jsx(la,{$theme:d,children:i.map(c=>{const h=ma({item:c,columns:a,renderDataItem:r});return l.jsx(va,{rowId:c.id,disabled:c==null?void 0:c.disabled,selectRowById:e,deselectRowById:t,selectable:o,values:h,selectedIds:n,theme:d},c.id)})}),$a=({columns:e,selectable:t,theme:r})=>l.jsxs("colgroup",{children:[t&&l.jsx(Hr,{$isFirst:!0,$highlighted:!1,$theme:r}),e.map((n,o)=>l.jsx(Hr,{$isFirst:o===0&&!t,$highlighted:!!(n!=null&&n.highlighted),className:n==null?void 0:n.className,$theme:r},n==null?void 0:n.title))]}),xa=({title:e,component:t,theme:r})=>l.jsx(_n,{$theme:r,children:t??e??""}),wa=({gridId:e,isAllSelected:t,selectAll:r,deselectAll:n,disabled:o,theme:i})=>{const a=d=>{const{checked:c}=d.target;c?r():n()};return l.jsx(_n,{$theme:i,children:l.jsx(An,{label:"Select all rows",onChange:a,id:`select_all_${e}`,checked:t,disabled:o,theme:i})})},Sa=({columns:e,gridId:t,selectAll:r,deselectAll:n,selectable:o,isAllSelected:i,isAllCheckboxDisabled:a=!1,theme:d})=>l.jsx(ca,{$theme:d,children:l.jsxs(da,{$theme:d,children:[o&&l.jsx(wa,{isAllSelected:i,disabled:a,gridId:t,selectAll:r,deselectAll:n,theme:d}),e.map(c=>l.jsx(xa,{title:c.title,component:c.component,theme:d},`${c.title}_${t}`))]})}),Ca=({data:e,id:t,onSelect:r})=>{const{elementId:n}=ue(t),[o,i]=m.useState([]),a=e.map(b=>b.id),d=a.length===o.length,c=e.some(b=>b==null?void 0:b.disabled),h=b=>{i(b),r==null||r(b)};return{elementId:n,isAllSelected:d,isAllCheckboxDisabled:c,selectedIds:o,handleSelectAll:()=>{h(a)},handleDeselectAll:()=>{h([])},handleSelectRowById:b=>{const w=[...o,b];h(w)},handleDeselectRowById:b=>{const w=o.filter(k=>k!==b);h(w)}}},ka=({columns:e,data:t,id:r,onSelect:n,renderDataItem:o,caption:i,selectable:a=!1,...d})=>{const{elementId:c,handleSelectAll:h,handleDeselectAll:u,isAllCheckboxDisabled:f,isAllSelected:y,handleDeselectRowById:g,handleSelectRowById:b,selectedIds:w}=Ca({id:r,data:t,onSelect:n}),k=J();return l.jsxs(aa,{...d,children:[i&&l.jsx(ua,{$theme:k,children:i}),l.jsx($a,{columns:e,selectable:a,theme:k}),l.jsx(Sa,{gridId:c,columns:e,selectable:a,selectAll:h,deselectAll:u,isAllSelected:y,isAllCheckboxDisabled:f,theme:k}),l.jsx(ba,{columns:e,data:t,selectable:a,selectRowById:b,deselectRowById:g,selectedIds:w,renderDataItem:o,theme:k})]})},Rt=({children:e})=>{const[t]=m.useState(()=>document.createElement("div"));return m.useEffect(()=>(document.body.appendChild(t),()=>{document.body.removeChild(t)}),[t]),no.createPortal(e,t)},ja=R.button`
|
|
824
|
+
background: transparent;
|
|
825
|
+
position: relative;
|
|
826
|
+
outline: none;
|
|
827
|
+
border: none;
|
|
828
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
829
|
+
cursor: pointer;
|
|
830
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
831
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
832
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
833
|
+
overflow: hidden;
|
|
834
|
+
border-top-left-radius: ${e=>e.$theme.blockBorderRadius};
|
|
835
|
+
border-top-right-radius: ${e=>e.$theme.blockBorderRadius};
|
|
836
|
+
|
|
837
|
+
&:focus-visible {
|
|
838
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
839
|
+
outline-offset: -4px;
|
|
840
|
+
}
|
|
841
|
+
|
|
842
|
+
&:hover,
|
|
843
|
+
&:active {
|
|
844
|
+
text-shadow: ${e=>e.$theme.textShadow};
|
|
845
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
846
|
+
}
|
|
847
|
+
|
|
848
|
+
${e=>e.$disabled&&`
|
|
849
|
+
pointer-events: none;
|
|
850
|
+
filter: grayscale(80%);
|
|
851
|
+
opacity: 0.6;
|
|
852
|
+
`}
|
|
853
|
+
|
|
854
|
+
${e=>e.$selected&&`
|
|
855
|
+
border-top: ${e.$theme.borderLight};
|
|
856
|
+
border-right: ${e.$theme.borderLight};
|
|
857
|
+
border-left: ${e.$theme.borderLight};
|
|
858
|
+
background-color: ${e.$theme.backgroundColorBase};
|
|
859
|
+
top: 1px;
|
|
860
|
+
`}
|
|
861
|
+
|
|
862
|
+
${e=>e.$mode===oe.Vertical&&`
|
|
863
|
+
border-bottom-left-radius: ${e.$theme.blockBorderRadius};
|
|
864
|
+
border-top-right-radius: 0;
|
|
865
|
+
`}
|
|
866
|
+
|
|
867
|
+
${e=>e.$mode===oe.Vertical&&e.$selected&&`
|
|
868
|
+
border-top: ${e.$theme.borderLight};
|
|
869
|
+
border-right: none;
|
|
870
|
+
border-left: ${e.$theme.borderLight};
|
|
871
|
+
border-bottom: ${e.$theme.borderLight};
|
|
872
|
+
top: 0px;
|
|
873
|
+
left: 1px;
|
|
874
|
+
`}
|
|
875
|
+
`,Ea=R.div`
|
|
876
|
+
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
877
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
878
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
879
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
880
|
+
padding: ${e=>e.$theme.gapBig};
|
|
881
|
+
flex-grow: 1;
|
|
882
|
+
`,Ia=R.div`
|
|
883
|
+
border-bottom: ${e=>e.$theme.borderLight};
|
|
884
|
+
padding: 0 ${e=>e.$theme.gapMedium};
|
|
885
|
+
display: flex;
|
|
886
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
887
|
+
|
|
888
|
+
${e=>e.$mode===oe.Vertical&&`
|
|
889
|
+
flex-direction: column;
|
|
890
|
+
border-bottom: none;
|
|
891
|
+
border-right: ${e.$theme.borderLight};
|
|
892
|
+
padding: ${e.$theme.gapMedium} 0;
|
|
893
|
+
`}
|
|
894
|
+
`,Ra=R.div`
|
|
895
|
+
display: flex;
|
|
896
|
+
flex-direction: column;
|
|
897
|
+
width: 100%;
|
|
898
|
+
|
|
899
|
+
${({$mode:e})=>e===oe.Vertical&&`
|
|
900
|
+
flex-direction: row;
|
|
901
|
+
`}
|
|
902
|
+
`,_a=({tabs:e,selectedTabId:t,theme:r})=>{var i;const n=(i=e.find(a=>a.id===t))==null?void 0:i.content,o=`tabpanel_${t}`;return l.jsx(Ea,{role:"tabpanel","aria-labelledby":t,id:o,$theme:r,children:n})},Pa=({title:e,onTabSelect:t,tabId:r,isSelected:n,isDisabled:o=!1,tabPanelId:i,mode:a,theme:d})=>l.jsx(ja,{role:"tab",id:r,onClick:()=>t(r),"aria-selected":n,"aria-controls":i,$selected:n,$disabled:o,$mode:a,$theme:d,children:e}),Aa=({tabs:e,onTabSelect:t,selectedTabId:r,tabPanelIds:n,mode:o,tabIds:i,theme:a})=>{const d=c=>{const h=i.findIndex(u=>u===r);switch(c.key){case"ArrowLeft":case"ArrowUp":{if(c.preventDefault(),c.key==="ArrowUp"&&o===oe.Horizontal||c.key==="ArrowLeft"&&o===oe.Vertical)break;const u=h-1>=0?h-1:i.length-1,f=i[u];f&&(tt(f),t(f));break}case"ArrowRight":case"ArrowDown":{if(c.preventDefault(),c.key==="ArrowDown"&&o===oe.Horizontal||c.key==="ArrowRight"&&o===oe.Vertical)break;const u=h===i.length-1?0:h+1,f=i[u];f&&(tt(f),t(f));break}}};return l.jsx(Ia,{role:"tablist",$mode:o,onKeyDown:d,$theme:a,children:e.map(({id:c,title:h,disabled:u},f)=>l.jsx(Pa,{title:h,onTabSelect:t,tabId:c,isSelected:c===r,isDisabled:u,tabPanelId:n[f],mode:o,theme:a},c))})},Ta=({tabs:e,defaultTabId:t,mode:r=oe.Horizontal,...n})=>{const o=e.map(f=>f.id),i=o.map(f=>`tabpanel_${f}`),a=t&&o.includes(t)?t:o[0],[d,c]=m.useState(a),h=J(),u=f=>{c(f)};return l.jsxs(Ra,{$mode:r,...n,children:[l.jsx(Aa,{tabs:e,selectedTabId:d,tabPanelIds:i,onTabSelect:u,mode:r,tabIds:o,theme:h}),l.jsx(_a,{tabs:e,selectedTabId:d,theme:h})]})};exports.ChopLogicAlert=Gs;exports.ChopLogicAlertMode=X;exports.ChopLogicButton=rt;exports.ChopLogicButtonView=de;exports.ChopLogicCheckbox=ss;exports.ChopLogicDialog=Js;exports.ChopLogicErrorMessage=er;exports.ChopLogicForm=sa;exports.ChopLogicFormContext=$e;exports.ChopLogicGrid=ka;exports.ChopLogicIcon=De;exports.ChopLogicIconName=_;exports.ChopLogicLabel=Ie;exports.ChopLogicMultiSelect=gs;exports.ChopLogicNumericInput=xs;exports.ChopLogicPortal=Rt;exports.ChopLogicSelect=Is;exports.ChopLogicTabs=Ta;exports.ChopLogicTabsMode=oe;exports.ChopLogicTextInput=Ts;exports.ChopLogicThemeContext=mn;exports.ChopLogicThemeMode=tr;exports.ChopLogicTooltip=Rn;exports.ChopLogicTooltipContainer=rr;exports.InputInnerButton=et;exports.jsxRuntimeExports=l;exports.useChopLogicTheme=J;exports.useClickOutside=jt;exports.useContainerDimensions=yn;exports.useElementIds=ue;exports.useKeyPress=ot;exports.useModalFocusTrap=vn;exports.useMount=nr;exports.useResetFormInput=Ue;exports.useTooltipPosition=$n;exports.useWindowDimensions=bn;
|
|
903
|
+
//# sourceMappingURL=index-CKJ3Lh5y.cjs.map
|