@lifesg/react-design-system 4.0.0-alpha.1 → 4.0.0-alpha.3

package/cjs/pill/pill.style.js

@@ -1,27 +0,0 @@
-"use strict";var r=require("styled-components"),e=require("../v3_theme/index.js");function o(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var l=o(r);const t=l.default.div`
-    border-radius: ${e.V3_Radius.full};
-    padding: 0.125rem 0.5rem;
-    width: fit-content;
-    max-width: 100%;
-    ${e.V3_Font["body-xs-semibold"]}
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-
-    svg {
-        flex-shrink: 0;
-    }
-
-    ${o=>{let l,t,s;if("solid"===o.$type)switch(s=e.V3_Colour["text-inverse"],o.$color){case"grey":l=e.V3_Colour["bg-inverse-subtler"];break;case"green":l=e.V3_Colour["bg-success-strong"];break;case"yellow":l=e.V3_Colour["bg-warning-strong"];break;case"red":l=e.V3_Colour["bg-error-strong"];break;case"blue":l=e.V3_Colour["bg-info-strong"];break;case"primary":l=e.V3_Colour["bg-primary"];break;default:l=e.V3_Colour["bg-inverse"]}else switch(o.$color){case"grey":l=e.V3_Colour["bg-stronger"],t=e.V3_Colour["border-strong"],s=e.V3_Colour["text-subtler"];break;case"green":l=e.V3_Colour["bg-success"],t=e.V3_Colour["border-success"],s=e.V3_Colour["text-success"];break;case"yellow":l=e.V3_Colour["bg-warning"],t=e.V3_Colour["border-warning"],s=e.V3_Colour["text-warning"];break;case"red":l=e.V3_Colour["bg-error"],t=e.V3_Colour["border-error"],s=e.V3_Colour["text-error"];break;case"blue":l=e.V3_Colour["bg-info"],t=e.V3_Colour["border-info"],s=e.V3_Colour["text-info"];break;case"primary":l=e.V3_Colour["bg-primary-subtlest"],t=e.V3_Colour["border-primary"],s=e.V3_Colour["text-primary"];break;default:l=e.V3_Colour.bg,t=e.V3_Colour.border,s=e.V3_Colour.text}return r.css`
-            background: ${l};
-            border: ${e.V3_Border["width-010"]} ${e.V3_Border.solid} ${t};
-            color: ${s};
-        `}}
-`,s=l.default.div`
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    text-align: left;
-`;exports.Label=s,exports.Wrapper=t;
-//# sourceMappingURL=pill.style.js.map

package/cjs/pill/pill.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pill.style.js","sources":["../../../src/pill/pill.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Border, V3_Colour, V3_Font, V3_Radius } from \"../v3_theme\";\nimport type { V3_ThemeStyleProps } from \"../v3_theme/types\";\nimport type { PillColorType, PillType } from \"./types\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\ninterface StyleProps {\n    $type: PillType;\n    $color: PillColorType;\n}\n\nexport const Wrapper = styled.div<StyleProps>`\n    border-radius: ${V3_Radius[\"full\"]};\n    padding: 0.125rem 0.5rem;\n    width: fit-content;\n    max-width: 100%;\n    ${V3_Font[\"body-xs-semibold\"]}\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n\n    svg {\n        flex-shrink: 0;\n    }\n\n    ${(props) => {\n        let backgroundColor: (props: V3_ThemeStyleProps) => string;\n        let borderColor: ((props: V3_ThemeStyleProps) => string) | undefined;\n        let color: (props: V3_ThemeStyleProps) => string;\n\n        if (props.$type === \"solid\") {\n            color = V3_Colour[\"text-inverse\"];\n            switch (props.$color) {\n                case \"grey\":\n                    backgroundColor = V3_Colour[\"bg-inverse-subtler\"];\n                    break;\n                case \"green\":\n                    backgroundColor = V3_Colour[\"bg-success-strong\"];\n                    break;\n                case \"yellow\":\n                    backgroundColor = V3_Colour[\"bg-warning-strong\"];\n                    break;\n                case \"red\":\n                    backgroundColor = V3_Colour[\"bg-error-strong\"];\n                    break;\n                case \"blue\":\n                    backgroundColor = V3_Colour[\"bg-info-strong\"];\n                    break;\n                case \"primary\":\n                    backgroundColor = V3_Colour[\"bg-primary\"];\n                    break;\n                default:\n                    backgroundColor = V3_Colour[\"bg-inverse\"];\n                    break;\n            }\n        } else {\n            switch (props.$color) {\n                case \"grey\":\n                    backgroundColor = V3_Colour[\"bg-stronger\"];\n                    borderColor = V3_Colour[\"border-strong\"];\n                    color = V3_Colour[\"text-subtler\"];\n                    break;\n                case \"green\":\n                    backgroundColor = V3_Colour[\"bg-success\"];\n                    borderColor = V3_Colour[\"border-success\"];\n                    color = V3_Colour[\"text-success\"];\n                    break;\n                case \"yellow\":\n                    backgroundColor = V3_Colour[\"bg-warning\"];\n                    borderColor = V3_Colour[\"border-warning\"];\n                    color = V3_Colour[\"text-warning\"];\n                    break;\n                case \"red\":\n                    backgroundColor = V3_Colour[\"bg-error\"];\n                    borderColor = V3_Colour[\"border-error\"];\n                    color = V3_Colour[\"text-error\"];\n                    break;\n                case \"blue\":\n                    backgroundColor = V3_Colour[\"bg-info\"];\n                    borderColor = V3_Colour[\"border-info\"];\n                    color = V3_Colour[\"text-info\"];\n                    break;\n                case \"primary\":\n                    backgroundColor = V3_Colour[\"bg-primary-subtlest\"];\n                    borderColor = V3_Colour[\"border-primary\"];\n                    color = V3_Colour[\"text-primary\"];\n                    break;\n                default:\n                    backgroundColor = V3_Colour.bg;\n                    borderColor = V3_Colour.border;\n                    color = V3_Colour.text;\n                    break;\n            }\n        }\n\n        return css`\n            background: ${backgroundColor};\n            border: ${V3_Border[\"width-010\"]} ${V3_Border.solid} ${borderColor};\n            color: ${color};\n        `;\n    }}\n`;\n\nexport const Label = styled.div`\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    text-align: left;\n`;\n"],"names":["Wrapper","styled","div","V3_Radius","V3_Font","props","backgroundColor","borderColor","color","$type","V3_Colour","$color","bg","border","text","css","V3_Border","solid","Label"],"mappings":"qKAcO,MAAMA,EAAUC,EAAAA,QAAOC,GAAe;qBACxBC,EAAAA,UAAgB;;;;MAI/BC,EAAAA,QAAQ;;;;;;;;;MASPC,IACC,IAAIC,EACAC,EACAC,EAEJ,GAAoB,UAAhBH,EAAMI,MAEN,OADAD,EAAQE,EAAAA,UAAU,gBACVL,EAAMM,QACV,IAAK,OACDL,EAAkBI,EAAAA,UAAU,sBAC5B,MACJ,IAAK,QACDJ,EAAkBI,EAAAA,UAAU,qBAC5B,MACJ,IAAK,SACDJ,EAAkBI,EAAAA,UAAU,qBAC5B,MACJ,IAAK,MACDJ,EAAkBI,EAAAA,UAAU,mBAC5B,MACJ,IAAK,OACDJ,EAAkBI,EAAAA,UAAU,kBAC5B,MACJ,IAAK,UACDJ,EAAkBI,EAAAA,UAAU,cAC5B,MACJ,QACIJ,EAAkBI,EAAAA,UAAU,mBAIpC,OAAQL,EAAMM,QACV,IAAK,OACDL,EAAkBI,EAAAA,UAAU,eAC5BH,EAAcG,EAAAA,UAAU,iBACxBF,EAAQE,EAAAA,UAAU,gBAClB,MACJ,IAAK,QACDJ,EAAkBI,EAAAA,UAAU,cAC5BH,EAAcG,EAAAA,UAAU,kBACxBF,EAAQE,EAAAA,UAAU,gBAClB,MACJ,IAAK,SACDJ,EAAkBI,EAAAA,UAAU,cAC5BH,EAAcG,EAAAA,UAAU,kBACxBF,EAAQE,EAAAA,UAAU,gBAClB,MACJ,IAAK,MACDJ,EAAkBI,EAAAA,UAAU,YAC5BH,EAAcG,EAAAA,UAAU,gBACxBF,EAAQE,EAAAA,UAAU,cAClB,MACJ,IAAK,OACDJ,EAAkBI,EAAAA,UAAU,WAC5BH,EAAcG,EAAAA,UAAU,eACxBF,EAAQE,EAAAA,UAAU,aAClB,MACJ,IAAK,UACDJ,EAAkBI,EAAAA,UAAU,uBAC5BH,EAAcG,EAAAA,UAAU,kBACxBF,EAAQE,EAAAA,UAAU,gBAClB,MACJ,QACIJ,EAAkBI,EAAAA,UAAUE,GAC5BL,EAAcG,EAAAA,UAAUG,OACxBL,EAAQE,EAAAA,UAAUI,KAK9B,OAAOC,KAAG;0BACQT;sBACJU,EAAAA,UAAU,gBAAgBA,EAAAA,UAAUC,SAASV;qBAC9CC;SACZ;EAIIU,EAAQjB,EAAAA,QAAOC,GAAG;;;;;;"}

package/cjs/popover/popover-hoc.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),o=require("../external/react-responsive/dist/react-responsive.js"),s=require("../v2_spec/media-spec.js"),i=require("./popover.js"),n=require("./popover.styles.js");exports.withPopover=(a,p)=>u=>{const{onPopoverAppear:c,onPopoverDismiss:d}=u,v=e.__rest(u,["onPopoverAppear","onPopoverDismiss"]),l=p.trigger||"click",j=v,[m,h]=t.useState(!1),x=t.useRef(null),b=o.reactResponsiveExports.useMediaQuery({maxWidth:s.MediaWidths.mobileL});t.useEffect((()=>{if(!b)return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}}),[m]);const g=e=>{x&&!x.current.contains(e.target)&&(m&&h(!1),d&&d())};return r.jsxs(n.HOCWrapper,{id:"popover-hoc-wrapper",ref:x,children:[r.jsx(n.HOCTrigger,{id:`popover-hoc-trigger${p["data-testid"]&&`-${p["data-testid"]}`}`,type:"button",onClick:e=>{e.preventDefault(),("click"===l||b)&&(h(!m),!m&&c&&c(),m&&d&&d())},onMouseEnter:()=>{"hover"!==l||b||h(!0)},onMouseLeave:()=>{"hover"===l&&m&&!b&&h(!1)},"aria-label":"popover-button",children:r.jsx(a,Object.assign({},j))}),r.jsx(i.Popover,{visible:m,id:p.id,"data-testid":p["data-testid"],onMobileClose:()=>{h(!1)},children:p.content})]})};
-//# sourceMappingURL=popover-hoc.js.map

package/cjs/popover/popover-hoc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-hoc.js","sources":["../../../src/popover/popover-hoc.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\n\nimport { MediaWidths } from \"../v2_spec/media-spec\";\nimport { Popover } from \"./popover\";\nimport { HOCTrigger, HOCWrapper } from \"./popover.styles\";\nimport type { PopoverHOCOptionsProps, PopoverHOCProps } from \"./types\";\n\n/** @deprecated Use `PopoverTrigger` for improved positioning behaviour. This component will be removed in DS v3. */\nexport const withPopover =\n    <T extends object>(\n        Component: React.ComponentType<T>,\n        options: PopoverHOCOptionsProps\n    ) =>\n    // eslint-disable-next-line react/display-name\n    (props: T & PopoverHOCProps): JSX.Element => {\n        // =============================================================================\n        // CONST, STATE, REF\n        // =============================================================================\n        const { onPopoverAppear, onPopoverDismiss, ...otherProps } = props;\n        const triggerBehaviour = options.trigger || \"click\";\n        const innerProps = otherProps as T;\n        const [visible, setVisible] = useState<boolean>(false);\n        const nodeRef = useRef<HTMLDivElement>(null);\n        const isMobile = useMediaQuery({\n            maxWidth: MediaWidths.mobileL,\n        });\n\n        // =============================================================================\n        // EFFECTS\n        // =============================================================================\n        useEffect(() => {\n            // NOTE: Do not add mouse down event if it's mobile\n            if (isMobile) {\n                return;\n            }\n            document.addEventListener(\"mousedown\", handleMouseDownEvent);\n\n            return () => {\n                document.removeEventListener(\"mousedown\", handleMouseDownEvent);\n            };\n        }, [visible]);\n\n        // =============================================================================\n        // EVENT HANDLERS\n        // =============================================================================\n        const handleMouseDownEvent = (event: MouseEvent) => {\n            if (nodeRef && !(nodeRef.current as any).contains(event.target)) {\n                // outside click\n                if (visible) {\n                    setVisible(false);\n                }\n\n                if (onPopoverDismiss) onPopoverDismiss();\n            }\n        };\n\n        const handlePopoverMobileClose = () => {\n            setVisible(false);\n        };\n\n        const handleTriggerClick = (event: React.MouseEvent) => {\n            event.preventDefault();\n            if (triggerBehaviour === \"click\" || isMobile) {\n                setVisible(!visible);\n\n                if (!visible && onPopoverAppear) onPopoverAppear();\n                if (visible && onPopoverDismiss) onPopoverDismiss();\n            }\n        };\n\n        const handleOnMouseEnter = () => {\n            if (triggerBehaviour === \"hover\" && !isMobile) {\n                setVisible(true);\n            }\n        };\n\n        const handleOnMouseLeave = () => {\n            if (triggerBehaviour === \"hover\" && visible && !isMobile) {\n                setVisible(false);\n            }\n        };\n\n        // =============================================================================\n        // RENDER\n        // =============================================================================\n        return (\n            <HOCWrapper id=\"popover-hoc-wrapper\" ref={nodeRef}>\n                <HOCTrigger\n                    id={`popover-hoc-trigger${\n                        options[\"data-testid\"] && `-${options[\"data-testid\"]}`\n                    }`}\n                    type=\"button\"\n                    onClick={handleTriggerClick}\n                    onMouseEnter={handleOnMouseEnter}\n                    onMouseLeave={handleOnMouseLeave}\n                    aria-label=\"popover-button\"\n                >\n                    <Component {...innerProps} />\n                </HOCTrigger>\n                <Popover\n                    visible={visible}\n                    id={options.id}\n                    data-testid={options[\"data-testid\"]}\n                    onMobileClose={handlePopoverMobileClose}\n                >\n                    {options.content}\n                </Popover>\n            </HOCWrapper>\n        );\n    };\n"],"names":["Component","options","props","onPopoverAppear","onPopoverDismiss","otherProps","__rest","triggerBehaviour","trigger","innerProps","visible","setVisible","useState","nodeRef","useRef","isMobile","useMediaQuery","maxWidth","MediaWidths","mobileL","useEffect","document","addEventListener","handleMouseDownEvent","removeEventListener","event","current","contains","target","_jsxs","HOCWrapper","id","ref","_jsx","HOCTrigger","type","onClick","preventDefault","onMouseEnter","onMouseLeave","children","Object","assign","Popover","onMobileClose","content"],"mappings":"8RAWI,CACIA,EACAC,IAGHC,IAIG,MAAMC,gBAAEA,EAAeC,iBAAEA,GAAoCF,EAAfG,EAAUC,EAAAA,OAAKJ,EAAvD,CAAA,kBAAA,qBACAK,EAAmBN,EAAQO,SAAW,QACtCC,EAAaJ,GACZK,EAASC,GAAcC,EAAAA,UAAkB,GAC1CC,EAAUC,EAAAA,OAAuB,MACjCC,EAAWC,EAAAA,uBAAAA,cAAc,CAC3BC,SAAUC,EAAAA,YAAYC,UAM1BC,EAAAA,WAAU,KAEN,IAAIL,EAKJ,OAFAM,SAASC,iBAAiB,YAAaC,GAEhC,KACHF,SAASG,oBAAoB,YAAaD,EAAqB,CAClE,GACF,CAACb,IAKJ,MAAMa,EAAwBE,IACtBZ,IAAaA,EAAQa,QAAgBC,SAASF,EAAMG,UAEhDlB,GACAC,GAAW,GAGXP,GAAkBA,IAC1B,EAgCJ,OACIyB,EAAAA,KAACC,EAAAA,YAAWC,GAAG,sBAAsBC,IAAKnB,YACtCoB,EAAAA,IAACC,EAAAA,YACGH,GAAI,sBACA9B,EAAQ,gBAAkB,IAAIA,EAAQ,mBAE1CkC,KAAK,SACLC,QAhCgBX,IACxBA,EAAMY,kBACmB,UAArB9B,GAAgCQ,KAChCJ,GAAYD,IAEPA,GAAWP,GAAiBA,IAC7BO,GAAWN,GAAkBA,IACrC,EA0BQkC,aAvBe,KACE,UAArB/B,GAAiCQ,GACjCJ,GAAW,EACf,EAqBQ4B,aAlBe,KACE,UAArBhC,GAAgCG,IAAYK,GAC5CJ,GAAW,EACf,EAewC,aACrB,iBAAgB6B,SAE3BP,EAAAA,IAACjC,EAASyC,OAAAC,OAAA,CAAA,EAAKjC,MAEnBwB,EAAAA,IAACU,EAAAA,SACGjC,QAASA,EACTqB,GAAI9B,EAAQ8B,GAAE,cACD9B,EAAQ,eACrB2C,cA/CqB,KAC7BjC,GAAW,EAAM,WAgDRV,EAAQ4C,YAEJ"}

package/cjs/popover-v2/index.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./popover.js"),r=require("./popover-inline/popover-inline.js"),o=require("./popover-trigger.js");exports.PopoverV2=e.PopoverV2,exports.PopoverInline=r.PopoverInline,exports.PopoverTrigger=o.PopoverTrigger;
-//# sourceMappingURL=index.js.map

package/cjs/popover-v2/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/cjs/popover-v2/popover-inline/popover-inline.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("../popover-trigger.js"),l=require("./popover-inline.styles.js");exports.PopoverInline=n=>{var{ariaLabel:i,content:o,icon:a,underlineStyle:s="default",underlineHoverStyle:u="default"}=n,d=e.__rest(n,["ariaLabel","content","icon","underlineStyle","underlineHoverStyle"]);const c=!!o;return r.jsx(t.PopoverTrigger,Object.assign({},d,{children:r.jsxs(l.StyledText,{"aria-label":null!=i?i:c?void 0:"More info",role:"button","aria-haspopup":"dialog",tabIndex:0,$defaultStyle:s,$hoverStyle:u,children:[o,a&&r.jsx(l.StyledIcon,{$standalone:!c,children:a})]})}))};
-//# sourceMappingURL=popover-inline.js.map

package/cjs/popover-v2/popover-inline/popover-inline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-inline.js","sources":["../../../../src/popover-v2/popover-inline/popover-inline.tsx"],"sourcesContent":["import { PopoverTrigger } from \"../popover-trigger\";\nimport type { PopoverInlineProps } from \"../types\";\nimport { StyledIcon, StyledText } from \"./popover-inline.styles\";\n\nexport const PopoverInline = ({\n    ariaLabel,\n    content,\n    icon,\n    underlineStyle = \"default\",\n    underlineHoverStyle = \"default\",\n    ...otherProps\n}: PopoverInlineProps) => {\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const hasContent = !!content;\n\n    return (\n        <PopoverTrigger {...otherProps}>\n            <StyledText\n                aria-label={ariaLabel ?? (hasContent ? undefined : \"More info\")}\n                role=\"button\"\n                aria-haspopup=\"dialog\"\n                tabIndex={0}\n                $defaultStyle={underlineStyle}\n                $hoverStyle={underlineHoverStyle}\n            >\n                {content}\n                {icon && (\n                    <StyledIcon $standalone={!hasContent}>{icon}</StyledIcon>\n                )}\n            </StyledText>\n        </PopoverTrigger>\n    );\n};\n"],"names":["_a","ariaLabel","content","icon","underlineStyle","underlineHoverStyle","otherProps","__rest","hasContent","_jsx","PopoverTrigger","Object","assign","children","_jsxs","StyledText","undefined","role","tabIndex","$defaultStyle","$hoverStyle","StyledIcon","$standalone"],"mappings":"uLAI8BA,IAAA,IAAAC,UAC1BA,EAASC,QACTA,EAAOC,KACPA,EAAIC,eACJA,EAAiB,UAASC,oBAC1BA,EAAsB,WAASL,EAC5BM,EAAUC,EAAAA,OAAAP,EANa,uEAW1B,MAAMQ,IAAeN,EAErB,OACIO,EAAAA,IAACC,iBAAcC,OAAAC,OAAA,GAAKN,EAAU,CAAAO,SAC1BC,EAAAA,KAACC,aAAU,CAAA,aACKd,QAAAA,EAAcO,OAAaQ,EAAY,YACnDC,KAAK,SAAQ,gBACC,SACdC,SAAU,EAACC,cACIf,EAAcgB,YAChBf,EAAmBQ,SAAA,CAE/BX,EACAC,GACGM,EAAAA,IAACY,aAAU,CAAAC,aAAed,EAAUK,SAAGV,SAGlC"}

package/cjs/popover-v2/popover-inline/popover-inline.styles.js

@@ -1,22 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../v3_theme/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);const o=e=>{switch(e){case"underline":return"text-decoration: underline 1px;";case"underline-dashed":return"text-decoration: underline dashed 1px;"}},i=n.default.span`
-    color: ${t.V3_Colour["text-primary"]};
-    font-weight: 600;
-    text-underline-position: under;
-
-    ${({$defaultStyle:e})=>o(e)}
-
-    &:hover,
-    &:focus-visible {
-        color: ${t.V3_Colour["text-hover"]};
-        ${({$hoverStyle:e})=>o(e)}
-    }
-
-    svg {
-        height: 1lh; // align vertically
-        width: 1em; // scale icon with font size
-        vertical-align: top;
-    }
-`,l=n.default.span`
-    ${e=>!e.$standalone&&"margin-left: 0.25rem;"}
-`;exports.StyledIcon=l,exports.StyledText=i;
-//# sourceMappingURL=popover-inline.styles.js.map

package/cjs/popover-v2/popover-inline/popover-inline.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-inline.styles.js","sources":["../../../../src/popover-v2/popover-inline/popover-inline.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { V3_Colour } from \"../../v3_theme\";\nimport type { PopoverInlineStyle } from \"../types\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\n\ninterface StyledTextProps {\n    $defaultStyle: PopoverInlineStyle;\n    $hoverStyle: PopoverInlineStyle;\n}\n\ninterface StyledIconProps {\n    $standalone: boolean;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst getTextStyle = (style: PopoverInlineStyle) => {\n    switch (style) {\n        case \"underline\":\n            return \"text-decoration: underline 1px;\";\n        case \"underline-dashed\":\n            return \"text-decoration: underline dashed 1px;\";\n    }\n};\n\nexport const StyledText = styled.span<StyledTextProps>`\n    color: ${V3_Colour[\"text-primary\"]};\n    font-weight: 600;\n    text-underline-position: under;\n\n    ${({ $defaultStyle }) => getTextStyle($defaultStyle)}\n\n    &:hover,\n    &:focus-visible {\n        color: ${V3_Colour[\"text-hover\"]};\n        ${({ $hoverStyle }) => getTextStyle($hoverStyle)}\n    }\n\n    svg {\n        height: 1lh; // align vertically\n        width: 1em; // scale icon with font size\n        vertical-align: top;\n    }\n`;\n\nexport const StyledIcon = styled.span<StyledIconProps>`\n    ${(props) => !props.$standalone && \"margin-left: 0.25rem;\"}\n`;\n"],"names":["getTextStyle","style","StyledText","styled","span","V3_Colour","$defaultStyle","$hoverStyle","StyledIcon","props","$standalone"],"mappings":"wKAqBA,MAAMA,EAAgBC,IAClB,OAAQA,GACJ,IAAK,YACD,MAAO,kCACX,IAAK,mBACD,MAAO,2CAINC,EAAaC,EAAAA,QAAOC,IAAqB;aACzCC,EAAAA,UAAU;;;;MAIjB,EAAGC,mBAAoBN,EAAaM;;;;iBAIzBD,EAAAA,UAAU;UACjB,EAAGE,iBAAkBP,EAAaO;;;;;;;;EAU/BC,EAAaL,EAAAA,QAAOC,IAAqB;MAC/CK,IAAWA,EAAMC,aAAe;"}

package/cjs/popover-v2/popover-trigger.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("@floating-ui/react"),o=require("react"),i=require("../external/react-responsive/dist/react-responsive.js"),n=require("styled-components"),s=require("../overlay/use-floating-context.js"),l=require("../theme/theme-provider/hooks.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js");var a=require("../util/simple-id-generator.js");require("../util/string-helper.js");var u=require("../v3_theme/index.js"),c=require("./popover.js"),p=require("./popover-trigger.styles.js");exports.PopoverTrigger=d=>{var v,g,{children:m,popoverContent:f,trigger:h="click",position:j="top",zIndex:x,rootNode:b,customOffset:q,delay:F,onPopoverAppear:y,onPopoverDismiss:O,popoverAriaLabel:P,enableFlip:C=!0,enableResize:M=!1,overflow:R="auto",triggerOnFocus:S=!1,isModal:k=!0}=d,w=e.__rest(d,["children","popoverContent","trigger","position","zIndex","rootNode","customOffset","delay","onPopoverAppear","onPopoverDismiss","popoverAriaLabel","enableFlip","enableResize","overflow","triggerOnFocus","isModal"]);const[z,I]=o.useState(!1),T=o.useRef(null),_=o.useRef(null),A=o.useContext(n.ThemeContext),E=u.V3_Breakpoint["sm-max"]({theme:A}),H=i.reactResponsiveExports.useMediaQuery({maxWidth:E}),[D,L]=o.useState(0),B=`${o.useRef(a.SimpleIdGenerator.generate()).current}-popover`,{refs:N,floatingStyles:V,context:G}=t.useFloating({open:z,placement:j,whileElementsMounted:t.autoUpdate,middleware:[t.offset(null!=q?q:16),C&&t.flip(),t.shift({limiter:t.limitShift()}),M&&t.size({apply({availableHeight:e}){L(e)}})],onOpenChange:e=>{I(e),z!==e&&te(e)}}),Q=s.useFloatingChild(),{themeProps:U,themeStyle:W}=l.useInheritedThemeScope(z),$="hover"===(H?"click":h),J=t.useClick(G,{ignoreMouse:$}),K=t.useDismiss(G),X=t.useHover(G,{enabled:$,delay:{open:null!==(v=null==F?void 0:F.open)&&void 0!==v?v:0,close:null!==(g=null==F?void 0:F.close)&&void 0!==g?g:500}}),Y=t.useFocus(G,{enabled:S}),{getReferenceProps:Z,getFloatingProps:ee}=t.useInteractions([J,K,X,Y]),re=()=>{I(!1),te(!1)},te=e=>{e&&y&&y(),!e&&O&&O()};return r.jsxs(r.Fragment,{children:[r.jsx(p.TriggerContainer,Object.assign({ref:e=>{T.current=e,N.setReference(e)}},Z({onClick:e=>{e.stopPropagation(),e.preventDefault()}}),w,{children:m})),z&&r.jsx(t.FloatingPortal,{root:b,children:r.jsx(t.FloatingFocusManager,Object.assign({context:G},!k&&{initialFocus:-1,returnFocus:!1,modal:!1},{children:r.jsx("div",Object.assign({ref:e=>{_.current=e,N.setFloating(e)}},U,{onBlur:e=>{var r;const t=null!==(r=e.relatedTarget)&&void 0!==r?r:document.activeElement;t&&(e=>{var r;if(!e)return!1;if(e instanceof HTMLElement&&e.hasAttribute("data-floating-ui-focus-guard"))return!0;const t=T.current,o=null===(r=_.current)||void 0===r?void 0:r.parentElement;return!!t&&t.contains(e)||!!o&&o.contains(e)})(t)||(I(!1),te(!1))},style:Object.assign(Object.assign(Object.assign({},W),V),{outline:"none",zIndex:null!=x?x:Q})},ee(),{children:"function"==typeof f?f(M?{maxHeight:D,overflow:R}:{}):r.jsx(c.PopoverV2,{visible:!0,onMobileClose:re,maxHeight:M?D:void 0,overflow:M?R:void 0,ariaLabel:P,id:B,children:f})}))}))})]})};
-//# sourceMappingURL=popover-trigger.js.map

package/cjs/popover-v2/popover-trigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-trigger.js","sources":["../../../src/popover-v2/popover-trigger.tsx"],"sourcesContent":["import {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingPortal,\n    limitShift,\n    offset,\n    shift,\n    size,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFocus,\n    useHover,\n    useInteractions,\n} from \"@floating-ui/react\";\nimport type React from \"react\";\nimport { useContext, useRef, useState } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { useFloatingChild } from \"../overlay/use-floating-context\";\nimport { useInheritedThemeScope } from \"../theme/theme-provider/hooks\";\nimport { SimpleIdGenerator } from \"../util\";\nimport { V3_Breakpoint } from \"../v3_theme\";\nimport { PopoverV2 } from \"./popover\";\nimport { TriggerContainer } from \"./popover-trigger.styles\";\nimport type { PopoverV2TriggerProps, PopoverV2TriggerType } from \"./types\";\n\nexport const PopoverTrigger = ({\n    children,\n    popoverContent,\n    trigger: _trigger = \"click\",\n    position = \"top\",\n    zIndex,\n    rootNode,\n    customOffset,\n    delay,\n    onPopoverAppear,\n    onPopoverDismiss,\n    popoverAriaLabel,\n    enableFlip = true,\n    enableResize = false,\n    overflow = \"auto\",\n    triggerOnFocus = false,\n    isModal = true,\n    ...otherProps\n}: PopoverV2TriggerProps) => {\n    // =========================================================================\n    // CONST, STATE, REF\n    // =========================================================================\n    const [visible, setVisible] = useState<boolean>(false);\n    const nodeRef = useRef<HTMLElement | null>(null);\n    const popoverRef = useRef<HTMLElement | null>(null);\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = V3_Breakpoint[\"sm-max\"]({ theme });\n    const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n    const [availableHeight, setAvailableHeight] = useState(0);\n    const internalId = useRef(SimpleIdGenerator.generate());\n    const popoverContainerId = `${internalId.current}-popover`;\n\n    const { refs, floatingStyles, context } = useFloating({\n        open: visible,\n        placement: position,\n        whileElementsMounted: autoUpdate,\n        middleware: [\n            offset(customOffset ?? 16),\n            enableFlip && flip(),\n            shift({\n                limiter: limitShift(),\n            }),\n            enableResize &&\n                size({\n                    apply({ availableHeight }) {\n                        setAvailableHeight(availableHeight);\n                    },\n                }),\n        ],\n        onOpenChange: (isOpen) => {\n            setVisible(isOpen);\n\n            // this callback is triggering twice on hover, the check here prevents extra calls\n            if (visible !== isOpen) {\n                handleVisibilityChange(isOpen);\n            }\n        },\n    });\n    const parentZIndex = useFloatingChild();\n    const { themeProps, themeStyle } = useInheritedThemeScope(visible);\n\n    const trigger: PopoverV2TriggerType = isMobile ? \"click\" : _trigger;\n    const isTooltip = trigger === \"hover\";\n\n    const click = useClick(context, {\n        // allow trigger by Space/Enter, but disable mouse click in hover mode\n        ignoreMouse: isTooltip,\n    });\n\n    const dismiss = useDismiss(context);\n\n    const hover = useHover(context, {\n        enabled: isTooltip,\n        // short window to enter the floating element without it closing\n        delay: {\n            open: delay?.open ?? 0,\n            close: delay?.close ?? 500,\n        },\n    });\n\n    const focus = useFocus(context, {\n        enabled: triggerOnFocus,\n    });\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n        click,\n        dismiss,\n        hover,\n        focus,\n    ]);\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const isFocusInside = (node: Node | null) => {\n        if (!node) return false;\n\n        if (\n            node instanceof HTMLElement &&\n            node.hasAttribute(\"data-floating-ui-focus-guard\")\n        ) {\n            return true;\n        }\n\n        const refEl = nodeRef.current;\n        const floatingEl = popoverRef.current?.parentElement;\n\n        return (\n            (!!refEl && refEl.contains(node)) ||\n            (!!floatingEl && floatingEl.contains(node))\n        );\n    };\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handlePopoverMobileClose = () => {\n        setVisible(false);\n        handleVisibilityChange(false);\n    };\n\n    const handleVisibilityChange = (nextVisible: boolean) => {\n        if (nextVisible && onPopoverAppear) onPopoverAppear();\n        if (!nextVisible && onPopoverDismiss) onPopoverDismiss();\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n        const next =\n            (e.relatedTarget as Node | null) ??\n            (document.activeElement as Node | null);\n\n        if (next && isFocusInside(next)) return;\n\n        setVisible(false);\n        handleVisibilityChange(false);\n    };\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderPopover = () => {\n        if (typeof popoverContent === \"function\") {\n            return popoverContent(\n                enableResize ? { maxHeight: availableHeight, overflow } : {}\n            );\n        }\n\n        return (\n            <PopoverV2\n                visible\n                onMobileClose={handlePopoverMobileClose}\n                maxHeight={enableResize ? availableHeight : undefined}\n                overflow={enableResize ? overflow : undefined}\n                ariaLabel={popoverAriaLabel}\n                id={popoverContainerId}\n            >\n                {popoverContent}\n            </PopoverV2>\n        );\n    };\n\n    return (\n        <>\n            <TriggerContainer\n                ref={(node) => {\n                    nodeRef.current = node;\n                    refs.setReference(node);\n                }}\n                {...getReferenceProps({\n                    onClick: (event) => {\n                        // prevent popover interaction from triggering click events on parents\n                        event.stopPropagation();\n                        event.preventDefault();\n                    },\n                })}\n                {...otherProps}\n            >\n                {children}\n            </TriggerContainer>\n            {visible && (\n                <FloatingPortal root={rootNode}>\n                    <FloatingFocusManager\n                        context={context}\n                        {...(!isModal && {\n                            initialFocus: -1,\n                            returnFocus: false,\n                            modal: false,\n                        })}\n                    >\n                        <div\n                            ref={(node) => {\n                                popoverRef.current = node;\n                                refs.setFloating(node);\n                            }}\n                            {...themeProps}\n                            onBlur={handleBlur}\n                            style={{\n                                ...themeStyle,\n                                ...floatingStyles,\n                                outline: \"none\",\n                                zIndex: zIndex ?? parentZIndex,\n                            }}\n                            {...getFloatingProps()}\n                        >\n                            {renderPopover()}\n                        </div>\n                    </FloatingFocusManager>\n                </FloatingPortal>\n            )}\n        </>\n    );\n};\n"],"names":["_a","children","popoverContent","trigger","_trigger","position","zIndex","rootNode","customOffset","delay","onPopoverAppear","onPopoverDismiss","popoverAriaLabel","enableFlip","enableResize","overflow","triggerOnFocus","isModal","otherProps","__rest","visible","setVisible","useState","nodeRef","useRef","popoverRef","theme","useContext","ThemeContext","mobileBreakpoint","V3_Breakpoint","isMobile","useMediaQuery","maxWidth","availableHeight","setAvailableHeight","popoverContainerId","SimpleIdGenerator","generate","current","refs","floatingStyles","context","useFloating","open","placement","whileElementsMounted","autoUpdate","middleware","offset","flip","shift","limiter","limitShift","size","apply","onOpenChange","isOpen","handleVisibilityChange","parentZIndex","useFloatingChild","themeProps","themeStyle","useInheritedThemeScope","isTooltip","click","useClick","ignoreMouse","dismiss","useDismiss","hover","useHover","enabled","_b","close","_c","focus","useFocus","getReferenceProps","getFloatingProps","useInteractions","handlePopoverMobileClose","nextVisible","_jsxs","_Fragment","_jsx","TriggerContainer","Object","assign","ref","node","setReference","onClick","event","stopPropagation","preventDefault","FloatingPortal","root","FloatingFocusManager","initialFocus","returnFocus","modal","setFloating","onBlur","e","next","relatedTarget","document","activeElement","HTMLElement","hasAttribute","refEl","floatingEl","parentElement","contains","isFocusInside","style","outline","maxHeight","PopoverV2","onMobileClose","undefined","ariaLabel","id"],"mappings":"0mBA6B+BA,aAAAC,SAC3BA,EAAQC,eACRA,EACAC,QAASC,EAAW,QAAOC,SAC3BA,EAAW,MAAKC,OAChBA,EAAMC,SACNA,EAAQC,aACRA,EAAYC,MACZA,EAAKC,gBACLA,EAAeC,iBACfA,EAAgBC,iBAChBA,EAAgBC,WAChBA,GAAa,EAAIC,aACjBA,GAAe,EAAKC,SACpBA,EAAW,OAAMC,eACjBA,GAAiB,EAAKC,QACtBA,GAAU,KACPC,EAAUC,SAAAnB,EAjBc,CAAA,WAAA,iBAAA,UAAA,WAAA,SAAA,WAAA,eAAA,QAAA,kBAAA,mBAAA,mBAAA,aAAA,eAAA,WAAA,iBAAA,YAsB3B,MAAOoB,EAASC,GAAcC,EAAAA,UAAkB,GAC1CC,EAAUC,EAAAA,OAA2B,MACrCC,EAAaD,EAAAA,OAA2B,MACxCE,EAAQC,EAAAA,WAAWC,gBACnBC,EAAmBC,EAAAA,cAAc,UAAU,CAAEJ,UAC7CK,EAAWC,EAAAA,uBAAAA,cAAc,CAAEC,SAAUJ,KACpCK,EAAiBC,GAAsBb,EAAAA,SAAS,GAEjDc,EAAqB,GADRZ,EAAAA,OAAOa,EAAAA,kBAAkBC,YACHC,mBAEnCC,KAAEA,EAAIC,eAAEA,EAAcC,QAAEA,GAAYC,EAAAA,YAAY,CAClDC,KAAMxB,EACNyB,UAAWxC,EACXyC,qBAAsBC,EAAAA,WACtBC,WAAY,CACRC,EAAAA,OAAOzC,QAAAA,EAAgB,IACvBK,GAAcqC,EAAAA,OACdC,QAAM,CACFC,QAASC,EAAAA,eAEbvC,GACIwC,OAAK,CACD,KAAAC,EAAMrB,gBAAEA,IACJC,EAAmBD,EACvB,KAGZsB,aAAeC,IACXpC,EAAWoC,GAGPrC,IAAYqC,GACZC,GAAuBD,EAC3B,IAGFE,EAAeC,EAAAA,oBACfC,WAAEA,EAAUC,WAAEA,GAAeC,EAAAA,uBAAuB3C,GAGpD4C,EAAwB,WADQjC,EAAW,QAAU3B,GAGrD6D,EAAQC,EAAAA,SAASxB,EAAS,CAE5ByB,YAAaH,IAGXI,EAAUC,EAAAA,WAAW3B,GAErB4B,EAAQC,EAAAA,SAAS7B,EAAS,CAC5B8B,QAASR,EAETvD,MAAO,CACHmC,KAAiB,QAAX6B,EAAAhE,eAAAA,EAAOmC,YAAI,IAAA6B,EAAAA,EAAI,EACrBC,MAAmB,QAAZC,EAAAlE,eAAAA,EAAOiE,aAAK,IAAAC,EAAAA,EAAI,OAIzBC,EAAQC,EAAAA,SAASnC,EAAS,CAC5B8B,QAASxD,KAGP8D,kBAAEA,EAAiBC,iBAAEA,IAAqBC,kBAAgB,CAC5Df,EACAG,EACAE,EACAM,IA4BEK,GAA2B,KAC7B5D,GAAW,GACXqC,IAAuB,EAAM,EAG3BA,GAA0BwB,IACxBA,GAAexE,GAAiBA,KAC/BwE,GAAevE,GAAkBA,GAAkB,EAsC5D,OACIwE,OAAAC,EAAAA,SAAA,CAAAnF,SAAA,CACIoF,EAAAA,IAACC,mBAAgBC,OAAAC,OAAA,CACbC,IAAMC,IACFnE,EAAQgB,QAAUmD,EAClBlD,EAAKmD,aAAaD,EAAK,GAEvBZ,EAAkB,CAClBc,QAAUC,IAENA,EAAMC,kBACND,EAAME,gBAAgB,IAG1B7E,EAAU,CAAAjB,SAEbA,KAEJmB,GACGiE,MAACW,EAAAA,eAAc,CAACC,KAAM1F,EAAQN,SAC1BoF,MAACa,EAAAA,qBAAoBX,OAAAC,OAAA,CACjB9C,QAASA,IACHzB,GAAW,CACbkF,cAAc,EACdC,aAAa,EACbC,OAAO,aAGXhB,EAAAA,IAAA,MAAAE,OAAAC,OAAA,CACIC,IAAMC,IACFjE,EAAWc,QAAUmD,EACrBlD,EAAK8D,YAAYZ,EAAK,GAEtB7B,EAAU,CACd0C,OArEJC,UAChB,MAAMC,EAC8B,QAAhCzG,EAACwG,EAAEE,qBAA6B,IAAA1G,EAAAA,EAC/B2G,SAASC,cAEVH,GArCc,CAACf,UACnB,IAAKA,EAAM,OAAO,EAElB,GACIA,aAAgBmB,aAChBnB,EAAKoB,aAAa,gCAElB,OAAO,EAGX,MAAMC,EAAQxF,EAAQgB,QAChByE,EAA+B,QAAlBhH,EAAAyB,EAAWc,eAAO,IAAAvC,OAAA,EAAAA,EAAEiH,cAEvC,QACOF,GAASA,EAAMG,SAASxB,MACxBsB,GAAcA,EAAWE,SAASxB,EAAM,EAsBnCyB,CAAcV,KAE1BpF,GAAW,GACXqC,IAAuB,GAAM,EA8DT0D,MAAK7B,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACE1B,GACArB,GAAc,CACjB4E,QAAS,OACT/G,OAAQA,QAAAA,EAAUqD,KAElBoB,KAAkB,CAAA9E,SA7DZ,mBAAnBC,EACAA,EACHY,EAAe,CAAEwG,UAAWpF,EAAiBnB,YAAa,IAK9DsE,EAAAA,IAACkC,YAAS,CACNnG,SAAO,EACPoG,cAAevC,GACfqC,UAAWxG,EAAeoB,OAAkBuF,EAC5C1G,SAAUD,EAAeC,OAAW0G,EACpCC,UAAW9G,EACX+G,GAAIvF,EAAkBnC,SAErBC,cAqDN"}

package/cjs/popover-v2/popover-trigger.styles.js

@@ -1,7 +0,0 @@
-"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const e=t(require("styled-components")).default.div`
-    display: inline;
-    width: fit-content;
-    cursor: pointer;
-    position: relative;
-`;exports.TriggerContainer=e;
-//# sourceMappingURL=popover-trigger.styles.js.map

package/cjs/popover-v2/popover-trigger.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-trigger.styles.js","sources":["../../../src/popover-v2/popover-trigger.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const TriggerContainer = styled.div`\n    display: inline;\n    width: fit-content;\n    cursor: pointer;\n    position: relative;\n`;\n"],"names":["TriggerContainer","styled","div"],"mappings":"qFAKO,MAAMA,kCAAmBC,QAAOC,GAAG;;;;;"}

package/cjs/popover-v2/popover.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("react"),o=require("../external/react-responsive/dist/react-responsive.js"),a=require("styled-components"),s=require("../modal-v2/index.js"),t=require("../typography/index.js"),l=require("../v3_theme/index.js"),n=require("./popover.styles.js");exports.PopoverV2=d=>{var{children:x,visible:u,onMobileClose:c,maxHeight:h,overflow:p,ariaLabel:v,id:j}=d,m=e.__rest(d,["children","visible","onMobileClose","maxHeight","overflow","ariaLabel","id"]);const b=m["data-testid"]||"popover",C=i.useContext(a.ThemeContext),g=l.V3_Breakpoint["sm-max"]({theme:C}),y=o.reactResponsiveExports.useMediaQuery({maxWidth:g}),M=()=>{c&&c()},q=()=>"string"==typeof x?r.jsx(t.Typography.BodyMD,{children:x}):x;return r.jsxs(r.Fragment,{children:[u&&r.jsx(n.PopoverContainer,Object.assign({tabIndex:0,"data-testid":b},m,{id:j,role:"dialog","aria-label":null!=v?v:"More information",children:r.jsx(n.PopoverCard,{$maxHeight:h,$overflow:p,children:q()})})),y&&r.jsx(s.ModalV2,{show:null!=u&&u,onOverlayClick:M,onClose:M,id:j,role:"dialog","aria-label":null!=v?v:"More information",children:r.jsxs(s.ModalV2.Card,{children:[r.jsx(s.ModalV2.Content,{children:q()}),r.jsx(s.ModalV2.CloseButton,{})]})})]})};
-//# sourceMappingURL=popover.js.map

package/cjs/popover-v2/popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.js","sources":["../../../src/popover-v2/popover.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { ModalV2 } from \"../modal-v2\";\nimport { Typography } from \"../typography\";\nimport { V3_Breakpoint } from \"../v3_theme\";\nimport { PopoverCard, PopoverContainer } from \"./popover.styles\";\nimport type { PopoverV2Props } from \"./types\";\n\nexport const PopoverV2 = ({\n    children,\n    visible,\n    onMobileClose,\n    maxHeight,\n    overflow,\n    ariaLabel,\n    id,\n    ...otherProps\n}: PopoverV2Props): JSX.Element => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const testId = otherProps[\"data-testid\"] || \"popover\";\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = V3_Breakpoint[\"sm-max\"]({ theme });\n    const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleMobileClose = () => {\n        if (onMobileClose) {\n            onMobileClose();\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderContent = () =>\n        typeof children === \"string\" ? (\n            <Typography.BodyMD>{children}</Typography.BodyMD>\n        ) : (\n            children\n        );\n\n    return (\n        <>\n            {visible && (\n                <PopoverContainer\n                    tabIndex={0}\n                    data-testid={testId}\n                    {...otherProps}\n                    id={id}\n                    role=\"dialog\"\n                    aria-label={ariaLabel ?? \"More information\"}\n                >\n                    <PopoverCard $maxHeight={maxHeight} $overflow={overflow}>\n                        {renderContent()}\n                    </PopoverCard>\n                </PopoverContainer>\n            )}\n            {isMobile && (\n                <ModalV2\n                    show={visible ?? false}\n                    onOverlayClick={handleMobileClose}\n                    onClose={handleMobileClose}\n                    id={id}\n                    role=\"dialog\"\n                    aria-label={ariaLabel ?? \"More information\"}\n                >\n                    <ModalV2.Card>\n                        <ModalV2.Content>{renderContent()}</ModalV2.Content>\n                        <ModalV2.CloseButton />\n                    </ModalV2.Card>\n                </ModalV2>\n            )}\n        </>\n    );\n};\n"],"names":["_a","children","visible","onMobileClose","maxHeight","overflow","ariaLabel","id","otherProps","__rest","testId","theme","useContext","ThemeContext","mobileBreakpoint","V3_Breakpoint","isMobile","useMediaQuery","maxWidth","handleMobileClose","renderContent","_jsx","Typography","BodyMD","_jsxs","_Fragment","PopoverContainer","Object","assign","tabIndex","role","PopoverCard","$maxHeight","$overflow","ModalV2","show","onOverlayClick","onClose","Card","Content","CloseButton"],"mappings":"mWAU0BA,IAAA,IAAAC,SACtBA,EAAQC,QACRA,EAAOC,cACPA,EAAaC,UACbA,EAASC,SACTA,EAAQC,UACRA,EAASC,GACTA,GAAEP,EACCQ,EAAUC,EAAAA,OAAAT,EARS,gFAatB,MAAMU,EAASF,EAAW,gBAAkB,UACtCG,EAAQC,EAAAA,WAAWC,gBACnBC,EAAmBC,EAAAA,cAAc,UAAU,CAAEJ,UAC7CK,EAAWC,EAAAA,uBAAAA,cAAc,CAAEC,SAAUJ,IAKrCK,EAAoB,KAClBhB,GACAA,GACJ,EAMEiB,EAAgB,IACE,iBAAbnB,EACHoB,EAAAA,IAACC,aAAWC,OAAM,CAAAtB,SAAEA,IAA6B,EAKzD,OACIuB,EAAAA,KAAAC,WAAA,CAAAxB,SAAA,CACKC,GACGmB,MAACK,EAAAA,iBAAgBC,OAAAC,OAAA,CACbC,SAAU,EAAC,cACEnB,GACTF,EAAU,CACdD,GAAIA,EACJuB,KAAK,SAAQ,aACDxB,QAAAA,EAAa,mBAAkBL,SAE3CoB,EAAAA,IAACU,cAAW,CAAAC,WAAa5B,EAAS6B,UAAa5B,EAAQJ,SAClDmB,SAIZJ,GACGK,EAAAA,IAACa,EAAAA,QAAO,CACJC,KAAMjC,SAAAA,EACNkC,eAAgBjB,EAChBkB,QAASlB,EACTZ,GAAIA,EACJuB,KAAK,SAAQ,aACDxB,QAAAA,EAAa,mBAAkBL,SAE3CuB,EAAAA,KAACU,UAAQI,gBACLjB,MAACa,EAAAA,QAAQK,QAAO,CAAAtC,SAAEmB,MAClBC,MAACa,EAAAA,QAAQM,YAAW,WAIjC"}

package/cjs/popover-v2/popover.styles.js

@@ -1,44 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../card/card.js"),t=require("../modal/modal-box.js"),o=require("../shared/html-content/html-content.js");require("../theme/theme-provider/index.js"),require("react"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js");var i=require("../theme/tokens/colour.js");require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js"),require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/string-helper.js");var a=require("../v3_theme/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(e);const l=d.default.div`
-    max-width: 30rem;
-    padding: 0 1rem;
-    pointer-events: auto;
-    outline: none;
-`,s=d.default(r.Card)`
-    color: ${i.Colour.text};
-    ${o.applyHtmlContentStyle({textSize:"body-md"})}
-
-    ${a.V3_MediaQuery.MaxWidth.sm} {
-        display: none;
-    }
-
-    ${({$maxHeight:e})=>void 0!==e&&`\n        max-height: ${e}px;\n    `}
-
-    ${({$overflow:e})=>e&&`\n        overflow-y: ${e};\n    `}
-
-    &::-webkit-scrollbar {
-        width: 14px;
-    }
-
-    &::-webkit-scrollbar-track {
-        background: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        background: ${a.V3_Colour["bg-inverse-subtlest"]};
-        border: 5px solid transparent;
-        border-radius: ${a.V3_Radius.full};
-        background-clip: padding-box;
-    }
-`;d.default(t.ModalBox)`
-    padding: 3.5rem 1.25rem 2.5rem;
-`,d.default.div`
-    overflow-y: scroll;
-
-    &::-webkit-scrollbar {
-        display: none; /* Chrome/Safari/Webkit */
-    }
-
-    color: ${a.V3_Colour.text};
-    ${o.applyHtmlContentStyle({textSize:"body-md"})}
-`,exports.PopoverCard=s,exports.PopoverContainer=l;
-//# sourceMappingURL=popover.styles.js.map

package/cjs/popover-v2/popover.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.styles.js","sources":["../../../src/popover-v2/popover.styles.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Card } from \"../card\";\nimport { ModalBox } from \"../modal/modal-box\";\nimport { applyHtmlContentStyle } from \"../shared/html-content/html-content\";\nimport { Colour } from \"../theme\";\nimport { V3_Colour, V3_MediaQuery, V3_Radius } from \"../v3_theme\";\nimport type { PopoverOverflowType } from \"./types\";\n// =============================================================================\n// STYLES INTERFACE\n// =============================================================================\ninterface PopoverCardStyleProps {\n    $overflow?: PopoverOverflowType | undefined;\n    $maxHeight?: number | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const PopoverContainer = styled.div`\n    max-width: 30rem;\n    padding: 0 1rem;\n    pointer-events: auto;\n    outline: none;\n`;\n\nexport const PopoverCard = styled(Card)<PopoverCardStyleProps>`\n    color: ${Colour.text};\n    ${applyHtmlContentStyle({ textSize: \"body-md\" })}\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        display: none;\n    }\n\n    ${({ $maxHeight }) =>\n        $maxHeight !== undefined &&\n        `\n        max-height: ${$maxHeight}px;\n    `}\n\n    ${({ $overflow }) =>\n        $overflow &&\n        `\n        overflow-y: ${$overflow};\n    `}\n\n    &::-webkit-scrollbar {\n        width: 14px;\n    }\n\n    &::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: ${V3_Colour[\"bg-inverse-subtlest\"]};\n        border: 5px solid transparent;\n        border-radius: ${V3_Radius[\"full\"]};\n        background-clip: padding-box;\n    }\n`;\n\nexport const MobileModalBox = styled(ModalBox)`\n    padding: 3.5rem 1.25rem 2.5rem;\n`;\n\nexport const ContentWrapper = styled.div`\n    overflow-y: scroll;\n\n    &::-webkit-scrollbar {\n        display: none; /* Chrome/Safari/Webkit */\n    }\n\n    color: ${V3_Colour.text};\n    ${applyHtmlContentStyle({ textSize: \"body-md\" })}\n`;\n"],"names":["PopoverContainer","styled","div","PopoverCard","Card","Colour","text","applyHtmlContentStyle","textSize","V3_MediaQuery","MaxWidth","sm","$maxHeight","undefined","$overflow","V3_Colour","V3_Radius","ModalBox"],"mappings":"ypBAmBO,MAAMA,EAAmBC,EAAAA,QAAOC,GAAG;;;;;EAO7BC,EAAcF,EAAAA,QAAOG,EAAAA,KAA4B;aACjDC,EAAAA,OAAOC;MACdC,wBAAsB,CAAEC,SAAU;;MAElCC,EAAAA,cAAcC,SAASC;;;;MAIvB,EAAGC,qBACcC,IAAfD,GACA,yBACcA;;MAGhB,EAAGE,eACDA,GACA,yBACcA;;;;;;;;;;;sBAYAC,EAAAA,UAAU;;yBAEPC,EAAAA,UAAgB;;;EAKXf,EAAAA,QAAOgB,EAAAA,SAAS;;EAIhBhB,EAAAA,QAAOC,GAAG;;;;;;;aAO3Ba,EAAAA,UAAUT;MACjBC,wBAAsB,CAAEC,SAAU;"}

package/cjs/progress-indicator/progress-indicator.style.js

@@ -1,39 +0,0 @@
-"use strict";var e=require("styled-components"),r=require("../typography/index.js"),t=require("../v3_theme/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const a=i.default.div`
-    position: relative;
-    width: 100%;
-
-    margin: 2rem 0;
-
-    ${t.V3_MediaQuery.MaxWidth.xl} {
-        margin: 1.5rem 0;
-    }
-
-    ${t.V3_MediaQuery.MaxWidth.lg} {
-        margin: 1rem 0;
-    }
-`,l=i.default.div`
-    display: flex;
-    flex-basis: 0;
-    justify-content: space-between;
-    width: 100%;
-`,d=i.default.div`
-    height: 4px;
-    margin-bottom: ${t.V3_Spacing["spacing-8"]};
-    border-radius: ${t.V3_Radius.full};
-    ${e=>{const{$highlighted:r}=e;return`\n            background-color: ${(r?t.V3_Colour["bg-primary-subtle"]:t.V3_Colour["bg-disabled"])(e)};\n        `}};
-`,n=i.default(r.Typography.BodyMD)`
-    overflow-wrap: anywhere;
-    ${e=>{const{$highlighted:r}=e;return`color: ${(r?t.V3_Colour["text-primary"]:t.V3_Colour["text-disabled"])(e)};`}};
-`,s=i.default(r.Typography.BodyMD)`
-    overflow-wrap: anywhere;
-    color: ${t.V3_Colour.text};
-`,u=i.default.div`
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-
-    &:not(:last-child) {
-        margin-right: ${"0.5rem"};
-    }
-`;exports.Content=l,exports.INDICATOR_BAR_MARGIN_RIGHT_TABLET=.5,exports.Indicator=u,exports.IndicatorBar=d,exports.IndicatorTitleDesktop=n,exports.IndicatorTitleTablet=s,exports.Wrapper=a;
-//# sourceMappingURL=progress-indicator.style.js.map

package/cjs/progress-indicator/progress-indicator.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-indicator.style.js","sources":["../../../src/progress-indicator/progress-indicator.style.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Typography } from \"../typography\";\nimport { V3_Colour, V3_MediaQuery, V3_Radius, V3_Spacing } from \"../v3_theme\";\n\n// Units in rem\nexport const INDICATOR_BAR_MARGIN_RIGHT_TABLET = 0.5;\n\n// =============================================================================\n// STYLE TYPES\n// =============================================================================\n\ninterface IndicatorProps {\n    $highlighted: boolean;\n}\n\n// =============================================================================\n// STYLE COMPONENTS\n// =============================================================================\nexport const Wrapper = styled.div`\n    position: relative;\n    width: 100%;\n\n    margin: 2rem 0;\n\n    ${V3_MediaQuery.MaxWidth.xl} {\n        margin: 1.5rem 0;\n    }\n\n    ${V3_MediaQuery.MaxWidth.lg} {\n        margin: 1rem 0;\n    }\n`;\n\nexport const Content = styled.div`\n    display: flex;\n    flex-basis: 0;\n    justify-content: space-between;\n    width: 100%;\n`;\n\nexport const IndicatorBar = styled.div<IndicatorProps>`\n    height: 4px;\n    margin-bottom: ${V3_Spacing[\"spacing-8\"]};\n    border-radius: ${V3_Radius[\"full\"]};\n    ${(props) => {\n        const { $highlighted } = props;\n        const color = $highlighted\n            ? V3_Colour[\"bg-primary-subtle\"]\n            : V3_Colour[\"bg-disabled\"];\n        return `\n            background-color: ${color(props)};\n        `;\n    }};\n`;\n\nexport const IndicatorTitleDesktop = styled(Typography.BodyMD)<IndicatorProps>`\n    overflow-wrap: anywhere;\n    ${(props) => {\n        const { $highlighted } = props;\n        const color = $highlighted\n            ? V3_Colour[\"text-primary\"]\n            : V3_Colour[\"text-disabled\"];\n        return `color: ${color(props)};`;\n    }};\n`;\n\nexport const IndicatorTitleTablet = styled(Typography.BodyMD)`\n    overflow-wrap: anywhere;\n    color: ${V3_Colour.text};\n`;\n\nexport const Indicator = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n\n    &:not(:last-child) {\n        margin-right: ${INDICATOR_BAR_MARGIN_RIGHT_TABLET + \"rem\"};\n    }\n`;\n"],"names":["Wrapper","styled","div","V3_MediaQuery","MaxWidth","xl","lg","Content","IndicatorBar","V3_Spacing","V3_Radius","props","$highlighted","V3_Colour","IndicatorTitleDesktop","Typography","BodyMD","IndicatorTitleTablet","text","Indicator","INDICATOR_BAR_MARGIN_RIGHT_TABLET"],"mappings":"yMAMO,MAaMA,EAAUC,EAAAA,QAAOC,GAAG;;;;;;MAM3BC,EAAAA,cAAcC,SAASC;;;;MAIvBF,EAAAA,cAAcC,SAASE;;;EAKhBC,EAAUN,EAAAA,QAAOC,GAAG;;;;;EAOpBM,EAAeP,EAAAA,QAAOC,GAAmB;;qBAEjCO,EAAAA,WAAW;qBACXC,EAAAA,UAAgB;MAC9BC,IACC,MAAMC,aAAEA,GAAiBD,EAIzB,MAAO,oCAHOC,EACRC,EAAAA,UAAU,qBACVA,EAAAA,UAAU,gBAEcF,eAC7B;EAIIG,EAAwBb,EAAAA,QAAOc,aAAWC,OAAuB;;MAEvEL,IACC,MAAMC,aAAEA,GAAiBD,EAIzB,MAAO,WAHOC,EACRC,EAAAA,UAAU,gBACVA,EAAAA,UAAU,kBACOF,KAAS;EAI3BM,EAAuBhB,EAAAA,QAAOc,aAAWC,OAAO;;aAEhDH,EAAAA,UAAUK;EAGVC,EAAYlB,EAAAA,QAAOC,GAAG;;;;;;wBAMXkB;;8DAxEyB"}

package/cjs/shared/clickable-icon/clickable-icon.style.js

@@ -1,29 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../v3_theme/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=n(e).default.button`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: ${t.V3_Spacing["spacing-24"]};
-    background-color: transparent;
-    border: none;
-    cursor: pointer;
-
-    img {
-        height: 1rem;
-        width: 1rem;
-    }
-
-    svg {
-        height: 1.125rem;
-        width: 1.125rem;
-    }
-
-    &:active,
-    &:focus {
-        ${({$outline:e})=>"none"===e&&"outline: none;"}
-
-        ${({$highlight:n})=>n&&e.css`
-                background-color: ${t.V3_Colour["bg-hover-neutral"]};
-            `}
-    }
-`;exports.Main=r;
-//# sourceMappingURL=clickable-icon.style.js.map

package/cjs/shared/clickable-icon/clickable-icon.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clickable-icon.style.js","sources":["../../../../src/shared/clickable-icon/clickable-icon.style.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour, V3_Spacing } from \"../../v3_theme\";\n\ninterface StyleProps {\n    $outline: \"none\" | \"browser\";\n    $highlight: boolean;\n}\n\nexport const Main = styled.button<StyleProps>`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: ${V3_Spacing[\"spacing-24\"]};\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n\n    img {\n        height: 1rem;\n        width: 1rem;\n    }\n\n    svg {\n        height: 1.125rem;\n        width: 1.125rem;\n    }\n\n    &:active,\n    &:focus {\n        ${({ $outline }) => $outline === \"none\" && \"outline: none;\"}\n\n        ${({ $highlight }) =>\n            $highlight &&\n            css`\n                background-color: ${V3_Colour[\"bg-hover-neutral\"]};\n            `}\n    }\n`;\n"],"names":["Main","styled","button","V3_Spacing","$outline","$highlight","css","V3_Colour"],"mappings":"6JASO,MAAMA,OAAOC,QAAOC,MAAkB;;;;eAI9BC,EAAAA,WAAW;;;;;;;;;;;;;;;;;UAiBhB,EAAGC,cAA4B,SAAbA,GAAuB;;UAEzC,EAAGC,gBACDA,GACAC,KAAG;oCACqBC,EAAAA,UAAU;;;"}

package/cjs/shared/component-loading-spinner/component-loading-spinner.style.js

@@ -1,33 +0,0 @@
-"use strict";var e=require("styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=r(e);const n=t.default.div`
-    display: inline-block;
-    position: relative;
-    width: ${({$size:e})=>e?`${e}px`:"1em"};
-    height: ${({$size:e})=>e?`${e}px`:"1em"};
-    color: ${e=>e.$color||"currentColor"};
-`,o=e.keyframes`
-	0% {
-	  transform: rotate(0deg);
-	}
-	100% {
-	  transform: rotate(360deg);
-	}
-`,i=t.default.div`
-    box-sizing: border-box;
-    display: block;
-    position: absolute;
-    top: 1px;
-    width: calc(100% - 2px);
-    height: calc(100% - 2px);
-    border-width: 2px;
-    border-style: solid;
-    border-radius: 100%;
-    border-color: currentColor transparent transparent transparent;
-    animation: ${o} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-`,a=t.default(i)`
-    animation-delay: -0.45s;
-`,s=t.default(i)`
-    animation-delay: -0.3s;
-`,d=t.default(i)`
-    animation-delay: -0.15s;
-`;exports.InnerRing1=i,exports.InnerRing2=a,exports.InnerRing3=s,exports.InnerRing4=d,exports.OuterRing=n;
-//# sourceMappingURL=component-loading-spinner.style.js.map

package/cjs/shared/component-loading-spinner/component-loading-spinner.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-loading-spinner.style.js","sources":["../../../../src/shared/component-loading-spinner/component-loading-spinner.style.tsx"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\n// =============================================================================\n// STYLE INTERFACES, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\ninterface StyleProps {\n    $size?: number;\n    $color?: string | ((props: any) => string);\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const OuterRing = styled.div<StyleProps>`\n    display: inline-block;\n    position: relative;\n    width: ${({ $size }) => ($size ? `${$size}px` : \"1em\")};\n    height: ${({ $size }) => ($size ? `${$size}px` : \"1em\")};\n    color: ${(props) => props.$color || \"currentColor\"};\n`;\n\nconst rotate = keyframes`\n\t0% {\n\t  transform: rotate(0deg);\n\t}\n\t100% {\n\t  transform: rotate(360deg);\n\t}\n`;\n\nexport const InnerRing1 = styled.div`\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    top: 1px;\n    width: calc(100% - 2px);\n    height: calc(100% - 2px);\n    border-width: 2px;\n    border-style: solid;\n    border-radius: 100%;\n    border-color: currentColor transparent transparent transparent;\n    animation: ${rotate} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n`;\n\nexport const InnerRing2 = styled(InnerRing1)`\n    animation-delay: -0.45s;\n`;\n\nexport const InnerRing3 = styled(InnerRing1)`\n    animation-delay: -0.3s;\n`;\n\nexport const InnerRing4 = styled(InnerRing1)`\n    animation-delay: -0.15s;\n`;\n"],"names":["OuterRing","styled","div","$size","props","$color","rotate","keyframes","InnerRing1","InnerRing2","InnerRing3","InnerRing4"],"mappings":"mIAcO,MAAMA,EAAYC,EAAAA,QAAOC,GAAe;;;aAGlC,EAAGC,WAAaA,EAAQ,GAAGA,MAAY;cACtC,EAAGA,WAAaA,EAAQ,GAAGA,MAAY;aACvCC,GAAUA,EAAMC,QAAU;EAGlCC,EAASC,EAAAA,SAAS;;;;;;;EASXC,EAAaP,EAAAA,QAAOC,GAAG;;;;;;;;;;;iBAWnBI;EAGJG,EAAaR,EAAAA,QAAOO,EAAW;;EAI/BE,EAAaT,EAAAA,QAAOO,EAAW;;EAI/BG,EAAaV,EAAAA,QAAOO,EAAW;;"}

package/cjs/shared/dropdown-list-v2/dropdown-label.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("../../external/react-resize-detector/build/index.esm.js"),t=require("styled-components"),n=require("../../util/string-helper.js"),s=require("../../v3_theme/index.js"),a=require("./dropdown-label.styles.js");exports.DropdownLabel=({bold:l,displayType:d="inline",label:c,searchTerm:o,maxLines:u=2,selected:m,disabled:x,sublabel:h,truncationType:b="middle",variant:p="default"})=>{const y=r.useContext(t.ThemeContext),$="small"===p?s.V3_Font.Spec["body-size-md"]({theme:y}):s.V3_Font.Spec["body-size-baseline"]({theme:y}),T=s.V3_Font.Spec["font-family"]({theme:y}),{ref:j,width:L}=i.useResizeDetector(),f=r.useCallback((e=>{if("inline"!==d||!L)return!1;return n.StringHelper.getTextWidth(e,`${$} '${T}'`)>L*u-50}),[L,d,$,T,u]),q=r.useMemo((()=>f(c)),[f,c]),g=r.useMemo((()=>h&&f(h)),[f,h]),F=q||g?"next-line":d,S=r=>{if(!o)return r;const i=o.toLowerCase().trim(),t=r.toLowerCase().indexOf(i),n=t+o.length;return-1===t?r:e.jsxs(e.Fragment,{children:[c.slice(0,t),e.jsx(a.MatchedText,{$variant:p,children:c.slice(t,n)}),c.slice(n)]})},v=r=>e.jsxs(e.Fragment,{children:[e.jsx(a.TruncateFirstLine,{$maxLines:u,"aria-hidden":!0,children:S(r)}),e.jsx(a.TruncateSecondLine,{$maxLines:u,"aria-hidden":!0,children:S(r)})]});return e.jsxs(a.Label,{ref:j,$labelDisplayType:F,$variant:p,children:[e.jsx(a.PrimaryText,{"aria-label":c,$bold:l,$maxLines:u,$selected:m,$disabled:x,$truncateType:b,children:"middle"===b&&q?v(c):S(c)}),h&&e.jsx(a.SecondaryText,{"aria-label":h,$maxLines:u,$truncateType:b,$labelDisplayType:d,children:"middle"===b&&g?v(h):h})]})};
-//# sourceMappingURL=dropdown-label.js.map

package/cjs/shared/dropdown-list-v2/dropdown-label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-label.js","sources":["../../../../src/shared/dropdown-list-v2/dropdown-label.tsx"],"sourcesContent":["import { useCallback, useContext, useMemo } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { StringHelper } from \"../../util/string-helper\";\nimport { V3_Font } from \"../../v3_theme\";\nimport type {\n    DropdownVariantType,\n    LabelDisplayType,\n} from \"../dropdown-list/types\";\nimport {\n    Label,\n    MatchedText,\n    PrimaryText,\n    SecondaryText,\n    TruncateFirstLine,\n    TruncateSecondLine,\n} from \"./dropdown-label.styles\";\n\ninterface DropdownLabelProps {\n    bold?: boolean | undefined;\n    displayType?: LabelDisplayType | undefined;\n    label: string;\n    maxLines?: number | undefined;\n    searchTerm?: string | undefined;\n    selected?: boolean | undefined;\n    disabled?: boolean | undefined;\n    sublabel?: string | undefined;\n    truncationType?: \"middle\" | \"end\" | undefined;\n    variant?: DropdownVariantType | undefined;\n}\n\nexport const DropdownLabel = ({\n    bold,\n    displayType = \"inline\",\n    label,\n    searchTerm,\n    maxLines = 2,\n    selected,\n    disabled,\n    sublabel,\n    truncationType = \"middle\",\n    variant = \"default\",\n}: DropdownLabelProps): JSX.Element => {\n    const theme = useContext(ThemeContext);\n\n    const fontSize =\n        variant === \"small\"\n            ? V3_Font.Spec[\"body-size-md\"]({ theme })\n            : V3_Font.Spec[\"body-size-baseline\"]({ theme });\n    const fontFamily = V3_Font.Spec[\"font-family\"]({ theme });\n    const { ref, width } = useResizeDetector();\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const hasExceededContainer = useCallback(\n        (displayText: string) => {\n            if (displayType !== \"inline\" || !width) {\n                return false;\n            }\n\n            // best-effort attempt to check if multi-line text will overflow,\n            // rendering an actual element in the DOM might be more accurate\n            // but might not be performant for large lists\n            const textWidth = StringHelper.getTextWidth(\n                displayText,\n                `${fontSize} '${fontFamily}'`\n            );\n\n            // there's less space than expected due to word breaks, so an\n            // arbitary offset is applied\n            return textWidth > width * maxLines - 50;\n        },\n        [width, displayType, fontSize, fontFamily, maxLines]\n    );\n\n    // =========================================================================\n    // CONST, STATE, REFS\n    // =========================================================================\n    const shouldTruncateTitle = useMemo(\n        () => hasExceededContainer(label),\n        [hasExceededContainer, label]\n    );\n    const shouldTruncateLabel = useMemo(\n        () => sublabel && hasExceededContainer(sublabel),\n        [hasExceededContainer, sublabel]\n    );\n\n    // css cannot truncate inline elements so force the display to render\n    // them separately\n    const itemDisplayType =\n        shouldTruncateTitle || shouldTruncateLabel ? \"next-line\" : displayType;\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderMatchInBold = (displayText: string) => {\n        if (!searchTerm) {\n            return displayText;\n        }\n\n        const match = searchTerm.toLowerCase().trim();\n        const startIndex = displayText.toLowerCase().indexOf(match);\n        const endIndex = startIndex + searchTerm.length;\n\n        if (startIndex === -1) {\n            return displayText;\n        }\n\n        return (\n            <>\n                {label.slice(0, startIndex)}\n                <MatchedText $variant={variant}>\n                    {label.slice(startIndex, endIndex)}\n                </MatchedText>\n                {label.slice(endIndex)}\n            </>\n        );\n    };\n\n    const renderTruncatedText = (displayText: string): JSX.Element => {\n        return (\n            <>\n                <TruncateFirstLine $maxLines={maxLines} aria-hidden>\n                    {renderMatchInBold(displayText)}\n                </TruncateFirstLine>\n                <TruncateSecondLine $maxLines={maxLines} aria-hidden>\n                    {renderMatchInBold(displayText)}\n                </TruncateSecondLine>\n            </>\n        );\n    };\n\n    return (\n        <Label ref={ref} $labelDisplayType={itemDisplayType} $variant={variant}>\n            <PrimaryText\n                aria-label={label}\n                $bold={bold}\n                $maxLines={maxLines}\n                $selected={selected}\n                $disabled={disabled}\n                $truncateType={truncationType}\n            >\n                {truncationType === \"middle\" && shouldTruncateTitle\n                    ? renderTruncatedText(label)\n                    : renderMatchInBold(label)}\n            </PrimaryText>\n            {sublabel && (\n                <SecondaryText\n                    aria-label={sublabel}\n                    $maxLines={maxLines}\n                    $truncateType={truncationType}\n                    $labelDisplayType={displayType}\n                >\n                    {truncationType === \"middle\" && shouldTruncateLabel\n                        ? renderTruncatedText(sublabel)\n                        : sublabel}\n                </SecondaryText>\n            )}\n        </Label>\n    );\n};\n"],"names":["bold","displayType","label","searchTerm","maxLines","selected","disabled","sublabel","truncationType","variant","theme","useContext","ThemeContext","fontSize","V3_Font","Spec","fontFamily","ref","width","useResizeDetector","hasExceededContainer","useCallback","displayText","StringHelper","getTextWidth","shouldTruncateTitle","useMemo","shouldTruncateLabel","itemDisplayType","renderMatchInBold","match","toLowerCase","trim","startIndex","indexOf","endIndex","length","_jsxs","_Fragment","children","slice","_jsx","MatchedText","$variant","renderTruncatedText","TruncateFirstLine","$maxLines","TruncateSecondLine","Label","$labelDisplayType","PrimaryText","$bold","$selected","$disabled","$truncateType","SecondaryText"],"mappings":"mTAgC6B,EACzBA,OACAC,cAAc,SACdC,QACAC,aACAC,WAAW,EACXC,WACAC,WACAC,WACAC,iBAAiB,SACjBC,UAAU,cAEV,MAAMC,EAAQC,EAAAA,WAAWC,gBAEnBC,EACU,UAAZJ,EACMK,EAAAA,QAAQC,KAAK,gBAAgB,CAAEL,UAC/BI,EAAAA,QAAQC,KAAK,sBAAsB,CAAEL,UACzCM,EAAaF,EAAAA,QAAQC,KAAK,eAAe,CAAEL,WAC3CO,IAAEA,EAAGC,MAAEA,GAAUC,sBAKjBC,EAAuBC,eACxBC,IACG,GAAoB,WAAhBrB,IAA6BiB,EAC7B,OAAO,EAaX,OAPkBK,eAAaC,aAC3BF,EACA,GAAGT,MAAaG,MAKDE,EAAQd,EAAW,EAAE,GAE5C,CAACc,EAAOjB,EAAaY,EAAUG,EAAYZ,IAMzCqB,EAAsBC,EAAAA,SACxB,IAAMN,EAAqBlB,IAC3B,CAACkB,EAAsBlB,IAErByB,EAAsBD,WACxB,IAAMnB,GAAYa,EAAqBb,IACvC,CAACa,EAAsBb,IAKrBqB,EACFH,GAAuBE,EAAsB,YAAc1B,EAKzD4B,EAAqBP,IACvB,IAAKnB,EACD,OAAOmB,EAGX,MAAMQ,EAAQ3B,EAAW4B,cAAcC,OACjCC,EAAaX,EAAYS,cAAcG,QAAQJ,GAC/CK,EAAWF,EAAa9B,EAAWiC,OAEzC,OAAmB,IAAfH,EACOX,EAIPe,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACKrC,EAAMsC,MAAM,EAAGP,GAChBQ,EAAAA,IAACC,EAAAA,YAAW,CAAAC,SAAWlC,EAAO8B,SACzBrC,EAAMsC,MAAMP,EAAYE,KAE5BjC,EAAMsC,MAAML,KACd,EAILS,EAAuBtB,GAErBe,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACIE,EAAAA,IAACI,EAAAA,kBAAiB,CAAAC,UAAY1C,EAAQ,eAAA,EAAAmC,SACjCV,EAAkBP,KAEvBmB,EAAAA,IAACM,EAAAA,mBAAkB,CAAAD,UAAY1C,EAAQ,eAAA,EAAAmC,SAClCV,EAAkBP,QAMnC,OACIe,EAAAA,KAACW,EAAAA,MAAK,CAAC/B,IAAKA,EAAGgC,kBAAqBrB,EAAee,SAAYlC,EAAO8B,SAAA,CAClEE,EAAAA,IAACS,EAAAA,YAAW,CAAA,aACIhD,EAAKiD,MACVnD,EAAI8C,UACA1C,EAAQgD,UACR/C,EAAQgD,UACR/C,EAAQgD,cACJ9C,EAAc+B,SAET,WAAnB/B,GAA+BiB,EAC1BmB,EAAoB1C,GACpB2B,EAAkB3B,KAE3BK,GACGkC,MAACc,EAAAA,4BACehD,EAAQuC,UACT1C,EAAQkD,cACJ9C,EAAcyC,kBACVhD,EAAWsC,SAEV,WAAnB/B,GAA+BmB,EAC1BiB,EAAoBrC,GACpBA,MAGV"}

package/cjs/shared/dropdown-list-v2/dropdown-label.styles.js

@@ -1,66 +0,0 @@
-"use strict";var e=require("styled-components"),t=require("../../v3_theme/index.js"),l=require("../styles/index.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(e);const o=r.default.div`
-    font-weight: ${e=>e.$bold?t.V3_Font.Spec["weight-semibold"]:t.V3_Font.Spec["weight-regular"]};
-
-    ${l=>l.$disabled?e.css`
-                color: ${t.V3_Colour["text-disabled"]};
-            `:l.$selected?e.css`
-                color: ${t.V3_Colour["text-selected"]};
-            `:e.css`
-                color: ${t.V3_Colour.text};
-            `}
-    width: 100%;
-
-    ${e=>"end"===e.$truncateType&&l.lineClampCss(e.$maxLines||2)}
-    overflow-wrap: break-word;
-`,n=r.default.div`
-    color: ${t.V3_Colour["text-subtlest"]};
-    width: 100%;
-
-    ${e=>"end"===e.$truncateType&&l.lineClampCss(e.$maxLines||2)}
-    overflow-wrap: break-word;
-
-    ${l=>"next-line"===l.$labelDisplayType?e.css`
-                    ${t.V3_Font["body-md-semibold"]}
-                `:e.css`
-                    ${t.V3_Font["body-baseline-regular"]}
-                `}
-`,s=r.default.span`
-    font-weight: ${t.V3_Font.Spec["weight-semibold"]};
-`,a=r.default.div`
-    text-align: left;
-    width: 100%;
-    overflow: hidden;
-    overflow-wrap: break-word;
-
-    ${e=>"small"===e.$variant?t.V3_Font["body-md-regular"]:t.V3_Font["body-baseline-regular"]}
-
-    ${t=>{switch(t.$labelDisplayType){case"next-line":return e.css`
-                    display: flex;
-                    flex-direction: column;
-                `;case"inline":return e.css`
-                    ${o} {
-                        display: inline;
-                    }
-
-                    ${n} {
-                        display: inline;
-                        margin-left: 0.5rem;
-                    }
-                `}}}
-`,d=r.default.div`
-    display: inline-block;
-    width: ${e=>1===e.$maxLines?50:100}%;
-    height: 1lh;
-    word-break: break-all;
-    overflow: hidden;
-`,c=r.default.div`
-    display: inline-block;
-    width: ${e=>1===e.$maxLines?50:100}%;
-    height: 1lh;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    direction: rtl;
-    text-align: right;
-`;exports.Label=a,exports.MatchedText=s,exports.PrimaryText=o,exports.SecondaryText=n,exports.TruncateFirstLine=d,exports.TruncateSecondLine=c;
-//# sourceMappingURL=dropdown-label.styles.js.map

package/cjs/shared/dropdown-list-v2/dropdown-label.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-label.styles.js","sources":["../../../../src/shared/dropdown-list-v2/dropdown-label.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { V3_Colour, V3_Font } from \"../../v3_theme\";\nimport type {\n    DropdownVariantType,\n    LabelDisplayType,\n    TruncateType,\n} from \"../dropdown-list/types\";\nimport { lineClampCss } from \"../styles\";\n\n// =============================================================================\n// STYLE INTERFACE\n// =============================================================================\ninterface LabelStyleProps {\n    $labelDisplayType: LabelDisplayType;\n    $variant: DropdownVariantType;\n}\n\ninterface LabelTextStyleProps {\n    $labelDisplayType?: LabelDisplayType;\n    $maxLines?: number;\n    $selected?: boolean;\n    $disabled?: boolean;\n    $truncateType?: TruncateType;\n    $bold?: boolean;\n}\n\ninterface MatchedTextStyleProps {\n    $variant: DropdownVariantType;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const PrimaryText = styled.div<LabelTextStyleProps>`\n    font-weight: ${(props) =>\n        props.$bold\n            ? V3_Font.Spec[\"weight-semibold\"]\n            : V3_Font.Spec[\"weight-regular\"]};\n\n    ${(props) => {\n        if (props.$disabled) {\n            return css`\n                color: ${V3_Colour[\"text-disabled\"]};\n            `;\n        } else if (props.$selected) {\n            return css`\n                color: ${V3_Colour[\"text-selected\"]};\n            `;\n        } else {\n            return css`\n                color: ${V3_Colour[\"text\"]};\n            `;\n        }\n    }}\n    width: 100%;\n\n    ${(props) =>\n        props.$truncateType === \"end\" && lineClampCss(props.$maxLines || 2)}\n    overflow-wrap: break-word;\n`;\n\nexport const SecondaryText = styled.div<LabelTextStyleProps>`\n    color: ${V3_Colour[\"text-subtlest\"]};\n    width: 100%;\n\n    ${(props) =>\n        props.$truncateType === \"end\" && lineClampCss(props.$maxLines || 2)}\n    overflow-wrap: break-word;\n\n    ${(props) => {\n        switch (props.$labelDisplayType) {\n            case \"next-line\":\n                return css`\n                    ${V3_Font[\"body-md-semibold\"]}\n                `;\n            case \"inline\":\n            default:\n                return css`\n                    ${V3_Font[\"body-baseline-regular\"]}\n                `;\n        }\n    }}\n`;\n\nexport const MatchedText = styled.span<MatchedTextStyleProps>`\n    font-weight: ${V3_Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const Label = styled.div<LabelStyleProps>`\n    text-align: left;\n    width: 100%;\n    overflow: hidden;\n    overflow-wrap: break-word;\n\n    ${(props) =>\n        props.$variant === \"small\"\n            ? V3_Font[\"body-md-regular\"]\n            : V3_Font[\"body-baseline-regular\"]}\n\n    ${(props) => {\n        switch (props.$labelDisplayType) {\n            case \"next-line\":\n                return css`\n                    display: flex;\n                    flex-direction: column;\n                `;\n            case \"inline\":\n                return css`\n                    ${PrimaryText} {\n                        display: inline;\n                    }\n\n                    ${SecondaryText} {\n                        display: inline;\n                        margin-left: 0.5rem;\n                    }\n                `;\n        }\n    }}\n`;\n\nexport const TruncateFirstLine = styled.div<LabelTextStyleProps>`\n    display: inline-block;\n    width: ${(props) => (props.$maxLines === 1 ? 50 : 100)}%;\n    height: 1lh;\n    word-break: break-all;\n    overflow: hidden;\n`;\n\nexport const TruncateSecondLine = styled.div<LabelTextStyleProps>`\n    display: inline-block;\n    width: ${(props) => (props.$maxLines === 1 ? 50 : 100)}%;\n    height: 1lh;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    direction: rtl;\n    text-align: right;\n`;\n"],"names":["PrimaryText","styled","div","props","$bold","V3_Font","Spec","$disabled","css","V3_Colour","$selected","$truncateType","lineClampCss","$maxLines","SecondaryText","$labelDisplayType","MatchedText","span","Label","$variant","TruncateFirstLine","TruncateSecondLine"],"mappings":"wMAmCO,MAAMA,EAAcC,EAAAA,QAAOC,GAAwB;mBACtCC,GACZA,EAAMC,MACAC,EAAAA,QAAQC,KAAK,mBACbD,UAAQC,KAAK;;MAEpBH,GACKA,EAAMI,UACCC,KAAG;yBACGC,EAAAA,UAAU;cAEhBN,EAAMO,UACNF,KAAG;yBACGC,EAAAA,UAAU;cAGhBD,KAAG;yBACGC,EAAAA,UAAgB;;;;MAMlCN,GACyB,QAAxBA,EAAMQ,eAA2BC,eAAaT,EAAMU,WAAa;;EAI5DC,EAAgBb,EAAAA,QAAOC,GAAwB;aAC/CO,EAAAA,UAAU;;;MAGhBN,GACyB,QAAxBA,EAAMQ,eAA2BC,eAAaT,EAAMU,WAAa;;;MAGlEV,GAEU,cADDA,EAAMY,kBAECP,KAAG;sBACJH,EAAAA,QAAQ;kBAIPG,KAAG;sBACJH,EAAAA,QAAQ;;EAMjBW,EAAcf,EAAAA,QAAOgB,IAA2B;mBAC1CZ,EAAAA,QAAQC,KAAK;EAGnBY,EAAQjB,EAAAA,QAAOC,GAAoB;;;;;;MAMzCC,GACoB,UAAnBA,EAAMgB,SACAd,EAAAA,QAAQ,mBACRA,EAAAA,QAAQ;;MAEfF,IACC,OAAQA,EAAMY,mBACV,IAAK,YACD,OAAOP,KAAG;;;kBAId,IAAK,SACD,OAAOA,KAAG;sBACJR;;;;sBAIAc;;;;;EASTM,EAAoBnB,EAAAA,QAAOC,GAAwB;;aAElDC,GAA+B,IAApBA,EAAMU,UAAkB,GAAK;;;;EAMzCQ,EAAqBpB,EAAAA,QAAOC,GAAwB;;aAEnDC,GAA+B,IAApBA,EAAMU,UAAkB,GAAK;;;;;;;"}

package/cjs/shared/dropdown-list-v2/dropdown-list-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-list-state.js","sources":["../../../../src/shared/dropdown-list-v2/dropdown-list-state.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\ninterface DropdownListStateProps {\n    children: React.ReactNode;\n}\n\ninterface DropdownListStateContextProps {\n    focusedIndex: number;\n    setFocusedIndex: React.Dispatch<React.SetStateAction<number>>;\n}\n\nexport const DropdownListStateContext =\n    React.createContext<DropdownListStateContextProps>({\n        focusedIndex: -1,\n        setFocusedIndex: () => {\n            // do nothing\n        },\n    });\n\nexport const DropdownListState = ({ children }: DropdownListStateProps) => {\n    const [focusedIndex, setFocusedIndex] = useState<number>(-1);\n\n    return (\n        <DropdownListStateContext.Provider\n            value={{\n                focusedIndex,\n                setFocusedIndex,\n            }}\n        >\n            {children}\n        </DropdownListStateContext.Provider>\n    );\n};\n"],"names":["DropdownListStateContext","React","createContext","focusedIndex","setFocusedIndex","children","useState","_jsx","Provider","value"],"mappings":"2IAWO,MAAMA,OACTC,QAAMC,cAA6C,CAC/CC,cAAc,EACdC,gBAAiB,mCAKQ,EAAGC,eAChC,MAAOF,EAAcC,GAAmBE,EAAAA,UAAiB,GAEzD,OACIC,MAACP,EAAyBQ,SAAQ,CAC9BC,MAAO,CACHN,eACAC,mBACHC,SAEAA,GAC+B"}

package/cjs/shared/dropdown-list-v2/dropdown-list.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("../../external/lodash/find.js"),r=require("../../external/lodash/isEqual.js"),n=require("react"),l=require("react-virtuoso");require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js");var s=require("../../util/merge-refs.js");require("../../util/string-helper.js");var i=require("../../util/use-event.js"),o=require("../../util/use-event-listener.js"),a=require("../../util/use-mount.js"),u=require("../../util/use-previous.js");require("../dropdown-wrapper/dropdown-wrapper.styles.js");var d=require("../dropdown-wrapper/element-with-dropdown.js"),c=require("./dropdown-label.js"),v=require("./dropdown-list.styles.js"),f=require("./dropdown-list-state.js"),x=require("./dropdown-search.js");const h=n.forwardRef((({listItems:h,multiSelect:p,maxSelectable:m,selectedItems:j,disableItemFocus:b,itemsLoadState:g="success",itemTruncationType:w="end",itemMaxLines:I=2,labelDisplayType:C="inline",variant:S="default",listboxId:y,matchElementWidth:L=!1,width:T,topScrollItem:q,onSelectItem:R,onSelectAll:D,onDismiss:E,onRetry:k,valueExtractor:$,listExtractor:A,renderListItem:F,renderCustomCallToAction:M,enableSearch:N,hideNoResultsDisplay:B,noResultsDescription:O,customLabels:P,searchPlaceholder:_,searchFunction:U,onSearch:W},V)=>{const{noResultsLabel:z="No results found.",selectAllButtonLabel:H="Select all",clearAllButtonLabel:G="Clear all"}=P||{},J=(null==P?void 0:P.searchPlaceholder)||_||"Search",K=(null==P?void 0:P.noResultsDescription)||O,{focusedIndex:Q,setFocusedIndex:X}=n.useContext(f.DropdownListStateContext),{elementWidth:Y,setFloatingRef:Z,getFloatingProps:ee,styles:te}=d.useDropdownRender(),[re,ne]=n.useState(""),[le,se]=n.useState(null!=h?h:[]),ie=u.useCompare(g),oe=a.useIsMounted(),ae=n.useRef(null),ue=n.useRef(null),de=n.useRef([]),ce=n.useRef(null),ve=n.useRef(null),fe=!!m&&!!j&&(null==j?void 0:j.length)===m,xe=e=>{const t=A?A(e):null==e?void 0:e.toString();return"object"==typeof t?{title:t.title,secondaryLabel:t.secondaryLabel}:{title:null!=t?t:""}},he=n.useCallback((e=>!!t.default(j,(t=>r.default(t,e)))),[j]),pe=i.useEvent((()=>null==U?void 0:U(re))),me=i.useEvent((()=>null==h?void 0:h.filter((e=>{const{title:t,secondaryLabel:r}=xe(e),n=re.trim().toLowerCase();return t.toLowerCase().includes(n)||r&&r.toLowerCase().includes(n)})))),je=n.useCallback((e=>{var t,r;if(b)return;if(ce.current)return X(-1),void setTimeout((()=>{var e;return null===(e=ce.current)||void 0===e?void 0:e.focus()}),0);const n=null!=le?le:[];if(0===n.length)return;if(void 0!==(null==e?void 0:e.index)){const r=Math.max(0,Math.min(e.index,n.length-1));return null===(t=ve.current)||void 0===t||t.scrollToIndex({index:r,align:"center"}),X(r),void setTimeout((()=>{var e;return null===(e=de.current[r])||void 0===e?void 0:e.focus()}),0)}const l=(null==e?void 0:e.preferSelected)?n.findIndex((e=>he(e))):-1,s=-1!==l?l:Q>=0&&Q<n.length?Q:0;null===(r=ve.current)||void 0===r||r.scrollToIndex({index:s,align:"center"}),X(s),setTimeout((()=>{var e;return null===(e=de.current[s])||void 0===e?void 0:e.focus()}),0)}),[he,b,le,Q,X]),be=(e,t)=>{fe&&!he(e)||(X(t),null==R||R(e,(e=>$?$(e):e)(e)))},ge=e=>{const t=e.target.value;ne(t),null==W||W()},we=()=>{var e;ne(""),null===(e=ce.current)||void 0===e||e.focus(),null==W||W()},Ie=()=>null==k?void 0:k();o.useEventListener("keydown",(e=>{var t,r;switch(e.code){case"ArrowDown":if(e.preventDefault(),Q<le.length-1){const e=Q+1;null===(t=de.current[e])||void 0===t||t.focus(),X(e)}break;case"ArrowUp":if(e.preventDefault(),Q>0){const e=Q-1;null===(r=de.current[e])||void 0===r||r.focus(),X(e)}else 0===Q&&ce.current&&(ce.current.focus(),X(-1));break;case"Space":case"Enter":document.activeElement===de.current[Q]&&(e.preventDefault(),le[Q]&&be(le[Q],Q))}})),n.useImperativeHandle(V,(()=>({refocus:je})),[je]),n.useEffect((()=>{var e;if(!q)return void(null===(e=ve.current)||void 0===e||e.scrollTo({top:0}));const t=setTimeout((()=>{if(!h)return;const e=h.indexOf(q);ve.current&&-1!==e&&(ve.current.scrollToIndex({index:e}),X(e))}),0);return()=>clearTimeout(t)}),[de,h,X,q]),n.useEffect((()=>{b||oe&&ie&&"success"===g&&ce.current&&(X(-1),ce.current.focus())}),[oe,ie,g,X,b]),n.useEffect((()=>{var e;se(null!==(e=""===re?h:U?pe():me())&&void 0!==e?e:[])}),[pe,me,h,U,re]),n.useEffect((()=>{var e,t,r;if(oe)return;if(b||!h)return;const n=h.findIndex((e=>he(e)));ce.current?(X(-1),setTimeout((()=>{var e;return null===(e=ce.current)||void 0===e?void 0:e.focus()}),200)):Q>0?(null===(e=ve.current)||void 0===e||e.scrollToIndex({index:Q,align:"center"}),setTimeout((()=>{var e;return null===(e=de.current[Q])||void 0===e?void 0:e.focus()}),200)):-1!==n?(null===(t=ve.current)||void 0===t||t.scrollToIndex({index:n,align:"center"}),X(n),setTimeout((()=>{var e;return null===(e=de.current[n])||void 0===e?void 0:e.focus()}),200)):(null===(r=ve.current)||void 0===r||r.scrollToIndex({index:0}),X(0),setTimeout((()=>{var e;return null===(e=de.current[0])||void 0===e?void 0:e.focus()}),200))}),[he,b,Q,h,oe,X]);const Ce=t=>p?fe&&!t?e.jsx(v.CheckboxDisabledIndicator,{"aria-hidden":!0}):t?e.jsx(v.CheckboxSelectedIndicator,{"aria-hidden":!0}):e.jsx(v.CheckboxUnselectedIndicator,{"aria-hidden":!0}):t?e.jsx(v.SelectedIndicator,{"aria-hidden":!0}):e.jsx(v.UnselectedIndicator,{}),Se=(t,r)=>{const{title:n,secondaryLabel:l}=xe(t);return e.jsx(c.DropdownLabel,{displayType:C,label:n,maxLines:I,selected:r,disabled:!r&&fe,sublabel:l,truncationType:w,variant:S})},ye=(t,r)=>{if(!k||"success"===g){const n=he(t),l=r===Q;return e.jsx(v.ListItem,{"aria-selected":n,"aria-multiselectable":p,"aria-disabled":!n&&fe,"aria-posinset":r+1,"aria-setsize":null==le?void 0:le.length,"data-testid":"list-item",onClick:()=>be(t,r),onMouseEnter:()=>(e=>X(e))(r),ref:e=>{de.current[r]=e},role:"option",tabIndex:l?0:-1,$active:l,$selected:n,$disabled:!n&&fe,children:F?F(t,{selected:n}):e.jsxs(e.Fragment,{children:[Ce(n),Se(t,n)]})},((e,t)=>`item_${t}__${$?$(e):e}`)(t,r))}},Le=()=>{if((N||U)&&"success"===g)return e.jsx(x.DropdownSearch,{ref:ce,onChange:ge,value:re,placeholder:J,"data-testid":"search-input","aria-label":"Enter text to search",onClear:we,variant:S})},Te=()=>{if(j&&p&&le.length>0&&!re&&"success"===g)return e.jsx(v.SelectAllContainer,{children:e.jsx(v.SelectAllButton,{onClick:D,type:"button",$variant:S,children:m||0!==j.length?G:H})})},qe=()=>{if(!B&&(re||!N)&&0===le.length&&"success"===g)return e.jsxs(e.Fragment,{children:[e.jsxs(v.ResultStateContainer,{"data-testid":"list-no-results",children:[e.jsx(v.LabelIcon,{"data-testid":"no-result-icon"}),z]}),K&&e.jsx(v.NoResultDescContainer,{"data-testid":"no-result-desc",children:K})]})},Re=()=>{if(k&&"loading"===g)return e.jsxs(v.ResultStateContainer,{"data-testid":"list-loading",children:[e.jsx(v.Spinner,{}),"Loading..."]})},De=()=>{if(k&&"fail"===g)return e.jsxs(v.ResultStateContainer,{"data-testid":"list-fail",children:[e.jsx(v.LabelIcon,{"data-testid":"load-error-icon"}),"Failed to load. ",e.jsx(v.TryAgainButton,{onClick:Ie,type:"button",$variant:S,children:"Try again."})]})},Ee=()=>{var t;const r="test"===process.env.NODE_ENV;return e.jsx(v.Listbox,{role:"listbox",id:y,children:e.jsx(l.Virtuoso,Object.assign({ref:ve,style:{height:"100%"},data:le,customScrollParent:null!==(t=ae.current)&&void 0!==t?t:void 0,itemContent:(e,t)=>ye(t,e)},r?{initialItemCount:le.length}:{}),r?le.length:void 0)})};return e.jsxs(v.Container,Object.assign({"data-testid":"dropdown-container",ref:s.mergeRefs(ae,Z),style:te},ee(),{$width:L?Y:void 0,$customWidth:T,$variant:S,children:[e.jsxs(v.List,{ref:ue,"data-testid":"dropdown-list",children:[Le(),Te(),qe(),Re(),De(),Ee()]}),(()=>{if(M)return e.jsx("div",{"data-testid":"custom-cta",children:M(E,le)})})()]}))}));exports.DropdownList=h;
-//# sourceMappingURL=dropdown-list.js.map