@amboss/design-system 3.13.7 → 3.13.8
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/build/cjs/components/ColorIndicator/ColorDot.js +1 -1
- package/build/cjs/components/Toggletip/BasePopover.js +1 -1
- package/build/cjs/web-tokens/assets/icons.json +73 -72
- package/build/cjs/web-tokens/assets/icons16.json +2 -1
- package/build/esm/components/ColorIndicator/ColorDot.js +1 -1
- package/build/esm/components/Toggletip/BasePopover.js +1 -1
- package/build/esm/web-tokens/assets/icons.json +73 -72
- package/build/esm/web-tokens/assets/icons16.json +2 -1
- package/package.json +1 -1
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
"illustration": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" clip-rule=\"evenodd\"/><g fill=\"currentColor\"><path d=\"M10 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4\"/><path fill-rule=\"evenodd\" d=\"M8.92 7.2 7 4 4 9h3.17a3 3 0 0 1 1.75-1.8\" clip-rule=\"evenodd\"/></g></svg>",
|
|
106
106
|
"image": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2 4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z\" clip-rule=\"evenodd\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M5.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3\" clip-rule=\"evenodd\"/><path stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m14 11-4-4-7 7\"/></svg>",
|
|
107
107
|
"image-broken": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M4 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 0a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h3a1 1 0 0 0 1-1v-3h2a1 1 0 0 0 1-1V7h3a1 1 0 0 0 1-1V3a3 3 0 0 0-3-3zm7.414 5H12V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v5.586l5.293-5.293a1 1 0 0 1 1.414 0zm-8.35 6.351L8 5.414l.117.117A1 1 0 0 0 8 6v2H6a1 1 0 0 0-1 1v3H3a1 1 0 0 1-.937-.649Z\" clip-rule=\"evenodd\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M8.293 15.707A1 1 0 0 0 9 16h4a3 3 0 0 0 3-3V9.5A1.5 1.5 0 0 0 14.5 8H12a1 1 0 0 0-1 1v2H9a1 1 0 0 0-1 1v3a1 1 0 0 0 .293.707M13 14h-3v-1h2a1 1 0 0 0 1-1v-2h1v3a1 1 0 0 1-1 1\" clip-rule=\"evenodd\"/></svg>",
|
|
108
|
-
"info": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"
|
|
108
|
+
"info": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 16 16\"><circle cx=\"8\" cy=\"8\" r=\"7\"/><path d=\"M8 11V8m0-3h.01\"/></svg>",
|
|
109
109
|
"institution": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M7 9V7h2v2z\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M9 1v.18l.804-.16a1 1 0 0 1 .392 1.96l-.607.122 2.55 1.768A2 2 0 0 1 13 6.514V7h1a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1v-.486a2 2 0 0 1 .86-1.644l3-2.08A2 2 0 0 1 7 2.702V1a1 1 0 0 1 2 0m2 12V6.514l-3-2.08-3 2.08V13h2v-3h2v3zM2 9h1v4H2zm12 4h-1V9h1z\" clip-rule=\"evenodd\"/></svg>",
|
|
110
110
|
"key-off": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"m5.16 7.574-4.065 3.527-.025.025-.017.018c-.175.174-.781.774-.781 1.701 0 .25-.003.707-.005 1.106l-.004.663c-.073.58.073 1.175.506 1.618.434.444 1.028.605 1.6.565h1.95l.045-.004a1.55 1.55 0 0 0 1.343-1.09l.008-.027.283-1.152 1.31-.353.032-.011a1.55 1.55 0 0 0 .985-1.04l.011-.039.276-1.374.36-.32 4.528 4.527 1.414-1.414L2.5 2.086 1.086 3.5zm-2.902 7.225.027-.002h1.587l.466-1.897 2.109-.569.336-1.672.772-.69-.978-.977-4.116 3.573c-.068.068-.114.12-.15.177s-.04.086-.04.103l-.004 1.117-.005.811z\" clip-rule=\"evenodd\"/><path fill=\"currentColor\" d=\"M11.457 9.78a1 1 0 0 1 .577-1.291A2.94 2.94 0 1 0 8.236 4.69a1 1 0 1 1-1.869-.714 4.94 4.94 0 1 1 6.38 6.38 1 1 0 0 1-1.29-.576\"/><path fill=\"currentColor\" d=\"M9.31 5.736a1.667 1.667 0 1 0 3.334 0 1.667 1.667 0 0 0-3.333 0\"/></svg>",
|
|
111
111
|
"key-on": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M10.978 7.403a1.667 1.667 0 1 1 0-3.333 1.667 1.667 0 0 1 0 3.333\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M.769 16.232c-.433-.443-.579-1.038-.506-1.618l.004-.663c.002-.399.005-.856.005-1.106 0-.927.606-1.527.78-1.7l.018-.019.025-.025L6.14 6.723a4.94 4.94 0 1 1 3.756 3.839l-1.284 1.145-.276 1.374-.01.04a1.55 1.55 0 0 1-.986 1.038l-.032.012-1.31.353-.283 1.152-.008.027a1.55 1.55 0 0 1-1.343 1.09l-.045.004H2.37c-.572.04-1.166-.121-1.6-.565m1.516-1.435-.027.002.004-.026.005-.81c.002-.398.005-.861.005-1.118 0-.017.004-.047.039-.103a1 1 0 0 1 .15-.177l5.98-5.19-.229-.644a2.94 2.94 0 1 1 1.77 1.777l-.56-.202-2.64 2.353-.335 1.672-2.11.57-.465 1.896z\" clip-rule=\"evenodd\"/></svg>",
|
|
@@ -130,6 +130,7 @@
|
|
|
130
130
|
"meditricks": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path stroke=\"currentColor\" stroke-width=\"2\" d=\"M5.39 15a.62.62 0 0 1-.396-.145l-2.227-1.849a.68.68 0 0 1-.111-.914L5 9l-3.579-.907a.67.67 0 0 1-.384-.844l.955-2.773a.66.66 0 0 1 .333-.378.62.62 0 0 1 .493-.017L6 5V1.66c0-.364.285-.66.636-.66h2.728c.352 0 .636.296.636.66V5l3.185-.92a.6.6 0 0 1 .492.018.66.66 0 0 1 .331.378l.955 2.773a.68.68 0 0 1-.025.507.65.65 0 0 1-.365.34L11.125 9l2.224 3.032a.68.68 0 0 1-.115.908l-2.227 1.85a.63.63 0 0 1-.479.139.63.63 0 0 1-.43-.26L8.005 11.5l-2.1 3.23a.63.63 0 0 1-.514.27z\"/></svg>",
|
|
131
131
|
"menu": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-width=\"2\" d=\"M2 8h12M2 12h12M2 4h12\"/></svg>",
|
|
132
132
|
"message-circle": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 7.667a5.6 5.6 0 0 1-.6 2.533 5.67 5.67 0 0 1-5.067 3.133 5.6 5.6 0 0 1-2.533-.6L2 14l1.267-3.8a5.6 5.6 0 0 1-.6-2.533A5.67 5.67 0 0 1 5.8 2.6 5.6 5.6 0 0 1 8.333 2h.334A5.653 5.653 0 0 1 14 7.333z\" clip-rule=\"evenodd\"/></svg>",
|
|
133
|
+
"mic": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M12.666 5.667a1 1 0 0 1 1 1V8a5.67 5.67 0 0 1-1.66 4.007A5.67 5.67 0 0 1 9 13.575V14h1.666a1 1 0 1 1 0 2H5.333a1 1 0 0 1 0-2H7v-.425a5.666 5.666 0 0 1-4.66-5.294L2.333 8V6.667a1 1 0 0 1 2 0V8l.005.183A3.667 3.667 0 0 0 11.666 8V6.667a1 1 0 0 1 1-1\"/><path fill-rule=\"evenodd\" d=\"M8 0c.784 0 1.543.3 2.108.845.567.546.892 1.295.892 2.084V8.07c0 .789-.325 1.538-.892 2.084A3.04 3.04 0 0 1 8 11c-.784 0-1.543-.3-2.108-.845a2.9 2.9 0 0 1-.888-1.936L5 8.07V2.93c0-.789.325-1.538.892-2.084A3.04 3.04 0 0 1 8 0m0 2a1.04 1.04 0 0 0-.72.285.9.9 0 0 0-.28.645v5.14l.005.088a.9.9 0 0 0 .275.556c.185.178.443.285.72.285s.535-.107.72-.285A.9.9 0 0 0 9 8.07V2.93a.9.9 0 0 0-.28-.644A1.04 1.04 0 0 0 8 2\" clip-rule=\"evenodd\"/></svg>",
|
|
133
134
|
"minimize": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"m4.576 10-3.293 3.293 1.414 1.414 3.293-3.293V13a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1h-4a1 1 0 0 0 0 2zM13 7.99a1 1 0 1 0 0-2h-1.586l3.293-3.293-1.414-1.414L10 4.576V2.99a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1z\"/></svg>",
|
|
134
135
|
"minus": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"2\" d=\"M4 8h8\"/></svg>",
|
|
135
136
|
"monitor": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M13.67 1A2.33 2.33 0 0 1 16 3.33v6.34A2.33 2.33 0 0 1 13.67 12H9v1h1.666a1 1 0 1 1 0 2H5.333a1 1 0 0 1 0-2H7v-1H2.33A2.33 2.33 0 0 1 0 9.67V3.33A2.33 2.33 0 0 1 2.33 1zM2.33 3a.33.33 0 0 0-.33.33v6.34c0 .182.148.33.33.33h11.34a.33.33 0 0 0 .33-.33V3.33a.33.33 0 0 0-.33-.33z\" clip-rule=\"evenodd\"/></svg>",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import styled from"@emotion/styled";import React from"react";import{useResponsiveStyles}from"../../shared/mediaQueries";let StyledContainer=styled("div",{target:"
|
|
1
|
+
import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import React from"react";import{useResponsiveStyles}from"../../shared/mediaQueries";let StyledContainer=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"shape"!==prop,target:"e10rt5g20",label:"StyledContainer"})(({theme,hexCode,shape,size})=>({display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:hexCode,boxSizing:"border-box",borderRadius:"50%",...useResponsiveStyles({borderRadius:[size,theme.variables.size.borderRadius],height:[size,theme.variables.size.dimension.icon],width:[size,theme.variables.size.dimension.icon],..."pill"===shape&&{paddingRight:[size,theme.variables.size.dimension.icon],paddingLeft:[size,theme.variables.size.dimension.icon]}})}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29sb3JJbmRpY2F0b3IvQ29sb3JEb3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Db2xvckluZGljYXRvci9Db2xvckRvdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgUHJvcHNXaXRoQ2hpbGRyZW4sIFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBNUSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbnR5cGUgU2l6ZXMgPSBcInNcIiB8IFwibVwiO1xuXG5leHBvcnQgdHlwZSBDb2xvckRvdFByb3BzID0ge1xuICBoZXhDb2RlOiBzdHJpbmc7XG4gIHNoYXBlPzogXCJjaXJjbGVcIiB8IFwicGlsbFwiO1xuICBzaXplPzogU2l6ZXMgfCBNUTxTaXplcz47XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IGlzUHJvcFZhbGlkKHByb3ApICYmIHByb3AgIT09IFwic2hhcGVcIixcbn0pPENvbG9yRG90UHJvcHM+KCh7IHRoZW1lLCBoZXhDb2RlLCBzaGFwZSwgc2l6ZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGJhY2tncm91bmRDb2xvcjogaGV4Q29kZSxcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICBib3JkZXJSYWRpdXM6IFtzaXplLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXNdLFxuICAgIGhlaWdodDogW3NpemUsIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uXSxcbiAgICB3aWR0aDogW3NpemUsIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uXSxcbiAgICAuLi4oc2hhcGUgPT09IFwicGlsbFwiICYmIHtcbiAgICAgIHBhZGRpbmdSaWdodDogW3NpemUsIHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uXSxcbiAgICAgIHBhZGRpbmdMZWZ0OiBbc2l6ZSwgdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLmljb25dLFxuICAgIH0pLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIENvbG9yRG90KHtcbiAgaGV4Q29kZSxcbiAgc2hhcGUgPSBcImNpcmNsZVwiLFxuICBzaXplID0gXCJzXCIsXG4gIGNoaWxkcmVuLFxufTogUHJvcHNXaXRoQ2hpbGRyZW48Q29sb3JEb3RQcm9wcz4pOiBSZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGhleENvZGU9e2hleENvZGV9XG4gICAgICBzaGFwZT17c2hhcGV9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD1cImNvbG9yLWluZGljYXRvclwiXG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWV3QiJ9 */");export function ColorDot({hexCode,shape="circle",size="s",children}){return React.createElement(StyledContainer,{hexCode:hexCode,shape:shape,size:size,"data-e2e-test-id":"color-indicator"},children)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useState,useRef,useEffect,useCallback,useMemo}from"react";import styled from"@emotion/styled";import{TooltipContent}from"../Tooltip/TooltipContent";import{Sheet}from"../Sheet/Sheet";import{FocusTrapWrapper}from"../../shared/FocusTrapWrapper";import breakpoints from"../../web-tokens/_breakpoints.json";let StyledContainer=styled("div",{target:"e1my8fs50",label:"StyledContainer"})(()=>({borderRadius:"inherit"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7XG4gIFJlYWN0RWxlbWVudCxcbiAgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIE1vdXNlRXZlbnQgYXMgUmVhY3RNb3VzZUV2ZW50LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VTdGF0ZSxcbiAgdXNlUmVmLFxuICB1c2VFZmZlY3QsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUb29sdGlwQ29udGVudFByb3BzIH0gZnJvbSBcIi4uL1Rvb2x0aXAvVG9vbHRpcENvbnRlbnRcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcENvbmRpdGlvbmFsUHJvcHMgfSBmcm9tIFwiLi4vVG9vbHRpcC90eXBlc1wiO1xuaW1wb3J0IHsgVG9vbHRpcENvbnRlbnQgfSBmcm9tIFwiLi4vVG9vbHRpcC9Ub29sdGlwQ29udGVudFwiO1xuaW1wb3J0IHsgU2hlZXQgfSBmcm9tIFwiLi4vU2hlZXQvU2hlZXRcIjtcbmltcG9ydCB7IEZvY3VzVHJhcFdyYXBwZXIgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL0ZvY3VzVHJhcFdyYXBwZXJcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG50eXBlIEJhc2VQcm9wcyA9IFBpY2s8XG4gIFRvb2x0aXBDb250ZW50UHJvcHMsXG4gIHwgXCJwbGFjZW1lbnRcIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcIm1heFdpZHRoXCJcbiAgfCBcImNvbnRlbnRQYWRkaW5nXCJcbiAgfCBcImhpZGVBcnJvd1wiXG4gIHwgXCJzdWJUaGVtZVwiXG4gIHwgXCJkZWZhdWx0VmVydGljYWxQbGFjZW1lbnRcIlxuICB8IFwib25PdmVyZmxvd1ZpZXdwb3J0XCJcbj4gJiB7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKiAgUG9wb3ZlciBjb250ZW50ICovXG4gIGNvbnRlbnQ6IFJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiAgUHJvZ3JhbW1hdGljYWxseSB0b2dnbGUgUG9wb3ZlciB2aXNpYmlsaXR5IHdpdGggdGhpcyBwcm9wICovXG4gIGlzVmlzaWJsZT86IGJvb2xlYW47XG4gIC8qKiAgQ2FsbGVkIHdoZW4gdG9vbHRpcCBhcHBlYXJzIGFuZCBkaXNhcHBlYXJzICovXG4gIG9uVmlzaWJpbGl0eUNoYW5nZT86IChpc1Zpc2libGU6IGJvb2xlYW4sIHJlYXNvbjogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogIENvbnRyb2xzIHdoZXRoZXIgQmFzZVBvcG92ZXIgIGNsb3NlcyBvbiBvdXRzaWRlIGNsaWNrICovXG4gIGRpc21pc3NPbk91dHNpZGVDbGljaz86IGJvb2xlYW47XG4gIC8qKiAgT3B0aW9uIGZvciBmb2N1cy10cmFwLCBjb250cm9scyB3aGV0aGVyIHRoZSBmaXJzdCBmb2N1YWJsZSBpdGVtIHJlY2lldmVzIGZvY3VzICovXG4gIGRpc2FibGVJbml0aWFsRm9jdXM/OiBib29sZWFuO1xuICAvKiogIE9wdGlvbiBmb3IgZm9jdXMtdHJhcCwgY29udHJvbHMgd2hldGhlciB0aGUgdHJpZ2dlciBzaG91bGQgcmVjZWl2ZSBiYWNrIHRoZSBmb2N1cyBvbiBwb3BvdmVyIGNsb3NlICovXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj86IGJvb2xlYW47XG4gIC8qKiAgUmVuZGVyIGFzIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgcmVuZGVyQXNTaGVldE9uTW9iaWxlPzogYm9vbGVhbjtcbiAgLyoqICBQcm9wcyBmb3IgY29uZmlndXJpbmcgdGhlIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgc2hlZXRQcm9wcz86IHtcbiAgICAvKiogIFNob3cgdGhlIGRhcmsgc2NyaW0gYmFja2Ryb3Agb24gbW9iaWxlIHdlYiB3aGVuIHJlbmRlcmluZyBhcyBTaGVldCAqL1xuICAgIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcbiAgfTtcbn07XG5cbmV4cG9ydCB0eXBlIEJhc2VQb3BvdmVyUHJvcHMgPSBCYXNlUHJvcHMgJiBUb29sdGlwQ29uZGl0aW9uYWxQcm9wcztcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxufSkpO1xuXG5jb25zdCBGb2N1c1RyYXBDb250ZW50ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIFByb3BzV2l0aENoaWxkcmVuPHVua25vd24+XG4+KCh7IGNoaWxkcmVuIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIHJlZj17cmVmfT57Y2hpbGRyZW59PC9TdHlsZWRDb250YWluZXI+XG4pKTtcblxuY29uc3QgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbiA9IHtcbiAgdHJpZ2dlckNsaWNrOiBcInRyaWdnZXJDbGlja1wiLFxuICBvdXRzaWRlQ2xpY2s6IFwib3V0c2lkZUNsaWNrXCIsXG59O1xuXG5mdW5jdGlvbiBnZXRNb2JpbGVCcmVha3BvaW50KHJlbmRlckFzU2hlZXRPbk1vYmlsZTogYm9vbGVhbikge1xuICByZXR1cm4gKFxuICAgIHR5cGVvZiB3aW5kb3cgIT09IFwidW5kZWZpbmVkXCIgJiZcbiAgICByZW5kZXJBc1NoZWV0T25Nb2JpbGUgJiZcbiAgICB3aW5kb3cuaW5uZXJXaWR0aCA8PSBicmVha3BvaW50cy5tZWRpdW0udmFsdWVcbiAgKTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEJhc2VQb3BvdmVyKHtcbiAgcGxhY2VtZW50ID0gXCJhdXRvXCIsXG4gIGNvbnRlbnQsXG4gIGNoaWxkcmVuLFxuICBjb250ZW50UGFkZGluZyA9IFwibVwiLFxuICBtYXhXaWR0aCxcbiAgZXh0ZXJuYWxUcmlnZ2VyUmVmLFxuICBwb3J0YWxDb250YWluZXIsXG4gIG5hbWUgPSBcIlBvcG92ZXJcIixcbiAgaXNWaXNpYmxlOiBpc1BvcG92ZXJWaXNpYmxlLFxuICBkaXNtaXNzT25PdXRzaWRlQ2xpY2sgPSB0cnVlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgc3ViVGhlbWUsXG4gIGRlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudCxcbiAgb25WaXNpYmlsaXR5Q2hhbmdlLFxuICBkaXNhYmxlSW5pdGlhbEZvY3VzID0gZmFsc2UsXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlciA9IGZhbHNlLFxuICByZW5kZXJBc1NoZWV0T25Nb2JpbGUgPSBmYWxzZSxcbiAgc2hlZXRQcm9wcyxcbiAgLi4ucmVzdENvbnRlbnRQcm9wc1xufTogQmFzZVBvcG92ZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRvb2x0aXBJZCA9IHVzZU1lbW8oXG4gICAgKCkgPT4gYERTJHtuYW1lfV8ke01hdGguZmxvb3IoRGF0ZS5ub3coKSAqIE1hdGgucmFuZG9tKCkpfWAsXG4gICAgW25hbWVdXG4gICk7XG4gIGNvbnN0IFtpc1Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoaXNQb3BvdmVyVmlzaWJsZSk7XG4gIGNvbnN0IFtpc01vYmlsZUJyZWFrUG9pbnQsIHNldElzTW9iaWxlQnJlYWtwb2ludF0gPSB1c2VTdGF0ZShcbiAgICBnZXRNb2JpbGVCcmVha3BvaW50KHJlbmRlckFzU2hlZXRPbk1vYmlsZSlcbiAgKTtcbiAgY29uc3QgaW50ZXJuYWxUcmlnZ2VyUmVmID0gdXNlUmVmPEhUTUxFbGVtZW50PihudWxsKTtcbiAgY29uc3QgdHJpZ2dlclJlZiA9IGV4dGVybmFsVHJpZ2dlclJlZiB8fCBpbnRlcm5hbFRyaWdnZXJSZWY7XG4gIGNvbnN0IGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyID0gdXNlUmVmKGZhbHNlKTtcblxuICBjb25zdCB0b2dnbGVWaXNpYmlsaXR5ID0gdXNlQ2FsbGJhY2soXG4gICAgKHN0YXR1czogYm9vbGVhbiwgcmVhc29uOiBzdHJpbmcpID0+IHtcbiAgICAgIHNldFZpc2libGUoc3RhdHVzKTtcblxuICAgICAgaWYgKG9uVmlzaWJpbGl0eUNoYW5nZSkge1xuICAgICAgICBvblZpc2liaWxpdHlDaGFuZ2Uoc3RhdHVzLCByZWFzb24pO1xuICAgICAgfVxuICAgIH0sXG4gICAgW29uVmlzaWJpbGl0eUNoYW5nZV1cbiAgKTtcblxuICAvLyBPdXRzaWRlIGNsaWNrIGlzIGFsc28gZmlyZWQgd2hlbiB0aGUgUG9wb3ZlciBpcyBvcGVuIGFuZCB0cmlnZ2VyIGlzIGNsaWNrZWQuIGBpc091dHNpZGVDbGlja09uVHJpZ2dlcmAgc2F2ZXMgdGhpcyBjb25kaXRpb24gYW5kIHdlIGNoZWNrIGZvciBpdCBzbyBhcyB0byBub3QgdG9nZ2xlIHRoZSBQb3BvdmVyIHR3aWNlLlxuICBjb25zdCBoYW5kbGVUcmlnZ2VyQ2xpY2sgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaWYgKCFpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50KSB7XG4gICAgICB0b2dnbGVWaXNpYmlsaXR5KCFpc1Zpc2libGUsIFZpc2liaWxpdHlDaGFuZ2VSZWFzb24udHJpZ2dlckNsaWNrKTtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gcmVzZXQgdGhpcyB2YWx1ZSBzbyB0aGF0IFBvcG92ZXIgY2FuIG9wZW4gaW4gbmV4dCBjbGlja1xuICAgICAgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIuY3VycmVudCA9IGZhbHNlO1xuICAgIH1cbiAgfSwgW3RvZ2dsZVZpc2liaWxpdHksIGlzVmlzaWJsZV0pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2dDogTW91c2VFdmVudCkgPT4ge1xuICAgICAgaWYgKFxuICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQgJiZcbiAgICAgICAgdHJpZ2dlclJlZi5jdXJyZW50LmNvbnRhaW5zKGV2dC50YXJnZXQgYXMgTm9kZSlcbiAgICAgICkge1xuICAgICAgICBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50ID0gdHJ1ZTtcbiAgICAgIH1cbiAgICAgIHJldHVybiB0cnVlO1xuICAgIH0sXG4gICAgW3RyaWdnZXJSZWYsIGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZVBvc3REZWFjdGl2YXRlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNvbnN0IHJlYXNvbiA9IGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnRcbiAgICAgID8gVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi50cmlnZ2VyQ2xpY2tcbiAgICAgIDogVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi5vdXRzaWRlQ2xpY2s7XG5cbiAgICB0b2dnbGVWaXNpYmlsaXR5KGZhbHNlLCByZWFzb24pO1xuICB9LCBbdG9nZ2xlVmlzaWJpbGl0eV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0VmlzaWJsZShpc1BvcG92ZXJWaXNpYmxlKTtcbiAgfSwgW2lzUG9wb3ZlclZpc2libGVdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIENoZWNrIGlmIHRoaXMgaXMgYSBtb2JpbGUgYnJlYWtwb2ludFxuICAgIHNldElzTW9iaWxlQnJlYWtwb2ludChnZXRNb2JpbGVCcmVha3BvaW50KHJlbmRlckFzU2hlZXRPbk1vYmlsZSkpO1xuICB9LCBbaXNWaXNpYmxlLCByZW5kZXJBc1NoZWV0T25Nb2JpbGVdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGxldCB0cmlnZ2VyOiBIVE1MRWxlbWVudDtcblxuICAgIGlmIChleHRlcm5hbFRyaWdnZXJSZWY/LmN1cnJlbnQgJiYgIWNoaWxkcmVuKSB7XG4gICAgICB0cmlnZ2VyID0gZXh0ZXJuYWxUcmlnZ2VyUmVmLmN1cnJlbnQ7XG4gICAgICBjb25zdCB0cmlnZ2VyVGFiSW5kZXggPSB0cmlnZ2VyLmdldEF0dHJpYnV0ZShcInRhYmluZGV4XCIpO1xuXG4gICAgICB0cmlnZ2VyLnNldEF0dHJpYnV0ZShcInRhYmluZGV4XCIsIHRyaWdnZXJUYWJJbmRleCA/PyBcIjBcIik7XG4gICAgICB0cmlnZ2VyLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBoYW5kbGVUcmlnZ2VyQ2xpY2spO1xuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAodHJpZ2dlcikge1xuICAgICAgICB0cmlnZ2VyLnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCBoYW5kbGVUcmlnZ2VyQ2xpY2spO1xuICAgICAgfVxuICAgIH07XG4gIH0sIFtleHRlcm5hbFRyaWdnZXJSZWYsIGNoaWxkcmVuLCBoYW5kbGVUcmlnZ2VyQ2xpY2tdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChleHRlcm5hbFRyaWdnZXJSZWY/LmN1cnJlbnQgJiYgIWNoaWxkcmVuKSB7XG4gICAgICBjb25zdCB0cmlnZ2VyID0gZXh0ZXJuYWxUcmlnZ2VyUmVmLmN1cnJlbnQ7XG5cbiAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwiYXJpYS1oYXNwb3B1cFwiLCBcInRydWVcIik7XG4gICAgICBpZiAoaXNWaXNpYmxlKSB7XG4gICAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwiYXJpYS1leHBhbmRlZFwiLCBcInRydWVcIik7XG4gICAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiLCB0b29sdGlwSWQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdHJpZ2dlci5yZW1vdmVBdHRyaWJ1dGUoXCJhcmlhLWV4cGFuZGVkXCIpO1xuICAgICAgICB0cmlnZ2VyLnJlbW92ZUF0dHJpYnV0ZShcImFyaWEtY29udHJvbHNcIik7XG4gICAgICB9XG4gICAgfVxuICB9LCBbZXh0ZXJuYWxUcmlnZ2VyUmVmLCBjaGlsZHJlbiwgdG9vbHRpcElkLCBpc1Zpc2libGVdKTtcblxuICBjb25zdCB0cmlnZ2VyRWxtID0gY2hpbGRyZW5cbiAgICA/IFJlYWN0LmNsb25lRWxlbWVudChjaGlsZHJlbiwge1xuICAgICAgICByZWY6IHRyaWdnZXJSZWYsXG4gICAgICAgIC4uLihpc1Zpc2libGUgJiYge1xuICAgICAgICAgIFwiYXJpYS1leHBhbmRlZFwiOiB0cnVlLFxuICAgICAgICAgIFwiYXJpYS1jb250cm9sc1wiOiB0b29sdGlwSWQsXG4gICAgICAgIH0pLFxuICAgICAgICB0YWJJbmRleDogY2hpbGRyZW4ucHJvcHMudGFiSW5kZXggPz8gMCxcbiAgICAgICAgXCJhcmlhLWhhc3BvcHVwXCI6IHRydWUsXG4gICAgICAgIG9uQ2xpY2s6IChldnQ6IFJlYWN0TW91c2VFdmVudCkgPT4ge1xuICAgICAgICAgIGhhbmRsZVRyaWdnZXJDbGljaygpO1xuICAgICAgICAgIGlmIChjaGlsZHJlbi5wcm9wcy5vbkNsaWNrKSB7XG4gICAgICAgICAgICBjaGlsZHJlbi5wcm9wcy5vbkNsaWNrKGV2dCk7XG4gICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgfSlcbiAgICA6IG51bGw7XG5cbiAgaWYgKGlzTW9iaWxlQnJlYWtQb2ludCkge1xuICAgIC8vIHJlbmRlciBhcyBTaGVldFxuICAgIGNvbnN0IHNoZWV0RWxtID0gKFxuICAgICAgPFNoZWV0XG4gICAgICAgIGlkPXt0b29sdGlwSWR9XG4gICAgICAgIGlzVmlzaWJsZT17aXNWaXNpYmxlfVxuICAgICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgICAgZGlzbWlzc09uT3V0c2lkZUNsaWNrPXtkaXNtaXNzT25PdXRzaWRlQ2xpY2t9XG4gICAgICAgIGRpc2FibGVJbml0aWFsRm9jdXM9e2Rpc2FibGVJbml0aWFsRm9jdXN9XG4gICAgICAgIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj17ZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyfVxuICAgICAgICBvbkNsb3NlPXtoYW5kbGVQb3N0RGVhY3RpdmF0ZX1cbiAgICAgICAgb25DbGlja091dHNpZGVEZWFjdGl2YXRlcz17aGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXN9XG4gICAgICAgIHsuLi4oc2hlZXRQcm9wcyA/PyB7fSl9XG4gICAgICA+XG4gICAgICAgIHtjb250ZW50fVxuICAgICAgPC9TaGVldD5cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHt0cmlnZ2VyRWxtfVxuICAgICAgICB7c2hlZXRFbG19XG4gICAgICA8Lz5cbiAgICApO1xuICB9XG5cbiAgLy8gcmVuZGVyIGFzIFBvcG92ZXJcbiAgY29uc3QgY29udGVudEVsbSA9IChcbiAgICA8Rm9jdXNUcmFwV3JhcHBlclxuICAgICAgYWN0aXZlPXtpc1Zpc2libGV9XG4gICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgIGNsaWNrT3V0c2lkZURlYWN0aXZhdGVzOlxuICAgICAgICAgIGRpc21pc3NPbk91dHNpZGVDbGljayAmJiBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcywgLy8gZGUtYWN0aXZhdGUgZm9jdXMgdHJhcCBvbiBvdXRzaWRlIGNsaWNrXG4gICAgICAgIGFsbG93T3V0c2lkZUNsaWNrOiB0cnVlLFxuICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogdHJ1ZSxcbiAgICAgICAgZmFsbGJhY2tGb2N1czogYCMke3Rvb2x0aXBJZH1gLCAvLyBzZXQgZm9jdXMgdG8gdG9vbHRpcCBjb250ZW50IGNvbnRhaW5lciBpZiBpdCBoYXMgbm8gZm9jdXNhYmxlIGVsZW1lbnRcbiAgICAgICAgb25Qb3N0RGVhY3RpdmF0ZTogaGFuZGxlUG9zdERlYWN0aXZhdGUsXG4gICAgICAgIHByZXZlbnRTY3JvbGw6IHRydWUsXG4gICAgICAgIGluaXRpYWxGb2N1czogKCkgPT4gIWRpc2FibGVJbml0aWFsRm9jdXMsXG4gICAgICAgIHJldHVybkZvY3VzT25EZWFjdGl2YXRlOiAhZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8Rm9jdXNUcmFwQ29udGVudD57Y29udGVudH08L0ZvY3VzVHJhcENvbnRlbnQ+XG4gICAgPC9Gb2N1c1RyYXBXcmFwcGVyPlxuICApO1xuXG4gIGNvbnN0IHRvb2x0aXBFbG0gPSAoXG4gICAgPFRvb2x0aXBDb250ZW50XG4gICAgICB7Li4ucmVzdENvbnRlbnRQcm9wc30gLy8gZXNsaW50LWRpc2FibGUtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gICAgICBkZWZhdWx0VmVydGljYWxQbGFjZW1lbnQ9e2RlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudH1cbiAgICAgIGRhdGFEU0lkPXtuYW1lfVxuICAgICAgY29udGVudD17Y29udGVudEVsbX1cbiAgICAgIGNvbnRlbnRQYWRkaW5nPXtjb250ZW50UGFkZGluZ31cbiAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9XG4gICAgICBkYXRhRTJlVGVzdElkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgc3ViVGhlbWU9e3N1YlRoZW1lfVxuICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICB0b29sdGlwSWQ9e3Rvb2x0aXBJZH1cbiAgICAgIHRyaWdnZXJSZWY9e3RyaWdnZXJSZWZ9XG4gICAgICBpc0hpZGRlbk9uSW52aXNpYmxlVHJpZ2dlclxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge3RyaWdnZXJFbG19XG4gICAgICB7dG9vbHRpcEVsbX1cbiAgICA8Lz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RHdCIn0= */"),FocusTrapContent=React.forwardRef(({children},ref)=>React.createElement(StyledContainer,{ref:ref},children)),VisibilityChangeReason={triggerClick:"triggerClick",outsideClick:"outsideClick"};function getMobileBreakpoint(renderAsSheetOnMobile){return"undefined"!=typeof window&&renderAsSheetOnMobile&&window.innerWidth<=breakpoints.medium.value}export function BasePopover({placement="auto",content,children,contentPadding="m",maxWidth,externalTriggerRef,portalContainer,name="Popover",isVisible:isPopoverVisible,dismissOnOutsideClick=!0,"data-e2e-test-id":dataE2eTestId,subTheme,defaultVerticalPlacement,onVisibilityChange,disableInitialFocus=!1,disableReturnFocusToTrigger=!1,renderAsSheetOnMobile=!1,sheetProps,...restContentProps}){let tooltipId=useMemo(()=>`DS${name}_${Math.floor(Date.now()*Math.random())}`,[name]),[isVisible,setVisible]=useState(isPopoverVisible),[isMobileBreakPoint,setIsMobileBreakpoint]=useState(getMobileBreakpoint(renderAsSheetOnMobile)),internalTriggerRef=useRef(null),triggerRef=externalTriggerRef||internalTriggerRef,isOutsideClickOnTrigger=useRef(!1),toggleVisibility=useCallback((status,reason)=>{setVisible(status),onVisibilityChange&&onVisibilityChange(status,reason)},[onVisibilityChange]),handleTriggerClick=useCallback(()=>{isOutsideClickOnTrigger.current?isOutsideClickOnTrigger.current=!1:toggleVisibility(!isVisible,VisibilityChangeReason.triggerClick)},[toggleVisibility,isVisible]),handleClickOutsideDeactivates=useCallback(evt=>(triggerRef.current&&triggerRef.current.contains(evt.target)&&(isOutsideClickOnTrigger.current=!0),!0),[triggerRef,isOutsideClickOnTrigger]),handlePostDeactivate=useCallback(()=>{toggleVisibility(!1,isOutsideClickOnTrigger.current?VisibilityChangeReason.triggerClick:VisibilityChangeReason.outsideClick)},[toggleVisibility]);useEffect(()=>{setVisible(isPopoverVisible)},[isPopoverVisible]),useEffect(()=>{setIsMobileBreakpoint(getMobileBreakpoint(renderAsSheetOnMobile))},[isVisible,renderAsSheetOnMobile]),useEffect(()=>{let trigger;if(externalTriggerRef?.current&&!children){let triggerTabIndex=(trigger=externalTriggerRef.current).getAttribute("tabindex");trigger.setAttribute("tabindex",triggerTabIndex??"0"),trigger.addEventListener("click",handleTriggerClick)}return()=>{trigger&&trigger.removeEventListener("click",handleTriggerClick)}},[externalTriggerRef,children,handleTriggerClick]),useEffect(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current;trigger.setAttribute("aria-haspopup","true"),isVisible?(trigger.setAttribute("aria-expanded","true"),trigger.setAttribute("aria-controls",tooltipId)):(trigger.removeAttribute("aria-expanded"),trigger.removeAttribute("aria-controls"))}},[externalTriggerRef,children,tooltipId,isVisible]);let triggerElm=children?React.cloneElement(children,{ref:triggerRef,...isVisible&&{"aria-expanded":!0,"aria-controls":tooltipId},tabIndex:children.props.tabIndex??0,"aria-haspopup":!0,onClick:evt=>{handleTriggerClick(),children.props.onClick&&children.props.onClick(evt)}}):null;if(isMobileBreakPoint){let sheetElm=React.createElement(Sheet,{id:tooltipId,isVisible:isVisible,portalContainer:portalContainer,dismissOnOutsideClick:dismissOnOutsideClick,disableInitialFocus:disableInitialFocus,disableReturnFocusToTrigger:disableReturnFocusToTrigger,onClose:handlePostDeactivate,onClickOutsideDeactivates:handleClickOutsideDeactivates,...sheetProps??{}},content);return React.createElement(React.Fragment,null,triggerElm,sheetElm)}let contentElm=React.createElement(FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&handleClickOutsideDeactivates,allowOutsideClick:!0,escapeDeactivates:!0,fallbackFocus:`#${tooltipId}`,onPostDeactivate:handlePostDeactivate,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger}},React.createElement(FocusTrapContent,null,content)),tooltipElm=React.createElement(TooltipContent,{...restContentProps,defaultVerticalPlacement:defaultVerticalPlacement,dataDSId:name,content:contentElm,contentPadding:contentPadding,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,subTheme:subTheme,isVisible:isVisible,tooltipId:tooltipId,triggerRef:triggerRef,isHiddenOnInvisibleTrigger:!0});return React.createElement(React.Fragment,null,triggerElm,tooltipElm)}
|
|
1
|
+
import React,{useState,useRef,useEffect,useCallback,useMemo}from"react";import styled from"@emotion/styled";import{TooltipContent}from"../Tooltip/TooltipContent";import{Sheet}from"../Sheet/Sheet";import{FocusTrapWrapper}from"../../shared/FocusTrapWrapper";import breakpoints from"../../web-tokens/_breakpoints.json";let StyledContainer=styled("div",{target:"e1vbb8ys0",label:"StyledContainer"})(()=>({borderRadius:"inherit"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvVG9nZ2xldGlwL0Jhc2VQb3BvdmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgdHlwZSB7XG4gIFJlYWN0RWxlbWVudCxcbiAgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIE1vdXNlRXZlbnQgYXMgUmVhY3RNb3VzZUV2ZW50LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwge1xuICB1c2VTdGF0ZSxcbiAgdXNlUmVmLFxuICB1c2VFZmZlY3QsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VNZW1vLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUb29sdGlwQ29udGVudFByb3BzIH0gZnJvbSBcIi4uL1Rvb2x0aXAvVG9vbHRpcENvbnRlbnRcIjtcbmltcG9ydCB0eXBlIHsgVG9vbHRpcENvbmRpdGlvbmFsUHJvcHMgfSBmcm9tIFwiLi4vVG9vbHRpcC90eXBlc1wiO1xuaW1wb3J0IHsgVG9vbHRpcENvbnRlbnQgfSBmcm9tIFwiLi4vVG9vbHRpcC9Ub29sdGlwQ29udGVudFwiO1xuaW1wb3J0IHsgU2hlZXQgfSBmcm9tIFwiLi4vU2hlZXQvU2hlZXRcIjtcbmltcG9ydCB7IEZvY3VzVHJhcFdyYXBwZXIgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL0ZvY3VzVHJhcFdyYXBwZXJcIjtcbmltcG9ydCBicmVha3BvaW50cyBmcm9tIFwiLi4vLi4vd2ViLXRva2Vucy9fYnJlYWtwb2ludHMuanNvblwiO1xuXG50eXBlIEJhc2VQcm9wcyA9IFBpY2s8XG4gIFRvb2x0aXBDb250ZW50UHJvcHMsXG4gIHwgXCJwbGFjZW1lbnRcIlxuICB8IFwicG9ydGFsQ29udGFpbmVyXCJcbiAgfCBcIm1heFdpZHRoXCJcbiAgfCBcImNvbnRlbnRQYWRkaW5nXCJcbiAgfCBcImhpZGVBcnJvd1wiXG4gIHwgXCJzdWJUaGVtZVwiXG4gIHwgXCJkZWZhdWx0VmVydGljYWxQbGFjZW1lbnRcIlxuICB8IFwib25PdmVyZmxvd1ZpZXdwb3J0XCJcbj4gJiB7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKiAgUG9wb3ZlciBjb250ZW50ICovXG4gIGNvbnRlbnQ6IFJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiAgUHJvZ3JhbW1hdGljYWxseSB0b2dnbGUgUG9wb3ZlciB2aXNpYmlsaXR5IHdpdGggdGhpcyBwcm9wICovXG4gIGlzVmlzaWJsZT86IGJvb2xlYW47XG4gIC8qKiAgQ2FsbGVkIHdoZW4gdG9vbHRpcCBhcHBlYXJzIGFuZCBkaXNhcHBlYXJzICovXG4gIG9uVmlzaWJpbGl0eUNoYW5nZT86IChpc1Zpc2libGU6IGJvb2xlYW4sIHJlYXNvbjogc3RyaW5nKSA9PiB2b2lkO1xuICAvKiogIENvbnRyb2xzIHdoZXRoZXIgQmFzZVBvcG92ZXIgIGNsb3NlcyBvbiBvdXRzaWRlIGNsaWNrICovXG4gIGRpc21pc3NPbk91dHNpZGVDbGljaz86IGJvb2xlYW47XG4gIC8qKiAgT3B0aW9uIGZvciBmb2N1cy10cmFwLCBjb250cm9scyB3aGV0aGVyIHRoZSBmaXJzdCBmb2N1YWJsZSBpdGVtIHJlY2lldmVzIGZvY3VzICovXG4gIGRpc2FibGVJbml0aWFsRm9jdXM/OiBib29sZWFuO1xuICAvKiogIE9wdGlvbiBmb3IgZm9jdXMtdHJhcCwgY29udHJvbHMgd2hldGhlciB0aGUgdHJpZ2dlciBzaG91bGQgcmVjZWl2ZSBiYWNrIHRoZSBmb2N1cyBvbiBwb3BvdmVyIGNsb3NlICovXG4gIGRpc2FibGVSZXR1cm5Gb2N1c1RvVHJpZ2dlcj86IGJvb2xlYW47XG4gIC8qKiAgUmVuZGVyIGFzIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgcmVuZGVyQXNTaGVldE9uTW9iaWxlPzogYm9vbGVhbjtcbiAgLyoqICBQcm9wcyBmb3IgY29uZmlndXJpbmcgdGhlIHNoZWV0IG9uIG1vYmlsZSB3ZWIgKi9cbiAgc2hlZXRQcm9wcz86IHtcbiAgICAvKiogIFNob3cgdGhlIGRhcmsgc2NyaW0gYmFja2Ryb3Agb24gbW9iaWxlIHdlYiB3aGVuIHJlbmRlcmluZyBhcyBTaGVldCAqL1xuICAgIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcbiAgfTtcbn07XG5cbmV4cG9ydCB0eXBlIEJhc2VQb3BvdmVyUHJvcHMgPSBCYXNlUHJvcHMgJiBUb29sdGlwQ29uZGl0aW9uYWxQcm9wcztcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxufSkpO1xuXG5jb25zdCBGb2N1c1RyYXBDb250ZW50ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIFByb3BzV2l0aENoaWxkcmVuPHVua25vd24+XG4+KCh7IGNoaWxkcmVuIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkQ29udGFpbmVyIHJlZj17cmVmfT57Y2hpbGRyZW59PC9TdHlsZWRDb250YWluZXI+XG4pKTtcblxuY29uc3QgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbiA9IHtcbiAgdHJpZ2dlckNsaWNrOiBcInRyaWdnZXJDbGlja1wiLFxuICBvdXRzaWRlQ2xpY2s6IFwib3V0c2lkZUNsaWNrXCIsXG59O1xuXG5mdW5jdGlvbiBnZXRNb2JpbGVCcmVha3BvaW50KHJlbmRlckFzU2hlZXRPbk1vYmlsZTogYm9vbGVhbikge1xuICBpZiAoIXdpbmRvdykge1xuICAgIC8vIFRPRE8gd2luZG93IHNob3VsZCBiZSBleHRyYWN0ZWQgZnJvbSBob29rIHVzZVdpbmRvd1xuICAgIHJldHVybiBmYWxzZTtcbiAgfVxuXG4gIGNvbnN0IG1heE1vYmlsZUhlaWdodEluTGFuZHNjYXBlID0gNDUwOyAvLyBpcyA0MzAgZm9yIGlwaG9uZSBwcm8gbWF4LCBidXQgbGV0J3MgYWRkIDIwcHggZm9yIG5leHQgZ2VuZXJhdGlvbnNcbiAgY29uc3QgaXNNb2JpbGVJblBvcnRyYWl0ID0gd2luZG93LmlubmVyV2lkdGggPD0gYnJlYWtwb2ludHMubWVkaXVtLnZhbHVlO1xuICBjb25zdCBpc1NtYWxsSGVpZ2h0ID0gd2luZG93LmlubmVySGVpZ2h0IDw9IG1heE1vYmlsZUhlaWdodEluTGFuZHNjYXBlO1xuICBjb25zdCBpc0xhbmRzY2FwZSA9IHdpbmRvdy5tYXRjaE1lZGlhPy4oXCIob3JpZW50YXRpb246IGxhbmRzY2FwZSlcIikubWF0Y2hlcztcbiAgY29uc3QgaXNNb2JpbGVJbkxhbmRzY2FwZSA9IGlzTGFuZHNjYXBlICYmIGlzU21hbGxIZWlnaHQ7XG5cbiAgcmV0dXJuIHJlbmRlckFzU2hlZXRPbk1vYmlsZSAmJiAoaXNNb2JpbGVJblBvcnRyYWl0IHx8IGlzTW9iaWxlSW5MYW5kc2NhcGUpO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQmFzZVBvcG92ZXIoe1xuICBwbGFjZW1lbnQgPSBcImF1dG9cIixcbiAgY29udGVudCxcbiAgY2hpbGRyZW4sXG4gIGNvbnRlbnRQYWRkaW5nID0gXCJtXCIsXG4gIG1heFdpZHRoLFxuICBleHRlcm5hbFRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgbmFtZSA9IFwiUG9wb3ZlclwiLFxuICBpc1Zpc2libGU6IGlzUG9wb3ZlclZpc2libGUsXG4gIGRpc21pc3NPbk91dHNpZGVDbGljayA9IHRydWUsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBzdWJUaGVtZSxcbiAgZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50LFxuICBvblZpc2liaWxpdHlDaGFuZ2UsXG4gIGRpc2FibGVJbml0aWFsRm9jdXMgPSBmYWxzZSxcbiAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyID0gZmFsc2UsXG4gIHJlbmRlckFzU2hlZXRPbk1vYmlsZSA9IGZhbHNlLFxuICBzaGVldFByb3BzLFxuICAuLi5yZXN0Q29udGVudFByb3BzXG59OiBCYXNlUG9wb3ZlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdG9vbHRpcElkID0gdXNlTWVtbyhcbiAgICAoKSA9PiBgRFMke25hbWV9XyR7TWF0aC5mbG9vcihEYXRlLm5vdygpICogTWF0aC5yYW5kb20oKSl9YCxcbiAgICBbbmFtZV1cbiAgKTtcbiAgY29uc3QgW2lzVmlzaWJsZSwgc2V0VmlzaWJsZV0gPSB1c2VTdGF0ZShpc1BvcG92ZXJWaXNpYmxlKTtcbiAgY29uc3QgW2lzTW9iaWxlQnJlYWtQb2ludCwgc2V0SXNNb2JpbGVCcmVha3BvaW50XSA9IHVzZVN0YXRlKFxuICAgIGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKVxuICApO1xuICBjb25zdCBpbnRlcm5hbFRyaWdnZXJSZWYgPSB1c2VSZWY8SFRNTEVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0cmlnZ2VyUmVmID0gZXh0ZXJuYWxUcmlnZ2VyUmVmIHx8IGludGVybmFsVHJpZ2dlclJlZjtcbiAgY29uc3QgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIgPSB1c2VSZWYoZmFsc2UpO1xuXG4gIGNvbnN0IHRvZ2dsZVZpc2liaWxpdHkgPSB1c2VDYWxsYmFjayhcbiAgICAoc3RhdHVzOiBib29sZWFuLCByZWFzb246IHN0cmluZykgPT4ge1xuICAgICAgc2V0VmlzaWJsZShzdGF0dXMpO1xuXG4gICAgICBpZiAob25WaXNpYmlsaXR5Q2hhbmdlKSB7XG4gICAgICAgIG9uVmlzaWJpbGl0eUNoYW5nZShzdGF0dXMsIHJlYXNvbik7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25WaXNpYmlsaXR5Q2hhbmdlXVxuICApO1xuXG4gIC8vIE91dHNpZGUgY2xpY2sgaXMgYWxzbyBmaXJlZCB3aGVuIHRoZSBQb3BvdmVyIGlzIG9wZW4gYW5kIHRyaWdnZXIgaXMgY2xpY2tlZC4gYGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyYCBzYXZlcyB0aGlzIGNvbmRpdGlvbiBhbmQgd2UgY2hlY2sgZm9yIGl0IHNvIGFzIHRvIG5vdCB0b2dnbGUgdGhlIFBvcG92ZXIgdHdpY2UuXG4gIGNvbnN0IGhhbmRsZVRyaWdnZXJDbGljayA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQpIHtcbiAgICAgIHRvZ2dsZVZpc2liaWxpdHkoIWlzVmlzaWJsZSwgVmlzaWJpbGl0eUNoYW5nZVJlYXNvbi50cmlnZ2VyQ2xpY2spO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyByZXNldCB0aGlzIHZhbHVlIHNvIHRoYXQgUG9wb3ZlciBjYW4gb3BlbiBpbiBuZXh0IGNsaWNrXG4gICAgICBpc091dHNpZGVDbGlja09uVHJpZ2dlci5jdXJyZW50ID0gZmFsc2U7XG4gICAgfVxuICB9LCBbdG9nZ2xlVmlzaWJpbGl0eSwgaXNWaXNpYmxlXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZ0OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIHRyaWdnZXJSZWYuY3VycmVudCAmJlxuICAgICAgICB0cmlnZ2VyUmVmLmN1cnJlbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBOb2RlKVxuICAgICAgKSB7XG4gICAgICAgIGlzT3V0c2lkZUNsaWNrT25UcmlnZ2VyLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgfVxuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfSxcbiAgICBbdHJpZ2dlclJlZiwgaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXJdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlUG9zdERlYWN0aXZhdGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgcmVhc29uID0gaXNPdXRzaWRlQ2xpY2tPblRyaWdnZXIuY3VycmVudFxuICAgICAgPyBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLnRyaWdnZXJDbGlja1xuICAgICAgOiBWaXNpYmlsaXR5Q2hhbmdlUmVhc29uLm91dHNpZGVDbGljaztcblxuICAgIHRvZ2dsZVZpc2liaWxpdHkoZmFsc2UsIHJlYXNvbik7XG4gIH0sIFt0b2dnbGVWaXNpYmlsaXR5XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRWaXNpYmxlKGlzUG9wb3ZlclZpc2libGUpO1xuICB9LCBbaXNQb3BvdmVyVmlzaWJsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLy8gQ2hlY2sgaWYgdGhpcyBpcyBhIG1vYmlsZSBicmVha3BvaW50XG4gICAgc2V0SXNNb2JpbGVCcmVha3BvaW50KGdldE1vYmlsZUJyZWFrcG9pbnQocmVuZGVyQXNTaGVldE9uTW9iaWxlKSk7XG4gIH0sIFtpc1Zpc2libGUsIHJlbmRlckFzU2hlZXRPbk1vYmlsZV0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgbGV0IHRyaWdnZXI6IEhUTUxFbGVtZW50O1xuXG4gICAgaWYgKGV4dGVybmFsVHJpZ2dlclJlZj8uY3VycmVudCAmJiAhY2hpbGRyZW4pIHtcbiAgICAgIHRyaWdnZXIgPSBleHRlcm5hbFRyaWdnZXJSZWYuY3VycmVudDtcbiAgICAgIGNvbnN0IHRyaWdnZXJUYWJJbmRleCA9IHRyaWdnZXIuZ2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIik7XG5cbiAgICAgIHRyaWdnZXIuc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgdHJpZ2dlclRhYkluZGV4ID8/IFwiMFwiKTtcbiAgICAgIHRyaWdnZXIuYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGhhbmRsZVRyaWdnZXJDbGljayk7XG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGlmICh0cmlnZ2VyKSB7XG4gICAgICAgIHRyaWdnZXIucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIGhhbmRsZVRyaWdnZXJDbGljayk7XG4gICAgICB9XG4gICAgfTtcbiAgfSwgW2V4dGVybmFsVHJpZ2dlclJlZiwgY2hpbGRyZW4sIGhhbmRsZVRyaWdnZXJDbGlja10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGV4dGVybmFsVHJpZ2dlclJlZj8uY3VycmVudCAmJiAhY2hpbGRyZW4pIHtcbiAgICAgIGNvbnN0IHRyaWdnZXIgPSBleHRlcm5hbFRyaWdnZXJSZWYuY3VycmVudDtcblxuICAgICAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoXCJhcmlhLWhhc3BvcHVwXCIsIFwidHJ1ZVwiKTtcbiAgICAgIGlmIChpc1Zpc2libGUpIHtcbiAgICAgICAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoXCJhcmlhLWV4cGFuZGVkXCIsIFwidHJ1ZVwiKTtcbiAgICAgICAgdHJpZ2dlci5zZXRBdHRyaWJ1dGUoXCJhcmlhLWNvbnRyb2xzXCIsIHRvb2x0aXBJZCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0cmlnZ2VyLnJlbW92ZUF0dHJpYnV0ZShcImFyaWEtZXhwYW5kZWRcIik7XG4gICAgICAgIHRyaWdnZXIucmVtb3ZlQXR0cmlidXRlKFwiYXJpYS1jb250cm9sc1wiKTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtleHRlcm5hbFRyaWdnZXJSZWYsIGNoaWxkcmVuLCB0b29sdGlwSWQsIGlzVmlzaWJsZV0pO1xuXG4gIGNvbnN0IHRyaWdnZXJFbG0gPSBjaGlsZHJlblxuICAgID8gUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgIHJlZjogdHJpZ2dlclJlZixcbiAgICAgICAgLi4uKGlzVmlzaWJsZSAmJiB7XG4gICAgICAgICAgXCJhcmlhLWV4cGFuZGVkXCI6IHRydWUsXG4gICAgICAgICAgXCJhcmlhLWNvbnRyb2xzXCI6IHRvb2x0aXBJZCxcbiAgICAgICAgfSksXG4gICAgICAgIHRhYkluZGV4OiBjaGlsZHJlbi5wcm9wcy50YWJJbmRleCA/PyAwLFxuICAgICAgICBcImFyaWEtaGFzcG9wdXBcIjogdHJ1ZSxcbiAgICAgICAgb25DbGljazogKGV2dDogUmVhY3RNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgaGFuZGxlVHJpZ2dlckNsaWNrKCk7XG4gICAgICAgICAgaWYgKGNoaWxkcmVuLnByb3BzLm9uQ2xpY2spIHtcbiAgICAgICAgICAgIGNoaWxkcmVuLnByb3BzLm9uQ2xpY2soZXZ0KTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICB9KVxuICAgIDogbnVsbDtcblxuICBpZiAoaXNNb2JpbGVCcmVha1BvaW50KSB7XG4gICAgLy8gcmVuZGVyIGFzIFNoZWV0XG4gICAgY29uc3Qgc2hlZXRFbG0gPSAoXG4gICAgICA8U2hlZXRcbiAgICAgICAgaWQ9e3Rvb2x0aXBJZH1cbiAgICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2s9e2Rpc21pc3NPbk91dHNpZGVDbGlja31cbiAgICAgICAgZGlzYWJsZUluaXRpYWxGb2N1cz17ZGlzYWJsZUluaXRpYWxGb2N1c31cbiAgICAgICAgZGlzYWJsZVJldHVybkZvY3VzVG9UcmlnZ2VyPXtkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXJ9XG4gICAgICAgIG9uQ2xvc2U9e2hhbmRsZVBvc3REZWFjdGl2YXRlfVxuICAgICAgICBvbkNsaWNrT3V0c2lkZURlYWN0aXZhdGVzPXtoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlc31cbiAgICAgICAgey4uLihzaGVldFByb3BzID8/IHt9KX1cbiAgICAgID5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L1NoZWV0PlxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAge3RyaWdnZXJFbG19XG4gICAgICAgIHtzaGVldEVsbX1cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cblxuICAvLyByZW5kZXIgYXMgUG9wb3ZlclxuICBjb25zdCBjb250ZW50RWxtID0gKFxuICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICBhY3RpdmU9e2lzVmlzaWJsZX1cbiAgICAgIGZvY3VzVHJhcE9wdGlvbnM9e3tcbiAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6XG4gICAgICAgICAgZGlzbWlzc09uT3V0c2lkZUNsaWNrICYmIGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIG91dHNpZGUgY2xpY2tcbiAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsXG4gICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiB0cnVlLFxuICAgICAgICBmYWxsYmFja0ZvY3VzOiBgIyR7dG9vbHRpcElkfWAsIC8vIHNldCBmb2N1cyB0byB0b29sdGlwIGNvbnRlbnQgY29udGFpbmVyIGlmIGl0IGhhcyBubyBmb2N1c2FibGUgZWxlbWVudFxuICAgICAgICBvblBvc3REZWFjdGl2YXRlOiBoYW5kbGVQb3N0RGVhY3RpdmF0ZSxcbiAgICAgICAgcHJldmVudFNjcm9sbDogdHJ1ZSxcbiAgICAgICAgaW5pdGlhbEZvY3VzOiAoKSA9PiAhZGlzYWJsZUluaXRpYWxGb2N1cyxcbiAgICAgICAgcmV0dXJuRm9jdXNPbkRlYWN0aXZhdGU6ICFkaXNhYmxlUmV0dXJuRm9jdXNUb1RyaWdnZXIsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBDb250ZW50Pntjb250ZW50fTwvRm9jdXNUcmFwQ29udGVudD5cbiAgICA8L0ZvY3VzVHJhcFdyYXBwZXI+XG4gICk7XG5cbiAgY29uc3QgdG9vbHRpcEVsbSA9IChcbiAgICA8VG9vbHRpcENvbnRlbnRcbiAgICAgIHsuLi5yZXN0Q29udGVudFByb3BzfSAvLyBlc2xpbnQtZGlzYWJsZS1saW5lIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmdcbiAgICAgIGRlZmF1bHRWZXJ0aWNhbFBsYWNlbWVudD17ZGVmYXVsdFZlcnRpY2FsUGxhY2VtZW50fVxuICAgICAgZGF0YURTSWQ9e25hbWV9XG4gICAgICBjb250ZW50PXtjb250ZW50RWxtfVxuICAgICAgY29udGVudFBhZGRpbmc9e2NvbnRlbnRQYWRkaW5nfVxuICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgcGxhY2VtZW50PXtwbGFjZW1lbnR9XG4gICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgIGRhdGFFMmVUZXN0SWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBzdWJUaGVtZT17c3ViVGhlbWV9XG4gICAgICBpc1Zpc2libGU9e2lzVmlzaWJsZX1cbiAgICAgIHRvb2x0aXBJZD17dG9vbHRpcElkfVxuICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgIGlzSGlkZGVuT25JbnZpc2libGVUcmlnZ2VyXG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7dHJpZ2dlckVsbX1cbiAgICAgIHt0b29sdGlwRWxtfVxuICAgIDwvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEd0IifQ== */"),FocusTrapContent=React.forwardRef(({children},ref)=>React.createElement(StyledContainer,{ref:ref},children)),VisibilityChangeReason={triggerClick:"triggerClick",outsideClick:"outsideClick"};function getMobileBreakpoint(renderAsSheetOnMobile){if(!window)return!1;let isMobileInPortrait=window.innerWidth<=breakpoints.medium.value,isSmallHeight=window.innerHeight<=450,isLandscape=window.matchMedia?.("(orientation: landscape)").matches;return renderAsSheetOnMobile&&(isMobileInPortrait||isLandscape&&isSmallHeight)}export function BasePopover({placement="auto",content,children,contentPadding="m",maxWidth,externalTriggerRef,portalContainer,name="Popover",isVisible:isPopoverVisible,dismissOnOutsideClick=!0,"data-e2e-test-id":dataE2eTestId,subTheme,defaultVerticalPlacement,onVisibilityChange,disableInitialFocus=!1,disableReturnFocusToTrigger=!1,renderAsSheetOnMobile=!1,sheetProps,...restContentProps}){let tooltipId=useMemo(()=>`DS${name}_${Math.floor(Date.now()*Math.random())}`,[name]),[isVisible,setVisible]=useState(isPopoverVisible),[isMobileBreakPoint,setIsMobileBreakpoint]=useState(getMobileBreakpoint(renderAsSheetOnMobile)),internalTriggerRef=useRef(null),triggerRef=externalTriggerRef||internalTriggerRef,isOutsideClickOnTrigger=useRef(!1),toggleVisibility=useCallback((status,reason)=>{setVisible(status),onVisibilityChange&&onVisibilityChange(status,reason)},[onVisibilityChange]),handleTriggerClick=useCallback(()=>{isOutsideClickOnTrigger.current?isOutsideClickOnTrigger.current=!1:toggleVisibility(!isVisible,VisibilityChangeReason.triggerClick)},[toggleVisibility,isVisible]),handleClickOutsideDeactivates=useCallback(evt=>(triggerRef.current&&triggerRef.current.contains(evt.target)&&(isOutsideClickOnTrigger.current=!0),!0),[triggerRef,isOutsideClickOnTrigger]),handlePostDeactivate=useCallback(()=>{toggleVisibility(!1,isOutsideClickOnTrigger.current?VisibilityChangeReason.triggerClick:VisibilityChangeReason.outsideClick)},[toggleVisibility]);useEffect(()=>{setVisible(isPopoverVisible)},[isPopoverVisible]),useEffect(()=>{setIsMobileBreakpoint(getMobileBreakpoint(renderAsSheetOnMobile))},[isVisible,renderAsSheetOnMobile]),useEffect(()=>{let trigger;if(externalTriggerRef?.current&&!children){let triggerTabIndex=(trigger=externalTriggerRef.current).getAttribute("tabindex");trigger.setAttribute("tabindex",triggerTabIndex??"0"),trigger.addEventListener("click",handleTriggerClick)}return()=>{trigger&&trigger.removeEventListener("click",handleTriggerClick)}},[externalTriggerRef,children,handleTriggerClick]),useEffect(()=>{if(externalTriggerRef?.current&&!children){let trigger=externalTriggerRef.current;trigger.setAttribute("aria-haspopup","true"),isVisible?(trigger.setAttribute("aria-expanded","true"),trigger.setAttribute("aria-controls",tooltipId)):(trigger.removeAttribute("aria-expanded"),trigger.removeAttribute("aria-controls"))}},[externalTriggerRef,children,tooltipId,isVisible]);let triggerElm=children?React.cloneElement(children,{ref:triggerRef,...isVisible&&{"aria-expanded":!0,"aria-controls":tooltipId},tabIndex:children.props.tabIndex??0,"aria-haspopup":!0,onClick:evt=>{handleTriggerClick(),children.props.onClick&&children.props.onClick(evt)}}):null;if(isMobileBreakPoint){let sheetElm=React.createElement(Sheet,{id:tooltipId,isVisible:isVisible,portalContainer:portalContainer,dismissOnOutsideClick:dismissOnOutsideClick,disableInitialFocus:disableInitialFocus,disableReturnFocusToTrigger:disableReturnFocusToTrigger,onClose:handlePostDeactivate,onClickOutsideDeactivates:handleClickOutsideDeactivates,...sheetProps??{}},content);return React.createElement(React.Fragment,null,triggerElm,sheetElm)}let contentElm=React.createElement(FocusTrapWrapper,{active:isVisible,focusTrapOptions:{clickOutsideDeactivates:dismissOnOutsideClick&&handleClickOutsideDeactivates,allowOutsideClick:!0,escapeDeactivates:!0,fallbackFocus:`#${tooltipId}`,onPostDeactivate:handlePostDeactivate,preventScroll:!0,initialFocus:()=>!disableInitialFocus,returnFocusOnDeactivate:!disableReturnFocusToTrigger}},React.createElement(FocusTrapContent,null,content)),tooltipElm=React.createElement(TooltipContent,{...restContentProps,defaultVerticalPlacement:defaultVerticalPlacement,dataDSId:name,content:contentElm,contentPadding:contentPadding,maxWidth:maxWidth,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,subTheme:subTheme,isVisible:isVisible,tooltipId:tooltipId,triggerRef:triggerRef,isHiddenOnInvisibleTrigger:!0});return React.createElement(React.Fragment,null,triggerElm,tooltipElm)}
|