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

package/popover-v2/popover.styles.js

@@ -1,44 +0,0 @@
-import e from"styled-components";import{Card as t}from"../card/card.js";import{ModalBox as r}from"../modal/modal-box.js";import{applyHtmlContentStyle as o}from"../shared/html-content/html-content.js";import"../theme/theme-provider/index.js";import"react";import"../theme/theme-provider/context.js";import"../theme/tokens/border.js";import{Colour as i}from"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/string-helper.js";import{V3_MediaQuery as m,V3_Colour as n,V3_Radius as d}from"../v3_theme/index.js";const s=e.div`
-    max-width: 30rem;
-    padding: 0 1rem;
-    pointer-events: auto;
-    outline: none;
-`,a=e(t)`
-    color: ${i.text};
-    ${o({textSize:"body-md"})}
-
-    ${m.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: ${n["bg-inverse-subtlest"]};
-        border: 5px solid transparent;
-        border-radius: ${d.full};
-        background-clip: padding-box;
-    }
-`;e(r)`
-    padding: 3.5rem 1.25rem 2.5rem;
-`,e.div`
-    overflow-y: scroll;
-
-    &::-webkit-scrollbar {
-        display: none; /* Chrome/Safari/Webkit */
-    }
-
-    color: ${n.text};
-    ${o({textSize:"body-md"})}
-`;export{a as PopoverCard,s as PopoverContainer};
-//# sourceMappingURL=popover.styles.js.map

package/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":"ooBAmBO,MAAMA,EAAmBC,EAAOC,GAAG;;;;;EAO7BC,EAAcF,EAAOG,EAA4B;aACjDC,EAAOC;MACdC,EAAsB,CAAEC,SAAU;;MAElCC,EAAcC,SAASC;;;;MAIvB,EAAGC,qBACcC,IAAfD,GACA,yBACcA;;MAGhB,EAAGE,eACDA,GACA,yBACcA;;;;;;;;;;;sBAYAC,EAAU;;yBAEPC,EAAgB;;;EAKXf,EAAOgB,EAAS;;EAIhBhB,EAAOC,GAAG;;;;;;;aAO3Ba,EAAUT;MACjBC,EAAsB,CAAEC,SAAU;"}

package/popover-v2/types.d.ts

@@ -1,59 +0,0 @@
-import type { RefObject } from "react";
-export interface PopoverV2Props extends PopoverRenderProps {
-    children: string | JSX.Element;
-    visible?: boolean | undefined;
-    id?: string | undefined;
-    className?: string | undefined;
-    "data-testid"?: string | undefined;
-    onMobileClose?: (() => void) | undefined;
-    ariaLabel?: string | undefined;
-}
-export interface PopoverRenderProps {
-    overflow?: PopoverOverflowType | undefined;
-    maxHeight?: number | undefined;
-}
-export type PopoverV2TriggerType = "click" | "hover";
-type Position = "top" | "right" | "bottom" | "left";
-type Alignment = "start" | "end";
-type AlignedPosition = `${Position}-${Alignment}`;
-export type PopoverOverflowType = "visible" | "hidden" | "clip" | "scroll" | "auto";
-export type PopoverV2Position = Position | AlignedPosition;
-export interface PopoverV2TriggerProps {
-    children: React.ReactNode;
-    popoverContent: string | JSX.Element | ((renderProps: PopoverRenderProps) => React.ReactNode);
-    trigger?: PopoverV2TriggerType | undefined;
-    position?: PopoverV2Position | undefined;
-    id?: string | undefined;
-    zIndex?: number | undefined;
-    className?: string | undefined;
-    "data-testid"?: string | undefined;
-    /**
-     * The root element that contains the popover element. Defaults to the document body.
-     *
-     * If the parent that contains the trigger element has a higher z-index than the popover,
-     * the popover may not be visible. Specify the parent element here instead
-     */
-    rootNode?: RefObject<HTMLElement> | undefined;
-    customOffset?: number | undefined;
-    delay?: {
-        open?: number | undefined;
-        close?: number | undefined;
-    } | undefined;
-    enableFlip?: boolean | undefined;
-    enableResize?: boolean | undefined;
-    overflow?: PopoverOverflowType | undefined;
-    popoverAriaLabel?: string | undefined;
-    triggerOnFocus?: boolean | undefined;
-    isModal?: boolean | undefined;
-    onPopoverAppear?: (() => void) | undefined;
-    onPopoverDismiss?: (() => void) | undefined;
-}
-export type PopoverInlineStyle = "default" | "underline" | "underline-dashed";
-export interface PopoverInlineProps extends Omit<PopoverV2TriggerProps, "children"> {
-    ariaLabel?: string | undefined;
-    content?: React.ReactNode | undefined;
-    icon?: JSX.Element | undefined;
-    underlineStyle?: PopoverInlineStyle | undefined;
-    underlineHoverStyle?: PopoverInlineStyle | undefined;
-}
-export {};

package/progress-indicator/progress-indicator.style.d.ts

@@ -1,15 +0,0 @@
-export declare const INDICATOR_BAR_MARGIN_RIGHT_TABLET = 0.5;
-interface IndicatorProps {
-    $highlighted: boolean;
-}
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const IndicatorBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IndicatorProps>> & string;
-export declare const IndicatorTitleDesktop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-}, IndicatorProps>> & string;
-export declare const IndicatorTitleTablet: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("..").TypographyProps & {
-    ref?: import("react").RefObject<HTMLParagraphElement> | undefined;
-}, never>> & string;
-export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export {};

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

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

package/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":["INDICATOR_BAR_MARGIN_RIGHT_TABLET","Wrapper","styled","div","V3_MediaQuery","MaxWidth","xl","lg","Content","IndicatorBar","V3_Spacing","V3_Radius","props","$highlighted","V3_Colour","IndicatorTitleDesktop","Typography","BodyMD","IndicatorTitleTablet","text","Indicator"],"mappings":"wLAMO,MAAMA,EAAoC,GAapCC,EAAUC,EAAOC,GAAG;;;;;;MAM3BC,EAAcC,SAASC;;;;MAIvBF,EAAcC,SAASE;;;EAKhBC,EAAUN,EAAOC,GAAG;;;;;EAOpBM,EAAeP,EAAOC,GAAmB;;qBAEjCO,EAAW;qBACXC,EAAgB;MAC9BC,IACC,MAAMC,aAAEA,GAAiBD,EAIzB,MAAO,oCAHOC,EACRC,EAAU,qBACVA,EAAU,gBAEcF,eAC7B;EAIIG,EAAwBb,EAAOc,EAAWC,OAAuB;;MAEvEL,IACC,MAAMC,aAAEA,GAAiBD,EAIzB,MAAO,WAHOC,EACRC,EAAU,gBACVA,EAAU,kBACOF,KAAS;EAI3BM,EAAuBhB,EAAOc,EAAWC,OAAO;;aAEhDH,EAAUK;EAGVC,EAAYlB,EAAOC,GAAG;;;;;;wBAMXH;;"}

package/shared/clickable-icon/clickable-icon.style.d.ts

@@ -1,6 +0,0 @@
-interface StyleProps {
-    $outline: "none" | "browser";
-    $highlight: boolean;
-}
-export declare const Main: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyleProps>> & string;
-export {};

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

@@ -1,29 +0,0 @@
-import e,{css as t}from"styled-components";import{V3_Spacing as n,V3_Colour as o}from"../../v3_theme/index.js";const r=e.button`
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: ${n["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:e})=>e&&t`
-                background-color: ${o["bg-hover-neutral"]};
-            `}
-    }
-`;export{r as Main};
-//# sourceMappingURL=clickable-icon.style.js.map

package/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":"+GASO,MAAMA,EAAOC,EAAOC,MAAkB;;;;eAI9BC,EAAW;;;;;;;;;;;;;;;;;UAiBhB,EAAGC,cAA4B,SAAbA,GAAuB;;UAEzC,EAAGC,gBACDA,GACAC,CAAG;oCACqBC,EAAU;;;"}

package/shared/component-loading-spinner/component-loading-spinner.style.d.ts

@@ -1,16 +0,0 @@
-interface StyleProps {
-    $size?: number;
-    $color?: string | ((props: any) => string);
-}
-export declare const OuterRing: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps>> & string;
-export declare const InnerRing1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const InnerRing2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export declare const InnerRing3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export declare const InnerRing4: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
-export {};

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

@@ -1,33 +0,0 @@
-import o,{keyframes as r}from"styled-components";const i=o.div`
-    display: inline-block;
-    position: relative;
-    width: ${({$size:o})=>o?`${o}px`:"1em"};
-    height: ${({$size:o})=>o?`${o}px`:"1em"};
-    color: ${o=>o.$color||"currentColor"};
-`,t=r`
-	0% {
-	  transform: rotate(0deg);
-	}
-	100% {
-	  transform: rotate(360deg);
-	}
-`,e=o.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: ${t} 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-`,a=o(e)`
-    animation-delay: -0.45s;
-`,n=o(e)`
-    animation-delay: -0.3s;
-`,s=o(e)`
-    animation-delay: -0.15s;
-`;export{e as InnerRing1,a as InnerRing2,n as InnerRing3,s as InnerRing4,i as OuterRing};
-//# sourceMappingURL=component-loading-spinner.style.js.map

package/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":"iDAcO,MAAMA,EAAYC,EAAOC,GAAe;;;aAGlC,EAAGC,WAAaA,EAAQ,GAAGA,MAAY;cACtC,EAAGA,WAAaA,EAAQ,GAAGA,MAAY;aACvCC,GAAUA,EAAMC,QAAU;EAGlCC,EAASC,CAAS;;;;;;;EASXC,EAAaP,EAAOC,GAAG;;;;;;;;;;;iBAWnBI;EAGJG,EAAaR,EAAOO,EAAW;;EAI/BE,EAAaT,EAAOO,EAAW;;EAI/BG,EAAaV,EAAOO,EAAW;;"}

package/shared/dropdown-list-v2/dropdown-label.d.ts

@@ -1,15 +0,0 @@
-import type { DropdownVariantType, LabelDisplayType } from "../dropdown-list/types";
-interface DropdownLabelProps {
-    bold?: boolean | undefined;
-    displayType?: LabelDisplayType | undefined;
-    label: string;
-    maxLines?: number | undefined;
-    searchTerm?: string | undefined;
-    selected?: boolean | undefined;
-    disabled?: boolean | undefined;
-    sublabel?: string | undefined;
-    truncationType?: "middle" | "end" | undefined;
-    variant?: DropdownVariantType | undefined;
-}
-export declare const DropdownLabel: ({ bold, displayType, label, searchTerm, maxLines, selected, disabled, sublabel, truncationType, variant, }: DropdownLabelProps) => JSX.Element;
-export {};

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

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

package/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":["DropdownLabel","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","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":"khBAgCO,MAAMA,EAAgB,EACzBC,OACAC,cAAc,SACdC,QACAC,aACAC,WAAW,EACXC,WACAC,WACAC,WACAC,iBAAiB,SACjBC,UAAU,cAEV,MAAMC,EAAQC,EAAWC,GAEnBC,EACU,UAAZJ,EACMK,EAAQC,KAAK,gBAAgB,CAAEL,UAC/BI,EAAQC,KAAK,sBAAsB,CAAEL,UACzCM,EAAaF,EAAQC,KAAK,eAAe,CAAEL,WAC3CO,IAAEA,EAAGC,MAAEA,GAAUC,IAKjBC,EAAuBC,GACxBC,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,GACxB,IAAMN,EAAqBlB,IAC3B,CAACkB,EAAsBlB,IAErByB,EAAsBD,GACxB,IAAMnB,GAAYa,EAAqBb,IACvC,CAACa,EAAsBb,IAWrBqB,EAAqBN,IACvB,IAAKnB,EACD,OAAOmB,EAGX,MAAMO,EAAQ1B,EAAW2B,cAAcC,OACjCC,EAAaV,EAAYQ,cAAcG,QAAQJ,GAC/CK,EAAWF,EAAa7B,EAAWgC,OAEzC,OAAmB,IAAfH,EACOV,EAIPc,EAAAC,EAAA,CAAAC,SAAA,CACKpC,EAAMqC,MAAM,EAAGP,GAChBQ,EAACC,EAAW,CAAAC,SAAWjC,EAAO6B,SACzBpC,EAAMqC,MAAMP,EAAYE,KAE5BhC,EAAMqC,MAAML,KACd,EAILS,EAAuBrB,GAErBc,EAAAC,EAAA,CAAAC,SAAA,CACIE,EAACI,EAAiB,CAAAC,UAAYzC,EAAQ,eAAA,EAAAkC,SACjCV,EAAkBN,KAEvBkB,EAACM,EAAkB,CAAAD,UAAYzC,EAAQ,eAAA,EAAAkC,SAClCV,EAAkBN,QAMnC,OACIc,EAACW,EAAK,CAAC9B,IAAKA,EAAG+B,kBA3CfvB,GAAuBE,EAAsB,YAAc1B,EA2CRyC,SAAYjC,EAAO6B,SAAA,CAClEE,EAACS,EAAW,CAAA,aACI/C,EAAKgD,MACVlD,EAAI6C,UACAzC,EAAQ+C,UACR9C,EAAQ+C,UACR9C,EAAQ+C,cACJ7C,EAAc8B,SAET,WAAnB9B,GAA+BiB,EAC1BkB,EAAoBzC,GACpB0B,EAAkB1B,KAE3BK,GACGiC,EAACc,gBACe/C,EAAQsC,UACTzC,EAAQiD,cACJ7C,EAAcwC,kBACV/C,EAAWqC,SAEV,WAAnB9B,GAA+BmB,EAC1BgB,EAAoBpC,GACpBA,MAGV"}

package/shared/dropdown-list-v2/dropdown-label.styles.d.ts

@@ -1,23 +0,0 @@
-import type { DropdownVariantType, LabelDisplayType, TruncateType } from "../dropdown-list/types";
-interface LabelStyleProps {
-    $labelDisplayType: LabelDisplayType;
-    $variant: DropdownVariantType;
-}
-interface LabelTextStyleProps {
-    $labelDisplayType?: LabelDisplayType;
-    $maxLines?: number;
-    $selected?: boolean;
-    $disabled?: boolean;
-    $truncateType?: TruncateType;
-    $bold?: boolean;
-}
-interface MatchedTextStyleProps {
-    $variant: DropdownVariantType;
-}
-export declare const PrimaryText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelTextStyleProps>> & string;
-export declare const SecondaryText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelTextStyleProps>> & string;
-export declare const MatchedText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, MatchedTextStyleProps>> & string;
-export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelStyleProps>> & string;
-export declare const TruncateFirstLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelTextStyleProps>> & string;
-export declare const TruncateSecondLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, LabelTextStyleProps>> & string;
-export {};

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

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

package/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":"8JAmCO,MAAMA,EAAcC,EAAOC,GAAwB;mBACtCC,GACZA,EAAMC,MACAC,EAAQC,KAAK,mBACbD,EAAQC,KAAK;;MAEpBH,GACKA,EAAMI,UACCC,CAAG;yBACGC,EAAU;cAEhBN,EAAMO,UACNF,CAAG;yBACGC,EAAU;cAGhBD,CAAG;yBACGC,EAAgB;;;;MAMlCN,GACyB,QAAxBA,EAAMQ,eAA2BC,EAAaT,EAAMU,WAAa;;EAI5DC,EAAgBb,EAAOC,GAAwB;aAC/CO,EAAU;;;MAGhBN,GACyB,QAAxBA,EAAMQ,eAA2BC,EAAaT,EAAMU,WAAa;;;MAGlEV,GAEU,cADDA,EAAMY,kBAECP,CAAG;sBACJH,EAAQ;kBAIPG,CAAG;sBACJH,EAAQ;;EAMjBW,EAAcf,EAAOgB,IAA2B;mBAC1CZ,EAAQC,KAAK;EAGnBY,EAAQjB,EAAOC,GAAoB;;;;;;MAMzCC,GACoB,UAAnBA,EAAMgB,SACAd,EAAQ,mBACRA,EAAQ;;MAEfF,IACC,OAAQA,EAAMY,mBACV,IAAK,YACD,OAAOP,CAAG;;;kBAId,IAAK,SACD,OAAOA,CAAG;sBACJR;;;;sBAIAc;;;;;EASTM,EAAoBnB,EAAOC,GAAwB;;aAElDC,GAA+B,IAApBA,EAAMU,UAAkB,GAAK;;;;EAMzCQ,EAAqBpB,EAAOC,GAAwB;;aAEnDC,GAA+B,IAApBA,EAAMU,UAAkB,GAAK;;;;;;;"}

package/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","DropdownListState","children","useState","_jsx","Provider","value"],"mappings":"4EAWO,MAAMA,EACTC,EAAMC,cAA6C,CAC/CC,cAAc,EACdC,gBAAiB,SAKZC,EAAoB,EAAGC,eAChC,MAAOH,EAAcC,GAAmBG,GAAiB,GAEzD,OACIC,EAACR,EAAyBS,SAAQ,CAC9BC,MAAO,CACHP,eACAC,mBACHE,SAEAA,GAC+B"}

package/shared/dropdown-list-v2/dropdown-list.d.ts

@@ -1,3 +0,0 @@
-import type React from "react";
-import type { DropdownListApi, DropdownListProps } from "./types";
-export declare const DropdownList: <T, V>(props: DropdownListProps<T, V> & React.RefAttributes<DropdownListApi>) => React.ReactElement | null;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-list.js","sources":["../../../src/shared/dropdown-list-v2/dropdown-list.tsx"],"sourcesContent":["import find from \"lodash/find\";\nimport isEqual from \"lodash/isEqual\";\nimport type React from \"react\";\nimport {\n    forwardRef,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from \"react\";\nimport type { VirtuosoHandle } from \"react-virtuoso\";\nimport { Virtuoso } from \"react-virtuoso\";\n\nimport {\n    mergeRefs,\n    useCompare,\n    useEvent,\n    useEventListener,\n    useIsMounted,\n} from \"../../util\";\nimport { useDropdownRender } from \"../dropdown-wrapper\";\nimport { DropdownLabel } from \"./dropdown-label\";\nimport {\n    CheckboxDisabledIndicator,\n    CheckboxSelectedIndicator,\n    CheckboxUnselectedIndicator,\n    Container,\n    LabelIcon,\n    List,\n    Listbox,\n    ListItem,\n    NoResultDescContainer,\n    ResultStateContainer,\n    SelectAllButton,\n    SelectAllContainer,\n    SelectedIndicator,\n    Spinner,\n    TryAgainButton,\n    UnselectedIndicator,\n} from \"./dropdown-list.styles\";\nimport { DropdownListStateContext } from \"./dropdown-list-state\";\nimport { DropdownSearch } from \"./dropdown-search\";\nimport type {\n    DropdownListApi,\n    DropdownListProps,\n    ListItemDisplayProps,\n} from \"./types\";\n\n/**\n * NOTE: This component is not directly exportable but forms part of a component\n */\nconst DropdownListInner = <T, V>(\n    {\n        listItems,\n        multiSelect,\n        maxSelectable,\n        selectedItems,\n        disableItemFocus,\n        itemsLoadState = \"success\",\n        itemTruncationType = \"end\",\n        itemMaxLines = 2,\n        labelDisplayType = \"inline\",\n        variant = \"default\",\n        listboxId,\n        matchElementWidth = false,\n        width,\n        topScrollItem,\n        onSelectItem,\n        onSelectAll,\n        onDismiss,\n        onRetry,\n        /* DropdownDisplayProps */\n        valueExtractor,\n        listExtractor,\n        renderListItem,\n        renderCustomCallToAction,\n        /* DropdownSearchProps */\n        enableSearch,\n        hideNoResultsDisplay,\n        noResultsDescription: _noResultsDescription,\n        customLabels,\n        searchPlaceholder: _searchPlaceholder,\n        searchFunction,\n        onSearch,\n    }: DropdownListProps<T, V>,\n    ref: React.ForwardedRef<DropdownListApi>\n): JSX.Element => {\n    // =========================================================================\n    // CONST, REF, STATE\n    // =========================================================================\n    const {\n        noResultsLabel = \"No results found.\",\n        selectAllButtonLabel = \"Select all\",\n        clearAllButtonLabel = \"Clear all\",\n    } = customLabels || {};\n    const searchPlaceholder =\n        customLabels?.searchPlaceholder || _searchPlaceholder || \"Search\";\n    const noResultsDescription =\n        customLabels?.noResultsDescription || _noResultsDescription;\n    const { focusedIndex, setFocusedIndex } = useContext(\n        DropdownListStateContext\n    );\n    const { elementWidth, setFloatingRef, getFloatingProps, styles } =\n        useDropdownRender();\n    const [searchValue, setSearchValue] = useState<string>(\"\");\n    const [displayListItems, setDisplayListItems] = useState(listItems ?? []);\n    const itemsLoadStateChanged = useCompare(itemsLoadState);\n    const mounted = useIsMounted();\n\n    const nodeRef = useRef<HTMLDivElement | null>(null);\n    const listRef = useRef<HTMLDivElement>(null);\n    const listItemRefs = useRef<(HTMLElement | null)[]>([]);\n    const searchInputRef = useRef<HTMLInputElement>(null);\n    const virtuosoRef = useRef<VirtuosoHandle>(null);\n\n    const hasSelectedMax =\n        !!maxSelectable &&\n        !!selectedItems &&\n        selectedItems?.length === maxSelectable;\n\n    // =========================================================================\n    // HELPER FUNCTIONS\n    // =========================================================================\n    const getValue = (item: T): V => {\n        return valueExtractor ? valueExtractor(item) : (item as unknown as V);\n    };\n\n    const getItemKey = (item: T, index: number) => {\n        const formattedValue = valueExtractor ? valueExtractor(item) : item;\n        // This is needed as some items might have the same value\n        return `item_${index}__${formattedValue}`;\n    };\n\n    const getOptionLabel = (item: T): ListItemDisplayProps => {\n        const value = listExtractor ? listExtractor(item) : item?.toString();\n\n        if (typeof value === \"object\") {\n            return { title: value.title, secondaryLabel: value.secondaryLabel };\n        }\n\n        return { title: value ?? \"\" };\n    };\n\n    const checkListItemSelected = useCallback(\n        (item: T): boolean => {\n            return !!find(selectedItems, (arrItem) => {\n                return isEqual(arrItem, item);\n            });\n        },\n        [selectedItems]\n    );\n\n    const filterItemsByCustomSearch = useEvent(() => {\n        return searchFunction?.(searchValue);\n    });\n\n    const filterItemsByLabel = useEvent(() => {\n        return listItems?.filter((item) => {\n            const { title, secondaryLabel } = getOptionLabel(item);\n            const updatedSearchValue = searchValue.trim().toLowerCase();\n            return (\n                title.toLowerCase().includes(updatedSearchValue) ||\n                (secondaryLabel &&\n                    secondaryLabel.toLowerCase().includes(updatedSearchValue))\n            );\n        });\n    });\n\n    const refocus = useCallback(\n        (opts?: { index?: number; preferSelected?: boolean }) => {\n            if (disableItemFocus) return;\n\n            if (searchInputRef.current) {\n                setFocusedIndex(-1);\n                setTimeout(() => searchInputRef.current?.focus(), 0);\n                return;\n            }\n\n            const items = displayListItems ?? [];\n            if (items.length === 0) return;\n\n            if (opts?.index !== undefined) {\n                const forced = Math.max(\n                    0,\n                    Math.min(opts.index, items.length - 1)\n                );\n                virtuosoRef.current?.scrollToIndex({\n                    index: forced,\n                    align: \"center\",\n                });\n                setFocusedIndex(forced);\n                setTimeout(() => listItemRefs.current[forced]?.focus(), 0);\n\n                return;\n            }\n\n            const selectedIndex = opts?.preferSelected\n                ? items.findIndex((item) => checkListItemSelected(item))\n                : -1;\n\n            const nextIndex =\n                selectedIndex !== -1\n                    ? selectedIndex\n                    : focusedIndex >= 0 && focusedIndex < items.length\n                    ? focusedIndex\n                    : 0;\n\n            virtuosoRef.current?.scrollToIndex({\n                index: nextIndex,\n                align: \"center\",\n            });\n            setFocusedIndex(nextIndex);\n            setTimeout(() => listItemRefs.current[nextIndex]?.focus(), 0);\n        },\n        [\n            checkListItemSelected,\n            disableItemFocus,\n            displayListItems,\n            focusedIndex,\n            setFocusedIndex,\n        ]\n    );\n\n    // =========================================================================\n    // EVENT HANDLERS\n    // =========================================================================\n    const handleKeyboardPress = (event: KeyboardEvent) => {\n        switch (event.code) {\n            case \"ArrowDown\":\n                event.preventDefault();\n                // Cannot go further than last element\n                if (focusedIndex < displayListItems.length - 1) {\n                    const upcomingIndex = focusedIndex + 1;\n                    listItemRefs.current[upcomingIndex]?.focus();\n                    setFocusedIndex(upcomingIndex);\n                }\n                break;\n            case \"ArrowUp\":\n                event.preventDefault();\n                // Cannot go further than first element\n                if (focusedIndex > 0) {\n                    const upcomingIndex = focusedIndex - 1;\n                    listItemRefs.current[upcomingIndex]?.focus();\n                    setFocusedIndex(upcomingIndex);\n                } else if (focusedIndex === 0 && searchInputRef.current) {\n                    searchInputRef.current.focus();\n                    setFocusedIndex(-1);\n                }\n                break;\n            case \"Space\":\n            case \"Enter\":\n                if (\n                    document.activeElement ===\n                    listItemRefs.current[focusedIndex]\n                ) {\n                    event.preventDefault();\n                    if (displayListItems[focusedIndex]) {\n                        handleListItemClick(\n                            displayListItems[focusedIndex],\n                            focusedIndex\n                        );\n                    }\n                }\n                break;\n            default:\n                break;\n        }\n    };\n\n    const handleListItemClick = (item: T, upcomingIndex: number) => {\n        if (hasSelectedMax && !checkListItemSelected(item)) return;\n        setFocusedIndex(upcomingIndex);\n        onSelectItem?.(item, getValue(item));\n    };\n\n    const handleListItemHover = (index: number) => setFocusedIndex(index);\n\n    const handleSearchInputChange = (\n        event: React.ChangeEvent<HTMLInputElement>\n    ) => {\n        const value = event.target.value;\n        setSearchValue(value);\n        onSearch?.();\n    };\n\n    const handleOnClear = () => {\n        setSearchValue(\"\");\n        searchInputRef.current?.focus();\n        onSearch?.();\n    };\n\n    const handleTryAgain = () => onRetry?.();\n\n    // =========================================================================\n    // EFFECTS\n    // =========================================================================\n    useEventListener(\"keydown\", handleKeyboardPress);\n    useImperativeHandle(ref, () => ({ refocus }), [refocus]);\n\n    useEffect(() => {\n        if (!topScrollItem) {\n            virtuosoRef.current?.scrollTo({ top: 0 });\n            return;\n        }\n        // Delay to ensure render is complete\n        const timer = setTimeout(() => {\n            if (!listItems) return;\n\n            const index = listItems.indexOf(topScrollItem);\n            if (virtuosoRef.current && index !== -1) {\n                virtuosoRef.current.scrollToIndex({ index });\n                setFocusedIndex(index);\n            }\n        }, 0);\n\n        return () => clearTimeout(timer);\n    }, [listItemRefs, listItems, setFocusedIndex, topScrollItem]);\n\n    useEffect(() => {\n        if (disableItemFocus) return;\n\n        // skip effect as dependency did not change\n        if (!mounted || !itemsLoadStateChanged) return;\n\n        // Reset focus when options are loaded\n        if (itemsLoadState === \"success\") {\n            if (searchInputRef.current) {\n                setFocusedIndex(-1);\n                searchInputRef.current.focus();\n            }\n        }\n    }, [\n        mounted,\n        itemsLoadStateChanged,\n        itemsLoadState,\n        setFocusedIndex,\n        disableItemFocus,\n    ]);\n\n    useEffect(() => {\n        const filterItems = () => {\n            if (searchValue === \"\") {\n                return listItems;\n            } else if (searchFunction) {\n                return filterItemsByCustomSearch();\n            } else {\n                return filterItemsByLabel();\n            }\n        };\n\n        setDisplayListItems(filterItems() ?? []);\n    }, [\n        filterItemsByCustomSearch,\n        filterItemsByLabel,\n        listItems,\n        searchFunction,\n        searchValue,\n    ]);\n\n    useEffect(() => {\n        if (mounted) {\n            // only run on mount\n            return;\n        }\n\n        if (disableItemFocus || !listItems) return;\n\n        const index = listItems.findIndex((item) =>\n            checkListItemSelected(item)\n        );\n\n        // Focus search input if there is one\n        if (searchInputRef.current) {\n            setFocusedIndex(-1);\n            setTimeout(() => searchInputRef.current?.focus(), 200); // Wait for animation\n        } else if (focusedIndex > 0) {\n            // Else focus on the specified element\n            virtuosoRef.current?.scrollToIndex({\n                index: focusedIndex,\n                align: \"center\",\n            });\n            setTimeout(() => listItemRefs.current[focusedIndex]?.focus(), 200);\n        } else if (index !== -1) {\n            // Else focus on the selected element\n            virtuosoRef.current?.scrollToIndex({ index, align: \"center\" });\n            setFocusedIndex(index);\n            setTimeout(() => listItemRefs.current[index]?.focus(), 200);\n        } else {\n            // Else focus on the first list item\n            virtuosoRef.current?.scrollToIndex({ index: 0 });\n            setFocusedIndex(0);\n            setTimeout(() => listItemRefs.current[0]?.focus(), 200);\n        }\n    }, [\n        checkListItemSelected,\n        disableItemFocus,\n        focusedIndex,\n        listItems,\n        mounted,\n        setFocusedIndex,\n    ]);\n\n    // =========================================================================\n    // RENDER FUNCTIONS\n    // =========================================================================\n    const renderListItemIcon = (selected: boolean) => {\n        if (multiSelect) {\n            if (hasSelectedMax && !selected) {\n                return <CheckboxDisabledIndicator aria-hidden />;\n            }\n\n            return selected ? (\n                <CheckboxSelectedIndicator aria-hidden />\n            ) : (\n                <CheckboxUnselectedIndicator aria-hidden />\n            );\n        }\n\n        return selected ? (\n            <SelectedIndicator aria-hidden />\n        ) : (\n            <UnselectedIndicator />\n        );\n    };\n\n    const renderDropdownLabel = (item: T, selected: boolean) => {\n        const { title, secondaryLabel } = getOptionLabel(item);\n\n        return (\n            <DropdownLabel\n                displayType={labelDisplayType}\n                label={title}\n                maxLines={itemMaxLines}\n                selected={selected}\n                disabled={!selected && hasSelectedMax}\n                sublabel={secondaryLabel}\n                truncationType={itemTruncationType}\n                variant={variant}\n            />\n        );\n    };\n\n    const renderItem = (item: T, index: number) => {\n        if (!onRetry || itemsLoadState === \"success\") {\n            const selected = checkListItemSelected(item);\n            const active = index === focusedIndex;\n            return (\n                <ListItem\n                    aria-selected={selected}\n                    aria-multiselectable={multiSelect}\n                    aria-disabled={!selected && hasSelectedMax}\n                    aria-posinset={index + 1}\n                    aria-setsize={displayListItems?.length}\n                    data-testid=\"list-item\"\n                    key={getItemKey(item, index)}\n                    onClick={() => handleListItemClick(item, index)}\n                    onMouseEnter={() => handleListItemHover(index)}\n                    ref={(element) => {\n                        listItemRefs.current[index] = element;\n                    }}\n                    role=\"option\"\n                    tabIndex={active ? 0 : -1}\n                    $active={active}\n                    $selected={selected}\n                    $disabled={!selected && hasSelectedMax}\n                >\n                    {renderListItem ? (\n                        renderListItem(item, { selected })\n                    ) : (\n                        <>\n                            {renderListItemIcon(selected)}\n                            {renderDropdownLabel(item, selected)}\n                        </>\n                    )}\n                </ListItem>\n            );\n        }\n    };\n\n    const renderSearchInput = () => {\n        if ((enableSearch || searchFunction) && itemsLoadState === \"success\") {\n            return (\n                <DropdownSearch\n                    ref={searchInputRef}\n                    onChange={handleSearchInputChange}\n                    value={searchValue}\n                    placeholder={searchPlaceholder}\n                    data-testid=\"search-input\"\n                    aria-label=\"Enter text to search\"\n                    onClear={handleOnClear}\n                    variant={variant}\n                />\n            );\n        }\n    };\n\n    const renderSelectAll = () => {\n        if (\n            selectedItems &&\n            multiSelect &&\n            displayListItems.length > 0 &&\n            !searchValue &&\n            itemsLoadState === \"success\"\n        ) {\n            return (\n                <SelectAllContainer>\n                    <SelectAllButton\n                        onClick={onSelectAll}\n                        type=\"button\"\n                        $variant={variant}\n                    >\n                        {maxSelectable || selectedItems.length !== 0\n                            ? clearAllButtonLabel\n                            : selectAllButtonLabel}\n                    </SelectAllButton>\n                </SelectAllContainer>\n            );\n        }\n    };\n\n    const renderNoResults = () => {\n        if (\n            !hideNoResultsDisplay &&\n            (searchValue || !enableSearch) &&\n            displayListItems.length === 0 &&\n            itemsLoadState === \"success\"\n        ) {\n            return (\n                <>\n                    <ResultStateContainer data-testid=\"list-no-results\">\n                        <LabelIcon data-testid=\"no-result-icon\" />\n                        {noResultsLabel}\n                    </ResultStateContainer>\n                    {noResultsDescription && (\n                        <NoResultDescContainer data-testid=\"no-result-desc\">\n                            {noResultsDescription}\n                        </NoResultDescContainer>\n                    )}\n                </>\n            );\n        }\n    };\n\n    const renderLoading = () => {\n        if (onRetry && itemsLoadState === \"loading\") {\n            return (\n                <ResultStateContainer data-testid=\"list-loading\">\n                    <Spinner />\n                    Loading...\n                </ResultStateContainer>\n            );\n        }\n    };\n\n    const renderTryAgain = () => {\n        if (onRetry && itemsLoadState === \"fail\") {\n            return (\n                <ResultStateContainer data-testid=\"list-fail\">\n                    <LabelIcon data-testid=\"load-error-icon\" />\n                    Failed to load.&nbsp;\n                    <TryAgainButton\n                        onClick={handleTryAgain}\n                        type=\"button\"\n                        $variant={variant}\n                    >\n                        Try again.\n                    </TryAgainButton>\n                </ResultStateContainer>\n            );\n        }\n    };\n\n    const renderVirtualisedList = () => {\n        const isTestEnv = process.env.NODE_ENV === \"test\";\n\n        return (\n            <Listbox role=\"listbox\" id={listboxId}>\n                <Virtuoso\n                    ref={virtuosoRef}\n                    style={{ height: \"100%\" }}\n                    data={displayListItems}\n                    customScrollParent={nodeRef.current ?? undefined}\n                    itemContent={(index, item) => renderItem(item, index)}\n                    // disable virtualisation in tests\n                    // https://github.com/petyosi/react-virtuoso/issues/26#issuecomment-1040316576\n                    // explicitly set the `key` prop to avoid React warning\n                    key={isTestEnv ? displayListItems.length : undefined}\n                    // omit the `initialItemCount` prop to resolve NaN error\n                    {...(isTestEnv\n                        ? {\n                              initialItemCount: displayListItems.length,\n                          }\n                        : {})}\n                />\n            </Listbox>\n        );\n    };\n\n    const renderList = () => {\n        return (\n            <List ref={listRef} data-testid=\"dropdown-list\">\n                {renderSearchInput()}\n                {renderSelectAll()}\n                {renderNoResults()}\n                {renderLoading()}\n                {renderTryAgain()}\n                {renderVirtualisedList()}\n            </List>\n        );\n    };\n\n    const renderBottomCta = () => {\n        if (!renderCustomCallToAction) {\n            return;\n        }\n\n        // FIXME: implement onDismiss handling\n        return (\n            <div data-testid=\"custom-cta\">\n                {renderCustomCallToAction(onDismiss as any, displayListItems)}\n            </div>\n        );\n    };\n\n    return (\n        <Container\n            data-testid=\"dropdown-container\"\n            ref={mergeRefs(nodeRef, setFloatingRef)}\n            style={styles}\n            {...getFloatingProps()}\n            $width={matchElementWidth ? elementWidth : undefined}\n            $customWidth={width}\n            $variant={variant}\n        >\n            {renderList()}\n            {renderBottomCta()}\n        </Container>\n    );\n};\n\nexport const DropdownList = forwardRef(DropdownListInner);\n"],"names":["DropdownList","forwardRef","listItems","multiSelect","maxSelectable","selectedItems","disableItemFocus","itemsLoadState","itemTruncationType","itemMaxLines","labelDisplayType","variant","listboxId","matchElementWidth","width","topScrollItem","onSelectItem","onSelectAll","onDismiss","onRetry","valueExtractor","listExtractor","renderListItem","renderCustomCallToAction","enableSearch","hideNoResultsDisplay","noResultsDescription","_noResultsDescription","customLabels","searchPlaceholder","_searchPlaceholder","searchFunction","onSearch","ref","noResultsLabel","selectAllButtonLabel","clearAllButtonLabel","focusedIndex","setFocusedIndex","useContext","DropdownListStateContext","elementWidth","setFloatingRef","getFloatingProps","styles","useDropdownRender","searchValue","setSearchValue","useState","displayListItems","setDisplayListItems","itemsLoadStateChanged","useCompare","mounted","useIsMounted","nodeRef","useRef","listRef","listItemRefs","searchInputRef","virtuosoRef","hasSelectedMax","length","getOptionLabel","item","value","toString","title","secondaryLabel","checkListItemSelected","useCallback","find","arrItem","isEqual","filterItemsByCustomSearch","useEvent","filterItemsByLabel","filter","updatedSearchValue","trim","toLowerCase","includes","refocus","opts","current","setTimeout","_a","focus","items","undefined","index","forced","Math","max","min","scrollToIndex","align","selectedIndex","preferSelected","findIndex","nextIndex","_b","handleListItemClick","upcomingIndex","getValue","handleSearchInputChange","event","target","handleOnClear","handleTryAgain","useEventListener","code","preventDefault","document","activeElement","useImperativeHandle","useEffect","scrollTo","top","timer","indexOf","clearTimeout","_c","renderListItemIcon","selected","_jsx","CheckboxDisabledIndicator","CheckboxSelectedIndicator","CheckboxUnselectedIndicator","SelectedIndicator","UnselectedIndicator","renderDropdownLabel","DropdownLabel","displayType","label","maxLines","disabled","sublabel","truncationType","renderItem","active","ListItem","onClick","onMouseEnter","handleListItemHover","element","role","tabIndex","$active","$selected","$disabled","children","_jsxs","_Fragment","getItemKey","renderSearchInput","DropdownSearch","onChange","placeholder","onClear","renderSelectAll","SelectAllContainer","SelectAllButton","type","$variant","renderNoResults","ResultStateContainer","LabelIcon","NoResultDescContainer","renderLoading","Spinner","renderTryAgain","TryAgainButton","renderVirtualisedList","isTestEnv","process","env","NODE_ENV","Listbox","id","Virtuoso","Object","assign","style","height","data","customScrollParent","itemContent","initialItemCount","Container","mergeRefs","$customWidth","List","renderBottomCta"],"mappings":"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"}