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

package/cjs/shared/fade-wrapper/fade-wrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fade-wrapper.styles.js","sources":["../../../../src/shared/fade-wrapper/fade-wrapper.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, MediaQuery, Spacing } from \"../../theme/tokens\";\n\nexport const tokens = {\n    backgroundColor: \"--fds-internal-fadeWrapper-fade-backgroundColor\",\n};\n\nexport const wrapper = css`\n    position: relative;\n    width: 100%;\n`;\n\nexport const fade = css`\n    width: 64px;\n    height: 100%;\n    top: 0;\n    position: absolute;\n    pointer-events: none;\n    display: flex;\n    align-items: center;\n`;\n\nexport const fadeLeft = css`\n    left: 0;\n\n    ${MediaQuery.MaxWidth.lg} {\n        background-image: linear-gradient(\n            to right,\n            var(${tokens.backgroundColor}, ${Colour.bg}),\n            rgba(255, 255, 255, 0.001)\n        );\n    }\n`;\n\nexport const fadeRight = css`\n    right: 0;\n\n    ${MediaQuery.MaxWidth.lg} {\n        background-image: linear-gradient(\n            to left,\n            var(${tokens.backgroundColor}, ${Colour.bg}),\n            rgba(255, 255, 255, 0.001)\n        );\n    }\n`;\n\nexport const content = css`\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n    scrollbar-width: none; /* Firefox */\n    -ms-overflow-style: none; /* IE 10+ */\n    &::-webkit-scrollbar {\n        display: none; /* Chrome/Safari/Webkit */\n    }\n`;\n\nexport const fadeIndicatorButton = css`\n    display: none;\n\n    ${MediaQuery.MaxWidth.lg} {\n        display: flex;\n        height: 100%;\n        width: 100%;\n        padding: unset;\n        align-items: center;\n\n        svg {\n            color: ${Colour[\"icon\"]};\n        }\n    }\n`;\n\nexport const indicatorLeft = css`\n    justify-content: left;\n    padding-left: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const indicatorRight = css`\n    justify-content: right;\n    padding-right: ${Spacing[\"spacing-8\"]};\n`;\n"],"names":["backgroundColor"],"mappings":"6GA+CoB,uBAlCH,sCAgDe,2BAtCX,6BAYC,iCA0CI,kCAKC,0BA9EL,CAClBA,gBAAiB,mEAGD"}

package/cjs/shared/fade-wrapper/fade-wrapper.styles_16iug7l.css

@@ -0,0 +1,16 @@
+.wslc1qs{position:relative;width:100%;}
+.f4ndmik{width:64px;height:100%;top:0;position:absolute;pointer-events:none;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;}
+.f10r53jk{left:0;}:where(body.fds-breakpoint-lg-max) .f10r53jk{background-image:linear-gradient(
+            to right,
+            var(--fds-internal-fadeWrapper-fade-backgroundColor, var(--fds-colour-bg)),
+            rgba(255, 255, 255, 0.001)
+        );}
+.f1mdli9d{right:0;}:where(body.fds-breakpoint-lg-max) .f1mdli9d{background-image:linear-gradient(
+            to left,
+            var(--fds-internal-fadeWrapper-fade-backgroundColor, var(--fds-colour-bg)),
+            rgba(255, 255, 255, 0.001)
+        );}
+.cv4qfjc{position:relative;width:100%;height:100%;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;}.cv4qfjc::-webkit-scrollbar{display:none;}
+.fgwhr72{display:none;}:where(body.fds-breakpoint-lg-max) .fgwhr72{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;padding:unset;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}:where(body.fds-breakpoint-lg-max) .fgwhr72 svg{color:var(--fds-colour-icon);}
+.i135a9q0{-webkit-box-pack:left;-ms-flex-pack:left;-webkit-justify-content:left;justify-content:left;padding-left:var(--fds-spacing-8);}
+.i18cgy8z{-webkit-box-pack:right;-ms-flex-pack:right;-webkit-justify-content:right;justify-content:right;padding-right:var(--fds-spacing-8);}

package/cjs/shared/fade-wrapper/helpers.js

@@ -0,0 +1,2 @@
+"use strict";require("../../theme/theme-provider/index.js"),require("react"),require("../../theme/theme-provider/context.js"),require("../../theme/tokens/border.js");var e=require("../../theme/tokens/colour.js");require("../../theme/tokens/font.js"),require("../../theme/tokens/media-query.js"),require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js"),require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("@react-aria/live-announcer"),exports.getFadeBackgroundColorValue=function(r,t){return r&&r.length>0?r.join(", "):t?`${e.Colour.bg}, ${e.Colour.bg}`:null},exports.getFadeColorSet=function(e){return Array.isArray(e)&&e.length>0?{left:e,right:e}:e||{left:void 0,right:void 0}};
+//# sourceMappingURL=helpers.js.map

package/cjs/shared/fade-wrapper/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../src/shared/fade-wrapper/helpers.tsx"],"sourcesContent":["import { Colour } from \"../../theme\";\nimport type { FadeColorSet, FadeWrapperProps } from \"./types\";\n\nexport function getFadeColorSet(\n    fadeColor: FadeWrapperProps[\"fadeColor\"] | undefined\n): FadeColorSet {\n    if (Array.isArray(fadeColor) && fadeColor.length > 0) {\n        return {\n            left: fadeColor,\n            right: fadeColor,\n        };\n    }\n\n    if (fadeColor) {\n        return fadeColor as FadeColorSet;\n    }\n\n    return {\n        left: undefined,\n        right: undefined,\n    };\n}\n\nexport function getFadeBackgroundColorValue(\n    color: string[] | undefined,\n    showIndicator: boolean\n) {\n    if (color && color.length > 0) {\n        return color.join(\", \");\n    }\n\n    if (showIndicator) {\n        return `${Colour.bg}, ${Colour.bg}`;\n    }\n\n    return null;\n}\n"],"names":["color","showIndicator","length","join","Colour","bg","fadeColor","Array","isArray","left","right","undefined"],"mappings":"2hBAuBM,SACFA,EACAC,GAEA,OAAID,GAASA,EAAME,OAAS,EACjBF,EAAMG,KAAK,MAGlBF,EACO,GAAGG,EAAAA,OAAOC,OAAOD,EAAAA,OAAOC,KAG5B,IACX,0BAjCM,SACFC,GAEA,OAAIC,MAAMC,QAAQF,IAAcA,EAAUJ,OAAS,EACxC,CACHO,KAAMH,EACNI,MAAOJ,GAIXA,GAIG,CACHG,UAAME,EACND,WAAOC,EAEf"}

package/cjs/shared/hooks/use-state-callback.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react");exports.useStateCallback=r=>{const[t,u]=e.useState(r),c=e.useRef(void 0),s=e.useCallback(((e,r)=>{c.current=r,u(e)}),[]);return e.useEffect((()=>{c.current&&(c.current(t),c.current=void 0)}),[t]),[t,s]};
+//# sourceMappingURL=use-state-callback.js.map

package/cjs/shared/hooks/use-state-callback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-state-callback.js","sources":["../../../../src/shared/hooks/use-state-callback.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\ntype SetStateAction<S> = S | ((prevState: S) => S);\ntype SetStateCallback<S> = (state: S) => void;\ntype SetStateDispatch<S> = (\n    state: SetStateAction<S>,\n    callback?: SetStateCallback<S>\n) => void;\n\nexport const useStateCallback = <S>(\n    initialState: S | (() => S)\n): [S, SetStateDispatch<S>] => {\n    const [state, setState] = useState<S>(initialState);\n    const callbackRef = useRef<SetStateCallback<S> | undefined>(undefined);\n\n    const setStateDispatch = useCallback<SetStateDispatch<S>>(\n        (value, callback) => {\n            callbackRef.current = callback;\n            setState(value);\n        },\n        []\n    );\n\n    useEffect(() => {\n        if (callbackRef.current) {\n            callbackRef.current(state);\n            callbackRef.current = undefined;\n        }\n    }, [state]);\n\n    return [state, setStateDispatch];\n};\n"],"names":["initialState","state","setState","useState","callbackRef","useRef","undefined","setStateDispatch","useCallback","value","callback","current","useEffect"],"mappings":"6DAUIA,IAEA,MAAOC,EAAOC,GAAYC,EAAAA,SAAYH,GAChCI,EAAcC,EAAAA,YAAwCC,GAEtDC,EAAmBC,EAAAA,aACrB,CAACC,EAAOC,KACJN,EAAYO,QAAUD,EACtBR,EAASO,EAAM,GAEnB,IAUJ,OAPAG,EAAAA,WAAU,KACFR,EAAYO,UACZP,EAAYO,QAAQV,GACpBG,EAAYO,aAAUL,EAC1B,GACD,CAACL,IAEG,CAACA,EAAOM,EAAiB"}

package/cjs/shared/hooks/useViewport.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.useViewport=()=>{const[i,t]=e.useState(),[r,s]=e.useState(),o=e.useCallback((()=>{const e=.01*window.innerHeight;t(e)}),[]),w=e.useCallback((()=>{if(window.visualViewport){const e=.01*window.visualViewport.height;t(e),s(window.visualViewport.offsetTop)}}),[]);return e.useEffect((()=>window.visualViewport?(w(),window.visualViewport.addEventListener("resize",w),()=>{var e;null===(e=window.visualViewport)||void 0===e||e.removeEventListener("resize",w)}):(o(),window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)})),[]),{verticalHeight:i,offsetTop:r}};
+"use strict";var e=require("../../external/lodash/throttle.js"),i=require("react");exports.useViewport=()=>{const[t,r]=i.useState(),[o,s]=i.useState(),n=i.useCallback((()=>{const e=.01*window.innerHeight;r(e)}),[]),w=i.useCallback((()=>{if(window.visualViewport){const e=.01*window.visualViewport.height;r(e),s(window.visualViewport.offsetTop)}}),[]);return i.useEffect((()=>{if(window.visualViewport){const i=e.default(w,300);return w(),window.visualViewport.addEventListener("resize",w),window.visualViewport.addEventListener("scroll",i),()=>{var e,t;null===(e=window.visualViewport)||void 0===e||e.removeEventListener("resize",w),null===(t=window.visualViewport)||void 0===t||t.removeEventListener("scroll",i)}}return n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}}),[]),{verticalHeight:t,offsetTop:o}};
 //# sourceMappingURL=useViewport.js.map

package/cjs/shared/hooks/useViewport.js.map

@@ -1 +1 @@
-{"version":3,"file":"useViewport.js","sources":["../../../../src/shared/hooks/useViewport.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\n\nexport const useViewport = () => {\n    const [verticalHeight, setVerticalHeight] = useState<number>();\n    const [offsetTop, setOffsetTop] = useState<number>();\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleWindowResize = useCallback(() => {\n        const newVerticalHeight = window.innerHeight * 0.01;\n        setVerticalHeight(newVerticalHeight);\n    }, []);\n\n    const handleViewportResize = useCallback(() => {\n        if (window.visualViewport) {\n            const newVerticalHeight = window.visualViewport.height * 0.01;\n            setVerticalHeight(newVerticalHeight);\n            setOffsetTop(window.visualViewport.offsetTop);\n        }\n    }, []);\n\n    useEffect(() => {\n        // set initial vh\n\n        // use VisualViewport API if available, it gives more accurate dimensions when iOS software keyboard is active\n        if (window.visualViewport) {\n            handleViewportResize();\n            window.visualViewport.addEventListener(\n                \"resize\",\n                handleViewportResize\n            );\n            return () => {\n                window.visualViewport?.removeEventListener(\n                    \"resize\",\n                    handleViewportResize\n                );\n            };\n        } else {\n            // fallback to Window API\n            handleWindowResize();\n            window.addEventListener(\"resize\", handleWindowResize);\n            return () => {\n                window.removeEventListener(\"resize\", handleWindowResize);\n            };\n        }\n    }, []);\n\n    return {\n        verticalHeight,\n        offsetTop,\n    };\n};\n"],"names":["verticalHeight","setVerticalHeight","useState","offsetTop","setOffsetTop","handleWindowResize","useCallback","newVerticalHeight","window","innerHeight","handleViewportResize","visualViewport","height","useEffect","addEventListener","_a","removeEventListener"],"mappings":"wDAE2B,KACvB,MAAOA,EAAgBC,GAAqBC,cACrCC,EAAWC,GAAgBF,aAK5BG,EAAqBC,EAAAA,aAAY,KACnC,MAAMC,EAAyC,IAArBC,OAAOC,YACjCR,EAAkBM,EAAkB,GACrC,IAEGG,EAAuBJ,EAAAA,aAAY,KACrC,GAAIE,OAAOG,eAAgB,CACvB,MAAMJ,EAAmD,IAA/BC,OAAOG,eAAeC,OAChDX,EAAkBM,GAClBH,EAAaI,OAAOG,eAAeR,UACvC,IACD,IA4BH,OA1BAU,EAAAA,WAAU,IAIFL,OAAOG,gBACPD,IACAF,OAAOG,eAAeG,iBAClB,SACAJ,GAEG,WACkB,QAArBK,EAAAP,OAAOG,sBAAc,IAAAI,GAAAA,EAAEC,oBACnB,SACAN,EACH,IAILL,IACAG,OAAOM,iBAAiB,SAAUT,GAC3B,KACHG,OAAOQ,oBAAoB,SAAUX,EAAmB,IAGjE,IAEI,CACHL,iBACAG,YACH"}
+{"version":3,"file":"useViewport.js","sources":["../../../../src/shared/hooks/useViewport.tsx"],"sourcesContent":["import throttle from \"lodash/throttle\";\nimport { useCallback, useEffect, useState } from \"react\";\n\nexport const useViewport = () => {\n    const [verticalHeight, setVerticalHeight] = useState<number>();\n    const [offsetTop, setOffsetTop] = useState<number>();\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleWindowResize = useCallback(() => {\n        const newVerticalHeight = window.innerHeight * 0.01;\n        setVerticalHeight(newVerticalHeight);\n    }, []);\n\n    const handleViewportResize = useCallback(() => {\n        if (window.visualViewport) {\n            const newVerticalHeight = window.visualViewport.height * 0.01;\n            setVerticalHeight(newVerticalHeight);\n            setOffsetTop(window.visualViewport.offsetTop);\n        }\n    }, []);\n\n    useEffect(() => {\n        // set initial vh\n\n        // use VisualViewport API if available, it gives more accurate dimensions when iOS software keyboard is active\n        if (window.visualViewport) {\n            const handleViewportScroll = throttle(handleViewportResize, 300);\n            handleViewportResize();\n            window.visualViewport.addEventListener(\n                \"resize\",\n                handleViewportResize\n            );\n            window.visualViewport.addEventListener(\n                \"scroll\",\n                handleViewportScroll\n            );\n\n            return () => {\n                window.visualViewport?.removeEventListener(\n                    \"resize\",\n                    handleViewportResize\n                );\n                window.visualViewport?.removeEventListener(\n                    \"scroll\",\n                    handleViewportScroll\n                );\n            };\n        } else {\n            // fallback to Window API\n            handleWindowResize();\n            window.addEventListener(\"resize\", handleWindowResize);\n            return () => {\n                window.removeEventListener(\"resize\", handleWindowResize);\n            };\n        }\n    }, []);\n\n    return {\n        verticalHeight,\n        offsetTop,\n    };\n};\n"],"names":["verticalHeight","setVerticalHeight","useState","offsetTop","setOffsetTop","handleWindowResize","useCallback","newVerticalHeight","window","innerHeight","handleViewportResize","visualViewport","height","useEffect","handleViewportScroll","throttle","addEventListener","_a","removeEventListener","_b"],"mappings":"uGAG2B,KACvB,MAAOA,EAAgBC,GAAqBC,cACrCC,EAAWC,GAAgBF,aAK5BG,EAAqBC,EAAAA,aAAY,KACnC,MAAMC,EAAyC,IAArBC,OAAOC,YACjCR,EAAkBM,EAAkB,GACrC,IAEGG,EAAuBJ,EAAAA,aAAY,KACrC,GAAIE,OAAOG,eAAgB,CACvB,MAAMJ,EAAmD,IAA/BC,OAAOG,eAAeC,OAChDX,EAAkBM,GAClBH,EAAaI,OAAOG,eAAeR,UACvC,IACD,IAsCH,OApCAU,EAAAA,WAAU,KAIN,GAAIL,OAAOG,eAAgB,CACvB,MAAMG,EAAuBC,EAAAA,QAASL,EAAsB,KAW5D,OAVAA,IACAF,OAAOG,eAAeK,iBAClB,SACAN,GAEJF,OAAOG,eAAeK,iBAClB,SACAF,GAGG,aACkB,QAArBG,EAAAT,OAAOG,sBAAc,IAAAM,GAAAA,EAAEC,oBACnB,SACAR,GAEiB,QAArBS,EAAAX,OAAOG,sBAAc,IAAAQ,GAAAA,EAAED,oBACnB,SACAJ,EACH,CAET,CAII,OAFAT,IACAG,OAAOQ,iBAAiB,SAAUX,GAC3B,KACHG,OAAOU,oBAAoB,SAAUb,EAAmB,CAEhE,GACD,IAEI,CACHL,iBACAG,YACH"}

package/cjs/shared/image-placeholder/image-placeholder.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@lifesg/react-icons"),s=require("./image-placeholder.style.js");exports.ImagePlaceholder=a=>e.jsx(s.Placeholder,Object.assign({},a,{children:e.jsx(r.PlaceholderImageIcon,{})}));
+"use strict";var e=require("react/jsx-runtime"),r=require("@lifesg/react-icons"),a=require("clsx"),l=require("./image-placeholder.styles.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(a);exports.ImagePlaceholder=({className:a})=>e.jsx("div",{className:c.default(l.placeholder,a),children:e.jsx(r.PlaceholderImageIcon,{})});
 //# sourceMappingURL=image-placeholder.js.map

package/cjs/shared/image-placeholder/image-placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-placeholder.js","sources":["../../../../src/shared/image-placeholder/image-placeholder.tsx"],"sourcesContent":["import { PlaceholderImageIcon } from \"@lifesg/react-icons\";\n\nimport { Placeholder } from \"./image-placeholder.style\";\n\nexport interface ImagePlaceholderProps {\n    className?: string | undefined;\n}\n\nexport const ImagePlaceholder = (props: ImagePlaceholderProps) => {\n    return (\n        <Placeholder {...props}>\n            <PlaceholderImageIcon />\n        </Placeholder>\n    );\n};\n"],"names":["props","_jsx","Placeholder","Object","assign","children","PlaceholderImageIcon"],"mappings":"oJAQiCA,GAEzBC,EAAAA,IAACC,EAAAA,YAAWC,OAAAC,OAAA,CAAA,EAAKJ,EAAK,CAAAK,SAClBJ,EAAAA,IAACK,EAAAA,qBAAoB,CAAA"}
+{"version":3,"file":"image-placeholder.js","sources":["../../../../src/shared/image-placeholder/image-placeholder.tsx"],"sourcesContent":["import { PlaceholderImageIcon } from \"@lifesg/react-icons\";\nimport clsx from \"clsx\";\n\nimport * as styles from \"./image-placeholder.styles\";\n\nexport interface ImagePlaceholderProps {\n    className?: string | undefined;\n}\n\nexport const ImagePlaceholder = ({ className }: ImagePlaceholderProps) => {\n    return (\n        <div className={clsx(styles.placeholder, className)}>\n            <PlaceholderImageIcon />\n        </div>\n    );\n};\n"],"names":["className","_jsx","clsx","styles.placeholder","children","PlaceholderImageIcon"],"mappings":"0PASgC,EAAGA,eAE3BC,EAAAA,IAAA,MAAA,CAAKD,UAAWE,EAAAA,QAAKC,EAAAA,YAAoBH,GAAUI,SAC/CH,EAAAA,IAACI,uBAAoB,CAAA"}

package/cjs/shared/image-placeholder/image-placeholder.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./image-placeholder.styles_44nwil.css");exports.placeholder="p74g98x";
+//# sourceMappingURL=image-placeholder.styles.js.map

package/cjs/shared/image-placeholder/image-placeholder.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-placeholder.styles.js","sources":["../../../../src/shared/image-placeholder/image-placeholder.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour } from \"../../theme\";\n\nexport const placeholder = css`\n    background-color: ${Colour[\"bg-stronger\"]};\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 1rem;\n\n    svg {\n        min-width: 48px;\n        width: 18%;\n        height: auto;\n        color: ${Colour[\"icon-subtle\"]};\n    }\n`;\n"],"names":[],"mappings":"0HAIwB"}

package/cjs/shared/image-placeholder/image-placeholder.styles_44nwil.css

@@ -0,0 +1 @@
+.p74g98x{background-color:var(--fds-colour-bg-stronger);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-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:1rem;}.p74g98x svg{min-width:48px;width:18%;height:auto;color:var(--fds-colour-icon-subtle);}

package/cjs/shared/image-with-fallback/image-with-fallback.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("react/jsx-runtime"),t=require("./default.png.js");exports.ImageWithFallback=({src:a,alt:e,className:s,"data-testid":l})=>r.jsx("img",{src:a,alt:e||"",className:s,"data-testid":l,onError:r=>{r.target.onerror=null,r.target.src=t.default}});
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),t=require("./default.png.js");exports.ImageWithFallback=({src:a,alt:s,className:l,"data-testid":u})=>{const c=e.useRef(null);e.useEffect((()=>{const r=c.current;r&&r.complete&&0===r.naturalHeight&&0===r.naturalWidth&&(r.onerror=null,r.src=t.default)}),[a]);return r.jsx("img",{ref:c,src:a,alt:s||"",className:l,"data-testid":u,onError:r=>{const e=r.target;e.onerror=null,e.src=t.default}})};
 //# sourceMappingURL=image-with-fallback.js.map

package/cjs/shared/image-with-fallback/image-with-fallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-with-fallback.js","sources":["../../../../src/shared/image-with-fallback/image-with-fallback.tsx"],"sourcesContent":["import image from \"./default.png\";\n\nexport interface ImageWithFallbackProps {\n    src: string;\n    alt?: string | undefined;\n    className?: string | undefined;\n    \"data-testid\"?: string | undefined;\n}\n\nexport const ImageWithFallback = ({\n    src,\n    alt,\n    className,\n    \"data-testid\": testId,\n}: ImageWithFallbackProps) => {\n    const handleError = (\n        event: React.SyntheticEvent<HTMLImageElement, Event>\n    ) => {\n        (event.target as HTMLImageElement).onerror = null;\n        (event.target as HTMLImageElement).src = image;\n    };\n\n    return (\n        <img\n            src={src}\n            alt={alt || \"\"}\n            className={className}\n            data-testid={testId}\n            onError={handleError}\n        />\n    );\n};\n"],"names":["src","alt","className","testId","_jsx","onError","event","target","onerror","image"],"mappings":"wGASiC,EAC7BA,MACAC,MACAC,YACA,cAAeC,KAUXC,EAAAA,WACIJ,IAAKA,EACLC,IAAKA,GAAO,GACZC,UAAWA,EAAS,cACPC,EACbE,QAZJC,IAECA,EAAMC,OAA4BC,QAAU,KAC5CF,EAAMC,OAA4BP,IAAMS,EAAAA,OAAK"}
+{"version":3,"file":"image-with-fallback.js","sources":["../../../../src/shared/image-with-fallback/image-with-fallback.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nimport image from \"./default.png\";\n\nexport interface ImageWithFallbackProps {\n    src: string;\n    alt?: string | undefined;\n    className?: string | undefined;\n    \"data-testid\"?: string | undefined;\n}\n\nexport const ImageWithFallback = ({\n    src,\n    alt,\n    className,\n    \"data-testid\": testId,\n}: ImageWithFallbackProps) => {\n    const ref = useRef<HTMLImageElement>(null);\n\n    useEffect(() => {\n        // onError does not run if image is loaded from cache, so we need to\n        // check if the image is actually able to render using naturalWidth and\n        // naturalHeight\n        const el = ref.current;\n        if (\n            el &&\n            el.complete &&\n            el.naturalHeight === 0 &&\n            el.naturalWidth === 0\n        ) {\n            el.onerror = null;\n            el.src = image;\n        }\n    }, [src]);\n\n    const handleError = (\n        event: React.SyntheticEvent<HTMLImageElement, Event>\n    ) => {\n        const el = event.target as HTMLImageElement;\n        el.onerror = null;\n        el.src = image;\n    };\n\n    return (\n        <img\n            ref={ref}\n            src={src}\n            alt={alt || \"\"}\n            className={className}\n            data-testid={testId}\n            onError={handleError}\n        />\n    );\n};\n"],"names":["src","alt","className","testId","ref","useRef","useEffect","el","current","complete","naturalHeight","naturalWidth","onerror","image","_jsx","onError","event","target"],"mappings":"2HAWiC,EAC7BA,MACAC,MACAC,YACA,cAAeC,MAEf,MAAMC,EAAMC,EAAAA,OAAyB,MAErCC,EAAAA,WAAU,KAIN,MAAMC,EAAKH,EAAII,QAEXD,GACAA,EAAGE,UACkB,IAArBF,EAAGG,eACiB,IAApBH,EAAGI,eAEHJ,EAAGK,QAAU,KACbL,EAAGP,IAAMa,EAAAA,QACb,GACD,CAACb,IAUJ,OACIc,EAAAA,IAAA,MAAA,CACIV,IAAKA,EACLJ,IAAKA,EACLC,IAAKA,GAAO,GACZC,UAAWA,EAAS,cACPC,EACbY,QAdJC,IAEA,MAAMT,EAAKS,EAAMC,OACjBV,EAAGK,QAAU,KACbL,EAAGP,IAAMa,EAAAA,OAAK,GAWZ"}

package/cjs/shared/input-wrapper/input-wrapper.js

@@ -1,117 +1,2 @@
-"use strict";var o=require("styled-components"),r=require("../../v3_theme/index.js");function e(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var n=e(o);const t=o.css`
-    outline-offset: -1px;
-    outline: ${r.V3_Border["width-020"]} ${r.V3_Border.solid}
-        ${r.V3_Colour["border-focus"]};
-`,i=o.css`
-    outline-color: ${r.V3_Colour["border-focus"]};
-`,d=o.css`
-    outline-color: ${r.V3_Colour["border-disabled"]};
-`,s=o.css`
-    outline-color: ${r.V3_Colour["border-error-focus"]};
-`,a=o.css`
-    outline: none;
-`,u=n.default.div`
-    border: ${r.V3_Border["width-010"]} ${r.V3_Border.solid}
-        ${r.V3_Colour.border};
-    border-radius: ${r.V3_Radius.sm};
-    background: ${r.V3_Colour.bg};
-
-    &:focus-within {
-        ${t}
-    }
-    ${o=>o.$focused&&!o.$noBorder&&t}
-
-    ${e=>e.$readOnly?o.css`
-                border-color: transparent;
-                padding: 0;
-                background: transparent !important;
-
-                &:focus-within {
-                    ${i}
-                }
-                ${e.$focused&&i}
-            `:e.$disabled?o.css`
-                background: ${r.V3_Colour["bg-disabled"]};
-                cursor: not-allowed;
-
-                &:focus-within {
-                    ${d}
-                }
-                ${e.$focused&&d}
-            `:e.$error?o.css`
-                border-color: ${r.V3_Colour["border-error"]};
-
-                &:focus-within {
-                    ${s}
-                }
-                ${e.$focused&&s}
-            `:void 0}
-    ${r=>{if(r.$noBorder)return o.css`
-                border-color: transparent;
-                background: transparent;
-                &:focus-within {
-                    ${a}
-                }
-            `}}
-`,l=n.default(u)`
-    display: flex;
-    align-items: center;
-    position: relative;
-    height: max-content;
-    width: 100%;
-    padding: 0 ${r.V3_Spacing["spacing-16"]} 0
-        ${o=>o.$readOnly?"0":r.V3_Spacing["spacing-16"]};
-    flex-direction: ${o=>"right"===o.$position?"row-reverse":"row"};
-`,c=n.default.input`
-    ${o=>"small"===o.$variant?r.V3_Font["body-md-regular"]:r.V3_Font["body-baseline-regular"]}
-    color: ${r.V3_Colour.text};
-    display: block;
-    background: transparent;
-    border: none;
-    outline: none;
-    box-shadow: none;
-    padding: 0;
-    margin: 0;
-
-    &:disabled {
-        color: ${r.V3_Colour["text-subtler"]};
-
-        &:hover {
-            cursor: not-allowed;
-        }
-    }
-
-    &::placeholder,
-    &::-webkit-input-placeholder {
-        color: ${r.V3_Colour["text-subtler"]};
-    }
-
-    // Chrome, Safari, Edge, Opera
-    &::-webkit-outer-spin-button,
-    &::-webkit-inner-spin-button {
-        -webkit-appearance: none;
-        margin: 0;
-    }
-
-    // Safari (remove top shadow)
-    --webkit-appearance: none;
-
-    // Firefox
-    --moz-appearance: textfield;
-`,$=n.default.button`
-    background: transparent;
-    border: none;
-    outline: none;
-
-    &:focus,
-    &:active {
-        outline: none;
-    }
-
-    &:focus-visible {
-        outline: ${r.V3_Border["width-010"]} ${r.V3_Border.solid}
-            ${r.V3_Colour["border-focus"]};
-        border-radius: ${r.V3_Radius.sm};
-    }
-`;exports.BasicButton=$,exports.BasicInput=c,exports.InputBox=u,exports.InputWrapper=l;
+"use strict";var r=require("../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),s=require("clsx"),a=require("react"),t=require("./input-wrapper.styles.js");function n(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var o=n(s);const i=a.forwardRef((function(s,a){const{disabled:n,error:i,readOnly:u,focused:d,noBorder:c,className:l}=s,p=r.__rest(s,["disabled","error","readOnly","focused","noBorder","className"]);return e.jsx("div",Object.assign({ref:a,"data-focused":d,className:o.default(t.inputBox,n&&t.inputBoxDisabled,i&&t.inputBoxError,u&&t.inputBoxReadOnly,c&&t.inputBoxNoBorder,l)},p))})),u=a.forwardRef((function(s,a){const{disabled:n,error:i,readOnly:u,focused:d,noBorder:c,position:l,className:p}=s,f=r.__rest(s,["disabled","error","readOnly","focused","noBorder","position","className"]);return e.jsx("div",Object.assign({ref:a,"data-focused":d,className:o.default(t.inputBox,t.inputWrapper,n&&t.inputBoxDisabled,i&&t.inputBoxError,u&&t.inputBoxReadOnly,c&&t.inputBoxNoBorder,u&&t.inputWrapperReadOnly,"right"===l&&t.inputWrapperPositionRight,p)},f))})),d=a.forwardRef((function(s,a){const{variant:n,className:i}=s,u=r.__rest(s,["variant","className"]);return e.jsx("input",Object.assign({ref:a,className:o.default(t.basicInput,"small"===n&&t.basicInputSmall,i)},u))})),c=a.forwardRef((function(s,a){var{className:n}=s,i=r.__rest(s,["className"]);return e.jsx("button",Object.assign({ref:a,className:o.default(t.basicButton,n)},i))}));exports.BasicButton=c,exports.BasicInput=d,exports.InputBox=i,exports.InputWrapper=u;
 //# sourceMappingURL=input-wrapper.js.map

package/cjs/shared/input-wrapper/input-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-wrapper.js","sources":["../../../../src/shared/input-wrapper/input-wrapper.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport {\n    V3_Border,\n    V3_Colour,\n    V3_Font,\n    V3_Radius,\n    V3_Spacing,\n} from \"../../v3_theme\";\n\n// =============================================================================\n// STYLE INTERFACE, transient props are denoted with $\n// See more https://styled-components.com/docs/api#transient-props\n// =============================================================================\nexport interface InputWrapperStyleProps {\n    $disabled?: boolean | undefined;\n    $error?: boolean | undefined;\n    $readOnly?: boolean | undefined;\n    $focused?: boolean | undefined;\n    $position?: \"left\" | \"right\" | undefined;\n    $noBorder?: boolean | undefined;\n}\n\nexport interface InputStyleProps {\n    $variant?: \"small\" | \"default\" | undefined;\n}\n\n// =============================================================================\n// STYLING\n// =============================================================================\nconst defaultFocusCss = css`\n    outline-offset: -1px;\n    outline: ${V3_Border[\"width-020\"]} ${V3_Border[\"solid\"]}\n        ${V3_Colour[\"border-focus\"]};\n`;\n\nconst readOnlyFocusCss = css`\n    outline-color: ${V3_Colour[\"border-focus\"]};\n`;\n\nconst disabledFocusCss = css`\n    outline-color: ${V3_Colour[\"border-disabled\"]};\n`;\n\nconst errorFocusCss = css`\n    outline-color: ${V3_Colour[\"border-error-focus\"]};\n`;\n\nconst noFocusCss = css`\n    outline: none;\n`;\n\n/**\n * basic wrapper for input fields that provides the border style but does not\n * prescibe any layout for content\n */\nexport const InputBox = styled.div<InputWrapperStyleProps>`\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\n    &:focus-within {\n        ${defaultFocusCss}\n    }\n    ${(props) => props.$focused && !props.$noBorder && defaultFocusCss}\n\n    ${(props) => {\n        if (props.$readOnly) {\n            return css`\n                border-color: transparent;\n                padding: 0;\n                background: transparent !important;\n\n                &:focus-within {\n                    ${readOnlyFocusCss}\n                }\n                ${props.$focused && readOnlyFocusCss}\n            `;\n        } else if (props.$disabled) {\n            return css`\n                background: ${V3_Colour[\"bg-disabled\"]};\n                cursor: not-allowed;\n\n                &:focus-within {\n                    ${disabledFocusCss}\n                }\n                ${props.$focused && disabledFocusCss}\n            `;\n        } else if (props.$error) {\n            return css`\n                border-color: ${V3_Colour[\"border-error\"]};\n\n                &:focus-within {\n                    ${errorFocusCss}\n                }\n                ${props.$focused && errorFocusCss}\n            `;\n        }\n    }}\n    ${(props) => {\n        if (props.$noBorder) {\n            return css`\n                border-color: transparent;\n                background: transparent;\n                &:focus-within {\n                    ${noFocusCss}\n                }\n            `;\n        }\n    }}\n`;\n\nexport const InputWrapper = styled(InputBox)<InputWrapperStyleProps>`\n    display: flex;\n    align-items: center;\n    position: relative;\n    height: max-content;\n    width: 100%;\n    padding: 0 ${V3_Spacing[\"spacing-16\"]} 0\n        ${(props) => (props.$readOnly ? \"0\" : V3_Spacing[\"spacing-16\"])};\n    flex-direction: ${(props) =>\n        props.$position === \"right\" ? \"row-reverse\" : \"row\"};\n`;\n\n/**\n * standalone native input with stripped-down styles, intended to be used in\n * combination with `InputWrapper` or other wrappers to build composite widgets\n */\nexport const BasicInput = styled.input<InputStyleProps>`\n    ${(props) =>\n        props.$variant === \"small\"\n            ? V3_Font[\"body-md-regular\"]\n            : V3_Font[\"body-baseline-regular\"]}\n    color: ${V3_Colour[\"text\"]};\n    display: block;\n    background: transparent;\n    border: none;\n    outline: none;\n    box-shadow: none;\n    padding: 0;\n    margin: 0;\n\n    &:disabled {\n        color: ${V3_Colour[\"text-subtler\"]};\n\n        &:hover {\n            cursor: not-allowed;\n        }\n    }\n\n    &::placeholder,\n    &::-webkit-input-placeholder {\n        color: ${V3_Colour[\"text-subtler\"]};\n    }\n\n    // Chrome, Safari, Edge, Opera\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    // Safari (remove top shadow)\n    --webkit-appearance: none;\n\n    // Firefox\n    --moz-appearance: textfield;\n`;\n\n/**\n * standalone native button with stripped-down styles\n */\nexport const BasicButton = styled.button<InputStyleProps>`\n    background: transparent;\n    border: none;\n    outline: none;\n\n    &:focus,\n    &:active {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: ${V3_Border[\"width-010\"]} ${V3_Border[\"solid\"]}\n            ${V3_Colour[\"border-focus\"]};\n        border-radius: ${V3_Radius[\"sm\"]};\n    }\n`;\n"],"names":["defaultFocusCss","css","V3_Border","V3_Colour","readOnlyFocusCss","disabledFocusCss","errorFocusCss","noFocusCss","InputBox","styled","div","V3_Radius","props","$focused","$noBorder","$readOnly","$disabled","$error","InputWrapper","V3_Spacing","$position","BasicInput","input","$variant","V3_Font","BasicButton","button"],"mappings":"wKA8BA,MAAMA,EAAkBC,EAAAA,GAAG;;eAEZC,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UAChDC,EAAAA,UAAU;EAGdC,EAAmBH,EAAAA,GAAG;qBACPE,EAAAA,UAAU;EAGzBE,EAAmBJ,EAAAA,GAAG;qBACPE,EAAAA,UAAU;EAGzBG,EAAgBL,EAAAA,GAAG;qBACJE,EAAAA,UAAU;EAGzBI,EAAaN,EAAAA,GAAG;;EAQTO,EAAWC,EAAAA,QAAOC,GAA2B;cAC5CR,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;UAC/CC,EAAAA,UAAkB;qBACPQ,EAAAA,UAAc;kBACjBR,EAAAA,UAAc;;;UAGtBH;;MAEHY,GAAUA,EAAMC,WAAaD,EAAME,WAAad;;MAEhDY,GACKA,EAAMG,UACCd,KAAG;;;;;;sBAMAG;;kBAEJQ,EAAMC,UAAYT;cAEjBQ,EAAMI,UACNf,KAAG;8BACQE,EAAAA,UAAU;;;;sBAIlBE;;kBAEJO,EAAMC,UAAYR;cAEjBO,EAAMK,OACNhB,KAAG;gCACUE,EAAAA,UAAU;;;sBAGpBG;;kBAEJM,EAAMC,UAAYP;mBAPrB;MAWRM,IACC,GAAIA,EAAME,UACN,OAAOb,KAAG;;;;sBAIAM;;aAGd;EAIKW,EAAeT,EAAAA,QAAOD,EAAiC;;;;;;iBAMnDW,EAAAA,WAAW;UACjBP,GAAWA,EAAMG,UAAY,IAAMI,EAAAA,WAAW;sBAClCP,GACK,UAApBA,EAAMQ,UAAwB,cAAgB;EAOzCC,EAAaZ,EAAAA,QAAOa,KAAsB;MAChDV,GACoB,UAAnBA,EAAMW,SACAC,EAAAA,QAAQ,mBACRA,EAAAA,QAAQ;aACTrB,EAAAA,UAAgB;;;;;;;;;;iBAUZA,EAAAA,UAAU;;;;;;;;;iBASVA,EAAAA,UAAU;;;;;;;;;;;;;;;EAoBdsB,EAAchB,EAAAA,QAAOiB,MAAuB;;;;;;;;;;;mBAWtCxB,EAAAA,UAAU,gBAAgBA,EAAAA,UAAiB;cAChDC,EAAAA,UAAU;yBACCQ,EAAAA,UAAc;;"}
+{"version":3,"file":"input-wrapper.js","sources":["../../../../src/shared/input-wrapper/input-wrapper.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { forwardRef } from \"react\";\n\nimport * as styles from \"./input-wrapper.styles\";\nimport type {\n    BasicButtonProps,\n    BasicInputProps,\n    InputBoxProps,\n    InputWrapperProps,\n} from \"./types\";\n\n/**\n * Basic wrapper for input fields that provides the border style but does not\n * prescribe any layout for content\n */\nexport const InputBox = forwardRef<HTMLDivElement, InputBoxProps>(\n    function InputBox(props, ref) {\n        const {\n            disabled,\n            error,\n            readOnly,\n            focused,\n            noBorder,\n            className,\n            ...otherProps\n        } = props;\n        return (\n            <div\n                ref={ref}\n                data-focused={focused}\n                className={clsx(\n                    styles.inputBox,\n                    disabled && styles.inputBoxDisabled,\n                    error && styles.inputBoxError,\n                    readOnly && styles.inputBoxReadOnly,\n                    noBorder && styles.inputBoxNoBorder,\n                    className\n                )}\n                {...otherProps}\n            />\n        );\n    }\n);\n\n/**\n * Basic wrapper for input fields with spacing and flex layout for content\n */\nexport const InputWrapper = forwardRef<HTMLDivElement, InputWrapperProps>(\n    function InputWrapper(props, ref) {\n        const {\n            disabled,\n            error,\n            readOnly,\n            focused,\n            noBorder,\n            position,\n            className,\n            ...otherProps\n        } = props;\n        return (\n            <div\n                ref={ref}\n                data-focused={focused}\n                className={clsx(\n                    styles.inputBox,\n                    styles.inputWrapper,\n                    disabled && styles.inputBoxDisabled,\n                    error && styles.inputBoxError,\n                    readOnly && styles.inputBoxReadOnly,\n                    noBorder && styles.inputBoxNoBorder,\n                    readOnly && styles.inputWrapperReadOnly,\n                    position === \"right\" && styles.inputWrapperPositionRight,\n                    className\n                )}\n                {...otherProps}\n            />\n        );\n    }\n);\n\n/**\n * Standalone native input with stripped-down styles, intended to be used in\n * combination with `InputWrapper` or other wrappers to build composite widgets\n */\nexport const BasicInput = forwardRef<HTMLInputElement, BasicInputProps>(\n    function BasicInput(props, ref) {\n        const { variant, className, ...otherProps } = props;\n        return (\n            <input\n                ref={ref}\n                className={clsx(\n                    styles.basicInput,\n                    variant === \"small\" && styles.basicInputSmall,\n                    className\n                )}\n                {...otherProps}\n            />\n        );\n    }\n);\n\n/**\n * Standalone native button with stripped-down styles\n */\nexport const BasicButton = forwardRef<HTMLButtonElement, BasicButtonProps>(\n    function BasicButton({ className, ...props }, ref) {\n        return (\n            <button\n                ref={ref}\n                className={clsx(styles.basicButton, className)}\n                {...props}\n            />\n        );\n    }\n);\n"],"names":["InputBox","forwardRef","props","ref","disabled","error","readOnly","focused","noBorder","className","otherProps","_jsx","clsx","styles.inputBox","styles.inputBoxDisabled","styles.inputBoxError","styles.inputBoxReadOnly","styles.inputBoxNoBorder","InputWrapper","position","Object","assign","styles.inputWrapper","styles.inputWrapperReadOnly","styles.inputWrapperPositionRight","BasicInput","variant","__rest","styles.basicInput","styles.basicInputSmall","BasicButton","_a","styles.basicButton"],"mappings":"qPAeO,MAAMA,EAAWC,EAAAA,YACpB,SAAkBC,EAAOC,GACrB,MAAMC,SACFA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAOC,SACPA,EAAQC,UACRA,GAEAP,EADGQ,WACHR,EARE,CAAA,WAAA,QAAA,WAAA,UAAA,WAAA,cASN,OACIS,2BACIR,IAAKA,EAAG,eACMI,EACdE,UAAWG,EAAAA,QACPC,EAAAA,SACAT,GAAYU,mBACZT,GAASU,EAAAA,cACTT,GAAYU,EAAAA,iBACZR,GAAYS,mBACZR,IAEAC,GAGhB,IAMSQ,EAAejB,EAAAA,YACxB,SAAsBC,EAAOC,GACzB,MAAMC,SACFA,EAAQC,MACRA,EAAKC,SACLA,EAAQC,QACRA,EAAOC,SACPA,EAAQW,SACRA,EAAQV,UACRA,GAEAP,EADGQ,WACHR,EATE,CAAA,WAAA,QAAA,WAAA,UAAA,WAAA,WAAA,cAUN,OACIS,EAAAA,IAAA,MAAAS,OAAAC,OAAA,CACIlB,IAAKA,EAAG,eACMI,EACdE,UAAWG,EAAAA,QACPC,EAAAA,SACAS,EAAAA,aACAlB,GAAYU,EAAAA,iBACZT,GAASU,EAAAA,cACTT,GAAYU,EAAAA,iBACZR,GAAYS,EAAAA,iBACZX,GAAYiB,EAAAA,qBACC,UAAbJ,GAAwBK,EAAAA,0BACxBf,IAEAC,GAGhB,IAOSe,EAAaxB,EAAAA,YACtB,SAAoBC,EAAOC,GACvB,MAAMuB,QAAEA,EAAOjB,UAAEA,GAA6BP,EAAfQ,EAAUiB,EAAAA,OAAKzB,EAAxC,CAAA,UAAA,cACN,OACIS,EAAAA,IAAA,QAAAS,OAAAC,OAAA,CACIlB,IAAKA,EACLM,UAAWG,EAAAA,QACPgB,EAAAA,WACY,UAAZF,GAAuBG,EAAAA,gBACvBpB,IAEAC,GAGhB,IAMSoB,EAAc7B,EAAAA,YACvB,SAAqB8B,EAAyB5B,GAAzB,IAAAM,UAAEA,GAASsB,EAAK7B,EAAKyB,EAAAA,OAAAI,EAArB,eACjB,OACIpB,EAAAA,4BACIR,IAAKA,EACLM,UAAWG,EAAAA,QAAKoB,EAAAA,YAAoBvB,IAChCP,GAGhB"}

package/cjs/shared/input-wrapper/input-wrapper.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./input-wrapper.styles_1kc4xhb.css");exports.basicButton="b191fi5o",exports.basicInput="b168rpxy",exports.basicInputSmall="b1df0tus",exports.inputBox="i156rlh",exports.inputBoxDisabled="iwp8knk",exports.inputBoxError="i1ec8vtj",exports.inputBoxNoBorder="ijzjlan",exports.inputBoxReadOnly="irl4gvd",exports.inputWrapper="i2dsxxh",exports.inputWrapperPositionRight="iyqh66s",exports.inputWrapperReadOnly="i1mziqol";
+//# sourceMappingURL=input-wrapper.styles.js.map

package/cjs/shared/input-wrapper/input-wrapper.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-wrapper.styles.js","sources":["../../../../src/shared/input-wrapper/input-wrapper.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, Font, Radius, Spacing } from \"../../theme\";\n\nexport const inputBox = css`\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n    background: ${Colour[\"bg\"]};\n\n    &:focus-within,\n    &[data-focused=\"true\"] {\n        outline-offset: -1px;\n        outline: ${Border[\"width-020\"]} ${Border[\"solid\"]}\n            ${Colour[\"border-focus\"]};\n    }\n`;\n\nexport const inputBoxReadOnly = css`\n    border-color: transparent;\n    padding: 0;\n    background: transparent !important;\n\n    &:focus-within,\n    &[data-focused=\"true\"] {\n        outline-color: ${Colour[\"border-focus\"]};\n    }\n`;\n\nexport const inputBoxDisabled = css`\n    background: ${Colour[\"bg-disabled\"]};\n    cursor: not-allowed;\n\n    &:focus-within,\n    &[data-focused=\"true\"] {\n        outline-color: ${Colour[\"border-disabled\"]};\n    }\n`;\n\nexport const inputBoxError = css`\n    border-color: ${Colour[\"border-error\"]};\n\n    &:focus-within,\n    &[data-focused=\"true\"] {\n        outline-color: ${Colour[\"border-error-focus\"]};\n    }\n`;\n\nexport const inputBoxNoBorder = css`\n    border-color: transparent;\n    background: transparent;\n\n    &:focus-within,\n    &[data-focused=\"true\"] {\n        outline: none;\n    }\n`;\n\nexport const inputWrapper = css`\n    display: flex;\n    align-items: center;\n    position: relative;\n    height: max-content;\n    width: 100%;\n    padding: 0 ${Spacing[\"spacing-16\"]} 0 ${Spacing[\"spacing-16\"]};\n`;\n\nexport const inputWrapperReadOnly = css`\n    padding-left: 0;\n`;\n\nexport const inputWrapperPositionRight = css`\n    flex-direction: row-reverse;\n`;\n\nexport const basicInput = css`\n    ${Font[\"body-baseline-regular\"]}\n    color: ${Colour[\"text\"]};\n    display: block;\n    background: transparent;\n    border: none;\n    outline: none;\n    box-shadow: none;\n    padding: 0;\n    margin: 0;\n\n    &:disabled {\n        color: ${Colour[\"text-subtler\"]};\n\n        &:hover {\n            cursor: not-allowed;\n        }\n    }\n\n    &::placeholder,\n    &::-webkit-input-placeholder {\n        color: ${Colour[\"text-subtler\"]};\n    }\n\n    // Chrome, Safari, Edge, Opera\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n    }\n\n    // Safari (remove top shadow)\n    --webkit-appearance: none;\n\n    // Firefox\n    --moz-appearance: textfield;\n`;\n\nexport const basicInputSmall = css`\n    ${Font[\"body-md-regular\"]}\n`;\n\nexport const basicButton = css`\n    background: transparent;\n    border: none;\n    outline: none;\n\n    &:focus,\n    &:active {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: ${Border[\"width-010\"]} ${Border[\"solid\"]}\n            ${Colour[\"border-focus\"]};\n        border-radius: ${Radius[\"sm\"]};\n    }\n`;\n"],"names":[],"mappings":"mHAoHwB,8BA1CD,mCAsCK,4BA5GP,mCAwBQ,gCAUH,oCASG,mCA9BA,+BAwCJ,4CAaa,uCAJL"}

package/cjs/shared/input-wrapper/input-wrapper.styles_1kc4xhb.css

@@ -0,0 +1,11 @@
+.i156rlh{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);}.i156rlh:focus-within,.i156rlh[data-focused="true"]{outline-offset:-1px;outline:var(--fds-border-width-020) var(--fds-border-style-solid) var(--fds-colour-border-focus);}
+.irl4gvd{border-color:transparent;padding:0;background:transparent!important;}.irl4gvd:focus-within,.irl4gvd[data-focused="true"]{outline-color:var(--fds-colour-border-focus);}
+.iwp8knk{background:var(--fds-colour-bg-disabled);cursor:not-allowed;}.iwp8knk:focus-within,.iwp8knk[data-focused="true"]{outline-color:var(--fds-colour-border-disabled);}
+.i1ec8vtj{border-color:var(--fds-colour-border-error);}.i1ec8vtj:focus-within,.i1ec8vtj[data-focused="true"]{outline-color:var(--fds-colour-border-error-focus);}
+.ijzjlan{border-color:transparent;background:transparent;}.ijzjlan:focus-within,.ijzjlan[data-focused="true"]{outline:none;}
+.i2dsxxh{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;position:relative;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;padding:0 var(--fds-spacing-16) 0 var(--fds-spacing-16);}
+.i1mziqol{padding-left:0;}
+.iyqh66s{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
+.b168rpxy{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);color:var(--fds-colour-text);display:block;background:transparent;border:none;outline:none;box-shadow:none;padding:0;margin:0;--webkit-appearance:none;--moz-appearance:textfield;}.b168rpxy:disabled{color:var(--fds-colour-text-subtler);}.b168rpxy:disabled:hover{cursor:not-allowed;}.b168rpxy::-webkit-input-placeholder{color:var(--fds-colour-text-subtler);}.b168rpxy::-webkit-outer-spin-button,.b168rpxy::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}.b168rpxy::-webkit-input-placeholder{color:var(--fds-colour-text-subtler);}.b168rpxy::-moz-placeholder{color:var(--fds-colour-text-subtler);}.b168rpxy:-ms-input-placeholder{color:var(--fds-colour-text-subtler);}.b168rpxy::placeholder{color:var(--fds-colour-text-subtler);}
+.b1df0tus{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);}
+.b191fi5o{background:transparent;border:none;outline:none;}.b191fi5o:focus,.b191fi5o:active{outline:none;}.b191fi5o:focus-visible{outline:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border-focus);border-radius:var(--fds-radius-sm);}

package/cjs/shared/internal-calendar/calendar-dropdown.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react");require("../dropdown-wrapper/dropdown-wrapper.styles.js");var t=require("../dropdown-wrapper/element-with-dropdown.js"),n=require("./calendar-dropdown.style.js"),a=require("./internal-calendar.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=d(r).default.forwardRef(((r,d)=>{const{elementWidth:o,setFloatingRef:s,getFloatingProps:i,styles:l}=t.useDropdownRender();return e.jsx(n.CalendarWrapper,Object.assign({$width:o,"data-testid":"calendar-dropdown",ref:s,style:l},i(),{children:e.jsx(a.InternalCalendar,Object.assign({ref:d},r))}))}));exports.CalendarDropdown=o;
+"use strict";var e=require("react/jsx-runtime"),r=require("react");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 t=require("../../theme/utils/use-apply-styles.js");require("../../util/calendar-helper.js"),require("../../external/dayjs/dayjs.min.js");var s=require("../../util/merge-refs.js");require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("@react-aria/live-announcer");var n=require("../dropdown-wrapper/element-with-dropdown.js"),i=require("./calendar-dropdown.styles.js"),a=require("./internal-calendar.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=u(r).default.forwardRef(((u,l)=>{const{elementWidth:d,setFloatingRef:o,getFloatingProps:j,styles:p}=n.useDropdownRender(),c=r.useRef(null);return t.useApplyStyle(c,Object.assign({[i.tokens.width]:`${d}px`},p)),e.jsx("div",Object.assign({className:i.calendarWrapper,"data-testid":"calendar-dropdown",ref:s.mergeRefs(o,c)},j(),{children:e.jsx(a.InternalCalendar,Object.assign({ref:l},u))}))}));exports.CalendarDropdown=l;
 //# sourceMappingURL=calendar-dropdown.js.map

package/cjs/shared/internal-calendar/calendar-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-dropdown.js","sources":["../../../../src/shared/internal-calendar/calendar-dropdown.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useDropdownRender } from \"../dropdown-wrapper\";\nimport { CalendarWrapper } from \"./calendar-dropdown.style\";\nimport { InternalCalendar } from \"./internal-calendar\";\nimport type { CalendarDropdownProps, InternalCalendarRef } from \"./types\";\n\nconst Component = (\n    props: CalendarDropdownProps,\n    ref: React.ForwardedRef<InternalCalendarRef>\n) => {\n    const { elementWidth, setFloatingRef, getFloatingProps, styles } =\n        useDropdownRender();\n    return (\n        <CalendarWrapper\n            $width={elementWidth}\n            data-testid=\"calendar-dropdown\"\n            ref={setFloatingRef}\n            style={styles}\n            {...getFloatingProps()}\n        >\n            <InternalCalendar ref={ref} {...props} />\n        </CalendarWrapper>\n    );\n};\n\nexport const CalendarDropdown = React.forwardRef(Component);\n"],"names":["CalendarDropdown","React","forwardRef","props","ref","elementWidth","setFloatingRef","getFloatingProps","styles","useDropdownRender","_jsx","CalendarWrapper","Object","assign","$width","style","children","InternalCalendar"],"mappings":"iVAOA,MAmBaA,OAAmBC,QAAMC,YAnBpB,CACdC,EACAC,KAEA,MAAMC,aAAEA,EAAYC,eAAEA,EAAcC,iBAAEA,EAAgBC,OAAEA,GACpDC,EAAAA,oBACJ,OACIC,EAAAA,IAACC,EAAAA,gBAAeC,OAAAC,OAAA,CAAAC,OACJT,EAAY,cACR,oBACZD,IAAKE,EACLS,MAAOP,GACHD,IAAkB,CAAAS,SAEtBN,MAACO,EAAAA,iBAAgBL,OAAAC,OAAA,CAACT,IAAKA,GAASD,MAClB"}
+{"version":3,"file":"calendar-dropdown.js","sources":["../../../../src/shared/internal-calendar/calendar-dropdown.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport { useApplyStyle } from \"../../theme\";\nimport { mergeRefs } from \"../../util\";\nimport { useDropdownRender } from \"../dropdown-wrapper\";\nimport * as styles from \"./calendar-dropdown.styles\";\nimport { InternalCalendar } from \"./internal-calendar\";\nimport type { CalendarDropdownProps, InternalCalendarRef } from \"./types\";\n\nconst Component = (\n    props: CalendarDropdownProps,\n    ref: React.ForwardedRef<InternalCalendarRef>\n) => {\n    const {\n        elementWidth,\n        setFloatingRef,\n        getFloatingProps,\n        styles: positioningStyles,\n    } = useDropdownRender();\n\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    useApplyStyle(wrapperRef, {\n        [styles.tokens.width]: `${elementWidth}px`,\n        ...positioningStyles,\n    });\n\n    return (\n        <div\n            className={styles.calendarWrapper}\n            data-testid=\"calendar-dropdown\"\n            ref={mergeRefs(setFloatingRef, wrapperRef)}\n            {...getFloatingProps()}\n        >\n            <InternalCalendar ref={ref} {...props} />\n        </div>\n    );\n};\n\nexport const CalendarDropdown = React.forwardRef(Component);\n"],"names":["CalendarDropdown","React","forwardRef","props","ref","elementWidth","setFloatingRef","getFloatingProps","styles","positioningStyles","useDropdownRender","wrapperRef","useRef","useApplyStyle","Object","assign","styles.tokens","width","_jsx","className","styles.calendarWrapper","mergeRefs","children","InternalCalendar"],"mappings":"40BASA,MA8BaA,OAAmBC,QAAMC,YA9BpB,CACdC,EACAC,KAEA,MAAMC,aACFA,EAAYC,eACZA,EAAcC,iBACdA,EACAC,OAAQC,GACRC,sBAEEC,EAAaC,EAAAA,OAAuB,MAO1C,OALAC,EAAAA,cAAcF,EAAUG,OAAAC,OAAA,CACpB,CAACC,EAAAA,OAAcC,OAAQ,GAAGZ,OACvBI,IAIHS,EAAAA,IAAA,MAAAJ,OAAAC,OAAA,CACII,UAAWC,kBAAsB,cACrB,oBACZhB,IAAKiB,EAAAA,UAAUf,EAAgBK,IAC3BJ,IAAkB,CAAAe,SAEtBJ,EAAAA,IAACK,EAAAA,iBAAgBT,OAAAC,OAAA,CAACX,IAAKA,GAASD,MAC9B"}

package/cjs/shared/internal-calendar/calendar-dropdown.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./calendar-dropdown.styles_wybjai.css");exports.calendarWrapper="cfbaf44",exports.tokens={width:"--fds-internal-calendarDropdown-width"};
+//# sourceMappingURL=calendar-dropdown.styles.js.map

package/cjs/shared/internal-calendar/calendar-dropdown.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-dropdown.styles.js","sources":["../../../../src/shared/internal-calendar/calendar-dropdown.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Border, Colour, MediaQuery, Radius, Spacing } from \"../../theme\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const tokens = {\n    headerBottomSpacing: \"--fds-internal-calendarDropdown-headerBottomSpacing\",\n    horizontalInset: \"--fds-internal-calendarDropdown-horizontalInset\",\n    verticalInset: \"--fds-internal-calendarDropdown-verticalInset\",\n    width: \"--fds-internal-calendarDropdown-width\",\n};\n\nexport const calendarWrapper = css`\n    ${tokens.verticalInset}: ${Spacing[\"spacing-24\"]};\n    ${tokens.horizontalInset}: ${Spacing[\"spacing-20\"]};\n    ${tokens.headerBottomSpacing}: ${Spacing[\"spacing-4\"]};\n\n    border: ${Border[\"width-010\"]} ${Border[\"solid\"]} ${Colour[\"border\"]};\n    border-radius: ${Radius[\"sm\"]};\n    overflow: hidden;\n\n    ${tokens.width}: initial;\n    width: var(${tokens.width});\n    max-width: 41rem;\n    min-width: 21rem;\n\n    ${MediaQuery.MaxWidth.sm} {\n        min-width: 17.5rem;\n    }\n`;\n"],"names":["width"],"mappings":"8HAc4B,yBAPN,CAIlBA,MAAO"}

package/cjs/shared/internal-calendar/calendar-dropdown.styles_wybjai.css

@@ -0,0 +1 @@
+.cfbaf44{--fds-internal-calendarDropdown-verticalInset:var(--fds-spacing-24);--fds-internal-calendarDropdown-horizontalInset:var(--fds-spacing-20);--fds-internal-calendarDropdown-headerBottomSpacing:var(--fds-spacing-4);border:var(--fds-border-width-010) var(--fds-border-style-solid) var(--fds-colour-border);border-radius:var(--fds-radius-sm);overflow:hidden;--fds-internal-calendarDropdown-width:initial;width:var(--fds-internal-calendarDropdown-width);max-width:41rem;min-width:21rem;}:where(body.fds-breakpoint-sm-max) .cfbaf44{min-width:17.5rem;}

package/cjs/shared/internal-calendar/calendar-manager.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),a=require("../../external/dayjs/dayjs.min.js"),r=require("react"),n=require("../../util/calendar-helper.js"),o=require("../../util/date-helper.js");require("../../util/string-helper.js");var i=require("../accessibility/index.js"),l=require("./calendar-manager.style.js"),s=require("./internal-calendar-month.js"),d=require("./internal-calendar-year.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const c=u(r).default.forwardRef(((u,c)=>{var{children:h,initialCalendarDate:f,minDate:D,maxDate:p,currentFocus:y,selectedStartDate:w,selectedEndDate:b,selectWithinRange:g,dynamicHeight:j=!1,allowDisabledSelection:x,onCalendarDateChange:m,withButton:v,doneButtonDisabled:C,onDismiss:H,showNavigationHeader:A=!0,getLeftArrowDate:k,getRightArrowDate:M,isLeftArrowDisabled:R,isRightArrowDisabled:S,getMonthHeaderLabel:Y,getYearHeaderLabel:$,isFocusable:q=!1}=u,B=e.__rest(u,["children","initialCalendarDate","minDate","maxDate","currentFocus","selectedStartDate","selectedEndDate","selectWithinRange","dynamicHeight","allowDisabledSelection","onCalendarDateChange","withButton","doneButtonDisabled","onDismiss","showNavigationHeader","getLeftArrowDate","getRightArrowDate","isLeftArrowDisabled","isRightArrowDisabled","getMonthHeaderLabel","getYearHeaderLabel","isFocusable"]);const[I,W]=r.useState(o.DateHelper.toDayjs(f)),[E,F]=r.useState(o.DateHelper.toDayjs(f)),[L,N]=r.useState("default"),O=r.useRef(null),U=r.useRef(null),V=r.useRef(null),P=r.useRef(null);r.useImperativeHandle(c,(()=>({defaultView(){N("default")},resetView(){const e=o.DateHelper.toDayjs(f);W(e),F(e),N("default")},setCalendarDate(e){const t=o.DateHelper.toDayjs(e);W(t),F(t)}}))),r.useEffect((()=>{const e=o.DateHelper.toDayjs(f);W(e),F(e)}),[f]),r.useEffect((()=>{X(E)}),[E]);const T=()=>{var e;"month-options"!==L?(N("month-options"),null===(e=V.current)||void 0===e||e.focus()):(N("default"),W(E))},_=e=>{var t;if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),T(),null===(t=P.current)||void 0===t||t.focus()),"ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const t="ArrowUp"===e.key?I.subtract(1,"month"):I.add(1,"month");if(!n.CalendarHelper.isWithinRange(t,D?a.default(D):void 0,p?a.default(p):void 0,"month"))return;W(t),"default"===L&&F(t)}},K=()=>{"default"!==L?(N("default"),W(E)):N("year-options")},Z=e=>{if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),K()),"ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();let t;if(t="year-options"===L?"ArrowUp"===e.key?I.subtract(10,"year"):I.add(10,"year"):"ArrowUp"===e.key?I.subtract(1,"year"):I.add(1,"year"),!n.CalendarHelper.isWithinRange(t,D?a.default(D):void 0,p?a.default(p):void 0,"year"))return;W(t),"default"===L&&F(t)}},z=()=>{var e;null===(e=V.current)||void 0===e||e.focus();const t=k?k(I):I.subtract(1,"month");switch(L){case"default":F(t),W(t);break;case"month-options":W((e=>e.subtract(1,"year")));break;case"year-options":W((e=>e.subtract(10,"year")))}},G=()=>{var e;null===(e=V.current)||void 0===e||e.focus();const t=M?M(I):I.add(1,"month");switch(L){case"default":F(t),W(t);break;case"month-options":W((e=>e.add(1,"year")));break;case"year-options":W((e=>e.add(10,"year")))}},J=e=>{W(e),F(e),v||N("default")},Q=()=>{const e=o.DateHelper.toDayjs(f);W(e),F(e),"default"===L?ee("reset"):N("default")},X=e=>{m&&m(e)},ee=e=>{H&&H(e)},te=()=>{if(!D||x)return!1;const e=a.default(D);return"month-options"===L?!n.CalendarHelper.isPreviousYearWithinRange(I,e):"year-options"===L?!n.CalendarHelper.isPreviousDecadeWithinRange(I,e):R?R(I):!n.CalendarHelper.isPreviousMonthWithinRange(I,e)},ae=()=>{if(!p||x)return!1;const e=a.default(p);return"month-options"===L?!n.CalendarHelper.isNextYearWithinRange(I,e):"year-options"===L?!n.CalendarHelper.isNextDecadeWithinRange(I,e):S?S(I):!n.CalendarHelper.isNextMonthWithinRange(I,e)},re=()=>{const e=Y?Y(I):I.format("MMM"),r=a.default(e,"MMM").format("MMMM"),o=(()=>{if("year-options"===L){const{beginDecade:e,endDecade:t}=n.CalendarHelper.getStartEndDecade(I);return`${e} to ${t}`}return $?$(I):I.format("YYYY")})(),i={"month-options":`${o}, Close month selection`,"year-options":`${o}, Close year selection`,default:`${o}, Select year`};return t.jsxs(t.Fragment,{children:[t.jsxs(l.DropdownButton,{"aria-label":`${r}, Select month`,type:"button",$expanded:"month-options"===L,$visible:"default"===L,id:"month-dropdown",onClick:T,onKeyDown:_,tabIndex:q?0:-1,children:[t.jsx(l.DropdownText,{children:e}),t.jsx(l.IconChevronDown,{})]}),t.jsxs(l.DropdownButton,{ref:P,"aria-label":i[L],type:"button",$expanded:"default"!==L,id:"year-dropdown",onClick:K,onKeyDown:Z,tabIndex:q?0:-1,children:[t.jsx(l.DropdownText,{children:o}),t.jsx(l.IconChevronDown,{})]})]})},ne=()=>{switch(L){case"month-options":return t.jsx(s.InternalCalendarMonth,{calendarDate:I,currentFocus:y,minDate:D,maxDate:p,selectedStartDate:w,selectedEndDate:b,viewCalendarDate:E,isNewSelection:!!g,onMonthSelect:J,allowDisabledSelection:x});case"year-options":return t.jsx(d.InternalCalendarYear,{setCalendarDate:W,calendarDate:I,currentFocus:y,minDate:D,maxDate:p,selectedStartDate:w,selectedEndDate:b,viewCalendarDate:E,isNewSelection:!!g,onYearSelect:J,allowDisabledSelection:x});default:return null}};return t.jsxs(l.Container,Object.assign({ref:V,"data-id":"calendar-container","data-testid":"calendar-container","aria-label":E.format("MMMM, YYYY"),role:"group"},B,{children:[A&&(()=>{const e={"month-options":"year","year-options":"decade",default:"month"}[L];return t.jsxs(l.Header,{"data-id":"calendar-header","data-testid":"calendar-header",children:[t.jsx(l.HeaderInputDropdown,{children:re()}),t.jsxs(l.HeaderArrows,{children:[t.jsx(l.HeaderArrowButton,{"aria-label":`Previous ${e}`,"data-testid":"left-arrow-btn",disabled:te(),focusHighlight:!1,focusOutline:"browser",onClick:z,tabIndex:q?0:-1,children:t.jsx(l.ArrowLeft,{})}),t.jsx(l.HeaderArrowButton,{"aria-label":`Next ${e}`,"data-testid":"right-arrow-btn",disabled:ae(),focusHighlight:!1,focusOutline:"browser",onClick:G,tabIndex:q?0:-1,children:t.jsx(l.ArrowRight,{})})]})]})})(),t.jsx(l.ToggleZone,{children:(()=>{const e="function"==typeof h?h({calendarDate:E,currentView:L}):h;if(j)return t.jsxs(t.Fragment,{children:["default"===L&&e,ne()]});{const a="default"===L;return t.jsxs(t.Fragment,{children:[t.jsx(l.DefaultView,{inert:i.inertValue(!a),children:e}),t.jsx(l.OptionsOverlay,{$visible:!a,children:ne()})]})}})()}),(()=>{if(!v)return;const e=!!("default"===L)&&C;return t.jsxs(l.ActionButtonSection,{children:[t.jsx(l.ActionButton,{ref:U,"data-testid":"cancel-button",styleType:"light",type:"button",onClick:Q,children:"Cancel"}),t.jsx(l.ActionButton,{"data-testid":"done-button",ref:O,type:"button",onClick:()=>{e||(W(E),"default"===L?ee("confirmed"):N("default"))},disabled:e,children:"Done"})]})})()]}))}));exports.CalendarManager=c;
+"use strict";var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),a=require("@lifesg/react-icons/chevron-down"),r=require("@lifesg/react-icons/chevron-left"),n=require("@lifesg/react-icons/chevron-right"),o=require("clsx"),i=require("../../external/dayjs/dayjs.min.js"),s=require("react"),l=require("../../button/button.js"),d=require("../../util/calendar-helper.js"),c=require("../../util/date-helper.js");require("../../util/simple-id-generator.js"),require("../../util/string-helper.js"),require("@react-aria/live-announcer");var u=require("../accessibility/index.js"),h=require("../clickable-icon/clickable-icon.js"),f=require("./calendar-manager.styles.js"),D=require("./internal-calendar-month.js"),p=require("./internal-calendar-year.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=m(o);const w=m(s).default.forwardRef(((o,m)=>{var{children:w,initialCalendarDate:y,minDate:g,maxDate:v,currentFocus:j,selectedStartDate:x,selectedEndDate:C,selectWithinRange:N,dynamicHeight:H=!1,allowDisabledSelection:k,onCalendarDateChange:M,withButton:R,doneButtonDisabled:q,onDismiss:S,showNavigationHeader:A=!0,getLeftArrowDate:I,getRightArrowDate:Y,isLeftArrowDisabled:B,isRightArrowDisabled:E,getMonthHeaderLabel:W,getYearHeaderLabel:F,isFocusable:L=!1}=o,$=e.__rest(o,["children","initialCalendarDate","minDate","maxDate","currentFocus","selectedStartDate","selectedEndDate","selectWithinRange","dynamicHeight","allowDisabledSelection","onCalendarDateChange","withButton","doneButtonDisabled","onDismiss","showNavigationHeader","getLeftArrowDate","getRightArrowDate","isLeftArrowDisabled","isRightArrowDisabled","getMonthHeaderLabel","getYearHeaderLabel","isFocusable"]);const[T,U]=s.useState(c.DateHelper.toDayjs(y)),[V,O]=s.useState(c.DateHelper.toDayjs(y)),[P,_]=s.useState("default"),z=s.useRef(null),K=s.useRef(null),Z=s.useRef(null),G=s.useRef(null);s.useImperativeHandle(m,(()=>({defaultView(){_("default")},resetView(){const e=c.DateHelper.toDayjs(y);U(e),O(e),_("default")},setCalendarDate(e){const t=c.DateHelper.toDayjs(e);U(t),O(t)}}))),s.useEffect((()=>{const e=c.DateHelper.toDayjs(y);U(e),O(e)}),[y]),s.useEffect((()=>{oe(V)}),[V]);const J=()=>{var e;"month-options"!==P?(_("month-options"),null===(e=Z.current)||void 0===e||e.focus()):(_("default"),U(V))},Q=e=>{var t;if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),J(),null===(t=G.current)||void 0===t||t.focus()),"ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const t="ArrowUp"===e.key?T.subtract(1,"month"):T.add(1,"month");if(!d.CalendarHelper.isWithinRange(t,g?i.default(g):void 0,v?i.default(v):void 0,"month"))return;U(t),"default"===P&&O(t)}},X=()=>{"default"!==P?(_("default"),U(V)):_("year-options")},ee=e=>{if("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),X()),"ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();let t;if(t="year-options"===P?"ArrowUp"===e.key?T.subtract(10,"year"):T.add(10,"year"):"ArrowUp"===e.key?T.subtract(1,"year"):T.add(1,"year"),!d.CalendarHelper.isWithinRange(t,g?i.default(g):void 0,v?i.default(v):void 0,"year"))return;U(t),"default"===P&&O(t)}},te=()=>{var e;null===(e=Z.current)||void 0===e||e.focus();const t=I?I(T):T.subtract(1,"month");switch(P){case"default":O(t),U(t);break;case"month-options":U((e=>e.subtract(1,"year")));break;case"year-options":U((e=>e.subtract(10,"year")))}},ae=()=>{var e;null===(e=Z.current)||void 0===e||e.focus();const t=Y?Y(T):T.add(1,"month");switch(P){case"default":O(t),U(t);break;case"month-options":U((e=>e.add(1,"year")));break;case"year-options":U((e=>e.add(10,"year")))}},re=e=>{U(e),O(e),R||_("default")},ne=()=>{const e=c.DateHelper.toDayjs(y);U(e),O(e),"default"===P?ie("reset"):_("default")},oe=e=>{M&&M(e)},ie=e=>{S&&S(e)},se=()=>{if(!g||k)return!1;const e=i.default(g);return"month-options"===P?!d.CalendarHelper.isPreviousYearWithinRange(T,e):"year-options"===P?!d.CalendarHelper.isPreviousDecadeWithinRange(T,e):B?B(T):!d.CalendarHelper.isPreviousMonthWithinRange(T,e)},le=()=>{if(!v||k)return!1;const e=i.default(v);return"month-options"===P?!d.CalendarHelper.isNextYearWithinRange(T,e):"year-options"===P?!d.CalendarHelper.isNextDecadeWithinRange(T,e):E?E(T):!d.CalendarHelper.isNextMonthWithinRange(T,e)},de=()=>{const e=W?W(T):T.format("MMM"),r=i.default(e,"MMM").format("MMMM"),n=(()=>{if("year-options"===P){const{beginDecade:e,endDecade:t}=d.CalendarHelper.getStartEndDecade(T);return`${e} to ${t}`}return F?F(T):T.format("YYYY")})(),o={"month-options":`${n}, Close month selection`,"year-options":`${n}, Close year selection`,default:`${n}, Select year`};return t.jsxs(t.Fragment,{children:[t.jsxs("button",{className:b.default(f.dropdownButton,"default"!==P&&f.hidden),"aria-label":`${r}, Select month`,type:"button",id:"month-dropdown",onClick:J,onKeyDown:Q,tabIndex:L?0:-1,children:[t.jsx("span",{className:f.dropdownText,children:e}),t.jsx(a.ChevronDownIcon,{className:b.default(f.icon,f.iconChevronDown,"month-options"===P&&f.iconChevronDownExpanded)})]}),t.jsxs("button",{ref:G,className:f.dropdownButton,"aria-label":o[P],type:"button",id:"year-dropdown",onClick:X,onKeyDown:ee,tabIndex:L?0:-1,children:[t.jsx("span",{className:f.dropdownText,children:n}),t.jsx(a.ChevronDownIcon,{className:b.default(f.icon,f.iconChevronDown,"default"!==P&&f.iconChevronDownExpanded)})]})]})},ce=()=>{switch(P){case"month-options":return t.jsx(D.InternalCalendarMonth,{calendarDate:T,currentFocus:j,minDate:g,maxDate:v,selectedStartDate:x,selectedEndDate:C,viewCalendarDate:V,isNewSelection:!!N,onMonthSelect:re,allowDisabledSelection:k});case"year-options":return t.jsx(p.InternalCalendarYear,{setCalendarDate:U,calendarDate:T,currentFocus:j,minDate:g,maxDate:v,selectedStartDate:x,selectedEndDate:C,viewCalendarDate:V,isNewSelection:!!N,onYearSelect:re,allowDisabledSelection:k});default:return null}};return t.jsxs("div",Object.assign({className:f.container,ref:Z,"data-id":"calendar-container","data-testid":"calendar-container","aria-label":V.format("MMMM, YYYY"),role:"group"},$,{children:[A&&(()=>{const e={"month-options":"year","year-options":"decade",default:"month"}[P];return t.jsxs("div",{className:f.header,"data-id":"calendar-header","data-testid":"calendar-header",children:[t.jsx("div",{className:f.headerInputDropdown,children:de()}),t.jsxs("div",{className:f.headerArrows,children:[t.jsx(h.ClickableIcon,{className:f.headerArrowButton,"aria-label":`Previous ${e}`,"data-testid":"left-arrow-btn",disabled:se(),focusHighlight:!1,focusOutline:"browser",onClick:te,tabIndex:L?0:-1,children:t.jsx(r.ChevronLeftIcon,{className:f.icon})}),t.jsx(h.ClickableIcon,{className:f.headerArrowButton,"aria-label":`Next ${e}`,"data-testid":"right-arrow-btn",disabled:le(),focusHighlight:!1,focusOutline:"browser",onClick:ae,tabIndex:L?0:-1,children:t.jsx(n.ChevronRightIcon,{className:f.icon})})]})]})})(),t.jsx("div",{className:f.toggleZone,children:(()=>{const e="function"==typeof w?w({calendarDate:V,currentView:P}):w;if(H)return t.jsxs(t.Fragment,{children:["default"===P&&e,ce()]});{const a="default"===P;return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:f.defaultView,inert:u.inertValue(!a),children:e}),t.jsx("div",{className:b.default(f.optionsOverlay,a&&f.hidden),children:ce()})]})}})()}),(()=>{if(!R)return;const e=!!("default"===P)&&q;return t.jsxs("div",{className:f.actionButtonSection,children:[t.jsx(l.Button,{className:f.actionButton,ref:K,"data-testid":"cancel-button",styleType:"light",type:"button",onClick:ne,sizeType:"small",children:"Cancel"}),t.jsx(l.Button,{className:f.actionButton,"data-testid":"done-button",ref:z,type:"button",onClick:()=>{e||(U(V),"default"===P?ie("confirmed"):_("default"))},disabled:e,sizeType:"small",children:"Done"})]})})()]}))}));exports.CalendarManager=w;
 //# sourceMappingURL=calendar-manager.js.map