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

package/cjs/select-histogram/select-histogram.styles.js

@@ -1,38 +1,2 @@
-"use strict";var e=require("styled-components"),r=require("../shared/styles/index.js"),i=require("../v3_theme/index.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);const d=a.default.div`
-    overflow: hidden;
-    border: ${i.V3_Border["width-010"]} ${i.V3_Border.solid}
-        ${i.V3_Colour.border};
-    border-radius: ${i.V3_Radius.sm};
-    background: ${i.V3_Colour.bg};
-    padding: ${i.V3_Spacing["spacing-16"]};
-    min-width: 23rem;
-
-    ${i.V3_MediaQuery.MaxWidth.sm} {
-        min-width: unset;
-        width: calc(100vw - ${i.V3_Breakpoint["sm-margin"]}px * 2);
-    }
-
-    ${i.V3_MediaQuery.MaxWidth.xs} {
-        width: calc(100vw - ${i.V3_Breakpoint["xs-margin"]}px * 2);
-    }
-
-    ${i.V3_MediaQuery.MaxWidth.xxs} {
-        width: calc(100vw - ${i.V3_Breakpoint["xxs-margin"]}px * 2);
-    }
-`,o=a.default.div`
-    display: flex;
-    align-items: baseline;
-`,l=a.default.div`
-    margin: 0 0.5rem;
-    color: ${i.V3_Colour.text};
-`,n=a.default.div`
-    ${e=>"small"===e.$variant?i.V3_Font["body-md-regular"]:i.V3_Font["body-baseline-regular"]}
-    text-align: left;
-    ${i=>{if("middle"!==i.$truncateType)return e.css`
-                    ${r.lineClampCss(1)}
-                `}}
-    overflow: hidden;
-`,s=a.default(n)`
-    color: ${i.V3_Colour["text-subtler"]};
-`;exports.HistogramSliderDropdownContainer=d,exports.Label=o,exports.PlaceholderLabel=s,exports.Separator=l,exports.ValueLabel=n;
+"use strict";require("./select-histogram.styles_11916eo.css");exports.histogramSliderDropdownContainer="h1snxaxy",exports.label="l1e4uw6e",exports.placeholderLabel="p11079xa",exports.placeholderLabelTruncateEnd="p1bydnw6",exports.separator="s134rtp9";
 //# sourceMappingURL=select-histogram.styles.js.map

package/cjs/select-histogram/select-histogram.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-histogram.styles.js","sources":["../../../src/select-histogram/select-histogram.styles.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport type { ValueLabelStyleProps } from \"../shared/dropdown-wrapper/dropdown-wrapper.styles\";\nimport { lineClampCss } from \"../shared/styles\";\nimport {\n    V3_Border,\n    V3_Breakpoint,\n    V3_Colour,\n    V3_Font,\n    V3_MediaQuery,\n    V3_Radius,\n    V3_Spacing,\n} from \"../v3_theme\";\n\nexport const HistogramSliderDropdownContainer = styled.div`\n    overflow: hidden;\n    border: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border\"]};\n    border-radius: ${V3_Radius[\"sm\"]};\n    background: ${V3_Colour[\"bg\"]};\n    padding: ${V3_Spacing[\"spacing-16\"]};\n    min-width: 23rem;\n\n    ${V3_MediaQuery.MaxWidth.sm} {\n        min-width: unset;\n        width: calc(100vw - ${V3_Breakpoint[\"sm-margin\"]}px * 2);\n    }\n\n    ${V3_MediaQuery.MaxWidth.xs} {\n        width: calc(100vw - ${V3_Breakpoint[\"xs-margin\"]}px * 2);\n    }\n\n    ${V3_MediaQuery.MaxWidth.xxs} {\n        width: calc(100vw - ${V3_Breakpoint[\"xxs-margin\"]}px * 2);\n    }\n`;\n\nexport const Label = styled.div`\n    display: flex;\n    align-items: baseline;\n`;\n\nexport const Separator = styled.div`\n    margin: 0 0.5rem;\n    color: ${V3_Colour[\"text\"]};\n`;\n\nexport const ValueLabel = styled.div<ValueLabelStyleProps>`\n    ${(props) =>\n        props.$variant === \"small\"\n            ? V3_Font[\"body-md-regular\"]\n            : V3_Font[\"body-baseline-regular\"]}\n    text-align: left;\n    ${(props) => {\n        switch (props.$truncateType) {\n            case \"middle\":\n                break;\n            case \"end\":\n            default:\n                return css`\n                    ${lineClampCss(1)}\n                `;\n        }\n    }}\n    overflow: hidden;\n`;\n\nexport const PlaceholderLabel = styled(ValueLabel)`\n    color: ${V3_Colour[\"text-subtler\"]};\n`;\n"],"names":["HistogramSliderDropdownContainer","styled","div","V3_Border","V3_Colour","V3_Radius","V3_Spacing","V3_MediaQuery","MaxWidth","sm","V3_Breakpoint","xs","xxs","Label","Separator","ValueLabel","props","$variant","V3_Font","$truncateType","css","lineClampCss","PlaceholderLabel"],"mappings":"4MAcO,MAAMA,EAAmCC,EAAAA,QAAOC,GAAG;;cAE5CC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UAC/CC,EAAAA,UAAkB;qBACPC,EAAAA,UAAc;kBACjBD,EAAAA,UAAc;eACjBE,EAAAA,WAAW;;;MAGpBC,EAAAA,cAAcC,SAASC;;8BAECC,EAAAA,cAAc;;;MAGtCH,EAAAA,cAAcC,SAASG;8BACCD,EAAAA,cAAc;;;MAGtCH,EAAAA,cAAcC,SAASI;8BACCF,EAAAA,cAAc;;EAI/BG,EAAQZ,EAAAA,QAAOC,GAAG;;;EAKlBY,EAAYb,EAAAA,QAAOC,GAAG;;aAEtBE,EAAAA,UAAgB;EAGhBW,EAAad,EAAAA,QAAOC,GAAyB;MACnDc,GACoB,UAAnBA,EAAMC,SACAC,EAAAA,QAAQ,mBACRA,EAAAA,QAAQ;;MAEfF,IACC,GACS,WADDA,EAAMG,cAKN,OAAOC,KAAG;sBACJC,EAAAA,aAAa;;;EAOtBC,EAAmBrB,EAAAA,QAAOc,EAAW;aACrCX,EAAAA,UAAU;"}
+{"version":3,"file":"select-histogram.styles.js","sources":["../../../src/select-histogram/select-histogram.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { lineClampCss } from \"../shared/styles\";\nimport {\n    Border,\n    Breakpoint,\n    Colour,\n    Font,\n    MediaQuery,\n    Radius,\n    Spacing,\n} from \"../theme\";\n\nexport const histogramSliderDropdownContainer = css`\n    overflow: hidden;\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n    background: ${Colour[\"bg\"]};\n    padding: ${Spacing[\"spacing-16\"]};\n    min-width: 23rem;\n\n    ${MediaQuery.MaxWidth.sm} {\n        min-width: unset;\n        width: calc(100vw - ${Breakpoint[\"sm-margin\"]} * 2);\n    }\n\n    ${MediaQuery.MaxWidth.xs} {\n        width: calc(100vw - ${Breakpoint[\"xs-margin\"]} * 2);\n    }\n\n    ${MediaQuery.MaxWidth.xxs} {\n        width: calc(100vw - ${Breakpoint[\"xxs-margin\"]} * 2);\n    }\n`;\n\nexport const label = css`\n    display: flex;\n    align-items: baseline;\n`;\n\nexport const separator = css`\n    margin: 0 0.5rem;\n    color: ${Colour[\"text\"]};\n`;\n\nexport const placeholderLabel = css`\n    ${Font[\"body-baseline-regular\"]}\n    text-align: left;\n    overflow: hidden;\n    color: ${Colour[\"text-subtler\"]};\n`;\n\nexport const placeholderLabelTruncateEnd = css`\n    ${lineClampCss(1)}\n`;\n"],"names":[],"mappings":"uIAa6C,yBAsB3B,oCAUW,+CAOW,6BAZlB"}

package/cjs/select-histogram/select-histogram.styles_11916eo.css

@@ -0,0 +1,5 @@
+.h1snxaxy{overflow:hidden;border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);background:var(--fds-colour-bg);padding:var(--fds-spacing-16);min-width:23rem;}:where(body.fds-breakpoint-sm-max) .h1snxaxy{min-width:unset;width:calc(100vw - var(--fds-breakpoint-margin-sm) * 2);}:where(body.fds-breakpoint-xs-max) .h1snxaxy{width:calc(100vw - var(--fds-breakpoint-margin-xs) * 2);}:where(body.fds-breakpoint-xxs-max) .h1snxaxy{width:calc(100vw - var(--fds-breakpoint-margin-xxs) * 2);}
+.l1e4uw6e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;}
+.s134rtp9{margin:0 0.5rem;color:var(--fds-colour-text);}
+.p11079xa{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);text-align:left;overflow:hidden;color:var(--fds-colour-text-subtler);}
+.p1bydnw6{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}

package/cjs/shared/accessibility/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),r=require("clsx"),t=require("react");require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js");var s=require("../../util/version.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../util/string-helper.js"),require("./index_13g9vp.css");var i=a(r),u=a(t);const l=u.default.forwardRef((function(r,t){var{className:s}=r,a=e.__rest(r,["className"]);return u.default.createElement("span",Object.assign(Object.assign({},a),{ref:t,className:i.default("v17efraz",s)}))}));exports.VisuallyHidden=l,exports.concatIds=(...e)=>e.filter((e=>!!e)).join(" "),exports.inertValue=e=>s.isReact19()?e:e?"true":void 0;
+"use strict";var e=require("../../_virtual/_tslib.js"),r=require("clsx"),i=require("react");require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js");var a=require("../../util/version.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("@react-aria/live-announcer"),require("./index_13g9vp.css");var t=s(r),u=s(i);const l=u.default.forwardRef((function(r,i){var{className:a}=r,s=e.__rest(r,["className"]);return u.default.createElement("span",Object.assign(Object.assign({},s),{ref:i,className:t.default("v17efraz",a)}))}));exports.VisuallyHidden=l,exports.concatIds=(...e)=>e.filter((e=>!!e)).join(" "),exports.inertValue=e=>a.isReact19()?e:e?"true":void 0;
 //# sourceMappingURL=index.js.map

package/cjs/shared/accessibility/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/shared/accessibility/index.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\nimport clsx from \"clsx\";\nimport React from \"react\";\n\nimport { isReact19 } from \"../../util\";\n\nconst visuallyHidden = css`\n    clip-path: inset(50%);\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    position: absolute;\n    white-space: nowrap;\n`;\n\nexport const VisuallyHidden = React.forwardRef<\n    HTMLSpanElement,\n    React.HTMLAttributes<HTMLSpanElement>\n>(function VisuallyHidden({ className, ...otherProps }, ref) {\n    return React.createElement(\"span\", {\n        ...otherProps,\n        ref,\n        className: clsx(visuallyHidden, className),\n    });\n});\n\n/**\n * Handle compatibility of `inert` across React versions.\n * 19+ provides official support as a boolean, while it is handled as string in older versions\n */\nexport const inertValue = (value: boolean | undefined) => {\n    if (isReact19()) {\n        return value;\n    }\n\n    return value ? \"true\" : undefined;\n};\n\nexport const concatIds = (...selectors: (string | undefined)[]) => {\n    return selectors.filter((selector) => !!selector).join(\" \");\n};\n"],"names":["VisuallyHidden","React","forwardRef","_a","ref","className","otherProps","__rest","createElement","Object","assign","clsx","concatIds","selectors","filter","selector","join","value","isReact19","undefined"],"mappings":"uYAMA,MASaA,EAAiBC,EAAAA,QAAMC,YAGlC,SAAwBC,EAA8BC,GAA9B,IAAAC,UAAEA,GAASF,EAAKG,EAAUC,EAAAA,OAAAJ,EAA1B,eACtB,OAAOF,EAAAA,QAAMO,cAAc,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GAC1BJ,GAAU,CACbF,MACAC,UAAWM,EAAAA,QAhBC,WAgBoBN,KAExC,+CAcyBO,IAAIC,IAClBA,EAAUC,QAAQC,KAAeA,IAAUC,KAAK,wBAThCC,GACnBC,EAAAA,YACOD,EAGJA,EAAQ,YAASE"}
+{"version":3,"file":"index.js","sources":["../../../../src/shared/accessibility/index.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\nimport clsx from \"clsx\";\nimport React from \"react\";\n\nimport { isReact19 } from \"../../util\";\n\nconst visuallyHidden = css`\n    clip-path: inset(50%);\n    height: 1px;\n    width: 1px;\n    overflow: hidden;\n    position: absolute;\n    white-space: nowrap;\n`;\n\nexport const VisuallyHidden = React.forwardRef<\n    HTMLSpanElement,\n    React.HTMLAttributes<HTMLSpanElement>\n>(function VisuallyHidden({ className, ...otherProps }, ref) {\n    return React.createElement(\"span\", {\n        ...otherProps,\n        ref,\n        className: clsx(visuallyHidden, className),\n    });\n});\n\n/**\n * Handle compatibility of `inert` across React versions.\n * 19+ provides official support as a boolean, while it is handled as string in older versions\n */\nexport const inertValue = (value: boolean | undefined) => {\n    if (isReact19()) {\n        return value;\n    }\n\n    return value ? \"true\" : undefined;\n};\n\nexport const concatIds = (...selectors: (string | undefined)[]) => {\n    return selectors.filter((selector) => !!selector).join(\" \");\n};\n"],"names":["VisuallyHidden","React","forwardRef","_a","ref","className","otherProps","__rest","createElement","Object","assign","clsx","concatIds","selectors","filter","selector","join","value","isReact19","undefined"],"mappings":"+eAMA,MASaA,EAAiBC,EAAAA,QAAMC,YAGlC,SAAwBC,EAA8BC,GAA9B,IAAAC,UAAEA,GAASF,EAAKG,EAAUC,EAAAA,OAAAJ,EAA1B,eACtB,OAAOF,EAAAA,QAAMO,cAAc,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GAC1BJ,GAAU,CACbF,MACAC,UAAWM,EAAAA,QAhBC,WAgBoBN,KAExC,+CAcyBO,IAAIC,IAClBA,EAAUC,QAAQC,KAAeA,IAAUC,KAAK,wBAThCC,GACnBC,EAAAA,YACOD,EAGJA,EAAQ,YAASE"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("./clickable-icon.style.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=u(i).default.forwardRef(((i,u)=>{var{children:n,focusHighlight:c=!0,focusOutline:l="none",type:s="button"}=i,o=e.__rest(i,["children","focusHighlight","focusOutline","type"]);return t.jsx(r.Main,Object.assign({ref:u,$outline:l,$highlight:c,type:s},o,{children:n}))}));exports.ClickableIcon=n;
+"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("clsx"),i=require("react"),s=require("./clickable-icon.styles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(r);const u=l(i).default.forwardRef(((r,i)=>{var{children:l,className:u,focusHighlight:c=!0,focusOutline:a="none",type:o="button"}=r,f=e.__rest(r,["children","className","focusHighlight","focusOutline","type"]);return t.jsx("button",Object.assign({ref:i,className:n.default(s.main,"none"===a&&s.outlineNone,c&&s.highlight,u),type:o},f,{children:l}))}));exports.ClickableIcon=u;
 //# sourceMappingURL=clickable-icon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"clickable-icon.js","sources":["../../../../src/shared/clickable-icon/clickable-icon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Main } from \"./clickable-icon.style\";\nimport type { ClickableIconProps } from \"./types\";\n\nconst Component = (\n    {\n        children,\n        focusHighlight = true,\n        focusOutline = \"none\",\n        type = \"button\",\n        ...otherProps\n    }: ClickableIconProps,\n    ref: React.Ref<HTMLButtonElement>\n) => {\n    return (\n        <Main\n            ref={ref}\n            $outline={focusOutline}\n            $highlight={focusHighlight}\n            type={type}\n            {...otherProps}\n        >\n            {children}\n        </Main>\n    );\n};\n\nexport const ClickableIcon = React.forwardRef(Component);\n"],"names":["ClickableIcon","React","forwardRef","_a","ref","children","focusHighlight","focusOutline","type","otherProps","__rest","_jsx","Main","Object","assign","$highlight"],"mappings":"wNAKA,MAuBaA,OAAgBC,QAAMC,YAvBjB,CACdC,EAOAC,KAPA,IAAAC,SACIA,EAAQC,eACRA,GAAiB,EAAIC,aACrBA,EAAe,OAAMC,KACrBA,EAAO,UAAQL,EACZM,EAAUC,EAAAA,OAAAP,EALjB,qDASA,OACIQ,EAAAA,IAACC,EAAAA,KAAIC,OAAAC,OAAA,CACDV,IAAKA,WACKG,EAAYQ,WACVT,EACZE,KAAMA,GACFC,EAAU,CAAAJ,SAEbA,IACE"}
+{"version":3,"file":"clickable-icon.js","sources":["../../../../src/shared/clickable-icon/clickable-icon.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\n\nimport * as styles from \"./clickable-icon.styles\";\nimport type { ClickableIconProps } from \"./types\";\n\nconst Component = (\n    {\n        children,\n        className,\n        focusHighlight = true,\n        focusOutline = \"none\",\n        type = \"button\",\n        ...otherProps\n    }: ClickableIconProps,\n    ref: React.Ref<HTMLButtonElement>\n) => {\n    return (\n        <button\n            ref={ref}\n            className={clsx(\n                styles.main,\n                focusOutline === \"none\" && styles.outlineNone,\n                focusHighlight && styles.highlight,\n                className\n            )}\n            type={type}\n            {...otherProps}\n        >\n            {children}\n        </button>\n    );\n};\n\nexport const ClickableIcon = React.forwardRef(Component);\n"],"names":["ClickableIcon","React","forwardRef","_a","ref","children","className","focusHighlight","focusOutline","type","otherProps","__rest","_jsx","Object","assign","clsx","styles.main","styles.outlineNone","styles.highlight"],"mappings":"sPAMA,MA4BaA,OAAgBC,QAAMC,YA5BjB,CACdC,EAQAC,SARAC,SACIA,EAAQC,UACRA,EAASC,eACTA,GAAiB,EAAIC,aACrBA,EAAe,OAAMC,KACrBA,EAAO,UAAQN,EACZO,EAAUC,EAAAA,OAAAR,EANjB,iEAUA,OACIS,MAAA,SAAAC,OAAAC,OAAA,CACIV,IAAKA,EACLE,UAAWS,UACPC,EAAAA,KACiB,SAAjBR,GAA2BS,EAAAA,YAC3BV,GAAkBW,EAAAA,UAClBZ,GAEJG,KAAMA,GACFC,YAEHL,IACI"}

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

@@ -0,0 +1,2 @@
+"use strict";require("./clickable-icon.styles_1v2imml.css");exports.highlight="hv69up9",exports.main="m18ljjag",exports.outlineNone="o1plr5dj";
+//# sourceMappingURL=clickable-icon.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clickable-icon.styles.js","sources":["../../../../src/shared/clickable-icon/clickable-icon.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Spacing } from \"../../theme\";\n\nexport const main = css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: ${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\nexport const outlineNone = css`\n    &:active,\n    &:focus {\n        outline: none;\n    }\n`;\n\nexport const highlight = css`\n    &:active,\n    &:focus {\n        background-color: ${Colour[\"bg-hover-neutral\"]};\n    }\n`;\n"],"names":[],"mappings":"mHA+BsB,uBA3BL,+BAoBO"}

package/cjs/shared/clickable-icon/clickable-icon.styles_1v2imml.css

@@ -0,0 +1,3 @@
+.m18ljjag{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--fds-spacing-24);background-color:transparent;border:none;cursor:pointer;}.m18ljjag img{height:1rem;width:1rem;}.m18ljjag svg{height:1.125rem;width:1.125rem;}
+.o1plr5dj:active,.o1plr5dj:focus{outline:none;}
+.hv69up9:active,.hv69up9:focus{background-color:var(--fds-colour-bg-hover-neutral);}

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

@@ -1,2 +1,2 @@
-"use strict";var n=require("react/jsx-runtime"),e=require("./component-loading-spinner.style.js");exports.ComponentLoadingSpinner=({color:i,className:r,size:s})=>n.jsxs(e.OuterRing,{className:r,$size:s,$color:i,"data-testid":"component-loading-spinner",children:[n.jsx(e.InnerRing1,{id:"inner1"}),n.jsx(e.InnerRing2,{id:"inner2"}),n.jsx(e.InnerRing3,{id:"inner3"}),n.jsx(e.InnerRing4,{id:"inner4"})]});
+"use strict";var e=require("../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),n=require("clsx"),r=require("react"),s=require("../../theme/utils/use-apply-styles.js");require("../../theme/theme-provider/context.js"),require("../../theme/utils/use-media-query.js");var t=require("./component-loading-spinner.styles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(n);exports.ComponentLoadingSpinner=n=>{var{color:a,className:o,size:u}=n,d=e.__rest(n,["color","className","size"]);const c=r.useRef(null);return s.useApplyStyle(c,{[t.tokens.rootSize]:u?`${u}px`:void 0,[t.tokens.rootColour]:a}),i.jsxs("div",Object.assign({ref:c,className:l.default(t.outerRing,o)},d,{"data-testid":"component-loading-spinner",children:[i.jsx("div",{id:"inner1",className:t.innerRing}),i.jsx("div",{id:"inner2",className:l.default(t.innerRing,t.innerRing2)}),i.jsx("div",{id:"inner3",className:l.default(t.innerRing,t.innerRing3)}),i.jsx("div",{id:"inner4",className:l.default(t.innerRing,t.innerRing4)})]}))};
 //# sourceMappingURL=component-loading-spinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component-loading-spinner.js","sources":["../../../../src/shared/component-loading-spinner/component-loading-spinner.tsx"],"sourcesContent":["import {\n    InnerRing1,\n    InnerRing2,\n    InnerRing3,\n    InnerRing4,\n    OuterRing,\n} from \"./component-loading-spinner.style\";\n\n/**\n * This component is mainly used within components and is not to be confused\n * with the main loading spinner in animations/loading-spinner\n *\n * By default it inherits the font size and color of the parent container.\n *\n * The color can be customised via the prop or through styled-components.\n *\n * Example:\n * ```\n * styled(ComponentLoadingSpinner)`\n *   color: red;\n * `\n * ```\n */\nexport interface ComponentLoadingSpinnerProps {\n    className?: string | undefined;\n    /** Measurement in px */\n    size?: number | undefined;\n    /** rgb/hex value or Color token */\n    color?: string | ((props: any) => string) | undefined;\n}\n\nexport const ComponentLoadingSpinner = ({\n    color,\n    className,\n    size,\n}: ComponentLoadingSpinnerProps): JSX.Element => {\n    return (\n        <OuterRing\n            className={className}\n            $size={size}\n            $color={color}\n            data-testid={\"component-loading-spinner\"}\n        >\n            <InnerRing1 id=\"inner1\" />\n            <InnerRing2 id=\"inner2\" />\n            <InnerRing3 id=\"inner3\" />\n            <InnerRing4 id=\"inner4\" />\n        </OuterRing>\n    );\n};\n"],"names":["color","className","size","_jsxs","OuterRing","$color","_jsx","InnerRing1","id","InnerRing2","InnerRing3","InnerRing4"],"mappings":"kIA+BuC,EACnCA,QACAC,YACAC,UAGIC,EAAAA,KAACC,EAAAA,UAAS,CACNH,UAAWA,QACJC,EAAIG,OACHL,EAAK,cACA,sCAEbM,EAAAA,IAACC,cAAWC,GAAG,WACfF,EAAAA,IAACG,EAAAA,WAAU,CAACD,GAAG,WACfF,EAAAA,IAACI,EAAAA,WAAU,CAACF,GAAG,WACfF,EAAAA,IAACK,EAAAA,WAAU,CAACH,GAAG"}
+{"version":3,"file":"component-loading-spinner.js","sources":["../../../../src/shared/component-loading-spinner/component-loading-spinner.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type { HTMLAttributes } from \"react\";\nimport { useRef } from \"react\";\n\nimport { useApplyStyle } from \"../../theme/utils\";\nimport * as styles from \"./component-loading-spinner.styles\";\n\ntype BaseProps = Omit<HTMLAttributes<HTMLDivElement>, \"color\">;\n\nexport interface ComponentLoadingSpinnerProps extends BaseProps {\n    /** Measurement in px */\n    size?: number | undefined;\n    /** rgb/hex value or Color token */\n    color?: string | undefined;\n}\n\n/**\n * This component is mainly used within components and is not to be confused\n * with the main loading spinner in animations/loading-spinner\n *\n * By default it inherits the font size and color of the parent container.\n *\n * The font size and color can be customised via the prop or through css.\n *\n * Example:\n * ```\n * const spinner = css`\n *   color: red;\n *   font-size: 1lh;\n * `\n *\n * <ComponentLoadingSpinner className={styles.spinner} />\n * ```\n */\nexport const ComponentLoadingSpinner = ({\n    color,\n    className,\n    size,\n    ...otherProps\n}: ComponentLoadingSpinnerProps): JSX.Element => {\n    const spinnerRef = useRef<HTMLDivElement>(null);\n    useApplyStyle(spinnerRef, {\n        [styles.tokens.rootSize]: size ? `${size}px` : undefined,\n        [styles.tokens.rootColour]: color,\n    });\n\n    return (\n        <div\n            ref={spinnerRef}\n            className={clsx(styles.outerRing, className)}\n            {...otherProps}\n            data-testid={\"component-loading-spinner\"}\n        >\n            <div id=\"inner1\" className={styles.innerRing} />\n            <div\n                id=\"inner2\"\n                className={clsx(styles.innerRing, styles.innerRing2)}\n            />\n            <div\n                id=\"inner3\"\n                className={clsx(styles.innerRing, styles.innerRing3)}\n            />\n            <div\n                id=\"inner4\"\n                className={clsx(styles.innerRing, styles.innerRing4)}\n            />\n        </div>\n    );\n};\n"],"names":["_a","color","className","size","otherProps","__rest","spinnerRef","useRef","useApplyStyle","styles.tokens","rootSize","undefined","rootColour","_jsxs","Object","assign","ref","clsx","styles.outerRing","children","_jsx","id","styles.innerRing","styles.innerRing2","styles.innerRing3","styles.innerRing4"],"mappings":"ybAkCwCA,QAAAC,MACpCA,EAAKC,UACLA,EAASC,KACTA,KACGC,EAAUC,EAAAA,OAAAL,EAJuB,CAAA,QAAA,YAAA,SAMpC,MAAMM,EAAaC,EAAAA,OAAuB,MAM1C,OALAC,EAAAA,cAAcF,EAAY,CACtB,CAACG,EAAAA,OAAcC,UAAWP,EAAO,GAAGA,WAAWQ,EAC/C,CAACF,EAAAA,OAAcG,YAAaX,IAI5BY,EAAAA,KAAA,MAAAC,OAAAC,OAAA,CACIC,IAAKV,EACLJ,UAAWe,EAAAA,QAAKC,EAAAA,UAAkBhB,IAC9BE,iBACS,4BAA2Be,SAAA,CAExCC,EAAAA,WAAKC,GAAG,SAASnB,UAAWoB,EAAAA,YAC5BF,EAAAA,WACIC,GAAG,SACHnB,UAAWe,EAAAA,QAAKK,YAAkBC,EAAAA,cAEtCH,MAAA,MAAA,CACIC,GAAG,SACHnB,UAAWe,EAAAA,QAAKK,EAAAA,UAAkBE,gBAEtCJ,EAAAA,IAAA,MAAA,CACIC,GAAG,SACHnB,UAAWe,EAAAA,QAAKK,EAAAA,UAAkBG,EAAAA,iBAEpC"}

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

@@ -0,0 +1,2 @@
+"use strict";require("./component-loading-spinner.styles_15eq02i.css");exports.innerRing="i5p5ltp",exports.innerRing2="i1trawld",exports.innerRing3="iav978u",exports.innerRing4="i1fnvvih",exports.outerRing="oqwr3hs",exports.tokens={rootSize:"--fds-internal-componentLoadingSpinner-root-size",rootColour:"--fds-internal-componentLoadingSpinner-root-colour"};
+//# sourceMappingURL=component-loading-spinner.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component-loading-spinner.styles.js","sources":["../../../../src/shared/component-loading-spinner/component-loading-spinner.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nexport const tokens = {\n    rootSize: \"--fds-internal-componentLoadingSpinner-root-size\",\n    rootColour: \"--fds-internal-componentLoadingSpinner-root-colour\",\n} as const;\n\nexport const outerRing = css`\n    display: inline-block;\n    position: relative;\n    width: var(${tokens.rootSize}, 1em);\n    height: var(${tokens.rootSize}, 1em);\n    color: var(${tokens.rootColour}, currentColor);\n`;\n\nexport const innerRing = css`\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: component-loading-spinner-rotate 1.2s\n        cubic-bezier(0.5, 0, 0.5, 1) infinite;\n\n    @keyframes component-loading-spinner-rotate {\n        0% {\n            transform: rotate(0deg);\n        }\n\n        100% {\n            transform: rotate(360deg);\n        }\n    }\n`;\n\nexport const innerRing2 = css`\n    animation-delay: -0.45s;\n`;\n\nexport const innerRing3 = css`\n    animation-delay: -0.3s;\n`;\n\nexport const innerRing4 = css`\n    animation-delay: -0.15s;\n`;\n"],"names":["rootSize","rootColour"],"mappings":"yIAesB,6BAyBC,8BAIA,6BAIA,6BAzCD,yBALA,CAClBA,SAAU,mDACVC,WAAY"}

package/cjs/shared/component-loading-spinner/component-loading-spinner.styles_15eq02i.css

@@ -0,0 +1,5 @@
+.oqwr3hs{display:inline-block;position:relative;width:var(--fds-internal-componentLoadingSpinner-root-size, 1em);height:var(--fds-internal-componentLoadingSpinner-root-size, 1em);color:var(--fds-internal-componentLoadingSpinner-root-colour, currentColor);}
+.i5p5ltp{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;-webkit-animation:component-loading-spinner-rotate-i5p5ltp 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;animation:component-loading-spinner-rotate-i5p5ltp 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;}@-webkit-keyframes component-loading-spinner-rotate-i5p5ltp{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes component-loading-spinner-rotate-i5p5ltp{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
+.i1trawld{-webkit-animation-delay:-0.45s;animation-delay:-0.45s;}
+.iav978u{-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}
+.i1fnvvih{-webkit-animation-delay:-0.15s;animation-delay:-0.15s;}

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("react"),i=require("../../external/react-resize-detector/build/index.esm.js");require("../../theme/theme-provider/index.js"),require("../../theme/theme-provider/context.js"),require("../../theme/tokens/border.js"),require("../../theme/tokens/colour.js");var n=require("../../theme/tokens/font.js");require("../../theme/tokens/media-query.js");var l=require("../../theme/utils/use-apply-styles.js");require("../../theme/utils/use-media-query.js");var a=require("../../util/string-helper.js"),s=require("./dropdown-label.styles.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r);exports.DropdownLabel=({bold:r,displayType:d="inline",label:c,searchTerm:o,maxLines:m=2,selected:x,disabled:y,sublabel:p,truncationType:h="middle",variant:b="default"})=>{const f="small"===b?n.Font.Spec["body-size-md"]:n.Font.Spec["body-size-baseline"],T=n.Font.Spec["font-family"],{ref:j,width:q}=i.useResizeDetector(),S=t.useRef(null),L=t.useRef(null);l.useApplyStyle(S,{[s.tokens.primaryText.maxLines]:String(m)}),l.useApplyStyle(L,{[s.tokens.secondaryText.maxLines]:String(m)});const v=t.useCallback((e=>{if("inline"!==d||!q)return!1;return a.StringHelper.getTextWidth(e,`${f} '${T}'`)>q-50}),[q,d,f,T]),g=t.useMemo((()=>v(c)),[v,c]),N=t.useMemo((()=>p&&v(p)),[v,p]),k="middle"===h&&(g||N)?"next-line":d,F=r=>{if(!o)return r;const t=o.toLowerCase().trim(),i=r.toLowerCase().indexOf(t),n=i+o.length;return-1===i?r:e.jsxs(e.Fragment,{children:[c.slice(0,i),e.jsx("span",{className:s.matchedText,children:c.slice(i,n)}),c.slice(n)]})},w=r=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:u.default(s.baseTruncateStyle,s.truncateFirstLine,1===m&&s.truncateLineSingle),"aria-hidden":!0,children:F(r)}),e.jsx("div",{className:u.default(s.baseTruncateStyle,s.truncateSecondLine,1===m&&s.truncateLineSingle),"aria-hidden":!0,children:F(r)})]});return e.jsxs("div",{ref:j,className:u.default(s.label,"small"===b&&s.labelVariantSmall,"next-line"===k&&s.labelNextLine),children:[e.jsx("div",{ref:S,"aria-label":c,className:u.default(s.primaryText,r&&s.primaryTextBold,y&&s.primaryTextDisabled,!y&&x&&s.primaryTextSelected,"inline"===k&&s.primaryTextLabelInline,"end"===h&&s.primaryTextTruncateEnd),children:"middle"===h&&g?w(c):F(c)}),p&&e.jsx("div",{ref:L,"aria-label":p,className:u.default(s.secondaryText,"inline"===k&&s.secondaryTextLabelInline,"end"===h&&s.secondaryTextTruncateEnd,"next-line"===d?s.secondaryTextNextLine:s.secondaryTextInline),children:"middle"===h&&N?w(p):p})]})};
+//# sourceMappingURL=dropdown-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-label.js","sources":["../../../../src/shared/dropdown-list/dropdown-label.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { Font } from \"../../theme\";\nimport { useApplyStyle } from \"../../theme/utils/use-apply-styles\";\nimport { StringHelper } from \"../../util/string-helper\";\nimport * as styles from \"./dropdown-label.styles\";\nimport type { DropdownVariantType, LabelDisplayType } from \"./types\";\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 fontSize =\n        variant === \"small\"\n            ? Font.Spec[\"body-size-md\"]\n            : Font.Spec[\"body-size-baseline\"];\n    const fontFamily = Font.Spec[\"font-family\"];\n    const { ref, width } = useResizeDetector();\n\n    const primaryTextRef = useRef<HTMLDivElement>(null);\n    const secondaryTextRef = useRef<HTMLDivElement>(null);\n\n    useApplyStyle(primaryTextRef, {\n        [styles.tokens.primaryText.maxLines]: String(maxLines),\n    });\n\n    useApplyStyle(secondaryTextRef, {\n        [styles.tokens.secondaryText.maxLines]: String(maxLines),\n    });\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 - 50;\n        },\n        [width, displayType, fontSize, fontFamily]\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        truncationType === \"middle\" &&\n        (shouldTruncateTitle || shouldTruncateLabel)\n            ? \"next-line\"\n            : 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                <span className={styles.matchedText}>\n                    {label.slice(startIndex, endIndex)}\n                </span>\n                {label.slice(endIndex)}\n            </>\n        );\n    };\n\n    const renderTruncatedText = (displayText: string): JSX.Element => {\n        return (\n            <>\n                <div\n                    className={clsx(\n                        styles.baseTruncateStyle,\n                        styles.truncateFirstLine,\n                        maxLines === 1 && styles.truncateLineSingle\n                    )}\n                    aria-hidden\n                >\n                    {renderMatchInBold(displayText)}\n                </div>\n                <div\n                    className={clsx(\n                        styles.baseTruncateStyle,\n                        styles.truncateSecondLine,\n                        maxLines === 1 && styles.truncateLineSingle\n                    )}\n                    aria-hidden\n                >\n                    {renderMatchInBold(displayText)}\n                </div>\n            </>\n        );\n    };\n\n    return (\n        <div\n            ref={ref}\n            className={clsx(\n                styles.label,\n                variant === \"small\" && styles.labelVariantSmall,\n                itemDisplayType === \"next-line\" && styles.labelNextLine\n            )}\n        >\n            <div\n                ref={primaryTextRef}\n                aria-label={label}\n                className={clsx(\n                    styles.primaryText,\n                    bold && styles.primaryTextBold,\n                    disabled && styles.primaryTextDisabled,\n                    !disabled && selected && styles.primaryTextSelected,\n                    itemDisplayType === \"inline\" &&\n                        styles.primaryTextLabelInline,\n                    truncationType === \"end\" && styles.primaryTextTruncateEnd\n                )}\n            >\n                {truncationType === \"middle\" && shouldTruncateTitle\n                    ? renderTruncatedText(label)\n                    : renderMatchInBold(label)}\n            </div>\n            {sublabel && (\n                <div\n                    ref={secondaryTextRef}\n                    aria-label={sublabel}\n                    className={clsx(\n                        styles.secondaryText,\n                        itemDisplayType === \"inline\" &&\n                            styles.secondaryTextLabelInline,\n                        truncationType === \"end\" &&\n                            styles.secondaryTextTruncateEnd,\n                        displayType === \"next-line\"\n                            ? styles.secondaryTextNextLine\n                            : styles.secondaryTextInline\n                    )}\n                >\n                    {truncationType === \"middle\" && shouldTruncateLabel\n                        ? renderTruncatedText(sublabel)\n                        : sublabel}\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["bold","displayType","label","searchTerm","maxLines","selected","disabled","sublabel","truncationType","variant","fontSize","Font","Spec","fontFamily","ref","width","useResizeDetector","primaryTextRef","useRef","secondaryTextRef","useApplyStyle","styles.tokens","primaryText","String","secondaryText","hasExceededContainer","useCallback","displayText","StringHelper","getTextWidth","shouldTruncateTitle","useMemo","shouldTruncateLabel","itemDisplayType","renderMatchInBold","match","toLowerCase","trim","startIndex","indexOf","endIndex","length","_jsxs","_Fragment","children","slice","_jsx","className","styles.matchedText","renderTruncatedText","clsx","styles.baseTruncateStyle","styles.truncateFirstLine","styles.truncateLineSingle","styles.truncateSecondLine","styles.label","styles.labelVariantSmall","styles.labelNextLine","styles.primaryText","styles.primaryTextBold","styles.primaryTextDisabled","styles.primaryTextSelected","styles.primaryTextLabelInline","styles.primaryTextTruncateEnd","styles.secondaryText","styles.secondaryTextLabelInline","styles.secondaryTextTruncateEnd","styles.secondaryTextNextLine","styles.secondaryTextInline"],"mappings":"wsBAuB6B,EACzBA,OACAC,cAAc,SACdC,QACAC,aACAC,WAAW,EACXC,WACAC,WACAC,WACAC,iBAAiB,SACjBC,UAAU,cAEV,MAAMC,EACU,UAAZD,EACME,EAAAA,KAAKC,KAAK,gBACVD,EAAAA,KAAKC,KAAK,sBACdC,EAAaF,EAAAA,KAAKC,KAAK,gBACvBE,IAAEA,EAAGC,MAAEA,GAAUC,sBAEjBC,EAAiBC,EAAAA,OAAuB,MACxCC,EAAmBD,EAAAA,OAAuB,MAEhDE,EAAAA,cAAcH,EAAgB,CAC1B,CAACI,EAAAA,OAAcC,YAAYlB,UAAWmB,OAAOnB,KAGjDgB,EAAAA,cAAcD,EAAkB,CAC5B,CAACE,EAAAA,OAAcG,cAAcpB,UAAWmB,OAAOnB,KAMnD,MAAMqB,EAAuBC,eACxBC,IACG,GAAoB,WAAhB1B,IAA6Bc,EAC7B,OAAO,EAaX,OAPkBa,eAAaC,aAC3BF,EACA,GAAGjB,MAAaG,MAKDE,EAAQ,EAAE,GAEjC,CAACA,EAAOd,EAAaS,EAAUG,IAM7BiB,EAAsBC,EAAAA,SACxB,IAAMN,EAAqBvB,IAC3B,CAACuB,EAAsBvB,IAErB8B,EAAsBD,WACxB,IAAMxB,GAAYkB,EAAqBlB,IACvC,CAACkB,EAAsBlB,IAKrB0B,EACiB,WAAnBzB,IACCsB,GAAuBE,GAClB,YACA/B,EAKJiC,EAAqBP,IACvB,IAAKxB,EACD,OAAOwB,EAGX,MAAMQ,EAAQhC,EAAWiC,cAAcC,OACjCC,EAAaX,EAAYS,cAAcG,QAAQJ,GAC/CK,EAAWF,EAAanC,EAAWsC,OAEzC,OAAmB,IAAfH,EACOX,EAIPe,OAAAC,EAAAA,SAAA,CAAAC,SAAA,CACK1C,EAAM2C,MAAM,EAAGP,GAChBQ,EAAAA,IAAA,OAAA,CAAMC,UAAWC,EAAAA,YAAkBJ,SAC9B1C,EAAM2C,MAAMP,EAAYE,KAE5BtC,EAAM2C,MAAML,KACd,EAILS,EAAuBtB,GAErBe,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACIE,EAAAA,IAAA,MAAA,CACIC,UAAWG,EAAAA,QACPC,EAAAA,kBACAC,oBACa,IAAbhD,GAAkBiD,EAAAA,oBACrB,eAAA,EAAAT,SAGAV,EAAkBP,KAEvBmB,EAAAA,IAAA,MAAA,CACIC,UAAWG,EAAAA,QACPC,EAAAA,kBACAG,EAAAA,mBACa,IAAblD,GAAkBiD,EAAAA,oBACrB,eAAA,EAAAT,SAGAV,EAAkBP,QAMnC,OACIe,EAAAA,KAAA,MAAA,CACI5B,IAAKA,EACLiC,UAAWG,EAAAA,QACPK,EAAAA,MACY,UAAZ9C,GAAuB+C,EAAAA,kBACH,cAApBvB,GAAmCwB,EAAAA,eACtCb,SAAA,CAEDE,EAAAA,WACIhC,IAAKG,EAAc,aACPf,EACZ6C,UAAWG,EAAAA,QACPQ,cACA1D,GAAQ2D,EAAAA,gBACRrD,GAAYsD,EAAAA,qBACXtD,GAAYD,GAAYwD,EAAAA,oBACL,WAApB5B,GACI6B,EAAAA,uBACe,QAAnBtD,GAA4BuD,EAAAA,wBAC/BnB,SAEmB,WAAnBpC,GAA+BsB,EAC1BmB,EAAoB/C,GACpBgC,EAAkBhC,KAE3BK,GACGuC,EAAAA,IAAA,MAAA,CACIhC,IAAKK,EAAgB,aACTZ,EACZwC,UAAWG,EAAAA,QACPc,EAAAA,cACoB,WAApB/B,GACIgC,EAAAA,yBACe,QAAnBzD,GACI0D,EAAAA,yBACY,cAAhBjE,EACMkE,EAAAA,sBACAC,EAAAA,8BAGU,WAAnB5D,GAA+BwB,EAC1BiB,EAAoB1C,GACpBA,MAGZ"}

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

@@ -0,0 +1,2 @@
+"use strict";require("./dropdown-label.styles_1dwmd8f.css");exports.baseTruncateStyle="b1tiox0q",exports.label="lkpcujm",exports.labelNextLine="l5tt4mi",exports.labelVariantSmall="l4129ag",exports.matchedText="m7dzxku",exports.primaryText="pi58ntt",exports.primaryTextBold="p1wtg030",exports.primaryTextDisabled="pp0vhoy",exports.primaryTextLabelInline="p1nofioz",exports.primaryTextSelected="p4cirxp",exports.primaryTextTruncateEnd="przdrhy",exports.secondaryText="s3fwc7p",exports.secondaryTextInline="swx1e24",exports.secondaryTextLabelInline="s1kq4iiq",exports.secondaryTextNextLine="s132gi2y",exports.secondaryTextTruncateEnd="s1jjyg61",exports.tokens={primaryText:{maxLines:"--fds-internal-dropdownLabel-primaryText-maxLines"},secondaryText:{maxLines:"--fds-internal-dropdownLabel-secondaryText-maxLines"}},exports.truncateFirstLine="t1y8fzo0",exports.truncateLineSingle="tgn5sfi",exports.truncateSecondLine="t18n9ljk";
+//# sourceMappingURL=dropdown-label.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-label.styles.js","sources":["../../../../src/shared/dropdown-list/dropdown-label.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font } from \"../../theme\";\nimport { lineClampDynamicCss } from \"../styles\";\n\nexport const tokens = {\n    primaryText: {\n        maxLines: \"--fds-internal-dropdownLabel-primaryText-maxLines\",\n    },\n    secondaryText: {\n        maxLines: \"--fds-internal-dropdownLabel-secondaryText-maxLines\",\n    },\n};\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\n// -----------------------------------------------------------------------------\n// PRIMARY TEXT\n// -----------------------------------------------------------------------------\nexport const primaryText = css`\n    font-weight: ${Font.Spec[\"weight-regular\"]};\n    color: ${Colour[\"text\"]};\n    width: 100%;\n    overflow-wrap: break-word;\n`;\n\nexport const primaryTextBold = css`\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\nexport const primaryTextSelected = css`\n    color: ${Colour[\"text-selected\"]};\n`;\n\nexport const primaryTextDisabled = css`\n    color: ${Colour[\"text-disabled\"]};\n`;\n\nexport const primaryTextLabelInline = css`\n    display: inline;\n`;\n\nexport const primaryTextTruncateEnd = css`\n    ${tokens.primaryText.maxLines}: 2;\n    ${lineClampDynamicCss(tokens.primaryText.maxLines)}\n`;\n\n// -----------------------------------------------------------------------------\n// SECONDARY TEXT\n// -----------------------------------------------------------------------------\nexport const secondaryText = css`\n    color: ${Colour[\"text-subtlest\"]};\n    width: 100%;\n    overflow-wrap: break-word;\n`;\n\nexport const secondaryTextNextLine = css`\n    ${Font[\"body-md-semibold\"]}\n`;\n\nexport const secondaryTextInline = css`\n    ${Font[\"body-baseline-regular\"]}\n`;\n\nexport const secondaryTextLabelInline = css`\n    display: inline;\n    margin-left: 0.5rem;\n`;\n\nexport const secondaryTextTruncateEnd = css`\n    ${tokens.secondaryText.maxLines}: 2;\n    ${lineClampDynamicCss(tokens.secondaryText.maxLines)}\n`;\n\n// -----------------------------------------------------------------------------\n// MATCHED TEXT\n// -----------------------------------------------------------------------------\nexport const matchedText = css`\n    font-weight: ${Font.Spec[\"weight-semibold\"]};\n`;\n\n// -----------------------------------------------------------------------------\n// LABEL\n// -----------------------------------------------------------------------------\nexport const label = css`\n    text-align: left;\n    width: 100%;\n    overflow: hidden;\n    overflow-wrap: break-word;\n    ${Font[\"body-baseline-regular\"]}\n`;\n\nexport const labelVariantSmall = css`\n    ${Font[\"body-md-regular\"]}\n`;\n\nexport const labelNextLine = css`\n    display: flex;\n    flex-direction: column;\n`;\n\n// -----------------------------------------------------------------------------\n// TRUNCATION\n// -----------------------------------------------------------------------------\nexport const baseTruncateStyle = css`\n    display: inline-block;\n    width: 100%;\n    height: 1lh;\n    overflow: hidden;\n`;\n\nexport const truncateFirstLine = css`\n    word-break: break-all;\n`;\n\nexport const truncateSecondLine = css`\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    direction: rtl;\n    text-align: right;\n`;\n\nexport const truncateLineSingle = css`\n    width: 50%;\n`;\n"],"names":["primaryText","maxLines","secondaryText"],"mappings":"0HA0G8B,yBApBZ,gCAYQ,oCAJI,8BAfN,8BA1DA,kCAOI,uCAQI,yCAIG,uCARH,yCAYG,gCAQT,sCAUM,2CAIK,yCARH,4CAaG,0BAlEf,CAClBA,YAAa,CACTC,SAAU,qDAEdC,cAAe,CACXD,SAAU,kFAuGY,sCAWC,qCAPA"}

package/cjs/shared/dropdown-list/dropdown-label.styles_1dwmd8f.css

@@ -0,0 +1,19 @@
+.pi58ntt{font-weight:var(--fds-font-weight-regular);color:var(--fds-colour-text);width:100%;overflow-wrap:break-word;}
+.p1wtg030{font-weight:var(--fds-font-weight-semibold);}
+.p4cirxp{color:var(--fds-colour-text-selected);}
+.pp0vhoy{color:var(--fds-colour-text-disabled);}
+.p1nofioz{display:inline;}
+.przdrhy{--fds-internal-dropdownLabel-primaryText-maxLines:2;--fds-internal-dropdownLabel-primaryText-maxLines:initial;display:-webkit-box;-webkit-line-clamp:var(--fds-internal-dropdownLabel-primaryText-maxLines);-webkit-box-orient:vertical;overflow:hidden;}
+.s3fwc7p{color:var(--fds-colour-text-subtlest);width:100%;overflow-wrap:break-word;}
+.s132gi2y{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}
+.swx1e24{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
+.s1kq4iiq{display:inline;margin-left:0.5rem;}
+.s1jjyg61{--fds-internal-dropdownLabel-secondaryText-maxLines:2;--fds-internal-dropdownLabel-secondaryText-maxLines:initial;display:-webkit-box;-webkit-line-clamp:var(--fds-internal-dropdownLabel-secondaryText-maxLines);-webkit-box-orient:vertical;overflow:hidden;}
+.m7dzxku{font-weight:var(--fds-font-weight-semibold);}
+.lkpcujm{text-align:left;width:100%;overflow:hidden;overflow-wrap:break-word;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
+.l4129ag{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}
+.l5tt4mi{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.b1tiox0q{display:inline-block;width:100%;height:1lh;overflow:hidden;}
+.t1y8fzo0{word-break:break-all;}
+.t18n9ljk{text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:right;}
+.tgn5sfi{width:50%;}

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-list-state.js","sources":["../../../../src/shared/dropdown-list/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/dropdown-list.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@lifesg/react-icons/exclamation-circle-fill"),r=require("@lifesg/react-icons/square"),s=require("@lifesg/react-icons/square-fill"),l=require("@lifesg/react-icons/square-tick-fill"),n=require("@lifesg/react-icons/tick"),i=require("clsx"),a=require("../../external/lodash/find.js"),o=require("../../external/lodash/isEqual.js"),u=require("react"),c=require("react-virtuoso"),d=require("../../markup/markup.js");require("../../theme/theme-provider/index.js"),require("../../theme/theme-provider/context.js"),require("../../theme/tokens/border.js"),require("../../theme/tokens/colour.js"),require("../../theme/tokens/font.js"),require("../../theme/tokens/media-query.js");var m=require("../../theme/utils/use-apply-styles.js");require("../../theme/utils/use-media-query.js"),require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js");var v=require("../../util/merge-refs.js");require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("@react-aria/live-announcer");var f=require("../../util/use-event.js"),p=require("../../util/use-event-listener.js"),h=require("../../util/use-mount.js"),x=require("../../util/use-previous.js"),j=require("../accessibility/index.js"),b=require("../component-loading-spinner/component-loading-spinner.js"),q=require("../dropdown-wrapper/element-with-dropdown.js"),I=require("../input-wrapper/input-wrapper.js"),g=require("./dropdown-label.js"),y=require("./dropdown-list.styles.js"),S=require("./dropdown-list-state.js"),C=require("./dropdown-search.js"),w=require("./virtuoso-components.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var T=k(i);const L=u.forwardRef((({listItems:i,multiSelect:k,maxSelectable:L,selectedItems:N,disableItemFocus:E,itemsLoadState:D="success",itemTruncationType:R="end",itemMaxLines:A=2,labelDisplayType:F="inline",variant:B="default",listboxId:M,ariaLabel:P,matchElementWidth:V=!1,width:O,topScrollItem:_,onSelectItem:W,onSelectAll:$,onDismiss:H,onRetry:U,valueExtractor:z,listExtractor:G,renderListItem:J,renderCustomCallToAction:K,enableSearch:Q,hideNoResultsDisplay:X,noResultsDescription:Y,customLabels:Z,searchPlaceholder:ee,searchFunction:te,onSearch:re},se)=>{const{noResultsLabel:le="No results found.",selectAllButtonLabel:ne="Select all",clearAllButtonLabel:ie="Clear all"}=Z||{},ae=(null==Z?void 0:Z.searchPlaceholder)||ee||"Search",oe=(null==Z?void 0:Z.noResultsDescription)||Y,{focusedIndex:ue,setFocusedIndex:ce}=u.useContext(S.DropdownListStateContext),{elementWidth:de,setFloatingRef:me,getFloatingProps:ve,styles:fe}=q.useDropdownRender(),[pe,he]=u.useState(""),[xe,je]=u.useState(null!=i?i:[]),be=x.useCompare(D),qe=h.useIsMounted(),Ie=u.useRef(null),ge=u.useRef([]),ye=u.useRef(null),Se=u.useRef(null),Ce=!!L&&!!N&&(null==N?void 0:N.length)===L;let we,ke="default";O?(we=O,ke="custom"):V&&de&&(we=`${de}px`,ke="match"),m.useApplyStyle(Ie,{[y.tokens.containerWidth]:we});const Te=e=>{const t=G?G(e):null==e?void 0:e.toString();return"object"==typeof t?{title:t.title,secondaryLabel:t.secondaryLabel}:{title:null!=t?t:""}},Le=u.useCallback((e=>!!a.default(N,(t=>o.default(t,e)))),[N]),Ne=f.useEvent((()=>null==te?void 0:te(pe))),Ee=f.useEvent((()=>null==i?void 0:i.filter((e=>{const{title:t,secondaryLabel:r}=Te(e),s=pe.trim().toLowerCase();return t.toLowerCase().includes(s)||r&&r.toLowerCase().includes(s)})))),De=u.useCallback((e=>{var t,r;if(E)return;if(ye.current)return ce(-1),void setTimeout((()=>{var e;return null===(e=ye.current)||void 0===e?void 0:e.focus()}),0);const s=null!=xe?xe:[];if(0===s.length)return;if(void 0!==(null==e?void 0:e.index)){const r=Math.max(0,Math.min(e.index,s.length-1));return null===(t=Se.current)||void 0===t||t.scrollToIndex({index:r,align:"center"}),ce(r),void setTimeout((()=>{var e;return null===(e=ge.current[r])||void 0===e?void 0:e.focus()}),0)}const l=(null==e?void 0:e.preferSelected)?s.findIndex((e=>Le(e))):-1,n=-1!==l?l:ue>=0&&ue<s.length?ue:0;null===(r=Se.current)||void 0===r||r.scrollToIndex({index:n,align:"center"}),ce(n),setTimeout((()=>{var e;return null===(e=ge.current[n])||void 0===e?void 0:e.focus()}),0)}),[Le,E,xe,ue,ce]),Re=(e,t)=>{Ce&&!Le(e)||(ce(t),null==W||W(e,(e=>z?z(e):e)(e)))},Ae=e=>{const t=e.target.value;he(t),null==re||re()},Fe=()=>{var e;he(""),null===(e=ye.current)||void 0===e||e.focus(),null==re||re()},Be=()=>null==U?void 0:U();p.useEventListener("keydown",(e=>{var t,r;switch(e.code){case"ArrowDown":if(e.preventDefault(),ue<xe.length-1){const e=ue+1;null===(t=ge.current[e])||void 0===t||t.focus(),ce(e)}break;case"ArrowUp":if(e.preventDefault(),ue>0){const e=ue-1;null===(r=ge.current[e])||void 0===r||r.focus(),ce(e)}else 0===ue&&ye.current&&(ye.current.focus(),ce(-1));break;case"Space":case"Enter":document.activeElement===ge.current[ue]&&(e.preventDefault(),xe[ue]&&Re(xe[ue],ue))}})),u.useImperativeHandle(se,(()=>({refocus:De})),[De]),u.useEffect((()=>{var e;if(!_)return void(null===(e=Se.current)||void 0===e||e.scrollTo({top:0}));const t=setTimeout((()=>{if(!i)return;const e=i.indexOf(_);Se.current&&-1!==e&&(Se.current.scrollToIndex({index:e}),ce(e))}),0);return()=>clearTimeout(t)}),[ge,i,ce,_]),u.useEffect((()=>{E||qe&&be&&"success"===D&&ye.current&&(ce(-1),ye.current.focus())}),[qe,be,D,ce,E]),u.useEffect((()=>{var e;je(null!==(e=""===pe?i:te?Ne():Ee())&&void 0!==e?e:[])}),[Ne,Ee,i,te,pe]),u.useEffect((()=>{var e,t,r;if(qe)return;if(E||!i)return;const s=i.findIndex((e=>Le(e)));ye.current?(ce(-1),setTimeout((()=>{var e;return null===(e=ye.current)||void 0===e?void 0:e.focus()}),200)):ue>0?(null===(e=Se.current)||void 0===e||e.scrollToIndex({index:ue,align:"center"}),setTimeout((()=>{var e;return null===(e=ge.current[ue])||void 0===e?void 0:e.focus()}),200)):-1!==s?(null===(t=Se.current)||void 0===t||t.scrollToIndex({index:s,align:"center"}),ce(s),setTimeout((()=>{var e;return null===(e=ge.current[s])||void 0===e?void 0:e.focus()}),200)):(null===(r=Se.current)||void 0===r||r.scrollToIndex({index:0}),ce(0),setTimeout((()=>{var e;return null===(e=ge.current[0])||void 0===e?void 0:e.focus()}),200))}),[Le,E,ue,i,qe,ce]);const Me=t=>k?Ce&&!t?e.jsx(s.SquareFillIcon,{"aria-hidden":!0,className:T.default(y.baseCheckboxIndicatorStyle,y.checkboxDisabledIndicator)}):t?e.jsx(l.SquareTickFillIcon,{"aria-hidden":!0,className:T.default(y.baseCheckboxIndicatorStyle,y.checkboxSelectedIndicator)}):e.jsx(r.SquareIcon,{"aria-hidden":!0,className:T.default(y.baseCheckboxIndicatorStyle,y.checkboxUnselectedIndicator)}):t?e.jsx(n.TickIcon,{"aria-hidden":!0,className:T.default(y.baseIndicatorStyle,y.selectedIndicator)}):e.jsx("div",{className:y.baseIndicatorStyle}),Pe=(t,r)=>{const{title:s,secondaryLabel:l}=Te(t);return e.jsx(g.DropdownLabel,{displayType:F,label:s,maxLines:A,selected:r,disabled:!r&&Ce,sublabel:l,truncationType:R,variant:B})},Ve=(t,r)=>{if(!U||"success"===D){const s=Le(t),l=r===ue,n=!s&&Ce;return e.jsx("li",{"aria-selected":s,"aria-multiselectable":k,"aria-disabled":n,"aria-posinset":r+1,"aria-setsize":null==xe?void 0:xe.length,"data-testid":"list-item",onClick:()=>Re(t,r),onMouseEnter:()=>(e=>ce(e))(r),ref:e=>{ge.current[r]=e},role:"option",tabIndex:l?0:-1,className:T.default(y.listItem,n&&y.listItemDisabled||l&&s&&y.listItemActiveSelected||l&&y.listItemActive),children:J?J(t,{selected:s}):e.jsxs(e.Fragment,{children:[Me(s),Pe(t,s)]})},((e,t)=>`item_${t}__${z?z(e):e}`)(t,r))}},Oe=()=>{if((Q||te)&&"success"===D)return e.jsx(C.DropdownSearch,{ref:ye,onChange:Ae,value:pe,placeholder:ae,"data-testid":"search-input","aria-label":"Enter text to search",onClear:Fe,variant:B})},_e=()=>{if(N&&k&&xe.length>0&&!pe&&"success"===D)return e.jsx("div",{className:y.selectAllContainer,children:e.jsx(I.BasicButton,{onClick:$,type:"button",className:T.default(y.baseButton,y.selectAllButton),children:L||0!==N.length?ie:ne})})},We=()=>{if(!X&&(pe||!Q)&&0===xe.length&&"success"===D)return e.jsxs(e.Fragment,{children:[e.jsxs("div",{"data-testid":"list-no-results",className:y.resultStateContainer,children:[e.jsx(t.ExclamationCircleFillIcon,{"data-testid":"no-result-icon",className:y.labelIcon}),le]}),oe&&e.jsx(d.Markup,{"data-testid":"no-result-desc",className:y.noResultDescContainer,children:oe})]})},$e=()=>{if(U&&"loading"===D)return e.jsxs("div",{"data-testid":"list-loading",className:y.resultStateContainer,children:[e.jsx(b.ComponentLoadingSpinner,{className:y.spinner}),"Loading..."]})},He=()=>{if(U&&"fail"===D)return e.jsxs("div",{"data-testid":"list-fail",className:y.resultStateContainer,children:[e.jsx(t.ExclamationCircleFillIcon,{"data-testid":"load-error-icon",className:y.labelIcon}),"Failed to load. ",e.jsx(I.BasicButton,{onClick:Be,type:"button",className:T.default(y.baseButton,y.tryAgainButton),children:"Try again."})]})},Ue=()=>{var t;const r="test"===process.env.NODE_ENV;return e.jsx(c.Virtuoso,Object.assign({ref:Se,style:{height:"100%"},data:xe,customScrollParent:null!==(t=Ie.current)&&void 0!==t?t:void 0,itemContent:(e,t)=>Ve(t,e),components:{List:w.VirtuosoList,Item:w.VirtuosoItem},context:{listProps:{id:M,role:"listbox","aria-multiselectable":k},listItemProps:{role:"none"}}},r?{initialItemCount:xe.length}:{}),r?xe.length:void 0)};return e.jsxs("div",Object.assign({"data-testid":"dropdown-container",ref:v.mergeRefs(Ie,me)},ve(),{"data-width-type":ke,className:T.default(y.container,"small"===B&&y.containerVariantSmall),style:fe,children:[e.jsx(j.VisuallyHidden,{role:"status",children:P}),e.jsxs("div",{"data-testid":"dropdown-list",role:"group","aria-label":P,className:y.list,children:[Oe(),_e(),We(),$e(),He(),Ue()]}),(()=>{if(K)return e.jsx("div",{"data-testid":"custom-cta",children:K(H,xe)})})()]}))}));exports.DropdownList=L;
+//# sourceMappingURL=dropdown-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-list.js","sources":["../../../../src/shared/dropdown-list/dropdown-list.tsx"],"sourcesContent":["import { ExclamationCircleFillIcon } from \"@lifesg/react-icons/exclamation-circle-fill\";\nimport { SquareIcon } from \"@lifesg/react-icons/square\";\nimport { SquareFillIcon } from \"@lifesg/react-icons/square-fill\";\nimport { SquareTickFillIcon } from \"@lifesg/react-icons/square-tick-fill\";\nimport { TickIcon } from \"@lifesg/react-icons/tick\";\nimport clsx from \"clsx\";\nimport 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 { Markup } from \"../../markup\";\nimport { useApplyStyle } from \"../../theme\";\nimport {\n    mergeRefs,\n    useCompare,\n    useEvent,\n    useEventListener,\n    useIsMounted,\n} from \"../../util\";\nimport { VisuallyHidden } from \"../accessibility\";\nimport { ComponentLoadingSpinner } from \"../component-loading-spinner\";\nimport { useDropdownRender } from \"../dropdown-wrapper\";\nimport { BasicButton } from \"../input-wrapper\";\nimport { DropdownLabel } from \"./dropdown-label\";\nimport type { ContainerWidthType } from \"./dropdown-list.styles\";\nimport * as styles 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\";\nimport { VirtuosoItem, VirtuosoList } from \"./virtuoso-components\";\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        ariaLabel,\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 {\n        elementWidth,\n        setFloatingRef,\n        getFloatingProps,\n        styles: floatingStyles,\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 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    // APPLY STYLES\n    // =========================================================================\n    let containerWidthType: ContainerWidthType = \"default\";\n    let containerWidth: string | undefined = undefined;\n    if (width) {\n        containerWidth = width;\n        containerWidthType = \"custom\";\n    } else if (matchElementWidth && elementWidth) {\n        containerWidth = `${elementWidth}px`;\n        containerWidthType = \"match\";\n    }\n\n    useApplyStyle(nodeRef, {\n        [styles.tokens.containerWidth]: containerWidth,\n    });\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        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                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                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        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        if (!mounted || !itemsLoadStateChanged) return;\n\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            return;\n        }\n\n        if (disableItemFocus || !listItems) return;\n\n        const index = listItems.findIndex((item) =>\n            checkListItemSelected(item)\n        );\n\n        if (searchInputRef.current) {\n            setFocusedIndex(-1);\n            setTimeout(() => searchInputRef.current?.focus(), 200);\n        } else if (focusedIndex > 0) {\n            virtuosoRef.current?.scrollToIndex({\n                index: focusedIndex,\n                align: \"center\",\n            });\n            setTimeout(() => listItemRefs.current[focusedIndex]?.focus(), 200);\n        } else if (index !== -1) {\n            virtuosoRef.current?.scrollToIndex({ index, align: \"center\" });\n            setFocusedIndex(index);\n            setTimeout(() => listItemRefs.current[index]?.focus(), 200);\n        } else {\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 (\n                    <SquareFillIcon\n                        aria-hidden\n                        className={clsx(\n                            styles.baseCheckboxIndicatorStyle,\n                            styles.checkboxDisabledIndicator\n                        )}\n                    />\n                );\n            }\n\n            return selected ? (\n                <SquareTickFillIcon\n                    aria-hidden\n                    className={clsx(\n                        styles.baseCheckboxIndicatorStyle,\n                        styles.checkboxSelectedIndicator\n                    )}\n                />\n            ) : (\n                <SquareIcon\n                    aria-hidden\n                    className={clsx(\n                        styles.baseCheckboxIndicatorStyle,\n                        styles.checkboxUnselectedIndicator\n                    )}\n                />\n            );\n        }\n\n        return selected ? (\n            <TickIcon\n                aria-hidden\n                className={clsx(\n                    styles.baseIndicatorStyle,\n                    styles.selectedIndicator\n                )}\n            />\n        ) : (\n            <div className={styles.baseIndicatorStyle} />\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            const disabled = !selected && hasSelectedMax;\n            return (\n                <li\n                    aria-selected={selected}\n                    aria-multiselectable={multiSelect}\n                    aria-disabled={disabled}\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                    className={clsx(\n                        styles.listItem,\n                        (disabled && styles.listItemDisabled) ||\n                            (active &&\n                                selected &&\n                                styles.listItemActiveSelected) ||\n                            (active && styles.listItemActive)\n                    )}\n                >\n                    {renderListItem ? (\n                        renderListItem(item, { selected })\n                    ) : (\n                        <>\n                            {renderListItemIcon(selected)}\n                            {renderDropdownLabel(item, selected)}\n                        </>\n                    )}\n                </li>\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                <div className={styles.selectAllContainer}>\n                    <BasicButton\n                        onClick={onSelectAll}\n                        type=\"button\"\n                        className={clsx(\n                            styles.baseButton,\n                            styles.selectAllButton\n                        )}\n                    >\n                        {maxSelectable || selectedItems.length !== 0\n                            ? clearAllButtonLabel\n                            : selectAllButtonLabel}\n                    </BasicButton>\n                </div>\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                    <div\n                        data-testid=\"list-no-results\"\n                        className={styles.resultStateContainer}\n                    >\n                        <ExclamationCircleFillIcon\n                            data-testid=\"no-result-icon\"\n                            className={styles.labelIcon}\n                        />\n                        {noResultsLabel}\n                    </div>\n                    {noResultsDescription && (\n                        <Markup\n                            data-testid=\"no-result-desc\"\n                            className={styles.noResultDescContainer}\n                        >\n                            {noResultsDescription}\n                        </Markup>\n                    )}\n                </>\n            );\n        }\n    };\n\n    const renderLoading = () => {\n        if (onRetry && itemsLoadState === \"loading\") {\n            return (\n                <div\n                    data-testid=\"list-loading\"\n                    className={styles.resultStateContainer}\n                >\n                    <ComponentLoadingSpinner className={styles.spinner} />\n                    Loading...\n                </div>\n            );\n        }\n    };\n\n    const renderTryAgain = () => {\n        if (onRetry && itemsLoadState === \"fail\") {\n            return (\n                <div\n                    data-testid=\"list-fail\"\n                    className={styles.resultStateContainer}\n                >\n                    <ExclamationCircleFillIcon\n                        data-testid=\"load-error-icon\"\n                        className={styles.labelIcon}\n                    />\n                    Failed to load.&nbsp;\n                    <BasicButton\n                        onClick={handleTryAgain}\n                        type=\"button\"\n                        className={clsx(\n                            styles.baseButton,\n                            styles.tryAgainButton\n                        )}\n                    >\n                        Try again.\n                    </BasicButton>\n                </div>\n            );\n        }\n    };\n\n    const renderVirtualisedList = () => {\n        const isTestEnv = process.env.NODE_ENV === \"test\";\n\n        return (\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                components={{\n                    List: VirtuosoList,\n                    Item: VirtuosoItem,\n                }}\n                context={{\n                    listProps: {\n                        id: listboxId,\n                        role: \"listbox\",\n                        \"aria-multiselectable\": multiSelect,\n                    },\n                    listItemProps: {\n                        role: \"none\",\n                    },\n                }}\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        );\n    };\n\n    const renderList = () => {\n        return (\n            <div\n                data-testid=\"dropdown-list\"\n                role=\"group\"\n                aria-label={ariaLabel}\n                className={styles.list}\n            >\n                {renderSearchInput()}\n                {renderSelectAll()}\n                {renderNoResults()}\n                {renderLoading()}\n                {renderTryAgain()}\n                {renderVirtualisedList()}\n            </div>\n        );\n    };\n\n    const renderBottomCta = () => {\n        if (!renderCustomCallToAction) {\n            return;\n        }\n\n        return (\n            <div data-testid=\"custom-cta\">\n                {renderCustomCallToAction(onDismiss as any, displayListItems)}\n            </div>\n        );\n    };\n\n    return (\n        <div\n            data-testid=\"dropdown-container\"\n            ref={mergeRefs(nodeRef, setFloatingRef)}\n            {...getFloatingProps()}\n            data-width-type={containerWidthType}\n            className={clsx(\n                styles.container,\n                variant === \"small\" && styles.containerVariantSmall\n            )}\n            style={floatingStyles}\n        >\n            <VisuallyHidden role=\"status\">{ariaLabel}</VisuallyHidden>\n            {renderList()}\n            {renderBottomCta()}\n        </div>\n    );\n};\n\nexport const DropdownList = forwardRef(DropdownListInner);\n"],"names":["DropdownList","forwardRef","listItems","multiSelect","maxSelectable","selectedItems","disableItemFocus","itemsLoadState","itemTruncationType","itemMaxLines","labelDisplayType","variant","listboxId","ariaLabel","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","floatingStyles","useDropdownRender","searchValue","setSearchValue","useState","displayListItems","setDisplayListItems","itemsLoadStateChanged","useCompare","mounted","useIsMounted","nodeRef","useRef","listItemRefs","searchInputRef","virtuosoRef","hasSelectedMax","length","containerWidth","containerWidthType","useApplyStyle","styles.tokens","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","SquareFillIcon","className","clsx","styles.baseCheckboxIndicatorStyle","styles.checkboxDisabledIndicator","SquareTickFillIcon","styles.checkboxSelectedIndicator","SquareIcon","styles.checkboxUnselectedIndicator","TickIcon","styles.baseIndicatorStyle","styles.selectedIndicator","renderDropdownLabel","DropdownLabel","displayType","label","maxLines","disabled","sublabel","truncationType","renderItem","active","onClick","onMouseEnter","handleListItemHover","element","role","tabIndex","styles.listItem","styles.listItemDisabled","styles.listItemActiveSelected","styles.listItemActive","children","_jsxs","_Fragment","getItemKey","renderSearchInput","DropdownSearch","onChange","placeholder","onClear","renderSelectAll","styles.selectAllContainer","BasicButton","type","styles.baseButton","styles.selectAllButton","renderNoResults","styles.resultStateContainer","ExclamationCircleFillIcon","styles.labelIcon","Markup","styles.noResultDescContainer","renderLoading","ComponentLoadingSpinner","styles.spinner","renderTryAgain","styles.tryAgainButton","renderVirtualisedList","isTestEnv","process","env","NODE_ENV","Virtuoso","Object","assign","style","height","data","customScrollParent","itemContent","components","List","VirtuosoList","Item","VirtuosoItem","context","listProps","id","listItemProps","initialItemCount","mergeRefs","styles.container","styles.containerVariantSmall","VisuallyHidden","styles.list","renderBottomCta"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";require("./dropdown-list.styles_1kt4zhf.css");exports.baseButton="b51546q",exports.baseCheckboxIndicatorStyle="bswyxh7",exports.baseIndicatorStyle="b3myji2",exports.checkboxDisabledIndicator="cxvb3yc",exports.checkboxSelectedIndicator="c1kods4c",exports.checkboxUnselectedIndicator="c2iuhda",exports.container="c1wprmqt",exports.containerVariantSmall="cv4jfw8",exports.labelIcon="l9eregy",exports.list="llrkh2h",exports.listItem="lsgm7b1",exports.listItemActive="l1sloxru",exports.listItemActiveSelected="lp7vqom",exports.listItemDisabled="l1li8r4s",exports.noResultDescContainer="n1mo99ai",exports.resultStateContainer="rlpycri",exports.selectAllButton="s5v4wu0",exports.selectAllContainer="s1gfnl3t",exports.selectedIndicator="s1bv8amb",exports.spinner="smon6ho",exports.tokens={containerWidth:"--fds-internal-dropdownList-containerWidth"},exports.tryAgainButton="t14h29ix";
+//# sourceMappingURL=dropdown-list.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-list.styles.js","sources":["../../../../src/shared/dropdown-list/dropdown-list.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport {\n    Border,\n    Breakpoint,\n    Colour,\n    Font,\n    MediaQuery,\n    Radius,\n    Spacing,\n} from \"../../theme\";\nimport * as elementWithDropdownStyles from \"../dropdown-wrapper/element-with-dropdown.styles\";\n\nexport type ContainerWidthType = \"default\" | \"custom\" | \"match\";\n\nexport const tokens = {\n    availableWidth: \"--fds-internal-dropdownList-container-availableWidth\",\n    containerWidth: \"--fds-internal-dropdownList-containerWidth\",\n    xSpacing: \"--fds-internal-dropdownList-container-xSpacing\",\n} as const;\n\n// -----------------------------------------------------------------------------\n// MAIN STYLES\n// -----------------------------------------------------------------------------\nexport const container = css`\n    ${Font[\"body-baseline-regular\"]}\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n    background: ${Colour[\"bg\"]};\n\n    ${tokens.xSpacing}: 0px;\n    ${tokens.availableWidth}: calc(\n        100vw - var(${tokens.xSpacing}) * 2\n    );\n\n    ${MediaQuery.MaxWidth.sm} {\n        ${tokens.xSpacing}: ${Breakpoint[\"sm-margin\"]};\n        max-height: 15rem;\n    }\n\n    ${MediaQuery.MaxWidth.xs} {\n        ${tokens.xSpacing}: ${Breakpoint[\"xs-margin\"]};\n    }\n\n    ${MediaQuery.MaxWidth.xxs} {\n        ${tokens.xSpacing}: ${Breakpoint[\"xxs-margin\"]};\n    }\n\n    &[data-width-type=\"default\"] {\n        min-width: min(23rem, var(${tokens.availableWidth}));\n    }\n\n    &[data-width-type=\"custom\"] {\n        width: var(${tokens.containerWidth});\n    }\n\n    &[data-width-type=\"match\"] {\n        width: var(${tokens.containerWidth});\n        min-width: min(23rem, var(${tokens.availableWidth}));\n    }\n\n    max-height: min(\n        27rem,\n        var(${elementWithDropdownStyles.tokens.availableHeight}, 9999px)\n    );\n    overflow: hidden;\n    overflow-y: auto;\n\n    &::-webkit-scrollbar {\n        width: 14px;\n    }\n\n    &::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: ${Colour[\"bg-inverse-subtlest\"]};\n        border: 5px solid transparent;\n        border-radius: ${Radius[\"full\"]};\n        background-clip: padding-box;\n    }\n`;\n\nexport const containerVariantSmall = css`\n    ${Font[\"body-md-regular\"]}\n`;\n\nexport const list = css`\n    background: transparent;\n    padding: ${Spacing[\"spacing-8\"]};\n`;\n\n// -----------------------------------------------------------------------------\n// LIST ITEM STYLES\n// -----------------------------------------------------------------------------\nexport const listItem = css`\n    display: flex;\n    align-items: flex-start;\n    gap: ${Spacing[\"spacing-8\"]};\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-8\"]};\n    cursor: pointer;\n    border: none;\n    border-radius: ${Radius[\"none\"]};\n    outline: none;\n`;\n\nexport const listItemActive = css`\n    background: ${Colour[\"bg-hover-subtle\"]};\n`;\n\nexport const listItemActiveSelected = css`\n    background: ${Colour[\"bg-hover\"]};\n`;\n\nexport const listItemDisabled = css`\n    cursor: not-allowed;\n`;\n\nexport const baseIndicatorStyle = css`\n    flex-shrink: 0;\n    height: 1lh;\n    width: 1rem;\n`;\n\nexport const selectedIndicator = css`\n    color: ${Colour[\"icon-selected\"]};\n`;\n\nexport const baseCheckboxIndicatorStyle = css`\n    flex-shrink: 0;\n    height: 1lh;\n    width: 1lh;\n`;\n\nexport const checkboxSelectedIndicator = css`\n    color: ${Colour[\"icon-selected\"]};\n`;\n\nexport const checkboxUnselectedIndicator = css`\n    color: ${Colour[\"icon-primary-subtlest\"]};\n`;\n\nexport const checkboxDisabledIndicator = css`\n    color: ${Colour[\"icon-disabled-subtle\"]};\n`;\n\n// -----------------------------------------------------------------------------\n// ELEMENT STYLES\n// -----------------------------------------------------------------------------\nexport const selectAllContainer = css`\n    width: 100%;\n    display: flex;\n    justify-content: flex-end;\n`;\n\nexport const baseButton = css`\n    cursor: pointer;\n    overflow: hidden;\n    color: ${Colour[\"text-primary\"]};\n    font-size: inherit;\n`;\n\nexport const selectAllButton = css`\n    ${Font[\"body-md-semibold\"]}\n    padding: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const tryAgainButton = css`\n    ${Font[\"body-baseline-semibold\"]}\n`;\n\nexport const resultStateContainer = css`\n    width: 100%;\n    display: flex;\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n    align-items: center;\n    color: ${Colour[\"text\"]};\n`;\n\nexport const labelIcon = css`\n    margin-right: ${Spacing[\"spacing-4\"]};\n    color: ${Colour[\"icon-error\"]};\n    height: 1em;\n    width: 1em;\n`;\n\nexport const spinner = css`\n    margin-right: ${Spacing[\"spacing-8\"]};\n    color: ${Colour[\"icon\"]};\n`;\n\nexport const noResultDescContainer = css`\n    color: ${Colour[\"text-subtle\"]};\n    padding: 0 ${Spacing[\"spacing-16\"]};\n    padding-bottom: ${Spacing[\"spacing-12\"]};\n`;\n"],"names":["containerWidth"],"mappings":"kHA4JuB,6CA3BgB,qCAVR,4CAwBO,4CARA,+CAIE,4BAnHlB,yCA4DY,4BAgGZ,uBA5FL,2BAQI,iCAWM,0CAIQ,mCAIN,yCA6EK,wCApBD,kCATL,qCAbG,qCAzBD,2BA8DV,yBA5KE,CAElBA,eAAgB,qEAuJO"}

package/cjs/shared/dropdown-list/dropdown-list.styles_1kt4zhf.css

@@ -0,0 +1,26 @@
+.c1wprmqt{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);background:var(--fds-colour-bg);--fds-internal-dropdownList-container-xSpacing:0px;--fds-internal-dropdownList-container-availableWidth:calc(
+        100vw - var(--fds-internal-dropdownList-container-xSpacing) * 2
+    );max-height:min(
+        27rem,
+        var(--fds-internal-dropdownWrapper-availableHeight, 9999px)
+    );overflow:hidden;overflow-y:auto;}:where(body.fds-breakpoint-sm-max) .c1wprmqt{--fds-internal-dropdownList-container-xSpacing:var(--fds-breakpoint-margin-sm);max-height:15rem;}:where(body.fds-breakpoint-xs-max) .c1wprmqt{--fds-internal-dropdownList-container-xSpacing:var(--fds-breakpoint-margin-xs);}:where(body.fds-breakpoint-xxs-max) .c1wprmqt{--fds-internal-dropdownList-container-xSpacing:var(--fds-breakpoint-margin-xxs);}.c1wprmqt[data-width-type="default"]{min-width:min(23rem, var(--fds-internal-dropdownList-container-availableWidth));}.c1wprmqt[data-width-type="custom"]{width:var(--fds-internal-dropdownList-containerWidth);}.c1wprmqt[data-width-type="match"]{width:var(--fds-internal-dropdownList-containerWidth);min-width:min(23rem, var(--fds-internal-dropdownList-container-availableWidth));}.c1wprmqt::-webkit-scrollbar{width:14px;}.c1wprmqt::-webkit-scrollbar-track{background:transparent;}.c1wprmqt::-webkit-scrollbar-thumb{background:var(--fds-colour-bg-inverse-subtlest);border:5px solid transparent;border-radius:var(--fds-radius-full);-webkit-background-clip:padding-box;background-clip:padding-box;}
+.cv4jfw8{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}
+.llrkh2h{background:transparent;padding:var(--fds-spacing-8);}
+.lsgm7b1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--fds-spacing-8);padding:var(--fds-spacing-12) var(--fds-spacing-8);cursor:pointer;border:none;border-radius:var(--fds-radius-none);outline:none;}
+.l1sloxru{background:var(--fds-colour-bg-hover-subtle);}
+.lp7vqom{background:var(--fds-colour-bg-hover);}
+.l1li8r4s{cursor:not-allowed;}
+.b3myji2{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1lh;width:1rem;}
+.s1bv8amb{color:var(--fds-colour-icon-selected);}
+.bswyxh7{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1lh;width:1lh;}
+.c1kods4c{color:var(--fds-colour-icon-selected);}
+.c2iuhda{color:var(--fds-colour-icon-primary-subtlest);}
+.cxvb3yc{color:var(--fds-colour-icon-disabled-subtle);}
+.s1gfnl3t{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}
+.b51546q{cursor:pointer;overflow:hidden;color:var(--fds-colour-text-primary);font-size:inherit;}
+.s5v4wu0{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);padding:var(--fds-spacing-8);}
+.t14h29ix{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
+.rlpycri{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--fds-spacing-12) var(--fds-spacing-16);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fds-colour-text);}
+.l9eregy{margin-right:var(--fds-spacing-4);color:var(--fds-colour-icon-error);height:1em;width:1em;}
+.smon6ho{margin-right:var(--fds-spacing-8);color:var(--fds-colour-icon);}
+.n1mo99ai{color:var(--fds-colour-text-subtle);padding:0 var(--fds-spacing-16);padding-bottom:var(--fds-spacing-12);}

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("@lifesg/react-icons/cross"),s=require("@lifesg/react-icons/magnifier"),i=require("clsx"),c=require("react"),l=require("../clickable-icon/clickable-icon.js"),n=require("../input-wrapper/input-wrapper.js"),t=require("./dropdown-search.styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(i);const d=c.forwardRef(((i,c)=>{var{value:o,variant:d,onClear:f}=i,j=e.__rest(i,["value","variant","onClear"]);return r.jsxs("div",{className:u.default(t.container,"small"===d&&t.containerVariantSmall),children:[r.jsxs("label",{className:u.default(t.searchBox,"small"===d&&t.searchBoxVariantSmall),children:[r.jsx(s.MagnifierIcon,{"aria-hidden":!0,className:t.searchIcon}),r.jsx(n.BasicInput,Object.assign({ref:c,value:o,variant:d,className:t.searchInput},j))]}),o&&r.jsx(l.ClickableIcon,{"aria-label":"Clear search",focusOutline:"browser",onClick:f,className:t.clearButton,children:r.jsx(a.CrossIcon,{"aria-hidden":!0})})]})}));exports.DropdownSearch=d;
+//# sourceMappingURL=dropdown-search.js.map

package/cjs/shared/dropdown-list/dropdown-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-search.js","sources":["../../../../src/shared/dropdown-list/dropdown-search.tsx"],"sourcesContent":["import { CrossIcon } from \"@lifesg/react-icons/cross\";\nimport { MagnifierIcon } from \"@lifesg/react-icons/magnifier\";\nimport clsx from \"clsx\";\nimport type React from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { ClickableIcon } from \"../clickable-icon\";\nimport { BasicInput } from \"../input-wrapper\";\nimport * as styles from \"./dropdown-search.styles\";\nimport type { DropdownVariantType } from \"./types\";\n\ninterface Props extends React.HTMLAttributes<HTMLInputElement> {\n    value: string /** override to cast type */;\n    variant?: DropdownVariantType | undefined;\n    onClear?: (() => void) | undefined;\n}\n\nconst Component = (\n    { value, variant, onClear, ...otherProps }: Props,\n    ref: React.Ref<HTMLInputElement>\n): JSX.Element => {\n    return (\n        <div\n            className={clsx(\n                styles.container,\n                variant === \"small\" && styles.containerVariantSmall\n            )}\n        >\n            <label\n                className={clsx(\n                    styles.searchBox,\n                    variant === \"small\" && styles.searchBoxVariantSmall\n                )}\n            >\n                <MagnifierIcon aria-hidden className={styles.searchIcon} />\n                <BasicInput\n                    ref={ref}\n                    value={value}\n                    variant={variant}\n                    className={styles.searchInput}\n                    {...otherProps}\n                />\n            </label>\n            {value && (\n                <ClickableIcon\n                    aria-label=\"Clear search\"\n                    focusOutline=\"browser\"\n                    onClick={onClear}\n                    className={styles.clearButton}\n                >\n                    <CrossIcon aria-hidden />\n                </ClickableIcon>\n            )}\n        </div>\n    );\n};\n\nexport const DropdownSearch = forwardRef(Component);\n"],"names":["DropdownSearch","forwardRef","_a","ref","value","variant","onClear","otherProps","__rest","_jsxs","className","clsx","styles.container","styles.containerVariantSmall","children","styles.searchBox","styles.searchBoxVariantSmall","_jsx","MagnifierIcon","styles.searchIcon","BasicInput","Object","assign","styles.searchInput","ClickableIcon","focusOutline","onClick","styles.clearButton","CrossIcon"],"mappings":"yaAiBA,MAwCaA,EAAiBC,EAAAA,YAxCZ,CACdC,EACAC,SADAC,MAAEA,EAAKC,QAAEA,EAAOC,QAAEA,KAAYC,EAAUC,EAAAA,OAAAN,EAAxC,CAAA,QAAA,UAAA,YAGA,OACIO,EAAAA,YACIC,UAAWC,EAAAA,QACPC,EAAAA,UACY,UAAZP,GAAuBQ,EAAAA,uBAC1BC,SAAA,CAEDL,EAAAA,KAAA,QAAA,CACIC,UAAWC,EAAAA,QACPI,EAAAA,UACY,UAAZV,GAAuBW,EAAAA,uBAC1BF,SAAA,CAEDG,EAAAA,IAACC,gBAAa,CAAA,eAAA,EAAaR,UAAWS,EAAAA,aACtCF,EAAAA,IAACG,EAAAA,WAAUC,OAAAC,OAAA,CACPnB,IAAKA,EACLC,MAAOA,EACPC,QAASA,EACTK,UAAWa,EAAAA,aACPhB,OAGXH,GACGa,EAAAA,IAACO,EAAAA,cAAa,CAAA,aACC,eACXC,aAAa,UACbC,QAASpB,EACTI,UAAWiB,EAAAA,YAAkBb,SAE7BG,EAAAA,IAACW,EAAAA,kCAGP"}

package/cjs/shared/dropdown-list/dropdown-search.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./dropdown-search.styles_4r9oma.css");exports.clearButton="c1ml832z",exports.container="cimxtn",exports.containerVariantSmall="c5t5jsb",exports.searchBox="s9xptf8",exports.searchBoxVariantSmall="s15dwc6n",exports.searchIcon="s18shux7",exports.searchInput="slme00w";
+//# sourceMappingURL=dropdown-search.styles.js.map

package/cjs/shared/dropdown-list/dropdown-search.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-search.styles.js","sources":["../../../../src/shared/dropdown-list/dropdown-search.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Radius, Spacing } from \"../../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const container = css`\n    background: ${Colour[\"bg-strong\"]};\n    border-radius: ${Radius[\"sm\"]};\n    display: flex;\n    align-items: center;\n    ${Font[\"body-baseline-regular\"]}\n`;\n\nexport const containerVariantSmall = css`\n    ${Font[\"body-md-regular\"]}\n`;\n\nexport const searchBox = css`\n    flex: 1;\n    display: flex;\n    align-items: center;\n    gap: ${Spacing[\"spacing-8\"]};\n    padding: 10px ${Spacing[\"spacing-8\"]};\n`;\n\nexport const searchBoxVariantSmall = css`\n    padding: ${Spacing[\"spacing-8\"]} ${Spacing[\"spacing-16\"]};\n`;\n\nexport const searchInput = css`\n    flex: 1;\n`;\n\nexport const searchIcon = css`\n    color: ${Colour[\"icon\"]};\n    flex-shrink: 0;\n    height: 1em;\n    width: 1em;\n`;\n\nexport const clearButton = css`\n    flex-shrink: 0;\n    align-self: stretch;\n    box-sizing: content-box;\n    padding: ${Spacing[\"spacing-8\"]};\n    margin-left: calc(${Spacing[\"spacing-8\"]} * -1);\n    color: ${Colour[\"icon\"]};\n    cursor: pointer;\n    font-size: inherit;\n\n    svg {\n        flex-shrink: 0;\n        height: 1em;\n        width: 1em;\n    }\n`;\n"],"names":[],"mappings":"oHA2CwB,6BAnCF,uCAQY,4BAIZ,wCAQY,8BAQX,+BAJC"}

package/cjs/shared/dropdown-list/dropdown-search.styles_4r9oma.css

@@ -0,0 +1,7 @@
+.cimxtn{background:var(--fds-colour-bg-strong);border-radius:var(--fds-radius-sm);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);}
+.c5t5jsb{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);}
+.s9xptf8{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--fds-spacing-8);padding:10px var(--fds-spacing-8);}
+.s15dwc6n{padding:var(--fds-spacing-8) var(--fds-spacing-16);}
+.slme00w{-webkit-flex:1;-ms-flex:1;flex:1;}
+.s18shux7{color:var(--fds-colour-icon);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1em;width:1em;}
+.c1ml832z{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;box-sizing:content-box;padding:var(--fds-spacing-8);margin-left:calc(var(--fds-spacing-8) * -1);color:var(--fds-colour-icon);cursor:pointer;font-size:inherit;}.c1ml832z svg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:1em;width:1em;}

package/cjs/shared/dropdown-list/expandable-element.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("@lifesg/react-icons/chevron-down"),t=require("clsx"),n=require("react"),i=require("../input-wrapper/input-wrapper.js"),s=require("./expandable-element.styles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(t);const d=(t,n)=>{var{children:l,className:d,disabled:c,expanded:p,listboxId:u,popupRole:x,readOnly:b,variant:m}=t,f=e.__rest(t,["children","className","disabled","expanded","listboxId","popupRole","readOnly","variant"]);return a.jsxs(i.BasicButton,Object.assign({ref:n,type:"button",role:"combobox","aria-expanded":p,"aria-haspopup":x,"aria-controls":p?u:void 0,"data-testid":"selector","aria-disabled":c,"aria-readonly":b,className:o.default(s.selector,"small"===m&&s.selectorVariantSmall,b?s.selectorReadOnly:s.selectorEditable,d)},f,{children:[l,!b&&a.jsx("div",{className:o.default(s.iconContainer,p&&s.iconContainerExpanded),children:a.jsx(r.ChevronDownIcon,{"aria-hidden":!0})})]}))},c=n.forwardRef(d);exports.Component=d,exports.ExpandableElement=c;
+//# sourceMappingURL=expandable-element.js.map

package/cjs/shared/dropdown-list/expandable-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandable-element.js","sources":["../../../../src/shared/dropdown-list/expandable-element.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"@lifesg/react-icons/chevron-down\";\nimport clsx from \"clsx\";\nimport type { AriaAttributes, Ref } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { BasicButton } from \"../input-wrapper\";\nimport * as styles from \"./expandable-element.styles\";\nimport type { DropdownVariantType } from \"./types\";\n\nexport interface ExpandableElementProps\n    extends Pick<\n        AriaAttributes,\n        \"aria-labelledby\" | \"aria-describedby\" | \"aria-invalid\"\n    > {\n    children: React.ReactNode;\n    className?: string | undefined;\n    disabled: boolean | undefined;\n    expanded: boolean | undefined;\n    listboxId: string;\n    popupRole: AriaAttributes[\"aria-haspopup\"];\n    readOnly: boolean | undefined;\n    variant?: DropdownVariantType | undefined;\n}\n\nexport const Component = (\n    {\n        children,\n        className,\n        disabled,\n        expanded,\n        listboxId,\n        popupRole,\n        readOnly,\n        variant,\n        ...otherProps\n    }: ExpandableElementProps,\n    ref: Ref<HTMLButtonElement>\n) => {\n    return (\n        <BasicButton\n            ref={ref}\n            type=\"button\"\n            role=\"combobox\"\n            aria-expanded={expanded}\n            aria-haspopup={popupRole}\n            aria-controls={expanded ? listboxId : undefined}\n            data-testid=\"selector\"\n            aria-disabled={disabled}\n            aria-readonly={readOnly}\n            className={clsx(\n                styles.selector,\n                variant === \"small\" && styles.selectorVariantSmall,\n                readOnly ? styles.selectorReadOnly : styles.selectorEditable,\n                className\n            )}\n            {...otherProps}\n        >\n            {children}\n            {!readOnly && (\n                <div\n                    className={clsx(\n                        styles.iconContainer,\n                        expanded && styles.iconContainerExpanded\n                    )}\n                >\n                    <ChevronDownIcon aria-hidden />\n                </div>\n            )}\n        </BasicButton>\n    );\n};\n\nexport const ExpandableElement = forwardRef(Component);\n"],"names":["Component","_a","ref","children","className","disabled","expanded","listboxId","popupRole","readOnly","variant","otherProps","__rest","_jsxs","BasicButton","Object","assign","type","role","undefined","clsx","styles.selector","styles.selectorVariantSmall","styles.selectorReadOnly","styles.selectorEditable","_jsx","styles.iconContainer","styles.iconContainerExpanded","ChevronDownIcon","ExpandableElement","forwardRef"],"mappings":"6VAwBaA,EAAY,CACrBC,EAWAC,SAXAC,SACIA,EAAQC,UACRA,EAASC,SACTA,EAAQC,SACRA,EAAQC,UACRA,EAASC,UACTA,EAASC,SACTA,EAAQC,QACRA,GAAOT,EACJU,EAAUC,EAAAA,OAAAX,EATjB,6FAaA,OACIY,EAAAA,KAACC,EAAAA,YAAWC,OAAAC,OAAA,CACRd,IAAKA,EACLe,KAAK,SACLC,KAAK,WAAU,gBACAZ,kBACAE,EAAS,gBACTF,EAAWC,OAAYY,EAAS,cACnC,WAAU,gBACPd,EAAQ,gBACRI,EACfL,UAAWgB,EAAAA,QACPC,EAAAA,SACY,UAAZX,GAAuBY,EAAAA,qBACvBb,EAAWc,EAAAA,iBAA0BC,EAAAA,iBACrCpB,IAEAO,EAAU,CAAAR,SAAA,CAEbA,GACCM,GACEgB,EAAAA,IAAA,MAAA,CACIrB,UAAWgB,EAAAA,QACPM,EAAAA,cACApB,GAAYqB,EAAAA,gCAGhBF,EAAAA,IAACG,EAAAA,yCAGC,EAITC,EAAoBC,EAAAA,WAAW9B"}

package/cjs/shared/dropdown-list/expandable-element.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./expandable-element.styles_5o9f9w.css");exports.iconContainer="i1r624au",exports.iconContainerExpanded="icaxgep",exports.selector="s14ftgne",exports.selectorEditable="s11rk48k",exports.selectorReadOnly="s2pr33o",exports.selectorVariantSmall="s14xk9xz";
+//# sourceMappingURL=expandable-element.styles.js.map

package/cjs/shared/dropdown-list/expandable-element.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandable-element.styles.js","sources":["../../../../src/shared/dropdown-list/expandable-element.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Motion, Spacing } from \"../../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const selector = css`\n    display: flex;\n    align-items: center;\n    gap: ${Spacing[\"spacing-8\"]};\n    width: 100%;\n\n    ${Font[\"body-baseline-regular\"]}\n    height: calc(3rem - 2px);\n\n    &:disabled {\n        cursor: not-allowed;\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${Colour[\"focus-ring\"]};\n        outline-offset: -2px;\n    }\n`;\n\nexport const selectorVariantSmall = css`\n    ${Font[\"body-md-regular\"]}\n    height: calc(2.5rem - 2px);\n`;\n\nexport const selectorReadOnly = css`\n    padding: 0 ${Spacing[\"spacing-16\"]};\n`;\n\nexport const selectorEditable = css`\n    padding: ${Spacing[\"spacing-16\"]};\n`;\n\nexport const iconContainer = css`\n    display: flex;\n    align-items: center;\n    transition: transform ${Motion[\"duration-250\"]} ${Motion[\"ease-default\"]};\n\n    svg {\n        color: ${Colour[\"icon\"]};\n        height: 1em;\n        width: 1em;\n    }\n`;\n\nexport const iconContainerExpanded = css`\n    transform: rotate(180deg);\n`;\n"],"names":[],"mappings":"yHAwC0B,yCAYQ,2BA5Cb,oCA4BQ,oCAJA,uCALI"}

package/cjs/shared/dropdown-list/expandable-element.styles_5o9f9w.css

@@ -0,0 +1,6 @@
+.s14ftgne{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--fds-spacing-8);width:100%;font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);height:calc(3rem - 2px);}.s14ftgne:disabled{cursor:not-allowed;}.s14ftgne:focus-visible{outline:2px solid var(--fds-colour-focus-ring);outline-offset:-2px;}
+.s14xk9xz{font-family:var(--fds-font-family);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-md);font-weight:var(--fds-font-weight-regular);line-height:var(--fds-font-body-lh-md);letter-spacing:var(--fds-font-body-ls-md);height:calc(2.5rem - 2px);}
+.s2pr33o{padding:0 var(--fds-spacing-16);}
+.s11rk48k{padding:var(--fds-spacing-16);}
+.i1r624au{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform var(--fds-motion-duration-250) var(--fds-motion-timing-ease-default);transition:transform var(--fds-motion-duration-250) var(--fds-motion-timing-ease-default);}.i1r624au svg{color:var(--fds-colour-icon);height:1em;width:1em;}
+.icaxgep{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}

package/cjs/shared/dropdown-list/nested-dropdown-list-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nested-dropdown-list-helpers.js","sources":["../../../../src/shared/dropdown-list/nested-dropdown-list-helpers.ts"],"sourcesContent":["import { produce } from \"immer\";\nimport isEmpty from \"lodash/isEmpty\";\nimport isEqual from \"lodash/isEqual\";\n\nimport type {\n    NestedDropdownListItemProps,\n    NestedDropdownListLocalItem,\n} from \"./types\";\n\n/**\n * builds a flattened representation of the tree\n * the items are listed in their visual order\n */\nexport const flattenList = <T>(\n    nestedList: NestedDropdownListItemProps<T>[],\n    selectedKeyPaths: Set<string>,\n    multiSelect: boolean,\n    searchTerm: string,\n    initialExpanded: boolean\n): NestedDropdownListLocalItem<T>[] => {\n    const items: NestedDropdownListLocalItem<T>[] = [];\n\n    const flatten = (\n        list: NestedDropdownListItemProps<T>[],\n        parentItem: NestedDropdownListLocalItem<T> | undefined\n    ) => {\n        const current: NestedDropdownListLocalItem<T>[] = [];\n        const hasNestedSiblings = list.some(\n            (option) => option.subItems?.length\n        );\n\n        list.forEach((option, i) => {\n            const level = parentItem ? parentItem.level + 1 : 0;\n            const keyPath = parentItem\n                ? [...parentItem.keyPath, option.key]\n                : [option.key];\n            const keyPathString = buildKeyPath(keyPath);\n\n            const item: (typeof items)[number] = {\n                item: option,\n                index: items.length,\n                indexInParent: i,\n                parentSetSize: list.length,\n                keyPath,\n                parentIndex: parentItem ? parentItem.index : -1,\n                parentKeyPath: parentItem ? parentItem.keyPath : [],\n                level,\n                visible:\n                    level === 0 ||\n                    initialExpanded ||\n                    parentItem?.expanded ||\n                    false,\n                expanded: initialExpanded,\n                checked: selectedKeyPaths.has(keyPathString),\n                hasSubItems: !!option.subItems?.length,\n                subItemIndexes: [],\n                hasNestedSiblings,\n                matched: searchTerm\n                    ? option.label.toLowerCase().indexOf(searchTerm) !== -1\n                    : false,\n                hasMatchedSubItems: false,\n            };\n            current.push(item);\n            items.push(item);\n\n            if (option.subItems?.length) {\n                const children = flatten(option.subItems, item);\n\n                if (multiSelect && item.checked !== true) {\n                    const allChildrenSelected = children.every(\n                        (child) => child.checked === true\n                    );\n                    const mixed = children.some(\n                        (child) => child.checked !== false\n                    );\n\n                    if (allChildrenSelected) {\n                        item.checked = true;\n                    } else if (mixed) {\n                        item.checked = \"mixed\";\n                    }\n                }\n\n                item.hasMatchedSubItems = children.some(\n                    (child) => child.matched || child.hasMatchedSubItems\n                );\n                item.subItemIndexes = children.map((child) => child.index);\n            }\n        });\n        return current;\n    };\n\n    flatten(nestedList, undefined);\n    return items;\n};\n\nexport const expandSelectedSubtrees = <T>(\n    list: NestedDropdownListLocalItem<T>[]\n) => {\n    return produce(list, (draft) => {\n        const selectedItems = draft.filter((item) => item.checked === true);\n        for (const selectedItem of selectedItems) {\n            let parentIndex = selectedItem.parentIndex;\n            while (parentIndex >= 0) {\n                const parent = draft[parentIndex];\n                parent.visible = true;\n                parent.expanded = true;\n\n                for (const i of parent.subItemIndexes) {\n                    draft[i].visible = true;\n                }\n\n                parentIndex = parent.parentIndex;\n            }\n        }\n    });\n};\n\nexport const expandMatchedSubtrees = <T>(\n    list: NestedDropdownListLocalItem<T>[]\n) => {\n    return produce(list, (draft) => {\n        for (const item of draft) {\n            if (item.matched) {\n                item.visible = true;\n            }\n\n            if (item.hasMatchedSubItems) {\n                item.visible = true;\n                item.expanded = true;\n\n                for (const i of item.subItemIndexes) {\n                    draft[i].visible = true;\n                }\n            }\n        }\n    });\n};\n\nexport const expandFirstSubtree = <T>(\n    list: NestedDropdownListLocalItem<T>[]\n) => {\n    return produce(list, (draft) => {\n        const firstSubtreeIndex = draft.findIndex((item) => item.hasSubItems);\n        if (firstSubtreeIndex < 0) {\n            return;\n        }\n        let index = firstSubtreeIndex;\n        let length = 0;\n        // find the first subtree\n        for (let i = index; i < draft.length; i++) {\n            const nextItemLength = draft[i].keyPath.length;\n            if (nextItemLength > length) {\n                length = nextItemLength;\n            } else if (nextItemLength < length) {\n                break;\n            }\n\n            index = i;\n            draft[i].visible = true;\n            draft[i].expanded = true;\n        }\n\n        // expand siblings of ancestors\n        for (let i = 0; i < draft.length; i++) {\n            const item = draft[i];\n            const parentKeyPath = item.keyPath.slice(0, -1);\n            const ancestorKeyPath = draft[index].keyPath.slice(\n                0,\n                parentKeyPath.length\n            );\n            if (isEqual(parentKeyPath, ancestorKeyPath)) {\n                item.visible = true;\n            }\n        }\n        return draft;\n    });\n};\n\nexport const toggleSubtree = <T>(\n    list: NestedDropdownListLocalItem<T>[],\n    index: number,\n    expanded: boolean\n) => {\n    return produce(list, (draft) => {\n        draft[index].expanded = expanded;\n        const keyPath = draft[index].keyPath;\n        for (let i = index + 1; i < draft.length; i++) {\n            const item = draft[i];\n            const parent = draft[item.parentIndex];\n            const ancestorKeyPath = item.keyPath.slice(0, keyPath.length);\n            if (isEqual(keyPath, ancestorKeyPath)) {\n                item.visible = expanded && parent.expanded && parent.visible;\n            } else {\n                // no more descendents\n                break;\n            }\n        }\n    });\n};\n\nexport const updateSelectedState = <T>(\n    list: NestedDropdownListLocalItem<T>[],\n    selectedKeyPaths: Set<string>,\n    multiSelect: boolean\n) => {\n    const res = produce(list, (draft) => {\n        for (let i = draft.length - 1; i >= 0; i--) {\n            const item = draft[i];\n            const itemKeyPathString = buildKeyPath(item.keyPath);\n            item.checked = selectedKeyPaths.has(itemKeyPathString);\n            if (item.hasSubItems) {\n                if (multiSelect && item.checked !== true) {\n                    const children = item.subItemIndexes.map(\n                        (index) => draft[index]\n                    );\n\n                    const allChildrenSelected = children.every(\n                        (child) => child.checked === true\n                    );\n                    const mixed = children.some(\n                        (child) => child.checked !== false\n                    );\n\n                    if (allChildrenSelected) {\n                        item.checked = true;\n                    } else if (mixed) {\n                        item.checked = \"mixed\";\n                    }\n                }\n            }\n        }\n    });\n    return res;\n};\n\nexport const findItemFromStart = <T>(\n    arr: T[],\n    predicate: (e: T) => boolean,\n    start: number\n): T | undefined => {\n    for (let i = start; i < arr.length; i++) {\n        if (predicate(arr[i])) {\n            return arr[i];\n        }\n    }\n\n    return undefined;\n};\n\nexport const findItemFromEnd = <T>(\n    arr: T[],\n    predicate: (e: T) => boolean,\n    end: number\n): T | undefined => {\n    for (let i = end; i >= 0; i--) {\n        if (predicate(arr[i])) {\n            return arr[i];\n        }\n    }\n\n    return undefined;\n};\n\nexport const findItemByKeyPath = <T>(\n    nestedList: NestedDropdownListItemProps<T>[] | undefined,\n    keyPath: string[]\n): NestedDropdownListItemProps<T> | undefined => {\n    const [currentKey, ...nextKeyPath] = keyPath;\n    if (isEmpty(nestedList) || isEmpty(currentKey)) {\n        return undefined;\n    }\n\n    const item = nestedList!.find((item) => item.key === currentKey);\n\n    if (!item || !nextKeyPath.length) {\n        return item;\n    }\n\n    return findItemByKeyPath(item.subItems, nextKeyPath);\n};\n\nexport const buildKeyPath = (keyPath: string[]): string => {\n    return keyPath.join(\",\");\n};\n\nexport const buildKeyPathToSet = (keyPathArr: string[][]): Set<string> => {\n    return new Set<string>(keyPathArr.map((keyPath) => keyPath.join(\",\")));\n};\n"],"names":["findItemByKeyPath","nestedList","keyPath","currentKey","nextKeyPath","isEmpty","item","find","key","length","subItems","buildKeyPath","join","keyPathArr","Set","map","list","produce","draft","firstSubtreeIndex","findIndex","hasSubItems","index","i","nextItemLength","visible","expanded","parentKeyPath","slice","ancestorKeyPath","isEqual","matched","hasMatchedSubItems","subItemIndexes","selectedItems","filter","checked","selectedItem","parentIndex","parent","arr","predicate","end","start","selectedKeyPaths","multiSelect","searchTerm","initialExpanded","items","flatten","parentItem","current","hasNestedSiblings","some","option","_a","forEach","level","keyPathString","indexInParent","parentSetSize","has","label","toLowerCase","indexOf","push","_b","children","allChildrenSelected","every","child","mixed","undefined","itemKeyPathString"],"mappings":"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"}