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

package/date-input/date-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.js","sources":["../../src/date-input/date-input.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport type { DropdownRenderProps } from \"../shared/dropdown-wrapper\";\nimport { ElementWithDropdown } from \"../shared/dropdown-wrapper\";\nimport type {\n    CalendarAction,\n    InternalCalendarRef,\n} from \"../shared/internal-calendar\";\nimport { CalendarDropdown } from \"../shared/internal-calendar\";\nimport type { StandaloneDateInputRef } from \"../shared/standalone-date-input/standalone-date-input\";\nimport { StandaloneDateInput } from \"../shared/standalone-date-input/standalone-date-input\";\nimport { DateInputHelper } from \"../util\";\nimport { Container } from \"./date-input.style\";\nimport type { DateInputProps } from \"./types\";\n\nexport const DateInput = ({\n    minDate,\n    maxDate,\n    disabled,\n    disabledDates,\n    error,\n    hideInputKeyboard,\n    value,\n    onChange,\n    onFocus,\n    onBlur,\n    onYearMonthDisplayChange,\n    withButton = true,\n    readOnly,\n    id,\n    allowDisabledSelection,\n    zIndex,\n    dropdownRootNode,\n    ...otherProps\n}: DateInputProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const [initialDate, setInitialDate] = useState<string>(\n        DateInputHelper.sanitizeInput(value)\n    );\n    const [selectedDate, setSelectedDate] = useState<string>(\n        DateInputHelper.sanitizeInput(value)\n    );\n    const [hoveredDate, setHoveredDate] = useState<string | undefined>(\n        undefined\n    );\n    const [calendarOpen, setCalendarOpen] = useState<boolean>(false);\n    const [focused, setFocused] = useState<boolean>(false);\n\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<StandaloneDateInputRef>(null);\n    const calendarRef = useRef<InternalCalendarRef>(null);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        const newValue = DateInputHelper.sanitizeInput(value);\n        setInitialDate(newValue);\n        setSelectedDate(newValue);\n    }, [value]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleClose = () => {\n        inputRef.current?.resetInput();\n        setSelectedDate(initialDate);\n        setCalendarOpen(false);\n        setFocused(false);\n\n        performOnBlurHandler();\n\n        // clear hover value for mobile scrolling\n        setHoveredDate(undefined);\n    };\n\n    const handleDismiss = () => {\n        inputRef.current?.resetInput();\n        nodeRef.current?.focus();\n        setSelectedDate(initialDate);\n        setCalendarOpen(false);\n    };\n\n    const handleChange = (val: string) => {\n        if (\n            !allowDisabledSelection &&\n            DateInputHelper.isDateDisabled(val, {\n                disabledDates,\n                minDate,\n                maxDate,\n            })\n        ) {\n            return;\n        }\n\n        setSelectedDate(val);\n\n        if (!withButton) {\n            performOnChangeHandler(val);\n            setInitialDate(val);\n            if (val) {\n                setCalendarOpen(false);\n            }\n        }\n    };\n\n    const handleSelect = (val: string) => {\n        setSelectedDate(val);\n\n        if (!withButton) {\n            performOnChangeHandler(val);\n            setInitialDate(val);\n            if (val) {\n                inputRef.current?.focusYearRef();\n                setCalendarOpen(false);\n            }\n\n            // clear hover value for mobile when onMouseLeave={handleMouseLeaveCell} is not triggered due to touch input\n            setHoveredDate(undefined);\n        }\n    };\n\n    const handleFocus = () => {\n        if (readOnly || disabled) return;\n\n        setCalendarOpen(true);\n\n        if (focused) return;\n\n        setFocused(true);\n\n        if (onFocus) {\n            onFocus();\n        }\n    };\n\n    const handleBlur = (e: React.FocusEvent) => {\n        const target = e.relatedTarget as HTMLElement;\n\n        const isInsideCalendar =\n            calendarRef.current && calendarRef.current.contains(target);\n        const isInsideNode =\n            nodeRef.current && nodeRef.current.contains(target);\n        const isFloatingElement =\n            target?.matches?.(\"[data-floating-ui-focusable]\") ||\n            target?.matches?.(\"[data-floating-ui-focus-guard]\");\n\n        // Condition when the calendar is closed and focus moved outside the component\n        const shouldBlurWhenClosed =\n            focused && !calendarOpen && !isInsideNode && !isFloatingElement;\n\n        // Condition when the calendar is open, and focus went outside both input and calendar\n        const shouldBlurWhenOpenOutside =\n            calendarOpen &&\n            !isInsideNode &&\n            !isInsideCalendar &&\n            !isFloatingElement;\n\n        if (shouldBlurWhenClosed || shouldBlurWhenOpenOutside) {\n            inputRef.current?.resetInput();\n            setSelectedDate(initialDate);\n            setFocused(false);\n            setCalendarOpen(false);\n            performOnBlurHandler();\n        }\n    };\n\n    const handleHoverDayCell = (value: string) => {\n        setHoveredDate(value);\n    };\n\n    const handleCalendarAction = (buttonAction: CalendarAction) => {\n        // handle button in day calendar view\n        switch (buttonAction) {\n            case \"reset\":\n                setSelectedDate(initialDate);\n                break;\n            case \"confirmed\":\n                setInitialDate(selectedDate);\n                performOnChangeHandler(selectedDate);\n                break;\n        }\n\n        const isValid = dayjs(selectedDate, \"YYYY-MM-DD\", true).isValid();\n\n        // Focus on year input if the selected date is valid to avoid restarting entire tab order\n        if (isValid) {\n            inputRef.current?.focusYearRef();\n        } else {\n            nodeRef.current?.focus();\n        }\n        setCalendarOpen(false);\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const performOnChangeHandler = (changeValue: string) => {\n        if (onChange) {\n            onChange(changeValue);\n        }\n    };\n\n    const performOnBlurHandler = () => {\n        if (onBlur) {\n            onBlur();\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderInput = () => {\n        return (\n            <Container\n                role=\"group\"\n                tabIndex={0}\n                ref={nodeRef}\n                onBlur={handleBlur}\n                onFocus={handleFocus}\n                disabled={disabled}\n                readOnly={readOnly}\n                focused={focused}\n                error={error}\n                id={id}\n                data-testid={otherProps[\"data-testid\"]}\n                aria-disabled={disabled}\n                {...otherProps}\n            >\n                <StandaloneDateInput\n                    ref={inputRef}\n                    disabled={disabled}\n                    onChange={handleChange}\n                    readOnly={readOnly}\n                    focused={calendarOpen}\n                    names={[\"start-day\", \"start-month\", \"start-year\"]}\n                    value={selectedDate}\n                    hoverValue={hoveredDate}\n                    hideInputKeyboard={hideInputKeyboard}\n                />\n            </Container>\n        );\n    };\n\n    const renderCalendar = ({ elementWidth }: DropdownRenderProps) => {\n        return (\n            <CalendarDropdown\n                variant=\"single\"\n                ref={calendarRef}\n                initialCalendarDate={selectedDate}\n                withButton={withButton}\n                value={selectedDate}\n                disabledDates={disabledDates}\n                minDate={minDate}\n                maxDate={maxDate}\n                allowDisabledSelection={allowDisabledSelection}\n                onHover={handleHoverDayCell}\n                onSelect={handleSelect}\n                onDismiss={handleCalendarAction}\n                onYearMonthDisplayChange={onYearMonthDisplayChange}\n                width={elementWidth}\n                isFocusable={!readOnly && !disabled}\n            />\n        );\n    };\n\n    return (\n        <ElementWithDropdown\n            enabled={!readOnly && !disabled}\n            isOpen={calendarOpen}\n            renderElement={renderInput}\n            renderDropdown={renderCalendar}\n            onClose={handleClose}\n            onDismiss={handleDismiss}\n            customZIndex={zIndex}\n            offset={16}\n            rootNode={dropdownRootNode}\n        />\n    );\n};\n"],"names":["DateInput","_a","minDate","maxDate","disabled","disabledDates","error","hideInputKeyboard","value","onChange","onFocus","onBlur","onYearMonthDisplayChange","withButton","readOnly","id","allowDisabledSelection","zIndex","dropdownRootNode","otherProps","__rest","initialDate","setInitialDate","useState","DateInputHelper","sanitizeInput","selectedDate","setSelectedDate","hoveredDate","setHoveredDate","undefined","calendarOpen","setCalendarOpen","focused","setFocused","nodeRef","useRef","inputRef","calendarRef","useEffect","newValue","handleChange","val","isDateDisabled","performOnChangeHandler","handleSelect","current","focusYearRef","handleFocus","handleBlur","e","target","relatedTarget","isInsideCalendar","contains","isInsideNode","isFloatingElement","matches","call","_b","_c","resetInput","performOnBlurHandler","handleHoverDayCell","handleCalendarAction","buttonAction","dayjs","isValid","focus","changeValue","_jsx","ElementWithDropdown","enabled","isOpen","renderElement","Container","Object","assign","role","tabIndex","ref","children","StandaloneDateInput","names","hoverValue","renderDropdown","elementWidth","CalendarDropdown","variant","initialCalendarDate","onHover","onSelect","onDismiss","width","isFocusable","onClose","customZIndex","offset","rootNode"],"mappings":"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"}
+{"version":3,"file":"date-input.js","sources":["../../src/date-input/date-input.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport type { DropdownRenderProps } from \"../shared/dropdown-wrapper\";\nimport { ElementWithDropdown } from \"../shared/dropdown-wrapper\";\nimport { InputWrapper } from \"../shared/input-wrapper\";\nimport type {\n    CalendarAction,\n    InternalCalendarRef,\n} from \"../shared/internal-calendar\";\nimport { CalendarDropdown } from \"../shared/internal-calendar\";\nimport type { StandaloneDateInputRef } from \"../shared/standalone-date-input/standalone-date-input\";\nimport { StandaloneDateInput } from \"../shared/standalone-date-input/standalone-date-input\";\nimport { DateInputHelper } from \"../util\";\nimport * as styles from \"./date-input.styles\";\nimport type { DateInputProps } from \"./types\";\n\nexport const DateInput = ({\n    minDate,\n    maxDate,\n    disabled,\n    disabledDates,\n    error,\n    hideInputKeyboard,\n    value,\n    onChange,\n    onFocus,\n    onBlur,\n    onYearMonthDisplayChange,\n    withButton = true,\n    readOnly,\n    id,\n    allowDisabledSelection,\n    zIndex,\n    dropdownRootNode,\n    className,\n    ...otherProps\n}: DateInputProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const [initialDate, setInitialDate] = useState<string>(\n        DateInputHelper.sanitizeInput(value)\n    );\n    const [selectedDate, setSelectedDate] = useState<string>(\n        DateInputHelper.sanitizeInput(value)\n    );\n    const [hoveredDate, setHoveredDate] = useState<string | undefined>(\n        undefined\n    );\n    const [calendarOpen, setCalendarOpen] = useState<boolean>(false);\n    const [focused, setFocused] = useState<boolean>(false);\n\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<StandaloneDateInputRef>(null);\n    const calendarRef = useRef<InternalCalendarRef>(null);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        const newValue = DateInputHelper.sanitizeInput(value);\n        setInitialDate(newValue);\n        setSelectedDate(newValue);\n    }, [value]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleClose = () => {\n        inputRef.current?.resetInput();\n        setSelectedDate(initialDate);\n        setCalendarOpen(false);\n        setFocused(false);\n\n        performOnBlurHandler();\n\n        // clear hover value for mobile scrolling\n        setHoveredDate(undefined);\n    };\n\n    const handleDismiss = () => {\n        inputRef.current?.resetInput();\n        nodeRef.current?.focus();\n        setSelectedDate(initialDate);\n        setCalendarOpen(false);\n    };\n\n    const handleChange = (val: string) => {\n        if (\n            !allowDisabledSelection &&\n            DateInputHelper.isDateDisabled(val, {\n                disabledDates,\n                minDate,\n                maxDate,\n            })\n        ) {\n            return;\n        }\n\n        setSelectedDate(val);\n\n        if (!withButton) {\n            performOnChangeHandler(val);\n            setInitialDate(val);\n            if (val) {\n                setCalendarOpen(false);\n            }\n        }\n    };\n\n    const handleSelect = (val: string) => {\n        setSelectedDate(val);\n\n        if (!withButton) {\n            performOnChangeHandler(val);\n            setInitialDate(val);\n            if (val) {\n                inputRef.current?.focusYearRef();\n                setCalendarOpen(false);\n            }\n\n            // clear hover value for mobile when onMouseLeave={handleMouseLeaveCell} is not triggered due to touch input\n            setHoveredDate(undefined);\n        }\n    };\n\n    const handleFocus = () => {\n        if (readOnly || disabled) return;\n\n        setCalendarOpen(true);\n\n        if (focused) return;\n\n        setFocused(true);\n\n        if (onFocus) {\n            onFocus();\n        }\n    };\n\n    const handleBlur = (e: React.FocusEvent) => {\n        const target = e.relatedTarget as HTMLElement;\n\n        const isInsideCalendar =\n            calendarRef.current && calendarRef.current.contains(target);\n        const isInsideNode =\n            nodeRef.current && nodeRef.current.contains(target);\n        const isFloatingElement =\n            target?.matches?.(\"[data-floating-ui-focusable]\") ||\n            target?.matches?.(\"[data-floating-ui-focus-guard]\");\n\n        // Condition when the calendar is closed and focus moved outside the component\n        const shouldBlurWhenClosed =\n            focused && !calendarOpen && !isInsideNode && !isFloatingElement;\n\n        // Condition when the calendar is open, and focus went outside both input and calendar\n        const shouldBlurWhenOpenOutside =\n            calendarOpen &&\n            !isInsideNode &&\n            !isInsideCalendar &&\n            !isFloatingElement;\n\n        if (shouldBlurWhenClosed || shouldBlurWhenOpenOutside) {\n            inputRef.current?.resetInput();\n            setSelectedDate(initialDate);\n            setFocused(false);\n            setCalendarOpen(false);\n            performOnBlurHandler();\n        }\n    };\n\n    const handleHoverDayCell = (value: string) => {\n        setHoveredDate(value);\n    };\n\n    const handleCalendarAction = (buttonAction: CalendarAction) => {\n        // handle button in day calendar view\n        switch (buttonAction) {\n            case \"reset\":\n                setSelectedDate(initialDate);\n                break;\n            case \"confirmed\":\n                setInitialDate(selectedDate);\n                performOnChangeHandler(selectedDate);\n                break;\n        }\n\n        const isValid = dayjs(selectedDate, \"YYYY-MM-DD\", true).isValid();\n\n        // Focus on year input if the selected date is valid to avoid restarting entire tab order\n        if (isValid) {\n            inputRef.current?.focusYearRef();\n        } else {\n            nodeRef.current?.focus();\n        }\n        setCalendarOpen(false);\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const performOnChangeHandler = (changeValue: string) => {\n        if (onChange) {\n            onChange(changeValue);\n        }\n    };\n\n    const performOnBlurHandler = () => {\n        if (onBlur) {\n            onBlur();\n        }\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderInput = () => {\n        return (\n            <InputWrapper\n                role=\"group\"\n                tabIndex={0}\n                ref={nodeRef}\n                onBlur={handleBlur}\n                onFocus={handleFocus}\n                disabled={disabled}\n                readOnly={readOnly}\n                focused={focused}\n                error={error}\n                id={id}\n                data-testid={otherProps[\"data-testid\"]}\n                aria-disabled={disabled}\n                className={clsx(styles.container, className)}\n                {...otherProps}\n            >\n                <StandaloneDateInput\n                    ref={inputRef}\n                    disabled={disabled}\n                    onChange={handleChange}\n                    readOnly={readOnly}\n                    focused={calendarOpen}\n                    names={[\"start-day\", \"start-month\", \"start-year\"]}\n                    value={selectedDate}\n                    hoverValue={hoveredDate}\n                    hideInputKeyboard={hideInputKeyboard}\n                />\n            </InputWrapper>\n        );\n    };\n\n    const renderCalendar = ({ elementWidth }: DropdownRenderProps) => {\n        return (\n            <CalendarDropdown\n                variant=\"single\"\n                ref={calendarRef}\n                initialCalendarDate={selectedDate}\n                withButton={withButton}\n                value={selectedDate}\n                disabledDates={disabledDates}\n                minDate={minDate}\n                maxDate={maxDate}\n                allowDisabledSelection={allowDisabledSelection}\n                onHover={handleHoverDayCell}\n                onSelect={handleSelect}\n                onDismiss={handleCalendarAction}\n                onYearMonthDisplayChange={onYearMonthDisplayChange}\n                width={elementWidth}\n                isFocusable={!readOnly && !disabled}\n            />\n        );\n    };\n\n    return (\n        <ElementWithDropdown\n            enabled={!readOnly && !disabled}\n            isOpen={calendarOpen}\n            renderElement={renderInput}\n            renderDropdown={renderCalendar}\n            onClose={handleClose}\n            onDismiss={handleDismiss}\n            customZIndex={zIndex}\n            offset={16}\n            rootNode={dropdownRootNode}\n        />\n    );\n};\n"],"names":["DateInput","_a","minDate","maxDate","disabled","disabledDates","error","hideInputKeyboard","value","onChange","onFocus","onBlur","onYearMonthDisplayChange","withButton","readOnly","id","allowDisabledSelection","zIndex","dropdownRootNode","className","otherProps","__rest","initialDate","setInitialDate","useState","DateInputHelper","sanitizeInput","selectedDate","setSelectedDate","hoveredDate","setHoveredDate","undefined","calendarOpen","setCalendarOpen","focused","setFocused","nodeRef","useRef","inputRef","calendarRef","useEffect","newValue","handleChange","val","isDateDisabled","performOnChangeHandler","handleSelect","current","focusYearRef","handleFocus","handleBlur","e","target","relatedTarget","isInsideCalendar","contains","isInsideNode","isFloatingElement","matches","call","_b","_c","resetInput","performOnBlurHandler","handleHoverDayCell","handleCalendarAction","buttonAction","dayjs","isValid","focus","changeValue","_jsx","ElementWithDropdown","enabled","isOpen","renderElement","InputWrapper","Object","assign","role","tabIndex","ref","clsx","styles.container","children","StandaloneDateInput","names","hoverValue","renderDropdown","elementWidth","CalendarDropdown","variant","initialCalendarDate","onHover","onSelect","onDismiss","width","isFocusable","onClose","customZIndex","offset","rootNode"],"mappings":"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"}

package/date-input/date-input.styles.d.ts

@@ -0,0 +1 @@
+export declare const container: import("@linaria/core").LinariaClassName;

package/date-input/date-input.styles.js

@@ -0,0 +1,2 @@
+import"./date-input.styles_1r5kcc7.css";const t="c1udubt6";export{t as container};
+//# sourceMappingURL=date-input.styles.js.map

package/date-input/date-input.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-input.styles.js","sources":["../../src/date-input/date-input.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\n// =============================================================================\n// STYLING\n// =============================================================================\n\nexport const container = css`\n    height: 3rem;\n`;\n"],"names":["container"],"mappings":"kEAMO,MAAMA,EAAS"}

package/date-input/date-input.styles_1r5kcc7.css

@@ -0,0 +1 @@
+.c1udubt6{height:3rem;}

package/date-range-input/date-range-input.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"../_virtual/_tslib.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import n from"../external/dayjs/dayjs.min.js";import{useState as a,useRef as s,useEffect as i}from"react";import{ElementWithDropdown as d}from"../shared/dropdown-wrapper/element-with-dropdown.js";import{CalendarDropdown as l}from"../shared/internal-calendar/calendar-dropdown.js";import"../shared/internal-calendar/internal-calendar.js";import{RangeInputInnerContainer as o}from"../shared/range-input-inner-container/range-input-inner-container.js";import{StandaloneDateInput as c}from"../shared/standalone-date-input/standalone-date-input.js";import"../util/calendar-helper.js";import{DateHelper as u}from"../util/date-helper.js";import{DateInputHelper as f}from"../util/date-input-helper.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import{useContainerQuery as v}from"../util/use-container-query.js";import"@react-aria/live-announcer";import{useStateActions as m}from"../util/use-state-actions.js";import{Container as p,InputContainer as g,MOBILE_WRAP_WIDTH as h}from"./date-range-input.style.js";const D={initialStart:"",initialEnd:"",selectedStart:"",selectedEnd:"",currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1,focused:!1},b=b=>{var{minDate:O,maxDate:Y,disabled:j,disabledDates:y,error:E,hideInputKeyboard:S,value:w,valueEnd:M,onChange:F,onFocus:x,onBlur:k,onYearMonthDisplayChange:R,withButton:C=!0,variant:I="range",numberOfDays:B=7,readOnly:P,id:K,allowDisabledSelection:z,zIndex:$,dropdownRootNode:N}=b,V=e(b,["minDate","maxDate","disabled","disabledDates","error","hideInputKeyboard","value","valueEnd","onChange","onFocus","onBlur","onYearMonthDisplayChange","withButton","variant","numberOfDays","readOnly","id","allowDisabledSelection","zIndex","dropdownRootNode"]);const[W,A]=a(),[L,T]=a(void 0),_="week"===I,q="fixed-range"===I,[H,Z]=a(!1),[G,J]=a(!1),[{selectedStart:Q,selectedEnd:U,currentFocus:X,calendarOpen:ee,isStartDirty:te,isEndDirty:re,focused:ne},ae]=m({name:"date-range-input",initialState:D,reducers:{blur:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart,selectedEnd:e.initialEnd,currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1,focused:!1}),dismiss:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart,selectedEnd:e.initialEnd,currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1}),changeStart:(e,t)=>Object.assign(Object.assign({},e),{selectedStart:t,isStartDirty:!0}),changeEnd:(e,t)=>Object.assign(Object.assign({},e),{selectedEnd:t,isEndDirty:!0}),reselectStart:e=>Object.assign(Object.assign({},e),{selectedStart:"",currentFocus:"start"}),reselectEnd:e=>Object.assign(Object.assign({},e),{selectedEnd:"",currentFocus:"end"}),focus:(e,t)=>Object.assign(Object.assign({},e),{currentFocus:_?"none":q?"start":t,calendarOpen:!P,focused:!0}),cancel:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart,selectedEnd:e.initialEnd,currentFocus:"none",calendarOpen:!1}),done:(e,t)=>Object.assign(Object.assign({},e),{selectedStart:t.start,selectedEnd:t.end,initialStart:t.start,initialEnd:t.end,currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1}),resetStart:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart}),resetEnd:e=>Object.assign(Object.assign({},e),{selectedEnd:e.initialEnd}),resetRange:(e,t)=>Object.assign(Object.assign({},e),{initialStart:t.start,selectedStart:t.start,initialEnd:t.end,selectedEnd:t.end})}}),se=s(!1),ie=s(null),de=s(null),le=s(null),oe=s(null),ce=v({maxWidth:h,targetRef:ie});i((()=>{ae.resetRange({start:f.sanitizeInput(w),end:f.sanitizeInput(M)})}),[w,M]),i((()=>{"start"===X?A(Q):"end"===X&&U&&A(U)}),[X]);const ue=e=>{var t,r,n;"Enter"!==e.code||C||(Q&&U?(ae.done({start:Q,end:U}),null==F||F(Q,U)):(ae.dismiss(),null===(t=ie.current)||void 0===t||t.focus(),null===(r=le.current)||void 0===r||r.resetPlaceholder(),null===(n=oe.current)||void 0===n||n.resetPlaceholder()))},fe=e=>{var t;if(we(e))return void(se.current=!0);if(ae.changeStart(e),e&&(null===(t=de.current)||void 0===t||t.setCalendarDate(e)),se.current=!1,!e)return void(C||U||!re||(ae.resetRange({start:"",end:""}),null==F||F("","")));if(!U)return void ae.focus("end");if(n(e).isAfter(U,"day"))ae.reselectEnd();else{if(re)return C?void 0:(ae.done({start:e,end:U}),void(null==F||F(e,U)));ae.focus("end")}},ve=e=>{var t,r,a;if(we(e))return void(se.current=!0);if(n(e).isBefore(Q,"day"))return ae.changeStart(e),null===(t=de.current)||void 0===t||t.setCalendarDate(e),void ae.reselectEnd();if(ae.changeEnd(e),e&&(null===(r=de.current)||void 0===r||r.setCalendarDate(e)),e){if(Q)return C?void 0:(null===(a=oe.current)||void 0===a||a.focusYearRef(),ae.done({start:Q,end:e}),void(null==F||F(Q,e)));ae.focus("start")}else C||Q||!te||(ae.resetRange({start:"",end:""}),null==F||F("",""))},me=e=>{var t,r;if(we(e))return void(se.current=!0);if(ae.changeStart(e),null===(t=de.current)||void 0===t||t.setCalendarDate(e),se.current=!1,!e)return void(C?ae.changeEnd(""):(ae.resetRange({start:"",end:""}),null==F||F("","")));const a=n(e).format("YYYY-MM-DD"),s=n(a).add(B-1,"day").format("YYYY-MM-DD");return ae.changeStart(a),ae.changeEnd(s),se.current=!1,C?void 0:(ae.done({start:a,end:s}),null===(r=le.current)||void 0===r||r.focusYearRef(),void(null==F||F(a,s)))},pe=()=>{(_||q)&&J(!0),_&&Z(!0),P||j||ne||(ae.focus("start"),null==x||x())},ge=e=>{var t,r,n,a;const s=e.relatedTarget,i=de.current&&de.current.contains(s),d=ie.current&&ie.current.contains(s),l=(null===(t=null==s?void 0:s.matches)||void 0===t?void 0:t.call(s,"[data-floating-ui-focusable]"))||(null===(r=null==s?void 0:s.matches)||void 0===r?void 0:r.call(s,"[data-floating-ui-focus-guard]"));(ne&&!ee&&!d&&!l||ee&&!d&&!i&&!l)&&(ae.blur(),J(!1),Z(!1),null===(n=le.current)||void 0===n||n.resetPlaceholder(),null===(a=oe.current)||void 0===a||a.resetPlaceholder(),Se())},he=e=>t=>{t.stopPropagation(),P||(ae.focus(e),De(),be(),ne||null==x||x())},De=()=>{if(_){const e=u.toDayjs(Q).startOf("week").format("YYYY-MM-DD");Z(!0),J(!0),A(e)}},be=()=>{q&&(J(!0),A(Q))},Oe=e=>{var t;e&&!se.current||(ae.resetStart(),null===(t=le.current)||void 0===t||t.resetInput())},Ye=e=>{var t;e&&!se.current||(ae.resetEnd(),null===(t=oe.current)||void 0===t||t.resetInput())},je=e=>{switch(I){case"week":(e=>{var t;const r=n(e).startOf("week").format("YYYY-MM-DD"),a=n(e).endOf("week").format("YYYY-MM-DD");if(ae.changeStart(r),ae.changeEnd(a),se.current=!1,!C)null===(t=oe.current)||void 0===t||t.focusYearRef(),ae.done({start:r,end:a}),null==F||F(r,a)})(e);break;case"fixed-range":me(e);break;default:"start"===X?fe(e):"end"===X&&ve(e)}},ye=e=>{var t,r,n;switch(null===(t=ie.current)||void 0===t||t.focus(),e){case"reset":ae.cancel();break;case"confirmed":if(ae.done({start:Q,end:U}),null==F||F(Q,U),_)break;Me(Q,U)&&("range"===I?null===(r=oe.current)||void 0===r||r.focusYearRef():null===(n=le.current)||void 0===n||n.focusYearRef())}},Ee=e=>{T(e)},Se=()=>{k&&k()},we=e=>!z&&e&&f.isDateDisabled(e,{disabledDates:y,minDate:O,maxDate:Y}),Me=(e,t)=>!(!e||!t)&&n(e).isBefore(t,"day"),Fe=e=>{let t={start:void 0,end:void 0};switch(I){case"range":t={start:"start"===X?L:void 0,end:"end"===X?L:void 0};break;case"week":if(!L)return;t={start:n(L).startOf("week").format("YYYY-MM-DD"),end:n(L).endOf("week").format("YYYY-MM-DD")};break;case"fixed-range":if(!L)return;t={start:n(L).format("YYYY-MM-DD"),end:n(L).add(B-1,"day").format("YYYY-MM-DD")}}return t[e]};return t(d,{enabled:!P&&!j,isOpen:ee,onClose:()=>{var e,t;ae.blur(),Z(!1),J(!1),null===(e=le.current)||void 0===e||e.resetPlaceholder(),null===(t=oe.current)||void 0===t||t.resetPlaceholder(),Se()},onDismiss:()=>{var e,t,r;ae.dismiss(),null===(e=ie.current)||void 0===e||e.focus(),null===(t=le.current)||void 0===t||t.resetPlaceholder(),null===(r=oe.current)||void 0===r||r.resetPlaceholder()},renderElement:()=>t(p,Object.assign({role:"group",ref:ie,tabIndex:0,onFocus:pe,onBlur:ge,focused:ne,disabled:j,readOnly:P,$readOnly:P,error:E,$wrap:ce,id:K,"data-testid":V["data-testid"],"aria-disabled":j,onKeyDown:ue},V,{children:r(o,{currentActive:X,wrap:ce,error:E,children:[t(g,{$wrap:ce,children:t(c,{ref:le,placeholder:"From",names:["start-day","start-month","start-year"],inputLabels:["Start Date","Start Month","Start Year"],value:Q,disabled:j,readOnly:H||P,focused:"start"===X,hoverValue:Fe("start"),onChange:q?me:fe,onFocus:he("start"),onBlur:Oe,hideInputKeyboard:S})}),t(g,{$wrap:ce,children:t(c,{ref:oe,placeholder:"To",names:["end-day","end-month","end-year"],inputLabels:["End Date","End Month","End Year"],value:U,disabled:j,readOnly:G||P,focused:"end"===X,hoverValue:Fe("end"),onChange:ve,onFocus:he("end"),onBlur:Ye,hideInputKeyboard:S})})]})})),renderDropdown:({elementWidth:e})=>t(l,{ref:de,variant:I,initialCalendarDate:W,withButton:C,value:Q,endValue:U,selectWithinRange:te||re,currentFocus:X,disabledDates:y,minDate:O,maxDate:Y,allowDisabledSelection:z,onSelect:je,onDismiss:ye,onHover:Ee,onYearMonthDisplayChange:R,numberOfDays:B,width:e,isFocusable:!P&&!j}),customZIndex:$,offset:16,rootNode:N})};export{b as DateRangeInput};
+import{__rest as e}from"../_virtual/_tslib.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import n from"clsx";import a from"../external/dayjs/dayjs.min.js";import{useState as s,useRef as i,useEffect as d}from"react";import{ElementWithDropdown as l}from"../shared/dropdown-wrapper/element-with-dropdown.js";import{InputWrapper as o}from"../shared/input-wrapper/input-wrapper.js";import{CalendarDropdown as c}from"../shared/internal-calendar/calendar-dropdown.js";import"../shared/internal-calendar/internal-calendar.js";import{RangeInputInnerContainer as u}from"../shared/range-input-inner-container/range-input-inner-container.js";import{StandaloneDateInput as f}from"../shared/standalone-date-input/standalone-date-input.js";import"../util/calendar-helper.js";import{DateHelper as m}from"../util/date-helper.js";import{DateInputHelper as v}from"../util/date-input-helper.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import{useContainerQuery as p}from"../util/use-container-query.js";import"@react-aria/live-announcer";import{useStateActions as g}from"../util/use-state-actions.js";import{inputContainer as h,inputContainerWrap as D,containerWrap as b,containerWrapReadOnly as O,MOBILE_WRAP_WIDTH as Y}from"./date-range-input.styles.js";const j={initialStart:"",initialEnd:"",selectedStart:"",selectedEnd:"",currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1,focused:!1},y=y=>{var{minDate:E,maxDate:S,disabled:w,disabledDates:M,error:F,hideInputKeyboard:x,value:k,valueEnd:R,onChange:C,onFocus:I,onBlur:B,onYearMonthDisplayChange:P,withButton:N=!0,variant:K="range",numberOfDays:z=7,readOnly:V,id:W,allowDisabledSelection:A,zIndex:L,dropdownRootNode:T}=y,_=e(y,["minDate","maxDate","disabled","disabledDates","error","hideInputKeyboard","value","valueEnd","onChange","onFocus","onBlur","onYearMonthDisplayChange","withButton","variant","numberOfDays","readOnly","id","allowDisabledSelection","zIndex","dropdownRootNode"]);const[q,H]=s(),[Z,G]=s(void 0),J="week"===K,Q="fixed-range"===K,[U,X]=s(!1),[$,ee]=s(!1),[{selectedStart:te,selectedEnd:re,currentFocus:ne,calendarOpen:ae,isStartDirty:se,isEndDirty:ie,focused:de},le]=g({name:"date-range-input",initialState:j,reducers:{blur:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart,selectedEnd:e.initialEnd,currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1,focused:!1}),dismiss:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart,selectedEnd:e.initialEnd,currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1}),changeStart:(e,t)=>Object.assign(Object.assign({},e),{selectedStart:t,isStartDirty:!0}),changeEnd:(e,t)=>Object.assign(Object.assign({},e),{selectedEnd:t,isEndDirty:!0}),reselectStart:e=>Object.assign(Object.assign({},e),{selectedStart:"",currentFocus:"start"}),reselectEnd:e=>Object.assign(Object.assign({},e),{selectedEnd:"",currentFocus:"end"}),focus:(e,t)=>Object.assign(Object.assign({},e),{currentFocus:J?"none":Q?"start":t,calendarOpen:!V,focused:!0}),cancel:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart,selectedEnd:e.initialEnd,currentFocus:"none",calendarOpen:!1}),done:(e,t)=>Object.assign(Object.assign({},e),{selectedStart:t.start,selectedEnd:t.end,initialStart:t.start,initialEnd:t.end,currentFocus:"none",calendarOpen:!1,isStartDirty:!1,isEndDirty:!1}),resetStart:e=>Object.assign(Object.assign({},e),{selectedStart:e.initialStart}),resetEnd:e=>Object.assign(Object.assign({},e),{selectedEnd:e.initialEnd}),resetRange:(e,t)=>Object.assign(Object.assign({},e),{initialStart:t.start,selectedStart:t.start,initialEnd:t.end,selectedEnd:t.end})}}),oe=i(!1),ce=i(null),ue=i(null),fe=i(null),me=i(null),ve=p({maxWidth:Y,targetRef:ce});d((()=>{le.resetRange({start:v.sanitizeInput(k),end:v.sanitizeInput(R)})}),[k,R]),d((()=>{"start"===ne?H(te):"end"===ne&&re&&H(re)}),[ne]);const pe=e=>{var t,r,n;"Enter"!==e.code||N||(te&&re?(le.done({start:te,end:re}),null==C||C(te,re)):(le.dismiss(),null===(t=ce.current)||void 0===t||t.focus(),null===(r=fe.current)||void 0===r||r.resetPlaceholder(),null===(n=me.current)||void 0===n||n.resetPlaceholder()))},ge=e=>{var t;if(ke(e))return void(oe.current=!0);if(le.changeStart(e),e&&(null===(t=ue.current)||void 0===t||t.setCalendarDate(e)),oe.current=!1,!e)return void(N||re||!ie||(le.resetRange({start:"",end:""}),null==C||C("","")));if(!re)return void le.focus("end");if(a(e).isAfter(re,"day"))le.reselectEnd();else{if(ie)return N?void 0:(le.done({start:e,end:re}),void(null==C||C(e,re)));le.focus("end")}},he=e=>{var t,r,n;if(ke(e))return void(oe.current=!0);if(a(e).isBefore(te,"day"))return le.changeStart(e),null===(t=ue.current)||void 0===t||t.setCalendarDate(e),void le.reselectEnd();if(le.changeEnd(e),e&&(null===(r=ue.current)||void 0===r||r.setCalendarDate(e)),e){if(te)return N?void 0:(null===(n=me.current)||void 0===n||n.focusYearRef(),le.done({start:te,end:e}),void(null==C||C(te,e)));le.focus("start")}else N||te||!se||(le.resetRange({start:"",end:""}),null==C||C("",""))},De=e=>{var t,r;if(ke(e))return void(oe.current=!0);if(le.changeStart(e),null===(t=ue.current)||void 0===t||t.setCalendarDate(e),oe.current=!1,!e)return void(N?le.changeEnd(""):(le.resetRange({start:"",end:""}),null==C||C("","")));const n=a(e).format("YYYY-MM-DD"),s=a(n).add(z-1,"day").format("YYYY-MM-DD");return le.changeStart(n),le.changeEnd(s),oe.current=!1,N?void 0:(le.done({start:n,end:s}),null===(r=fe.current)||void 0===r||r.focusYearRef(),void(null==C||C(n,s)))},be=()=>{(J||Q)&&ee(!0),J&&X(!0),V||w||de||(le.focus("start"),null==I||I())},Oe=e=>{var t,r,n,a;const s=e.relatedTarget,i=ue.current&&ue.current.contains(s),d=ce.current&&ce.current.contains(s),l=(null===(t=null==s?void 0:s.matches)||void 0===t?void 0:t.call(s,"[data-floating-ui-focusable]"))||(null===(r=null==s?void 0:s.matches)||void 0===r?void 0:r.call(s,"[data-floating-ui-focus-guard]"));(de&&!ae&&!d&&!l||ae&&!d&&!i&&!l)&&(le.blur(),ee(!1),X(!1),null===(n=fe.current)||void 0===n||n.resetPlaceholder(),null===(a=me.current)||void 0===a||a.resetPlaceholder(),xe())},Ye=e=>t=>{t.stopPropagation(),V||(le.focus(e),je(),ye(),de||null==I||I())},je=()=>{if(J){const e=m.toDayjs(te).startOf("week").format("YYYY-MM-DD");X(!0),ee(!0),H(e)}},ye=()=>{Q&&(ee(!0),H(te))},Ee=e=>{var t;e&&!oe.current||(le.resetStart(),null===(t=fe.current)||void 0===t||t.resetInput())},Se=e=>{var t;e&&!oe.current||(le.resetEnd(),null===(t=me.current)||void 0===t||t.resetInput())},we=e=>{switch(K){case"week":(e=>{var t;const r=a(e).startOf("week").format("YYYY-MM-DD"),n=a(e).endOf("week").format("YYYY-MM-DD");if(le.changeStart(r),le.changeEnd(n),oe.current=!1,!N)null===(t=me.current)||void 0===t||t.focusYearRef(),le.done({start:r,end:n}),null==C||C(r,n)})(e);break;case"fixed-range":De(e);break;default:"start"===ne?ge(e):"end"===ne&&he(e)}},Me=e=>{var t,r,n;switch(null===(t=ce.current)||void 0===t||t.focus(),e){case"reset":le.cancel();break;case"confirmed":if(le.done({start:te,end:re}),null==C||C(te,re),J)break;Re(te,re)&&("range"===K?null===(r=me.current)||void 0===r||r.focusYearRef():null===(n=fe.current)||void 0===n||n.focusYearRef())}},Fe=e=>{G(e)},xe=()=>{B&&B()},ke=e=>!A&&e&&v.isDateDisabled(e,{disabledDates:M,minDate:E,maxDate:S}),Re=(e,t)=>!(!e||!t)&&a(e).isBefore(t,"day"),Ce=e=>{let t={start:void 0,end:void 0};switch(K){case"range":t={start:"start"===ne?Z:void 0,end:"end"===ne?Z:void 0};break;case"week":if(!Z)return;t={start:a(Z).startOf("week").format("YYYY-MM-DD"),end:a(Z).endOf("week").format("YYYY-MM-DD")};break;case"fixed-range":if(!Z)return;t={start:a(Z).format("YYYY-MM-DD"),end:a(Z).add(z-1,"day").format("YYYY-MM-DD")}}return t[e]};return t(l,{enabled:!V&&!w,isOpen:ae,onClose:()=>{var e,t;le.blur(),X(!1),ee(!1),null===(e=fe.current)||void 0===e||e.resetPlaceholder(),null===(t=me.current)||void 0===t||t.resetPlaceholder(),xe()},onDismiss:()=>{var e,t,r;le.dismiss(),null===(e=ce.current)||void 0===e||e.focus(),null===(t=fe.current)||void 0===t||t.resetPlaceholder(),null===(r=me.current)||void 0===r||r.resetPlaceholder()},renderElement:()=>t(o,Object.assign({role:"group",ref:ce,tabIndex:0,onFocus:be,onBlur:Oe,focused:de,disabled:w,readOnly:V,error:F,id:W,"data-testid":_["data-testid"],"aria-disabled":w,onKeyDown:pe},_,{className:n(ve&&!V&&b,ve&&V&&O,_.className),children:r(u,{currentActive:ne,wrap:ve,error:F,children:[t("div",{className:n(h,ve&&D),children:t(f,{ref:fe,placeholder:"From",names:["start-day","start-month","start-year"],inputLabels:["Start Date","Start Month","Start Year"],value:te,disabled:w,readOnly:U||V,focused:"start"===ne,hoverValue:Ce("start"),onChange:Q?De:ge,onFocus:Ye("start"),onBlur:Ee,hideInputKeyboard:x})}),t("div",{className:n(h,ve&&D),children:t(f,{ref:me,placeholder:"To",names:["end-day","end-month","end-year"],inputLabels:["End Date","End Month","End Year"],value:re,disabled:w,readOnly:$||V,focused:"end"===ne,hoverValue:Ce("end"),onChange:he,onFocus:Ye("end"),onBlur:Se,hideInputKeyboard:x})})]})})),renderDropdown:({elementWidth:e})=>t(c,{ref:ue,variant:K,initialCalendarDate:q,withButton:N,value:te,endValue:re,selectWithinRange:se||ie,currentFocus:ne,disabledDates:M,minDate:E,maxDate:S,allowDisabledSelection:A,onSelect:we,onDismiss:Me,onHover:Fe,onYearMonthDisplayChange:P,numberOfDays:z,width:e,isFocusable:!V&&!w}),customZIndex:L,offset:16,rootNode:T})};export{y as DateRangeInput};
 //# sourceMappingURL=date-range-input.js.map

package/date-range-input/date-range-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-input.js","sources":["../../src/date-range-input/date-range-input.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport type { DropdownRenderProps } from \"../shared/dropdown-wrapper\";\nimport { ElementWithDropdown } from \"../shared/dropdown-wrapper\";\nimport type {\n    CalendarAction,\n    FocusType,\n    InternalCalendarRef,\n} from \"../shared/internal-calendar\";\nimport { CalendarDropdown } from \"../shared/internal-calendar\";\nimport { RangeInputInnerContainer } from \"../shared/range-input-inner-container\";\nimport type { StandaloneDateInputRef } from \"../shared/standalone-date-input/standalone-date-input\";\nimport { StandaloneDateInput } from \"../shared/standalone-date-input/standalone-date-input\";\nimport { DateHelper, DateInputHelper, useContainerQuery } from \"../util\";\nimport { useStateActions } from \"../util/use-state-actions\";\nimport {\n    Container,\n    InputContainer,\n    MOBILE_WRAP_WIDTH,\n} from \"./date-range-input.style\";\nimport type { DateRangeInputProps } from \"./types\";\n\ninterface DateRangeInputState {\n    initialStart: string;\n    initialEnd: string;\n    selectedStart: string;\n    selectedEnd: string;\n    currentFocus: FocusType;\n    calendarOpen: boolean;\n    isStartDirty: boolean;\n    isEndDirty: boolean;\n    focused: boolean;\n}\n\nconst INITIAL_STATE: DateRangeInputState = {\n    initialStart: \"\",\n    initialEnd: \"\",\n    selectedStart: \"\",\n    selectedEnd: \"\",\n    currentFocus: \"none\",\n    calendarOpen: false,\n    isStartDirty: false,\n    isEndDirty: false,\n    focused: false,\n};\n\nexport const DateRangeInput = ({\n    minDate,\n    maxDate,\n    disabled,\n    disabledDates,\n    error,\n    hideInputKeyboard,\n    value,\n    valueEnd,\n    onChange,\n    onFocus,\n    onBlur,\n    onYearMonthDisplayChange,\n    withButton = true,\n    variant = \"range\",\n    numberOfDays = 7,\n    readOnly,\n    id,\n    allowDisabledSelection,\n    zIndex,\n    dropdownRootNode: rootNode,\n    ...otherProps\n}: DateRangeInputProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const [initialCalendarDate, setInitialCalendarDate] = useState<string>();\n    const [hoverValue, setHoverValue] = useState<string | undefined>(undefined);\n    const isWeekSelection = variant === \"week\";\n    const isFixedRangeSelection = variant === \"fixed-range\";\n\n    const [isStartDisabled, setIsStartDisabled] = useState<boolean>(false);\n    const [isEndDisabled, setIsEndDisabled] = useState<boolean>(false);\n\n    const [\n        {\n            selectedStart,\n            selectedEnd,\n            currentFocus,\n            calendarOpen,\n            isStartDirty,\n            isEndDirty,\n            focused,\n        },\n        actions,\n    ] = useStateActions({\n        name: \"date-range-input\",\n        initialState: INITIAL_STATE,\n        reducers: {\n            blur: (state) => ({\n                ...state,\n                selectedStart: state.initialStart,\n                selectedEnd: state.initialEnd,\n                currentFocus: \"none\",\n                calendarOpen: false,\n                isStartDirty: false,\n                isEndDirty: false,\n                focused: false,\n            }),\n            dismiss: (state) => ({\n                ...state,\n                selectedStart: state.initialStart,\n                selectedEnd: state.initialEnd,\n                currentFocus: \"none\",\n                calendarOpen: false,\n                isStartDirty: false,\n                isEndDirty: false,\n            }),\n            changeStart: (state, val: string) => ({\n                ...state,\n                selectedStart: val,\n                isStartDirty: true,\n            }),\n            changeEnd: (state, val: string) => ({\n                ...state,\n                selectedEnd: val,\n                isEndDirty: true,\n            }),\n            reselectStart: (state) => ({\n                ...state,\n                selectedStart: \"\",\n                currentFocus: \"start\",\n            }),\n            reselectEnd: (state) => ({\n                ...state,\n                selectedEnd: \"\",\n                currentFocus: \"end\",\n            }),\n            focus: (state, currentFocus: FocusType) => ({\n                ...state,\n                currentFocus: isWeekSelection\n                    ? \"none\"\n                    : isFixedRangeSelection\n                    ? \"start\"\n                    : currentFocus,\n                calendarOpen: !readOnly,\n                focused: true,\n            }),\n            cancel: (state) => ({\n                ...state,\n                selectedStart: state.initialStart,\n                selectedEnd: state.initialEnd,\n                currentFocus: \"none\",\n                calendarOpen: false,\n            }),\n            done: (state, payload: { start: string; end: string }) => ({\n                ...state,\n                selectedStart: payload.start,\n                selectedEnd: payload.end,\n                initialStart: payload.start,\n                initialEnd: payload.end,\n                currentFocus: \"none\",\n                calendarOpen: false,\n                isStartDirty: false,\n                isEndDirty: false,\n            }),\n            resetStart: (state) => ({\n                ...state,\n                selectedStart: state.initialStart,\n            }),\n            resetEnd: (state) => ({\n                ...state,\n                selectedEnd: state.initialEnd,\n            }),\n            resetRange: (state, payload: { start: string; end: string }) => ({\n                ...state,\n                initialStart: payload.start,\n                selectedStart: payload.start,\n                initialEnd: payload.end,\n                selectedEnd: payload.end,\n            }),\n        },\n    });\n\n    // tracks if current value in focused input is allowed for selection\n    const isUnselectable = useRef<boolean>(false);\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<InternalCalendarRef>(null);\n    const startInputRef = useRef<StandaloneDateInputRef>(null);\n    const endInputRef = useRef<StandaloneDateInputRef>(null);\n    const shouldWrap = useContainerQuery({\n        maxWidth: MOBILE_WRAP_WIDTH,\n        targetRef: nodeRef,\n    });\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        actions.resetRange({\n            start: DateInputHelper.sanitizeInput(value),\n            end: DateInputHelper.sanitizeInput(valueEnd),\n        });\n    }, [value, valueEnd]);\n\n    useEffect(() => {\n        if (currentFocus === \"start\") {\n            setInitialCalendarDate(selectedStart);\n        } else if (currentFocus === \"end\" && selectedEnd) {\n            setInitialCalendarDate(selectedEnd);\n        }\n    }, [currentFocus]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleNodeKeyDown = (event: React.KeyboardEvent) => {\n        if (event.code === \"Enter\" && !withButton) {\n            if (selectedStart && selectedEnd) {\n                actions.done({\n                    start: selectedStart,\n                    end: selectedEnd,\n                });\n                onChange?.(selectedStart, selectedEnd);\n            } else {\n                actions.dismiss();\n                nodeRef.current?.focus();\n                startInputRef.current?.resetPlaceholder();\n                endInputRef.current?.resetPlaceholder();\n            }\n        }\n    };\n\n    const handleClose = () => {\n        actions.blur();\n\n        setIsStartDisabled(false);\n        setIsEndDisabled(false);\n        startInputRef.current?.resetPlaceholder();\n        endInputRef.current?.resetPlaceholder();\n\n        performOnBlurHandler();\n    };\n\n    const handleDismiss = () => {\n        actions.dismiss();\n\n        nodeRef.current?.focus();\n        startInputRef.current?.resetPlaceholder();\n        endInputRef.current?.resetPlaceholder();\n    };\n\n    const handleStartDateChange = (val: string) => {\n        if (isDateUnselectable(val)) {\n            // date is invalid, remain on this input\n            isUnselectable.current = true;\n            return;\n        }\n\n        actions.changeStart(val);\n        if (val) calendarRef.current?.setCalendarDate(val);\n        isUnselectable.current = false;\n\n        if (!val) {\n            // if both start and end were cleared, confirm the selection\n            // and remain on this input\n            if (!withButton && !selectedEnd && isEndDirty) {\n                actions.resetRange({ start: \"\", end: \"\" });\n                onChange?.(\"\", \"\");\n            }\n            return;\n        }\n\n        /*\n        - if next input is empty, focus it\n        - else if date range is invalid, clear and focus the next input\n        - else if date range is valid\n            - if next input is still pristine, focus it\n            - else if !withButton, confirm the selection and \"blur\" the field\n        */\n\n        if (!selectedEnd) {\n            actions.focus(\"end\");\n            return;\n        }\n\n        const isInvalidRange = dayjs(val).isAfter(selectedEnd, \"day\");\n\n        if (isInvalidRange) {\n            actions.reselectEnd();\n            return;\n        }\n\n        if (!isEndDirty) {\n            actions.focus(\"end\");\n            return;\n        }\n\n        if (!withButton) {\n            actions.done({ start: val, end: selectedEnd });\n            onChange?.(val, selectedEnd);\n            return;\n        }\n    };\n\n    const handleEndDateChange = (val: string) => {\n        if (isDateUnselectable(val)) {\n            // date is invalid, remain on this input\n            isUnselectable.current = true;\n            return;\n        }\n\n        const isBeforeStartDate = dayjs(val).isBefore(selectedStart, \"day\");\n\n        // if date range is invalid, set selected value as start and reselect end\n        if (isBeforeStartDate) {\n            actions.changeStart(val);\n            calendarRef.current?.setCalendarDate(val);\n            actions.reselectEnd();\n            return;\n        }\n\n        actions.changeEnd(val);\n        if (val) calendarRef.current?.setCalendarDate(val);\n\n        if (!val) {\n            // if both start and end were cleared, confirm the selection\n            // and remain on this input\n            if (!withButton && !selectedStart && isStartDirty) {\n                actions.resetRange({ start: \"\", end: \"\" });\n                onChange?.(\"\", \"\");\n            }\n            return;\n        }\n\n        /*\n        - if next input is empty, focus it\n        - else if !withButton, confirm the selection and \"blur\" the field\n        */\n\n        if (!selectedStart) {\n            actions.focus(\"start\");\n            return;\n        }\n\n        if (!withButton) {\n            endInputRef.current?.focusYearRef();\n\n            actions.done({ start: selectedStart, end: val });\n            onChange?.(selectedStart, val);\n            return;\n        }\n    };\n\n    const handleWeekSelectionChange = (val: string) => {\n        const start = dayjs(val).startOf(\"week\").format(\"YYYY-MM-DD\");\n        const end = dayjs(val).endOf(\"week\").format(\"YYYY-MM-DD\");\n\n        actions.changeStart(start);\n        actions.changeEnd(end);\n        isUnselectable.current = false;\n\n        if (!withButton) {\n            endInputRef.current?.focusYearRef();\n\n            actions.done({ start, end });\n            onChange?.(start, end);\n            return;\n        }\n    };\n\n    const handleFixedRangeSelectionChange = (val: string) => {\n        if (isDateUnselectable(val)) {\n            isUnselectable.current = true;\n            return;\n        }\n\n        actions.changeStart(val);\n        calendarRef.current?.setCalendarDate(val);\n        isUnselectable.current = false;\n\n        if (!val) {\n            if (withButton) {\n                actions.changeEnd(\"\");\n            } else {\n                actions.resetRange({ start: \"\", end: \"\" });\n                onChange?.(\"\", \"\");\n            }\n            return;\n        }\n\n        const start = dayjs(val).format(\"YYYY-MM-DD\");\n        const end = dayjs(start)\n            .add(numberOfDays - 1, \"day\")\n            .format(\"YYYY-MM-DD\");\n        actions.changeStart(start);\n        actions.changeEnd(end);\n        isUnselectable.current = false;\n\n        if (!withButton) {\n            actions.done({ start, end });\n            startInputRef.current?.focusYearRef();\n\n            onChange?.(start, end);\n            return;\n        }\n    };\n\n    const handleFocus = () => {\n        if (isWeekSelection || isFixedRangeSelection) {\n            setIsEndDisabled(true);\n        }\n\n        if (isWeekSelection) {\n            setIsStartDisabled(true);\n        }\n\n        if (readOnly || disabled || focused) return;\n\n        actions.focus(\"start\");\n        onFocus?.();\n    };\n\n    const handleBlur = (e: React.FocusEvent) => {\n        const target = e.relatedTarget as HTMLElement;\n\n        const isInsideCalendar =\n            calendarRef.current && calendarRef.current.contains(target);\n        const isInsideNode =\n            nodeRef.current && nodeRef.current.contains(target);\n        const isFloatingElement =\n            target?.matches?.(\"[data-floating-ui-focusable]\") ||\n            target?.matches?.(\"[data-floating-ui-focus-guard]\");\n\n        // Condition when the calendar is closed and focus moved outside the component\n        const shouldBlurWhenClosed =\n            focused && !calendarOpen && !isInsideNode && !isFloatingElement;\n\n        // Condition when the calendar is open, and focus went outside both input and calendar\n        const shouldBlurWhenOpenOutside =\n            calendarOpen &&\n            !isInsideNode &&\n            !isInsideCalendar &&\n            !isFloatingElement;\n\n        if (shouldBlurWhenClosed || shouldBlurWhenOpenOutside) {\n            actions.blur();\n\n            setIsEndDisabled(false);\n            setIsStartDisabled(false);\n\n            startInputRef.current?.resetPlaceholder();\n            endInputRef.current?.resetPlaceholder();\n\n            performOnBlurHandler();\n        }\n    };\n\n    const handleInputFocus =\n        (focusType: FocusType) => (event: React.FocusEvent) => {\n            event.stopPropagation();\n\n            if (readOnly) return;\n\n            actions.focus(focusType);\n\n            handleWeekSelectionInputFocus();\n            handleFixedRangeSelectionInputFocus();\n\n            if (!focused) {\n                onFocus?.();\n            }\n        };\n\n    const handleWeekSelectionInputFocus = () => {\n        if (isWeekSelection) {\n            const firstDayOfWeek = DateHelper.toDayjs(selectedStart)\n                .startOf(\"week\")\n                .format(\"YYYY-MM-DD\");\n\n            setIsStartDisabled(true);\n            setIsEndDisabled(true);\n            setInitialCalendarDate(firstDayOfWeek);\n        }\n    };\n\n    const handleFixedRangeSelectionInputFocus = () => {\n        if (isFixedRangeSelection) {\n            setIsEndDisabled(true);\n            setInitialCalendarDate(selectedStart);\n        }\n    };\n\n    const handleStartInputBlur = (validFormat: boolean) => {\n        if (!validFormat || isUnselectable.current) {\n            actions.resetStart();\n            startInputRef.current?.resetInput();\n        }\n    };\n\n    const handleEndInputBlur = (validFormat: boolean) => {\n        if (!validFormat || isUnselectable.current) {\n            actions.resetEnd();\n            endInputRef.current?.resetInput();\n        }\n    };\n\n    const handleCalendarSelect = (val: string) => {\n        switch (variant) {\n            case \"week\":\n                handleWeekSelectionChange(val);\n                break;\n            case \"fixed-range\":\n                handleFixedRangeSelectionChange(val);\n                break;\n            default:\n                if (currentFocus === \"start\") {\n                    handleStartDateChange(val);\n                } else if (currentFocus === \"end\") {\n                    handleEndDateChange(val);\n                }\n                break;\n        }\n    };\n\n    const handleCalendarDismiss = (action: CalendarAction) => {\n        nodeRef.current?.focus();\n\n        switch (action) {\n            case \"reset\":\n                actions.cancel();\n                break;\n            case \"confirmed\":\n                actions.done({ start: selectedStart, end: selectedEnd });\n                onChange?.(selectedStart, selectedEnd);\n\n                if (isWeekSelection) break;\n\n                if (isValidRange(selectedStart, selectedEnd)) {\n                    if (variant === \"range\") {\n                        endInputRef.current?.focusYearRef();\n                    } else {\n                        startInputRef.current?.focusYearRef();\n                    }\n                }\n                break;\n        }\n    };\n\n    const handleCalendarHover = (val: string) => {\n        setHoverValue(val);\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const performOnBlurHandler = () => {\n        if (onBlur) {\n            onBlur();\n        }\n    };\n\n    const isDateUnselectable = (val: string) => {\n        return (\n            !allowDisabledSelection &&\n            val &&\n            DateInputHelper.isDateDisabled(val, {\n                disabledDates,\n                minDate,\n                maxDate,\n            })\n        );\n    };\n\n    const isValidRange = (startDate: string, endDate: string) => {\n        if (!startDate || !endDate) return false;\n        return dayjs(startDate).isBefore(endDate, \"day\");\n    };\n\n    const getHoverValue = (getValue: Exclude<FocusType, \"none\">) => {\n        let values: { start: string | undefined; end: string | undefined } = {\n            start: undefined,\n            end: undefined,\n        };\n\n        switch (variant) {\n            case \"range\":\n                values = {\n                    start: currentFocus === \"start\" ? hoverValue : undefined,\n                    end: currentFocus === \"end\" ? hoverValue : undefined,\n                };\n                break;\n            case \"week\":\n                if (!hoverValue) return;\n\n                values = {\n                    start: dayjs(hoverValue)\n                        .startOf(\"week\")\n                        .format(\"YYYY-MM-DD\"),\n                    end: dayjs(hoverValue).endOf(\"week\").format(\"YYYY-MM-DD\"),\n                };\n                break;\n            case \"fixed-range\":\n                if (!hoverValue) return;\n\n                values = {\n                    start: dayjs(hoverValue).format(\"YYYY-MM-DD\"),\n                    end: dayjs(hoverValue)\n                        .add(numberOfDays - 1, \"day\")\n                        .format(\"YYYY-MM-DD\"),\n                };\n                break;\n        }\n        return values[getValue];\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderInput = () => {\n        return (\n            <Container\n                role=\"group\"\n                ref={nodeRef}\n                tabIndex={0}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                focused={focused}\n                disabled={disabled}\n                readOnly={readOnly}\n                $readOnly={readOnly}\n                error={error}\n                $wrap={shouldWrap}\n                id={id}\n                data-testid={otherProps[\"data-testid\"]}\n                aria-disabled={disabled}\n                onKeyDown={handleNodeKeyDown}\n                {...otherProps}\n            >\n                <RangeInputInnerContainer\n                    currentActive={currentFocus}\n                    wrap={shouldWrap}\n                    error={error}\n                >\n                    <InputContainer $wrap={shouldWrap}>\n                        <StandaloneDateInput\n                            ref={startInputRef}\n                            placeholder=\"From\"\n                            names={[\"start-day\", \"start-month\", \"start-year\"]}\n                            inputLabels={[\n                                \"Start Date\",\n                                \"Start Month\",\n                                \"Start Year\",\n                            ]}\n                            value={selectedStart}\n                            disabled={disabled}\n                            readOnly={isStartDisabled || readOnly}\n                            focused={currentFocus === \"start\"}\n                            hoverValue={getHoverValue(\"start\")}\n                            onChange={\n                                isFixedRangeSelection\n                                    ? handleFixedRangeSelectionChange\n                                    : handleStartDateChange\n                            }\n                            onFocus={handleInputFocus(\"start\")}\n                            onBlur={handleStartInputBlur}\n                            hideInputKeyboard={hideInputKeyboard}\n                        />\n                    </InputContainer>\n                    <InputContainer $wrap={shouldWrap}>\n                        <StandaloneDateInput\n                            ref={endInputRef}\n                            placeholder=\"To\"\n                            names={[\"end-day\", \"end-month\", \"end-year\"]}\n                            inputLabels={[\"End Date\", \"End Month\", \"End Year\"]}\n                            value={selectedEnd}\n                            disabled={disabled}\n                            readOnly={isEndDisabled || readOnly}\n                            focused={currentFocus === \"end\"}\n                            hoverValue={getHoverValue(\"end\")}\n                            onChange={handleEndDateChange}\n                            onFocus={handleInputFocus(\"end\")}\n                            onBlur={handleEndInputBlur}\n                            hideInputKeyboard={hideInputKeyboard}\n                        />\n                    </InputContainer>\n                </RangeInputInnerContainer>\n            </Container>\n        );\n    };\n\n    const renderCalendar = ({ elementWidth }: DropdownRenderProps) => {\n        return (\n            <CalendarDropdown\n                ref={calendarRef}\n                variant={variant}\n                initialCalendarDate={initialCalendarDate}\n                withButton={withButton}\n                value={selectedStart}\n                endValue={selectedEnd}\n                selectWithinRange={isStartDirty || isEndDirty}\n                currentFocus={currentFocus}\n                disabledDates={disabledDates}\n                minDate={minDate}\n                maxDate={maxDate}\n                allowDisabledSelection={allowDisabledSelection}\n                onSelect={handleCalendarSelect}\n                onDismiss={handleCalendarDismiss}\n                onHover={handleCalendarHover}\n                onYearMonthDisplayChange={onYearMonthDisplayChange}\n                numberOfDays={numberOfDays}\n                width={elementWidth}\n                isFocusable={!readOnly && !disabled}\n            />\n        );\n    };\n\n    return (\n        <ElementWithDropdown\n            enabled={!readOnly && !disabled}\n            isOpen={calendarOpen}\n            onClose={handleClose}\n            onDismiss={handleDismiss}\n            renderElement={renderInput}\n            renderDropdown={renderCalendar}\n            customZIndex={zIndex}\n            offset={16}\n            rootNode={rootNode}\n        />\n    );\n};\n"],"names":["INITIAL_STATE","initialStart","initialEnd","selectedStart","selectedEnd","currentFocus","calendarOpen","isStartDirty","isEndDirty","focused","DateRangeInput","_a","minDate","maxDate","disabled","disabledDates","error","hideInputKeyboard","value","valueEnd","onChange","onFocus","onBlur","onYearMonthDisplayChange","withButton","variant","numberOfDays","readOnly","id","allowDisabledSelection","zIndex","dropdownRootNode","rootNode","otherProps","__rest","initialCalendarDate","setInitialCalendarDate","useState","hoverValue","setHoverValue","undefined","isWeekSelection","isFixedRangeSelection","isStartDisabled","setIsStartDisabled","isEndDisabled","setIsEndDisabled","actions","useStateActions","name","initialState","reducers","blur","state","dismiss","Object","assign","changeStart","val","changeEnd","reselectStart","reselectEnd","focus","cancel","done","payload","start","end","resetStart","resetEnd","resetRange","isUnselectable","useRef","nodeRef","calendarRef","startInputRef","endInputRef","shouldWrap","useContainerQuery","maxWidth","MOBILE_WRAP_WIDTH","targetRef","useEffect","DateInputHelper","sanitizeInput","handleNodeKeyDown","event","code","current","_b","resetPlaceholder","_c","handleStartDateChange","isDateUnselectable","setCalendarDate","dayjs","isAfter","handleEndDateChange","isBefore","focusYearRef","handleFixedRangeSelectionChange","format","add","handleFocus","handleBlur","e","target","relatedTarget","isInsideCalendar","contains","isInsideNode","isFloatingElement","matches","call","_d","performOnBlurHandler","handleInputFocus","focusType","stopPropagation","handleWeekSelectionInputFocus","handleFixedRangeSelectionInputFocus","firstDayOfWeek","DateHelper","toDayjs","startOf","handleStartInputBlur","validFormat","resetInput","handleEndInputBlur","handleCalendarSelect","endOf","handleWeekSelectionChange","handleCalendarDismiss","action","isValidRange","handleCalendarHover","isDateDisabled","startDate","endDate","getHoverValue","getValue","values","_jsx","ElementWithDropdown","enabled","isOpen","onClose","onDismiss","renderElement","Container","role","ref","tabIndex","$readOnly","$wrap","onKeyDown","children","_jsxs","RangeInputInnerContainer","currentActive","wrap","InputContainer","StandaloneDateInput","placeholder","names","inputLabels","renderDropdown","elementWidth","CalendarDropdown","endValue","selectWithinRange","onSelect","onHover","width","isFocusable","customZIndex","offset"],"mappings":"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"}
+{"version":3,"file":"date-range-input.js","sources":["../../src/date-range-input/date-range-input.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport type { DropdownRenderProps } from \"../shared/dropdown-wrapper\";\nimport { ElementWithDropdown } from \"../shared/dropdown-wrapper\";\nimport { InputWrapper } from \"../shared/input-wrapper\";\nimport type {\n    CalendarAction,\n    FocusType,\n    InternalCalendarRef,\n} from \"../shared/internal-calendar\";\nimport { CalendarDropdown } from \"../shared/internal-calendar\";\nimport { RangeInputInnerContainer } from \"../shared/range-input-inner-container\";\nimport type { StandaloneDateInputRef } from \"../shared/standalone-date-input/standalone-date-input\";\nimport { StandaloneDateInput } from \"../shared/standalone-date-input/standalone-date-input\";\nimport { DateHelper, DateInputHelper, useContainerQuery } from \"../util\";\nimport { useStateActions } from \"../util/use-state-actions\";\nimport * as styles from \"./date-range-input.styles\";\nimport type { DateRangeInputProps } from \"./types\";\n\ninterface DateRangeInputState {\n    initialStart: string;\n    initialEnd: string;\n    selectedStart: string;\n    selectedEnd: string;\n    currentFocus: FocusType;\n    calendarOpen: boolean;\n    isStartDirty: boolean;\n    isEndDirty: boolean;\n    focused: boolean;\n}\n\nconst INITIAL_STATE: DateRangeInputState = {\n    initialStart: \"\",\n    initialEnd: \"\",\n    selectedStart: \"\",\n    selectedEnd: \"\",\n    currentFocus: \"none\",\n    calendarOpen: false,\n    isStartDirty: false,\n    isEndDirty: false,\n    focused: false,\n};\n\nexport const DateRangeInput = ({\n    minDate,\n    maxDate,\n    disabled,\n    disabledDates,\n    error,\n    hideInputKeyboard,\n    value,\n    valueEnd,\n    onChange,\n    onFocus,\n    onBlur,\n    onYearMonthDisplayChange,\n    withButton = true,\n    variant = \"range\",\n    numberOfDays = 7,\n    readOnly,\n    id,\n    allowDisabledSelection,\n    zIndex,\n    dropdownRootNode: rootNode,\n    ...otherProps\n}: DateRangeInputProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const [initialCalendarDate, setInitialCalendarDate] = useState<string>();\n    const [hoverValue, setHoverValue] = useState<string | undefined>(undefined);\n    const isWeekSelection = variant === \"week\";\n    const isFixedRangeSelection = variant === \"fixed-range\";\n\n    const [isStartDisabled, setIsStartDisabled] = useState<boolean>(false);\n    const [isEndDisabled, setIsEndDisabled] = useState<boolean>(false);\n\n    const [\n        {\n            selectedStart,\n            selectedEnd,\n            currentFocus,\n            calendarOpen,\n            isStartDirty,\n            isEndDirty,\n            focused,\n        },\n        actions,\n    ] = useStateActions({\n        name: \"date-range-input\",\n        initialState: INITIAL_STATE,\n        reducers: {\n            blur: (state) => ({\n                ...state,\n                selectedStart: state.initialStart,\n                selectedEnd: state.initialEnd,\n                currentFocus: \"none\",\n                calendarOpen: false,\n                isStartDirty: false,\n                isEndDirty: false,\n                focused: false,\n            }),\n            dismiss: (state) => ({\n                ...state,\n                selectedStart: state.initialStart,\n                selectedEnd: state.initialEnd,\n                currentFocus: \"none\",\n                calendarOpen: false,\n                isStartDirty: false,\n                isEndDirty: false,\n            }),\n            changeStart: (state, val: string) => ({\n                ...state,\n                selectedStart: val,\n                isStartDirty: true,\n            }),\n            changeEnd: (state, val: string) => ({\n                ...state,\n                selectedEnd: val,\n                isEndDirty: true,\n            }),\n            reselectStart: (state) => ({\n                ...state,\n                selectedStart: \"\",\n                currentFocus: \"start\",\n            }),\n            reselectEnd: (state) => ({\n                ...state,\n                selectedEnd: \"\",\n                currentFocus: \"end\",\n            }),\n            focus: (state, currentFocus: FocusType) => ({\n                ...state,\n                currentFocus: isWeekSelection\n                    ? \"none\"\n                    : isFixedRangeSelection\n                    ? \"start\"\n                    : currentFocus,\n                calendarOpen: !readOnly,\n                focused: true,\n            }),\n            cancel: (state) => ({\n                ...state,\n                selectedStart: state.initialStart,\n                selectedEnd: state.initialEnd,\n                currentFocus: \"none\",\n                calendarOpen: false,\n            }),\n            done: (state, payload: { start: string; end: string }) => ({\n                ...state,\n                selectedStart: payload.start,\n                selectedEnd: payload.end,\n                initialStart: payload.start,\n                initialEnd: payload.end,\n                currentFocus: \"none\",\n                calendarOpen: false,\n                isStartDirty: false,\n                isEndDirty: false,\n            }),\n            resetStart: (state) => ({\n                ...state,\n                selectedStart: state.initialStart,\n            }),\n            resetEnd: (state) => ({\n                ...state,\n                selectedEnd: state.initialEnd,\n            }),\n            resetRange: (state, payload: { start: string; end: string }) => ({\n                ...state,\n                initialStart: payload.start,\n                selectedStart: payload.start,\n                initialEnd: payload.end,\n                selectedEnd: payload.end,\n            }),\n        },\n    });\n\n    // tracks if current value in focused input is allowed for selection\n    const isUnselectable = useRef<boolean>(false);\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<InternalCalendarRef>(null);\n    const startInputRef = useRef<StandaloneDateInputRef>(null);\n    const endInputRef = useRef<StandaloneDateInputRef>(null);\n    const shouldWrap = useContainerQuery({\n        maxWidth: styles.MOBILE_WRAP_WIDTH,\n        targetRef: nodeRef,\n    });\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        actions.resetRange({\n            start: DateInputHelper.sanitizeInput(value),\n            end: DateInputHelper.sanitizeInput(valueEnd),\n        });\n    }, [value, valueEnd]);\n\n    useEffect(() => {\n        if (currentFocus === \"start\") {\n            setInitialCalendarDate(selectedStart);\n        } else if (currentFocus === \"end\" && selectedEnd) {\n            setInitialCalendarDate(selectedEnd);\n        }\n    }, [currentFocus]);\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleNodeKeyDown = (event: React.KeyboardEvent) => {\n        if (event.code === \"Enter\" && !withButton) {\n            if (selectedStart && selectedEnd) {\n                actions.done({\n                    start: selectedStart,\n                    end: selectedEnd,\n                });\n                onChange?.(selectedStart, selectedEnd);\n            } else {\n                actions.dismiss();\n                nodeRef.current?.focus();\n                startInputRef.current?.resetPlaceholder();\n                endInputRef.current?.resetPlaceholder();\n            }\n        }\n    };\n\n    const handleClose = () => {\n        actions.blur();\n\n        setIsStartDisabled(false);\n        setIsEndDisabled(false);\n        startInputRef.current?.resetPlaceholder();\n        endInputRef.current?.resetPlaceholder();\n\n        performOnBlurHandler();\n    };\n\n    const handleDismiss = () => {\n        actions.dismiss();\n\n        nodeRef.current?.focus();\n        startInputRef.current?.resetPlaceholder();\n        endInputRef.current?.resetPlaceholder();\n    };\n\n    const handleStartDateChange = (val: string) => {\n        if (isDateUnselectable(val)) {\n            // date is invalid, remain on this input\n            isUnselectable.current = true;\n            return;\n        }\n\n        actions.changeStart(val);\n        if (val) calendarRef.current?.setCalendarDate(val);\n        isUnselectable.current = false;\n\n        if (!val) {\n            // if both start and end were cleared, confirm the selection\n            // and remain on this input\n            if (!withButton && !selectedEnd && isEndDirty) {\n                actions.resetRange({ start: \"\", end: \"\" });\n                onChange?.(\"\", \"\");\n            }\n            return;\n        }\n\n        /*\n        - if next input is empty, focus it\n        - else if date range is invalid, clear and focus the next input\n        - else if date range is valid\n            - if next input is still pristine, focus it\n            - else if !withButton, confirm the selection and \"blur\" the field\n        */\n\n        if (!selectedEnd) {\n            actions.focus(\"end\");\n            return;\n        }\n\n        const isInvalidRange = dayjs(val).isAfter(selectedEnd, \"day\");\n\n        if (isInvalidRange) {\n            actions.reselectEnd();\n            return;\n        }\n\n        if (!isEndDirty) {\n            actions.focus(\"end\");\n            return;\n        }\n\n        if (!withButton) {\n            actions.done({ start: val, end: selectedEnd });\n            onChange?.(val, selectedEnd);\n            return;\n        }\n    };\n\n    const handleEndDateChange = (val: string) => {\n        if (isDateUnselectable(val)) {\n            // date is invalid, remain on this input\n            isUnselectable.current = true;\n            return;\n        }\n\n        const isBeforeStartDate = dayjs(val).isBefore(selectedStart, \"day\");\n\n        // if date range is invalid, set selected value as start and reselect end\n        if (isBeforeStartDate) {\n            actions.changeStart(val);\n            calendarRef.current?.setCalendarDate(val);\n            actions.reselectEnd();\n            return;\n        }\n\n        actions.changeEnd(val);\n        if (val) calendarRef.current?.setCalendarDate(val);\n\n        if (!val) {\n            // if both start and end were cleared, confirm the selection\n            // and remain on this input\n            if (!withButton && !selectedStart && isStartDirty) {\n                actions.resetRange({ start: \"\", end: \"\" });\n                onChange?.(\"\", \"\");\n            }\n            return;\n        }\n\n        /*\n        - if next input is empty, focus it\n        - else if !withButton, confirm the selection and \"blur\" the field\n        */\n\n        if (!selectedStart) {\n            actions.focus(\"start\");\n            return;\n        }\n\n        if (!withButton) {\n            endInputRef.current?.focusYearRef();\n\n            actions.done({ start: selectedStart, end: val });\n            onChange?.(selectedStart, val);\n            return;\n        }\n    };\n\n    const handleWeekSelectionChange = (val: string) => {\n        const start = dayjs(val).startOf(\"week\").format(\"YYYY-MM-DD\");\n        const end = dayjs(val).endOf(\"week\").format(\"YYYY-MM-DD\");\n\n        actions.changeStart(start);\n        actions.changeEnd(end);\n        isUnselectable.current = false;\n\n        if (!withButton) {\n            endInputRef.current?.focusYearRef();\n\n            actions.done({ start, end });\n            onChange?.(start, end);\n            return;\n        }\n    };\n\n    const handleFixedRangeSelectionChange = (val: string) => {\n        if (isDateUnselectable(val)) {\n            isUnselectable.current = true;\n            return;\n        }\n\n        actions.changeStart(val);\n        calendarRef.current?.setCalendarDate(val);\n        isUnselectable.current = false;\n\n        if (!val) {\n            if (withButton) {\n                actions.changeEnd(\"\");\n            } else {\n                actions.resetRange({ start: \"\", end: \"\" });\n                onChange?.(\"\", \"\");\n            }\n            return;\n        }\n\n        const start = dayjs(val).format(\"YYYY-MM-DD\");\n        const end = dayjs(start)\n            .add(numberOfDays - 1, \"day\")\n            .format(\"YYYY-MM-DD\");\n        actions.changeStart(start);\n        actions.changeEnd(end);\n        isUnselectable.current = false;\n\n        if (!withButton) {\n            actions.done({ start, end });\n            startInputRef.current?.focusYearRef();\n\n            onChange?.(start, end);\n            return;\n        }\n    };\n\n    const handleFocus = () => {\n        if (isWeekSelection || isFixedRangeSelection) {\n            setIsEndDisabled(true);\n        }\n\n        if (isWeekSelection) {\n            setIsStartDisabled(true);\n        }\n\n        if (readOnly || disabled || focused) return;\n\n        actions.focus(\"start\");\n        onFocus?.();\n    };\n\n    const handleBlur = (e: React.FocusEvent) => {\n        const target = e.relatedTarget as HTMLElement;\n\n        const isInsideCalendar =\n            calendarRef.current && calendarRef.current.contains(target);\n        const isInsideNode =\n            nodeRef.current && nodeRef.current.contains(target);\n        const isFloatingElement =\n            target?.matches?.(\"[data-floating-ui-focusable]\") ||\n            target?.matches?.(\"[data-floating-ui-focus-guard]\");\n\n        // Condition when the calendar is closed and focus moved outside the component\n        const shouldBlurWhenClosed =\n            focused && !calendarOpen && !isInsideNode && !isFloatingElement;\n\n        // Condition when the calendar is open, and focus went outside both input and calendar\n        const shouldBlurWhenOpenOutside =\n            calendarOpen &&\n            !isInsideNode &&\n            !isInsideCalendar &&\n            !isFloatingElement;\n\n        if (shouldBlurWhenClosed || shouldBlurWhenOpenOutside) {\n            actions.blur();\n\n            setIsEndDisabled(false);\n            setIsStartDisabled(false);\n\n            startInputRef.current?.resetPlaceholder();\n            endInputRef.current?.resetPlaceholder();\n\n            performOnBlurHandler();\n        }\n    };\n\n    const handleInputFocus =\n        (focusType: FocusType) => (event: React.FocusEvent) => {\n            event.stopPropagation();\n\n            if (readOnly) return;\n\n            actions.focus(focusType);\n\n            handleWeekSelectionInputFocus();\n            handleFixedRangeSelectionInputFocus();\n\n            if (!focused) {\n                onFocus?.();\n            }\n        };\n\n    const handleWeekSelectionInputFocus = () => {\n        if (isWeekSelection) {\n            const firstDayOfWeek = DateHelper.toDayjs(selectedStart)\n                .startOf(\"week\")\n                .format(\"YYYY-MM-DD\");\n\n            setIsStartDisabled(true);\n            setIsEndDisabled(true);\n            setInitialCalendarDate(firstDayOfWeek);\n        }\n    };\n\n    const handleFixedRangeSelectionInputFocus = () => {\n        if (isFixedRangeSelection) {\n            setIsEndDisabled(true);\n            setInitialCalendarDate(selectedStart);\n        }\n    };\n\n    const handleStartInputBlur = (validFormat: boolean) => {\n        if (!validFormat || isUnselectable.current) {\n            actions.resetStart();\n            startInputRef.current?.resetInput();\n        }\n    };\n\n    const handleEndInputBlur = (validFormat: boolean) => {\n        if (!validFormat || isUnselectable.current) {\n            actions.resetEnd();\n            endInputRef.current?.resetInput();\n        }\n    };\n\n    const handleCalendarSelect = (val: string) => {\n        switch (variant) {\n            case \"week\":\n                handleWeekSelectionChange(val);\n                break;\n            case \"fixed-range\":\n                handleFixedRangeSelectionChange(val);\n                break;\n            default:\n                if (currentFocus === \"start\") {\n                    handleStartDateChange(val);\n                } else if (currentFocus === \"end\") {\n                    handleEndDateChange(val);\n                }\n                break;\n        }\n    };\n\n    const handleCalendarDismiss = (action: CalendarAction) => {\n        nodeRef.current?.focus();\n\n        switch (action) {\n            case \"reset\":\n                actions.cancel();\n                break;\n            case \"confirmed\":\n                actions.done({ start: selectedStart, end: selectedEnd });\n                onChange?.(selectedStart, selectedEnd);\n\n                if (isWeekSelection) break;\n\n                if (isValidRange(selectedStart, selectedEnd)) {\n                    if (variant === \"range\") {\n                        endInputRef.current?.focusYearRef();\n                    } else {\n                        startInputRef.current?.focusYearRef();\n                    }\n                }\n                break;\n        }\n    };\n\n    const handleCalendarHover = (val: string) => {\n        setHoverValue(val);\n    };\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const performOnBlurHandler = () => {\n        if (onBlur) {\n            onBlur();\n        }\n    };\n\n    const isDateUnselectable = (val: string) => {\n        return (\n            !allowDisabledSelection &&\n            val &&\n            DateInputHelper.isDateDisabled(val, {\n                disabledDates,\n                minDate,\n                maxDate,\n            })\n        );\n    };\n\n    const isValidRange = (startDate: string, endDate: string) => {\n        if (!startDate || !endDate) return false;\n        return dayjs(startDate).isBefore(endDate, \"day\");\n    };\n\n    const getHoverValue = (getValue: Exclude<FocusType, \"none\">) => {\n        let values: { start: string | undefined; end: string | undefined } = {\n            start: undefined,\n            end: undefined,\n        };\n\n        switch (variant) {\n            case \"range\":\n                values = {\n                    start: currentFocus === \"start\" ? hoverValue : undefined,\n                    end: currentFocus === \"end\" ? hoverValue : undefined,\n                };\n                break;\n            case \"week\":\n                if (!hoverValue) return;\n\n                values = {\n                    start: dayjs(hoverValue)\n                        .startOf(\"week\")\n                        .format(\"YYYY-MM-DD\"),\n                    end: dayjs(hoverValue).endOf(\"week\").format(\"YYYY-MM-DD\"),\n                };\n                break;\n            case \"fixed-range\":\n                if (!hoverValue) return;\n\n                values = {\n                    start: dayjs(hoverValue).format(\"YYYY-MM-DD\"),\n                    end: dayjs(hoverValue)\n                        .add(numberOfDays - 1, \"day\")\n                        .format(\"YYYY-MM-DD\"),\n                };\n                break;\n        }\n        return values[getValue];\n    };\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderInput = () => {\n        return (\n            <InputWrapper\n                role=\"group\"\n                ref={nodeRef}\n                tabIndex={0}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                focused={focused}\n                disabled={disabled}\n                readOnly={readOnly}\n                error={error}\n                id={id}\n                data-testid={otherProps[\"data-testid\"]}\n                aria-disabled={disabled}\n                onKeyDown={handleNodeKeyDown}\n                {...otherProps}\n                className={clsx(\n                    shouldWrap && !readOnly && styles.containerWrap,\n                    shouldWrap && readOnly && styles.containerWrapReadOnly,\n                    otherProps.className\n                )}\n            >\n                <RangeInputInnerContainer\n                    currentActive={currentFocus}\n                    wrap={shouldWrap}\n                    error={error}\n                >\n                    <div\n                        className={clsx(\n                            styles.inputContainer,\n                            shouldWrap && styles.inputContainerWrap\n                        )}\n                    >\n                        <StandaloneDateInput\n                            ref={startInputRef}\n                            placeholder=\"From\"\n                            names={[\"start-day\", \"start-month\", \"start-year\"]}\n                            inputLabels={[\n                                \"Start Date\",\n                                \"Start Month\",\n                                \"Start Year\",\n                            ]}\n                            value={selectedStart}\n                            disabled={disabled}\n                            readOnly={isStartDisabled || readOnly}\n                            focused={currentFocus === \"start\"}\n                            hoverValue={getHoverValue(\"start\")}\n                            onChange={\n                                isFixedRangeSelection\n                                    ? handleFixedRangeSelectionChange\n                                    : handleStartDateChange\n                            }\n                            onFocus={handleInputFocus(\"start\")}\n                            onBlur={handleStartInputBlur}\n                            hideInputKeyboard={hideInputKeyboard}\n                        />\n                    </div>\n                    <div\n                        className={clsx(\n                            styles.inputContainer,\n                            shouldWrap && styles.inputContainerWrap\n                        )}\n                    >\n                        <StandaloneDateInput\n                            ref={endInputRef}\n                            placeholder=\"To\"\n                            names={[\"end-day\", \"end-month\", \"end-year\"]}\n                            inputLabels={[\"End Date\", \"End Month\", \"End Year\"]}\n                            value={selectedEnd}\n                            disabled={disabled}\n                            readOnly={isEndDisabled || readOnly}\n                            focused={currentFocus === \"end\"}\n                            hoverValue={getHoverValue(\"end\")}\n                            onChange={handleEndDateChange}\n                            onFocus={handleInputFocus(\"end\")}\n                            onBlur={handleEndInputBlur}\n                            hideInputKeyboard={hideInputKeyboard}\n                        />\n                    </div>\n                </RangeInputInnerContainer>\n            </InputWrapper>\n        );\n    };\n\n    const renderCalendar = ({ elementWidth }: DropdownRenderProps) => {\n        return (\n            <CalendarDropdown\n                ref={calendarRef}\n                variant={variant}\n                initialCalendarDate={initialCalendarDate}\n                withButton={withButton}\n                value={selectedStart}\n                endValue={selectedEnd}\n                selectWithinRange={isStartDirty || isEndDirty}\n                currentFocus={currentFocus}\n                disabledDates={disabledDates}\n                minDate={minDate}\n                maxDate={maxDate}\n                allowDisabledSelection={allowDisabledSelection}\n                onSelect={handleCalendarSelect}\n                onDismiss={handleCalendarDismiss}\n                onHover={handleCalendarHover}\n                onYearMonthDisplayChange={onYearMonthDisplayChange}\n                numberOfDays={numberOfDays}\n                width={elementWidth}\n                isFocusable={!readOnly && !disabled}\n            />\n        );\n    };\n\n    return (\n        <ElementWithDropdown\n            enabled={!readOnly && !disabled}\n            isOpen={calendarOpen}\n            onClose={handleClose}\n            onDismiss={handleDismiss}\n            renderElement={renderInput}\n            renderDropdown={renderCalendar}\n            customZIndex={zIndex}\n            offset={16}\n            rootNode={rootNode}\n        />\n    );\n};\n"],"names":["INITIAL_STATE","initialStart","initialEnd","selectedStart","selectedEnd","currentFocus","calendarOpen","isStartDirty","isEndDirty","focused","DateRangeInput","_a","minDate","maxDate","disabled","disabledDates","error","hideInputKeyboard","value","valueEnd","onChange","onFocus","onBlur","onYearMonthDisplayChange","withButton","variant","numberOfDays","readOnly","id","allowDisabledSelection","zIndex","dropdownRootNode","rootNode","otherProps","__rest","initialCalendarDate","setInitialCalendarDate","useState","hoverValue","setHoverValue","undefined","isWeekSelection","isFixedRangeSelection","isStartDisabled","setIsStartDisabled","isEndDisabled","setIsEndDisabled","actions","useStateActions","name","initialState","reducers","blur","state","dismiss","Object","assign","changeStart","val","changeEnd","reselectStart","reselectEnd","focus","cancel","done","payload","start","end","resetStart","resetEnd","resetRange","isUnselectable","useRef","nodeRef","calendarRef","startInputRef","endInputRef","shouldWrap","useContainerQuery","maxWidth","styles.MOBILE_WRAP_WIDTH","targetRef","useEffect","DateInputHelper","sanitizeInput","handleNodeKeyDown","event","code","current","_b","resetPlaceholder","_c","handleStartDateChange","isDateUnselectable","setCalendarDate","dayjs","isAfter","handleEndDateChange","isBefore","focusYearRef","handleFixedRangeSelectionChange","format","add","handleFocus","handleBlur","e","target","relatedTarget","isInsideCalendar","contains","isInsideNode","isFloatingElement","matches","call","_d","performOnBlurHandler","handleInputFocus","focusType","stopPropagation","handleWeekSelectionInputFocus","handleFixedRangeSelectionInputFocus","firstDayOfWeek","DateHelper","toDayjs","startOf","handleStartInputBlur","validFormat","resetInput","handleEndInputBlur","handleCalendarSelect","endOf","handleWeekSelectionChange","handleCalendarDismiss","action","isValidRange","handleCalendarHover","isDateDisabled","startDate","endDate","getHoverValue","getValue","values","_jsx","ElementWithDropdown","enabled","isOpen","onClose","onDismiss","renderElement","InputWrapper","role","ref","tabIndex","onKeyDown","className","clsx","styles.containerWrap","styles.containerWrapReadOnly","_jsxs","RangeInputInnerContainer","currentActive","wrap","children","styles.inputContainer","styles.inputContainerWrap","StandaloneDateInput","placeholder","names","inputLabels","renderDropdown","elementWidth","CalendarDropdown","endValue","selectWithinRange","onSelect","onHover","width","isFocusable","customZIndex","offset"],"mappings":"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"}

package/date-range-input/date-range-input.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const MOBILE_WRAP_WIDTH = 320;
+export declare const containerWrap: import("@linaria/core").LinariaClassName;
+export declare const containerWrapReadOnly: import("@linaria/core").LinariaClassName;
+export declare const inputContainer: import("@linaria/core").LinariaClassName;
+export declare const inputContainerWrap: import("@linaria/core").LinariaClassName;

package/date-range-input/date-range-input.styles.js

@@ -0,0 +1,2 @@
+import"./date-range-input.styles_1s7ojnj.css";const t=320,e="c13x59xx",n="cuva3df",s="i1b11tt2",a="iy4f6wr";export{t as MOBILE_WRAP_WIDTH,e as containerWrap,n as containerWrapReadOnly,s as inputContainer,a as inputContainerWrap};
+//# sourceMappingURL=date-range-input.styles.js.map

package/date-range-input/date-range-input.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-input.styles.js","sources":["../../src/date-range-input/date-range-input.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Spacing } from \"../theme\";\n\nexport const MOBILE_WRAP_WIDTH = 320;\n\n// =============================================================================\n// STYLING\n// =============================================================================\nexport const containerWrap = css`\n    padding: ${Spacing[\"spacing-12\"]} ${Spacing[\"spacing-16\"]};\n`;\n\nexport const containerWrapReadOnly = css`\n    padding: ${Spacing[\"spacing-12\"]} 0;\n`;\n\nexport const inputContainer = css`\n    display: flex;\n    align-items: center;\n    height: calc(3rem - 2px); /* exclude top and bottom borders */\n    width: 100%;\n`;\n\nexport const inputContainerWrap = css`\n    height: fit-content;\n`;\n"],"names":["MOBILE_WRAP_WIDTH","containerWrap","containerWrapReadOnly","inputContainer","inputContainerWrap"],"mappings":"8EAIO,MAAMA,EAAoB,IAKpBC,EAAa,WAIbC,EAAqB,UAIrBC,EAAc,WAOdC,EAAkB"}

package/date-range-input/date-range-input.styles_1s7ojnj.css

@@ -0,0 +1,4 @@
+.c13x59xx{padding:var(--fds-spacing-12) var(--fds-spacing-16);}
+.cuva3df{padding:var(--fds-spacing-12) 0;}
+.i1b11tt2{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;height:calc(3rem - 2px);width:100%;}
+.iy4f6wr{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}

package/divider/divider.d.ts

@@ -1,2 +1,2 @@
 import type { DividerProps } from "./types";
-export declare const Divider: ({ thickness, lineStyle, layoutType, color, className, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, mobileCols, tabletCols, desktopCols, ...otherProps }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Divider: ({ thickness, lineStyle, layoutType, color, className, xxsCols, xsCols, smCols, mdCols, lgCols, xlCols, xxlCols, ...otherProps }: DividerProps) => import("react/jsx-runtime").JSX.Element;

package/divider/divider.js

@@ -1,2 +1,2 @@
-import{__rest as s}from"../_virtual/_tslib.js";import{jsx as o}from"react/jsx-runtime";import e from"clsx";import{useRef as l}from"react";import{ColDiv as t}from"../layout/col-div.js";import"../theme/theme-provider/index.js";import"../theme/theme-provider/context.js";import"../theme/tokens/border.js";import{Colour as r}from"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{useApplyStyle as m}from"../theme/utils/use-apply-styles.js";import{useResolvedTokenValue as i}from"../theme/utils/use-design-token.js";import{isColourToken as a}from"../util/styling-helper.js";import{V2_ColDiv as n}from"../v2_layout/col-div.js";import{tokens as c,lineBase as d,dashedLine as C,solidLine as x}from"./divider.styles.js";const p={solid:x,dashed:C},h=C=>{var{thickness:x=1,lineStyle:h="solid",layoutType:u="flex",color:g,className:f,xxsCols:j,xsCols:k,smCols:v,mdCols:y,lgCols:b,xlCols:w,xxlCols:N,mobileCols:$,tabletCols:O,desktopCols:S}=C,T=s(C,["thickness","lineStyle","layoutType","color","className","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","mobileCols","tabletCols","desktopCols"]);const _=l(null),I=i({value:g,fallback:r.border,isToken:a,normalizeCustom:String}),q=encodeURIComponent(I),z=x+1;m(_,{[c.thickness]:`${x}px`,[c.color]:g,[c.backgroundImage]:`\n            url('data:image/svg+xml,<svg width="8" height="${x}" viewBox="0 0 8 1" xmlns="http://www.w3.org/2000/svg"><line x1="2" y1="1" x2="6" y2="1" stroke="${q}" stroke-width="${z}" stroke-dasharray="4 4" /></svg>')`});const B=void 0!==$||void 0!==O||void 0!==S,R=e(d,p[h]);switch(u){case"flex":return o("hr",Object.assign({ref:_,className:e(R,f)},T));case"grid":return B?o(n,Object.assign({className:f,mobileCols:$,tabletCols:O,desktopCols:S},T,{children:o("hr",{ref:_,className:R})})):o(t,Object.assign({className:f},(()=>{const s=j||[1,-1],o=k||s,e=v||o,l=y||e,t=b||l,r=w||t;return{xxlCols:N||r,xlCols:r,lgCols:t,mdCols:l,smCols:e,xsCols:o,xxsCols:s}})(),T,{children:o("hr",{ref:_,className:R})}))}};export{h as Divider};
+import{__rest as s}from"../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import o from"clsx";import{useRef as t}from"react";import{ColDiv as l}from"../layout/col-div.js";import"../theme/theme-provider/index.js";import"../theme/theme-provider/context.js";import"../theme/tokens/border.js";import{Colour as r}from"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{useApplyStyle as m}from"../theme/utils/use-apply-styles.js";import{useResolvedTokenValue as i}from"../theme/utils/use-design-token.js";import"../theme/utils/use-media-query.js";import{isColourToken as a}from"../util/styling-helper.js";import{tokens as n,lineBase as x,dashedLine as c,solidLine as p}from"./divider.styles.js";const d={solid:p,dashed:c},h=c=>{var{thickness:p=1,lineStyle:h="solid",layoutType:u="flex",color:C,className:g,xxsCols:f,xsCols:j,smCols:y,mdCols:k,lgCols:v,xlCols:w,xxlCols:b}=c,N=s(c,["thickness","lineStyle","layoutType","color","className","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols"]);const $=t(null),S=i({value:C,fallback:r.border,isToken:a,normalizeCustom:String}),T=encodeURIComponent(S),q=p+1;m($,{[n.thickness]:`${p}px`,[n.color]:C,[n.backgroundImage]:`\n            url('data:image/svg+xml,<svg width="8" height="${p}" viewBox="0 0 8 1" xmlns="http://www.w3.org/2000/svg"><line x1="2" y1="1" x2="6" y2="1" stroke="${T}" stroke-width="${q}" stroke-dasharray="4 4" /></svg>')`});const I=o(x,d[h]);switch(u){case"flex":return e("hr",Object.assign({ref:$,className:o(I,g)},N));case"grid":return e(l,Object.assign({className:g},(()=>{const s=f||[1,-1],e=j||s,o=y||e,t=k||o,l=v||t,r=w||l;return{xxlCols:b||r,xlCols:r,lgCols:l,mdCols:t,smCols:o,xsCols:e,xxsCols:s}})(),N,{children:e("hr",{ref:$,className:I})}))}};export{h as Divider};
 //# sourceMappingURL=divider.js.map

package/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../src/divider/divider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useRef } from \"react\";\n\nimport { ColDiv } from \"../layout/col-div\";\nimport { Colour, useApplyStyle, useResolvedTokenValue } from \"../theme\";\nimport { isColourToken } from \"../util/styling-helper\";\nimport { V2_ColDiv } from \"../v2_layout/col-div\";\nimport * as styles from \"./divider.styles\";\nimport type { DividerLineStyleType, DividerProps } from \"./types\";\n\nconst lineStyleMap: Record<DividerLineStyleType, string> = {\n    solid: styles.solidLine,\n    dashed: styles.dashedLine,\n};\n\nexport const Divider = ({\n    thickness = 1,\n    lineStyle = \"solid\",\n    layoutType = \"flex\",\n    color,\n    className,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    mobileCols,\n    tabletCols,\n    desktopCols,\n    ...otherProps\n}: DividerProps) => {\n    const ref = useRef<HTMLHRElement>(null);\n\n    const effectiveColor = useResolvedTokenValue({\n        value: color,\n        fallback: Colour[\"border\"],\n        isToken: isColourToken,\n        normalizeCustom: String,\n    });\n\n    const encodedColor = encodeURIComponent(effectiveColor);\n    const strokeWidth = thickness + 1; // best fit\n\n    useApplyStyle(ref, {\n        [styles.tokens.thickness]: `${thickness}px`,\n        [styles.tokens.color]: color,\n        [styles.tokens.backgroundImage]: `\n            url('data:image/svg+xml,<svg width=\"8\" height=\"${thickness}\" viewBox=\"0 0 8 1\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"2\" y1=\"1\" x2=\"6\" y2=\"1\" stroke=\"${encodedColor}\" stroke-width=\"${strokeWidth}\" stroke-dasharray=\"4 4\" /></svg>')`,\n    });\n\n    const isV2Layout =\n        mobileCols !== undefined ||\n        tabletCols !== undefined ||\n        desktopCols !== undefined;\n\n    const getColumnProps = () => {\n        const xxsColsProp = xxsCols || [1, -1];\n        const xsColsProp = xsCols || xxsColsProp;\n        const smColsProp = smCols || xsColsProp;\n        const mdColsProp = mdCols || smColsProp;\n        const lgColsProp = lgCols || mdColsProp;\n        const xlColsProp = xlCols || lgColsProp;\n        const xxlColsProp = xxlCols || xlColsProp;\n\n        return {\n            xxlCols: xxlColsProp,\n            xlCols: xlColsProp,\n            lgCols: lgColsProp,\n            mdCols: mdColsProp,\n            smCols: smColsProp,\n            xsCols: xsColsProp,\n            xxsCols: xxsColsProp,\n        };\n    };\n\n    const lineClass = clsx(styles.lineBase, lineStyleMap[lineStyle]);\n\n    switch (layoutType) {\n        case \"flex\":\n            return (\n                <hr\n                    ref={ref}\n                    className={clsx(lineClass, className)}\n                    {...otherProps}\n                />\n            );\n        case \"grid\":\n            if (isV2Layout) {\n                return (\n                    <V2_ColDiv\n                        className={className}\n                        mobileCols={mobileCols}\n                        tabletCols={tabletCols}\n                        desktopCols={desktopCols}\n                        {...otherProps}\n                    >\n                        <hr ref={ref} className={lineClass} />\n                    </V2_ColDiv>\n                );\n            } else {\n                return (\n                    <ColDiv\n                        className={className}\n                        {...getColumnProps()}\n                        {...otherProps}\n                    >\n                        <hr ref={ref} className={lineClass} />\n                    </ColDiv>\n                );\n            }\n    }\n};\n"],"names":["lineStyleMap","solid","styles.solidLine","dashed","styles.dashedLine","Divider","_a","thickness","lineStyle","layoutType","color","className","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","mobileCols","tabletCols","desktopCols","otherProps","__rest","ref","useRef","effectiveColor","useResolvedTokenValue","value","fallback","Colour","isToken","isColourToken","normalizeCustom","String","encodedColor","encodeURIComponent","strokeWidth","useApplyStyle","styles.tokens","backgroundImage","isV2Layout","undefined","lineClass","clsx","styles.lineBase","_jsx","Object","assign","V2_ColDiv","children","ColDiv","xxsColsProp","xsColsProp","smColsProp","mdColsProp","lgColsProp","xlColsProp","getColumnProps"],"mappings":"8vBAUA,MAAMA,EAAqD,CACvDC,MAAOC,EACPC,OAAQC,GAGCC,EAAWC,IAAA,IAAAC,UACpBA,EAAY,EAACC,UACbA,EAAY,QAAOC,WACnBA,EAAa,OAAMC,MACnBA,EAAKC,UACLA,EAASC,QACTA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,WACPA,EAAUC,WACVA,EAAUC,YACVA,GAAWf,EACRgB,EAAUC,EAAAjB,EAhBO,qKAkBpB,MAAMkB,EAAMC,EAAsB,MAE5BC,EAAiBC,EAAsB,CACzCC,MAAOlB,EACPmB,SAAUC,EAAe,OACzBC,QAASC,EACTC,gBAAiBC,SAGfC,EAAeC,mBAAmBV,GAClCW,EAAc9B,EAAY,EAEhC+B,EAAcd,EAAK,CACf,CAACe,EAAchC,WAAY,GAAGA,MAC9B,CAACgC,EAAc7B,OAAQA,EACvB,CAAC6B,EAAcC,iBAAkB,gEACoBjC,qGAA6G4B,oBAA+BE,yCAGrM,MAAMI,OACaC,IAAfvB,QACeuB,IAAftB,QACgBsB,IAAhBrB,EAsBEsB,EAAYC,EAAKC,EAAiB7C,EAAaQ,IAErD,OAAQC,GACJ,IAAK,OACD,OACIqC,EAAA,KAAAC,OAAAC,OAAA,CACIxB,IAAKA,EACLb,UAAWiC,EAAKD,EAAWhC,IACvBW,IAGhB,IAAK,OACD,OAAImB,EAEIK,EAACG,EAASF,OAAAC,OAAA,CACNrC,UAAWA,EACXQ,WAAYA,EACZC,WAAYA,EACZC,YAAaA,GACTC,EAAU,CAAA4B,SAEdJ,QAAItB,IAAKA,EAAKb,UAAWgC,OAK7BG,EAACK,EAAMJ,OAAAC,OAAA,CACHrC,UAAWA,GA/CR,MACnB,MAAMyC,EAAcxC,GAAW,CAAC,GAAG,GAC7ByC,EAAaxC,GAAUuC,EACvBE,EAAaxC,GAAUuC,EACvBE,EAAaxC,GAAUuC,EACvBE,EAAaxC,GAAUuC,EACvBE,EAAaxC,GAAUuC,EAG7B,MAAO,CACHtC,QAHgBA,GAAWuC,EAI3BxC,OAAQwC,EACRzC,OAAQwC,EACRzC,OAAQwC,EACRzC,OAAQwC,EACRzC,OAAQwC,EACRzC,QAASwC,EACZ,EA+BmBM,GACApC,YAEJwB,EAAA,KAAA,CAAItB,IAAKA,EAAKb,UAAWgC"}
+{"version":3,"file":"divider.js","sources":["../../src/divider/divider.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useRef } from \"react\";\n\nimport { ColDiv } from \"../layout/col-div\";\nimport { Colour, useApplyStyle, useResolvedTokenValue } from \"../theme\";\nimport { isColourToken } from \"../util/styling-helper\";\nimport * as styles from \"./divider.styles\";\nimport type { DividerLineStyleType, DividerProps } from \"./types\";\n\nconst lineStyleMap: Record<DividerLineStyleType, string> = {\n    solid: styles.solidLine,\n    dashed: styles.dashedLine,\n};\n\nexport const Divider = ({\n    thickness = 1,\n    lineStyle = \"solid\",\n    layoutType = \"flex\",\n    color,\n    className,\n    xxsCols,\n    xsCols,\n    smCols,\n    mdCols,\n    lgCols,\n    xlCols,\n    xxlCols,\n    ...otherProps\n}: DividerProps) => {\n    const ref = useRef<HTMLHRElement>(null);\n\n    const effectiveColor = useResolvedTokenValue({\n        value: color,\n        fallback: Colour[\"border\"],\n        isToken: isColourToken,\n        normalizeCustom: String,\n    });\n\n    const encodedColor = encodeURIComponent(effectiveColor);\n    const strokeWidth = thickness + 1; // best fit\n\n    useApplyStyle(ref, {\n        [styles.tokens.thickness]: `${thickness}px`,\n        [styles.tokens.color]: color,\n        [styles.tokens.backgroundImage]: `\n            url('data:image/svg+xml,<svg width=\"8\" height=\"${thickness}\" viewBox=\"0 0 8 1\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"2\" y1=\"1\" x2=\"6\" y2=\"1\" stroke=\"${encodedColor}\" stroke-width=\"${strokeWidth}\" stroke-dasharray=\"4 4\" /></svg>')`,\n    });\n\n    const getColumnProps = () => {\n        const xxsColsProp = xxsCols || [1, -1];\n        const xsColsProp = xsCols || xxsColsProp;\n        const smColsProp = smCols || xsColsProp;\n        const mdColsProp = mdCols || smColsProp;\n        const lgColsProp = lgCols || mdColsProp;\n        const xlColsProp = xlCols || lgColsProp;\n        const xxlColsProp = xxlCols || xlColsProp;\n\n        return {\n            xxlCols: xxlColsProp,\n            xlCols: xlColsProp,\n            lgCols: lgColsProp,\n            mdCols: mdColsProp,\n            smCols: smColsProp,\n            xsCols: xsColsProp,\n            xxsCols: xxsColsProp,\n        };\n    };\n\n    const lineClass = clsx(styles.lineBase, lineStyleMap[lineStyle]);\n\n    switch (layoutType) {\n        case \"flex\":\n            return (\n                <hr\n                    ref={ref}\n                    className={clsx(lineClass, className)}\n                    {...otherProps}\n                />\n            );\n        case \"grid\":\n            return (\n                <ColDiv\n                    className={className}\n                    {...getColumnProps()}\n                    {...otherProps}\n                >\n                    <hr ref={ref} className={lineClass} />\n                </ColDiv>\n            );\n    }\n};\n"],"names":["lineStyleMap","solid","styles.solidLine","dashed","styles.dashedLine","Divider","_a","thickness","lineStyle","layoutType","color","className","xxsCols","xsCols","smCols","mdCols","lgCols","xlCols","xxlCols","otherProps","__rest","ref","useRef","effectiveColor","useResolvedTokenValue","value","fallback","Colour","isToken","isColourToken","normalizeCustom","String","encodedColor","encodeURIComponent","strokeWidth","useApplyStyle","styles.tokens","backgroundImage","lineClass","clsx","styles.lineBase","_jsx","Object","assign","ColDiv","xxsColsProp","xsColsProp","smColsProp","mdColsProp","lgColsProp","xlColsProp","getColumnProps"],"mappings":"ovBASA,MAAMA,EAAqD,CACvDC,MAAOC,EACPC,OAAQC,GAGCC,EAAWC,IAAA,IAAAC,UACpBA,EAAY,EAACC,UACbA,EAAY,QAAOC,WACnBA,EAAa,OAAMC,MACnBA,EAAKC,UACLA,EAASC,QACTA,EAAOC,OACPA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,OACNA,EAAMC,QACNA,GAAOZ,EACJa,EAAUC,EAAAd,EAbO,6HAepB,MAAMe,EAAMC,EAAsB,MAE5BC,EAAiBC,EAAsB,CACzCC,MAAOf,EACPgB,SAAUC,EAAe,OACzBC,QAASC,EACTC,gBAAiBC,SAGfC,EAAeC,mBAAmBV,GAClCW,EAAc3B,EAAY,EAEhC4B,EAAcd,EAAK,CACf,CAACe,EAAc7B,WAAY,GAAGA,MAC9B,CAAC6B,EAAc1B,OAAQA,EACvB,CAAC0B,EAAcC,iBAAkB,gEACoB9B,qGAA6GyB,oBAA+BE,yCAGrM,MAoBMI,EAAYC,EAAKC,EAAiBxC,EAAaQ,IAErD,OAAQC,GACJ,IAAK,OACD,OACIgC,EAAA,KAAAC,OAAAC,OAAA,CACItB,IAAKA,EACLV,UAAW4B,EAAKD,EAAW3B,IACvBQ,IAGhB,IAAK,OACD,OACIsB,EAACG,EAAMF,OAAAC,OAAA,CACHhC,UAAWA,GAlCJ,MACnB,MAAMkC,EAAcjC,GAAW,CAAC,GAAG,GAC7BkC,EAAajC,GAAUgC,EACvBE,EAAajC,GAAUgC,EACvBE,EAAajC,GAAUgC,EACvBE,EAAajC,GAAUgC,EACvBE,EAAajC,GAAUgC,EAG7B,MAAO,CACH/B,QAHgBA,GAAWgC,EAI3BjC,OAAQiC,EACRlC,OAAQiC,EACRlC,OAAQiC,EACRlC,OAAQiC,EACRlC,OAAQiC,EACRlC,QAASiC,EACZ,EAkBeM,GACAhC,YAEJsB,EAAA,KAAA,CAAIpB,IAAKA,EAAKV,UAAW2B"}

package/divider/types.d.ts

@@ -1,8 +1,7 @@
 import type { ColProps } from "../layout";
-import type { V2_ColProps } from "../v2_layout/types";
 export type DividerLineStyleType = "solid" | "dashed";
 type DividerLayoutType = "flex" | "grid";
-export interface DividerProps extends ColProps, V2_ColProps, Omit<React.HTMLAttributes<HTMLElement>, "color"> {
+export interface DividerProps extends ColProps, Omit<React.HTMLAttributes<HTMLElement>, "color"> {
     /** The thickness of the Divider in px */
     thickness?: number | undefined;
     /** The line display style type. Values: "solid" | "dashed" */

package/e-signature/e-signature.js

@@ -1,2 +1,2 @@
-import{__awaiter as e,__rest as r}from"../_virtual/_tslib.js";import{jsxs as i,jsx as t,Fragment as n}from"react/jsx-runtime";import{PencilIcon as a,EraserIcon as l}from"@lifesg/react-icons";import{lazy as o,useState as s,useRef as d,useContext as c,useEffect as u,Suspense as g}from"react";import{r as p}from"../external/react-responsive/dist/react-responsive.js";import{ThemeContext as m}from"styled-components";import{ProgressBar as h}from"../shared/progress-bar/progress-bar.js";import{Typography as b}from"../typography/index.js";import{V3_Breakpoint as y}from"../v3_theme/index.js";import*as f from"./e-signature.styles.js";const v=o((()=>e(void 0,void 0,void 0,(function*(){return{default:(yield import("./e-signature-canvas.js")).ESignatureCanvas}})))),{AddSignatureButton:S,EditSignatureButton:x,ESignatureContainer:C,ESignatureDrawable:j,GrowContainer:M,Instructions:B,ModalActionButton:k,ModalBox:T,ModalButtons:w,ModalTitle:A,ProgressBox:E,ScrollableModal:L,SignatureArea:P,SignatureLine:D,SignaturePreviewImage:I}=f,_=e=>{const{description:o,id:f,loadingProgress:_,loadingLabel:z="Uploading...",onChange:Q,value:U,disabled:$}=e,G=r(e,["description","id","loadingProgress","loadingLabel","onChange","value","disabled"]),[H,O]=s(!1),R=d(null),[W,q]=s(U),F=c(m),J=y["sm-max"]({theme:F}),K=p.useMediaQuery({maxWidth:J}),N=p.useMediaQuery({maxHeight:J,orientation:"landscape"}),V=()=>{var e;null===(e=R.current)||void 0===e||e.clear()},X=()=>{if(R.current){const e=R.current.export();q(e),O(!1),null==Q||Q(e)}};u((()=>{q(U)}),[U]);return i("div",Object.assign({},G,{children:[t(P,{$disabled:$,children:"number"==typeof _?i(E,{children:[z&&t(b.BodyMD,{children:z}),t(h,{progress:null!=_?_:0,"data-testid":`${f||"e-signature"}-progress-bar`})]}):W?i(n,{children:[t(I,{src:W,alt:"Signature preview"}),t(x,{styleType:"light",onClick:()=>O(!0),id:f,icon:t(a,{}),"aria-label":"Edit signature",disabled:$})]}):t(S,{type:"button",styleType:"secondary","aria-label":"Add signature",id:f,onClick:()=>O(!0),disabled:$,children:"Add signature"})}),t(L,{"data-testid":"signature-modal",show:H,children:t(M,{children:i(T,{onClose:()=>O(!1),children:[t(A,{children:"Signature"}),t(C,{children:i(j,{children:[t(D,{}),t(g,{fallback:null,children:H&&t(v,{ref:R,baseImageDataURL:W})})]})}),i(w,{children:[t(k,{sizeType:N?"small":"default",type:"button",styleType:K&&!N?"light":"link",icon:t(l,{}),onClick:V,children:"Clear"}),t(k,{sizeType:N?"small":"default",type:"button",onClick:X,children:"Save"})]})]})})}),o?t(B,{children:o}):null]}))};export{_ as ESignature};
+import{__awaiter as e,__rest as r}from"../_virtual/_tslib.js";import{jsxs as t,jsx as i,Fragment as n}from"react/jsx-runtime";import{PencilIcon as a,EraserIcon as o}from"@lifesg/react-icons";import{lazy as l,useState as s,useRef as d,useEffect as u,Suspense as m}from"react";import{ProgressBar as c}from"../shared/progress-bar/progress-bar.js";import"../theme/theme-provider/index.js";import"../theme/theme-provider/context.js";import"../theme/tokens/border.js";import{Breakpoint as p}from"../theme/tokens/breakpoint.js";import"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{useMaxWidthMediaQuery as g,useResolvedBreakpointToken as h,DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT as b,useMediaQuery as y}from"../theme/utils/use-media-query.js";import{Typography as f}from"../typography/index.js";import*as j from"./e-signature.styles.js";const v=l((()=>e(void 0,void 0,void 0,(function*(){return{default:(yield import("./e-signature-canvas.js")).ESignatureCanvas}})))),{AddSignatureButton:k,EditSignatureButton:S,ESignatureContainer:x,ESignatureDrawable:C,GrowContainer:B,Instructions:M,ModalActionButton:T,ModalBox:w,ModalButtons:A,ModalTitle:E,ProgressBox:L,ScrollableModal:P,SignatureArea:D,SignatureLine:I,SignaturePreviewImage:q}=j,z=e=>{const{description:l,id:j,loadingProgress:z,loadingLabel:U="Uploading...",onChange:$,value:_,disabled:G}=e,O=r(e,["description","id","loadingProgress","loadingLabel","onChange","value","disabled"]),[R,F]=s(!1),H=d(null),[J,K]=s(_),N=g("sm"),Q=h(p["sm-max"],b),V=y({clauses:[{feature:"orientation",value:"landscape"},{feature:"max-height",value:Q}]}),W=()=>{var e;null===(e=H.current)||void 0===e||e.clear()},X=()=>{if(H.current){const e=H.current.export();K(e),F(!1),null==$||$(e)}};u((()=>{K(_)}),[_]);return t("div",Object.assign({},O,{children:[i(D,{$disabled:G,children:"number"==typeof z?t(L,{children:[U&&i(f.BodyMD,{children:U}),i(c,{progress:null!=z?z:0,"data-testid":`${j||"e-signature"}-progress-bar`})]}):J?t(n,{children:[i(q,{src:J,alt:"Signature preview"}),i(S,{styleType:"light",onClick:()=>F(!0),id:j,icon:i(a,{}),"aria-label":"Edit signature",disabled:G})]}):i(k,{type:"button",styleType:"secondary","aria-label":"Add signature",id:j,onClick:()=>F(!0),disabled:G,children:"Add signature"})}),i(P,{"data-testid":"signature-modal",show:R,children:i(B,{children:t(w,{onClose:()=>F(!1),children:[i(E,{children:"Signature"}),i(x,{children:t(C,{children:[i(I,{}),i(m,{fallback:null,children:R&&i(v,{ref:H,baseImageDataURL:J})})]})}),t(A,{children:[i(T,{sizeType:V?"small":"default",type:"button",styleType:N&&!V?"light":"link",icon:i(o,{}),onClick:W,children:"Clear"}),i(T,{sizeType:V?"small":"default",type:"button",onClick:X,children:"Save"})]})]})})}),l?i(M,{children:l}):null]}))};export{z as ESignature};
 //# sourceMappingURL=e-signature.js.map

package/e-signature/e-signature.js.map

@@ -1 +1 @@
-{"version":3,"file":"e-signature.js","sources":["../../src/e-signature/e-signature.tsx"],"sourcesContent":["import { EraserIcon, PencilIcon } from \"@lifesg/react-icons\";\nimport { lazy, Suspense, useContext, useEffect, useRef, useState } from \"react\";\nimport { useMediaQuery } from \"react-responsive\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { ProgressBar } from \"../shared/progress-bar\";\nimport { Typography } from \"../typography\";\nimport { V3_Breakpoint } from \"../v3_theme\";\nimport * as styles from \"./e-signature.styles\";\nimport type { ESignatureCanvasRef } from \"./e-signature-canvas\";\nimport type { EsignatureProps } from \"./types\";\n\n// lazy load to fix next.js SSR errors\nconst ESignatureCanvas = lazy(async () => ({\n    default: (await import(\"./e-signature-canvas\")).ESignatureCanvas,\n}));\n\nconst {\n    AddSignatureButton,\n    EditSignatureButton,\n    ESignatureContainer,\n    ESignatureDrawable,\n    GrowContainer,\n    Instructions,\n    ModalActionButton,\n    ModalBox,\n    ModalButtons,\n    ModalTitle,\n    ProgressBox,\n    ScrollableModal,\n    SignatureArea,\n    SignatureLine,\n    SignaturePreviewImage,\n} = styles;\n\nexport const ESignature = (props: EsignatureProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const {\n        description,\n        id,\n        loadingProgress,\n        loadingLabel = \"Uploading...\",\n        onChange,\n        value,\n        disabled,\n        ...otherProps\n    } = props;\n    const [showModal, setShowModal] = useState(false);\n    const eSignatureCanvasRef = useRef<ESignatureCanvasRef>(null);\n    const [dataURL, setDataURL] = useState<string | null | undefined>(value);\n    const theme = useContext(ThemeContext);\n    const mobileBreakpoint = V3_Breakpoint[\"sm-max\"]({ theme });\n    const isMobile = useMediaQuery({ maxWidth: mobileBreakpoint });\n    const isMobileLandscape = useMediaQuery({\n        maxHeight: mobileBreakpoint,\n        orientation: \"landscape\",\n    });\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleClearDrawing = () => {\n        eSignatureCanvasRef.current?.clear();\n    };\n\n    const handleClickSave = () => {\n        if (eSignatureCanvasRef.current) {\n            const dataURL = eSignatureCanvasRef.current.export();\n            setDataURL(dataURL);\n            setShowModal(false);\n            onChange?.(dataURL);\n        }\n    };\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        setDataURL(value);\n    }, [value]);\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderSignatureArea = () => {\n        if (!dataURL) {\n            return (\n                <AddSignatureButton\n                    type=\"button\"\n                    styleType=\"secondary\"\n                    aria-label=\"Add signature\"\n                    id={id}\n                    onClick={() => setShowModal(true)}\n                    disabled={disabled}\n                >\n                    Add signature\n                </AddSignatureButton>\n            );\n        }\n\n        return (\n            <>\n                <SignaturePreviewImage src={dataURL} alt=\"Signature preview\" />\n                <EditSignatureButton\n                    styleType=\"light\"\n                    onClick={() => setShowModal(true)}\n                    id={id}\n                    icon={<PencilIcon />}\n                    aria-label=\"Edit signature\"\n                    disabled={disabled}\n                />\n            </>\n        );\n    };\n\n    const renderLoadingIndicator = () => {\n        return (\n            <ProgressBox>\n                {loadingLabel && (\n                    <Typography.BodyMD>{loadingLabel}</Typography.BodyMD>\n                )}\n                <ProgressBar\n                    progress={loadingProgress ?? 0}\n                    data-testid={`${id || \"e-signature\"}-progress-bar`}\n                />\n            </ProgressBox>\n        );\n    };\n\n    const renderModal = () => {\n        return (\n            <ScrollableModal data-testid=\"signature-modal\" show={showModal}>\n                <GrowContainer>\n                    <ModalBox onClose={() => setShowModal(false)}>\n                        <ModalTitle>Signature</ModalTitle>\n                        <ESignatureContainer>\n                            <ESignatureDrawable>\n                                <SignatureLine />\n                                <Suspense fallback={null}>\n                                    {showModal && (\n                                        <ESignatureCanvas\n                                            ref={eSignatureCanvasRef}\n                                            baseImageDataURL={dataURL}\n                                        />\n                                    )}\n                                </Suspense>\n                            </ESignatureDrawable>\n                        </ESignatureContainer>\n                        <ModalButtons>\n                            <ModalActionButton\n                                sizeType={\n                                    isMobileLandscape ? \"small\" : \"default\"\n                                }\n                                type=\"button\"\n                                styleType={\n                                    isMobile && !isMobileLandscape\n                                        ? \"light\"\n                                        : \"link\"\n                                }\n                                icon={<EraserIcon />}\n                                onClick={handleClearDrawing}\n                            >\n                                Clear\n                            </ModalActionButton>\n                            <ModalActionButton\n                                sizeType={\n                                    isMobileLandscape ? \"small\" : \"default\"\n                                }\n                                type=\"button\"\n                                onClick={handleClickSave}\n                            >\n                                Save\n                            </ModalActionButton>\n                        </ModalButtons>\n                    </ModalBox>\n                </GrowContainer>\n            </ScrollableModal>\n        );\n    };\n\n    const renderDescription = () => {\n        if (!description) return null;\n        return <Instructions>{description}</Instructions>;\n    };\n\n    return (\n        <div {...otherProps}>\n            <SignatureArea $disabled={disabled}>\n                {typeof loadingProgress === \"number\"\n                    ? renderLoadingIndicator()\n                    : renderSignatureArea()}\n            </SignatureArea>\n            {renderModal()}\n            {renderDescription()}\n        </div>\n    );\n};\n"],"names":["ESignatureCanvas","lazy","__awaiter","default","import","AddSignatureButton","EditSignatureButton","ESignatureContainer","ESignatureDrawable","GrowContainer","Instructions","ModalActionButton","ModalBox","ModalButtons","ModalTitle","ProgressBox","ScrollableModal","SignatureArea","SignatureLine","SignaturePreviewImage","styles","ESignature","props","description","id","loadingProgress","loadingLabel","onChange","value","disabled","otherProps","__rest","showModal","setShowModal","useState","eSignatureCanvasRef","useRef","dataURL","setDataURL","theme","useContext","ThemeContext","mobileBreakpoint","V3_Breakpoint","isMobile","useMediaQuery","maxWidth","isMobileLandscape","maxHeight","orientation","handleClearDrawing","_a","current","clear","handleClickSave","export","useEffect","_jsxs","Object","assign","children","_jsx","$disabled","Typography","BodyMD","ProgressBar","progress","src","alt","styleType","onClick","icon","PencilIcon","type","show","onClose","Suspense","fallback","ref","baseImageDataURL","sizeType","EraserIcon"],"mappings":"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"}
+{"version":3,"file":"e-signature.js","sources":["../../src/e-signature/e-signature.tsx"],"sourcesContent":["import { EraserIcon, PencilIcon } from \"@lifesg/react-icons\";\nimport { lazy, Suspense, useEffect, useRef, useState } from \"react\";\n\nimport { ProgressBar } from \"../shared/progress-bar\";\nimport {\n    Breakpoint,\n    DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT,\n    useMaxWidthMediaQuery,\n    useMediaQuery,\n    useResolvedBreakpointToken,\n} from \"../theme\";\nimport { Typography } from \"../typography\";\nimport * as styles from \"./e-signature.styles\";\nimport type { ESignatureCanvasRef } from \"./e-signature-canvas\";\nimport type { EsignatureProps } from \"./types\";\n\n// lazy load to fix next.js SSR errors\nconst ESignatureCanvas = lazy(async () => ({\n    default: (await import(\"./e-signature-canvas\")).ESignatureCanvas,\n}));\n\nconst {\n    AddSignatureButton,\n    EditSignatureButton,\n    ESignatureContainer,\n    ESignatureDrawable,\n    GrowContainer,\n    Instructions,\n    ModalActionButton,\n    ModalBox,\n    ModalButtons,\n    ModalTitle,\n    ProgressBox,\n    ScrollableModal,\n    SignatureArea,\n    SignatureLine,\n    SignaturePreviewImage,\n} = styles;\n\nexport const ESignature = (props: EsignatureProps) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const {\n        description,\n        id,\n        loadingProgress,\n        loadingLabel = \"Uploading...\",\n        onChange,\n        value,\n        disabled,\n        ...otherProps\n    } = props;\n    const [showModal, setShowModal] = useState(false);\n    const eSignatureCanvasRef = useRef<ESignatureCanvasRef>(null);\n    const [dataURL, setDataURL] = useState<string | null | undefined>(value);\n    const isMobile = useMaxWidthMediaQuery(\"sm\");\n    const mobileBreakpoint = useResolvedBreakpointToken(\n        Breakpoint[\"sm-max\"],\n        DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT\n    );\n    const isMobileLandscape = useMediaQuery({\n        clauses: [\n            {\n                feature: \"orientation\",\n                value: \"landscape\",\n            },\n            {\n                feature: \"max-height\",\n                value: mobileBreakpoint,\n            },\n        ],\n    });\n\n    // =============================================================================\n    // EVENT HANDLERS\n    // =============================================================================\n    const handleClearDrawing = () => {\n        eSignatureCanvasRef.current?.clear();\n    };\n\n    const handleClickSave = () => {\n        if (eSignatureCanvasRef.current) {\n            const dataURL = eSignatureCanvasRef.current.export();\n            setDataURL(dataURL);\n            setShowModal(false);\n            onChange?.(dataURL);\n        }\n    };\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    useEffect(() => {\n        setDataURL(value);\n    }, [value]);\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    const renderSignatureArea = () => {\n        if (!dataURL) {\n            return (\n                <AddSignatureButton\n                    type=\"button\"\n                    styleType=\"secondary\"\n                    aria-label=\"Add signature\"\n                    id={id}\n                    onClick={() => setShowModal(true)}\n                    disabled={disabled}\n                >\n                    Add signature\n                </AddSignatureButton>\n            );\n        }\n\n        return (\n            <>\n                <SignaturePreviewImage src={dataURL} alt=\"Signature preview\" />\n                <EditSignatureButton\n                    styleType=\"light\"\n                    onClick={() => setShowModal(true)}\n                    id={id}\n                    icon={<PencilIcon />}\n                    aria-label=\"Edit signature\"\n                    disabled={disabled}\n                />\n            </>\n        );\n    };\n\n    const renderLoadingIndicator = () => {\n        return (\n            <ProgressBox>\n                {loadingLabel && (\n                    <Typography.BodyMD>{loadingLabel}</Typography.BodyMD>\n                )}\n                <ProgressBar\n                    progress={loadingProgress ?? 0}\n                    data-testid={`${id || \"e-signature\"}-progress-bar`}\n                />\n            </ProgressBox>\n        );\n    };\n\n    const renderModal = () => {\n        return (\n            <ScrollableModal data-testid=\"signature-modal\" show={showModal}>\n                <GrowContainer>\n                    <ModalBox onClose={() => setShowModal(false)}>\n                        <ModalTitle>Signature</ModalTitle>\n                        <ESignatureContainer>\n                            <ESignatureDrawable>\n                                <SignatureLine />\n                                <Suspense fallback={null}>\n                                    {showModal && (\n                                        <ESignatureCanvas\n                                            ref={eSignatureCanvasRef}\n                                            baseImageDataURL={dataURL}\n                                        />\n                                    )}\n                                </Suspense>\n                            </ESignatureDrawable>\n                        </ESignatureContainer>\n                        <ModalButtons>\n                            <ModalActionButton\n                                sizeType={\n                                    isMobileLandscape ? \"small\" : \"default\"\n                                }\n                                type=\"button\"\n                                styleType={\n                                    isMobile && !isMobileLandscape\n                                        ? \"light\"\n                                        : \"link\"\n                                }\n                                icon={<EraserIcon />}\n                                onClick={handleClearDrawing}\n                            >\n                                Clear\n                            </ModalActionButton>\n                            <ModalActionButton\n                                sizeType={\n                                    isMobileLandscape ? \"small\" : \"default\"\n                                }\n                                type=\"button\"\n                                onClick={handleClickSave}\n                            >\n                                Save\n                            </ModalActionButton>\n                        </ModalButtons>\n                    </ModalBox>\n                </GrowContainer>\n            </ScrollableModal>\n        );\n    };\n\n    const renderDescription = () => {\n        if (!description) return null;\n        return <Instructions>{description}</Instructions>;\n    };\n\n    return (\n        <div {...otherProps}>\n            <SignatureArea $disabled={disabled}>\n                {typeof loadingProgress === \"number\"\n                    ? renderLoadingIndicator()\n                    : renderSignatureArea()}\n            </SignatureArea>\n            {renderModal()}\n            {renderDescription()}\n        </div>\n    );\n};\n"],"names":["ESignatureCanvas","lazy","__awaiter","default","import","AddSignatureButton","EditSignatureButton","ESignatureContainer","ESignatureDrawable","GrowContainer","Instructions","ModalActionButton","ModalBox","ModalButtons","ModalTitle","ProgressBox","ScrollableModal","SignatureArea","SignatureLine","SignaturePreviewImage","styles","ESignature","props","description","id","loadingProgress","loadingLabel","onChange","value","disabled","otherProps","__rest","showModal","setShowModal","useState","eSignatureCanvasRef","useRef","dataURL","setDataURL","isMobile","useMaxWidthMediaQuery","mobileBreakpoint","useResolvedBreakpointToken","Breakpoint","DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT","isMobileLandscape","useMediaQuery","clauses","feature","handleClearDrawing","_a","current","clear","handleClickSave","export","useEffect","_jsxs","Object","assign","children","_jsx","$disabled","Typography","BodyMD","ProgressBar","progress","src","alt","styleType","onClick","icon","PencilIcon","type","show","onClose","Suspense","fallback","ref","baseImageDataURL","sizeType","EraserIcon"],"mappings":"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"}

package/e-signature/e-signature.styles.js

@@ -1,4 +1,4 @@
-import i,{css as e}from"styled-components";import{Button as t}from"../button/button.js";import{DashedBorder as o}from"../dashed-border/dashed-border.js";import{Modal as r}from"../modal/index.js";import"../theme/theme-provider/index.js";import"react";import"../theme/theme-provider/context.js";import{Border as a}from"../theme/tokens/border.js";import{Colour as n}from"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{Radius as s}from"../theme/tokens/radius.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import{Typography as d}from"../typography/index.js";import{V3_MediaQuery as m,V3_Breakpoint as p,V3_Spacing as g,V3_Colour as h,V3_Border as c,V3_Radius as l,V3_Font as $}from"../v3_theme/index.js";const b=e`
+import i,{css as e}from"styled-components";import{Button as t}from"../button/button.js";import{DashedBorder as o}from"../dashed-border/dashed-border.js";import{Modal as r}from"../modal/index.js";import"../theme/theme-provider/index.js";import"react";import"../theme/theme-provider/context.js";import{Border as a}from"../theme/tokens/border.js";import{Colour as n}from"../theme/tokens/colour.js";import"../theme/tokens/font.js";import"../theme/tokens/media-query.js";import{Radius as s}from"../theme/tokens/radius.js";import"../util/calendar-helper.js";import"../external/dayjs/dayjs.min.js";import"../util/simple-id-generator.js";import"../util/string-helper.js";import"@react-aria/live-announcer";import"../theme/utils/use-media-query.js";import{Typography as d}from"../typography/index.js";import{V3_MediaQuery as m,V3_Breakpoint as p,V3_Spacing as g,V3_Colour as h,V3_Border as c,V3_Radius as l,V3_Font as $}from"../v3_theme/index.js";const b=e`
     ${i=>`\n        ${m.MaxWidth.sm(i)},\n        (orientation: landscape) and (max-height: ${p["sm-max"](i)}px)\n    `}
 `,u=e`
     ${i=>`\n        @media (orientation: landscape) and (max-height: ${p["sm-max"](i)}px)\n    `}
@@ -78,7 +78,7 @@ import i,{css as e}from"styled-components";import{Button as t}from"../button/but
         --close-button-top-inset: ${g["spacing-8"]};
         --close-button-right-inset: ${g["spacing-20"]};
     }
-`,B=i.h2`
+`,q=i.h2`
     ${$["body-baseline-semibold"]}
     color: ${h.text};
     margin-bottom: ${g["spacing-16"]};
@@ -88,7 +88,7 @@ import i,{css as e}from"styled-components";import{Button as t}from"../button/but
         ${$["body-md-semibold"]}
         margin: ${g["spacing-12"]} 0;
     }
-`,D=i.div`
+`,B=i.div`
     width: 100%;
     height: 20rem;
     border-radius: ${l.lg};
@@ -102,7 +102,7 @@ import i,{css as e}from"styled-components";import{Button as t}from"../button/but
     ${u} {
         background: ${h["bg-strong"]};
     }
-`,q=i.div`
+`,D=i.div`
     position: relative;
     width: 100%;
     height: 100%;
@@ -165,5 +165,5 @@ import i,{css as e}from"styled-components";import{Button as t}from"../button/but
     overflow: hidden;
 `,z=i.canvas`
     cursor: crosshair;
-`;export{f as AddSignatureButton,D as ESignatureContainer,q as ESignatureDrawable,w as EditSignatureButton,M as GrowContainer,v as Instructions,X as ModalActionButton,W as ModalBox,S as ModalButtons,B as ModalTitle,y as ProgressBox,k as ScrollableModal,x as SignatureArea,z as SignatureCanvas,_ as SignatureCanvasContainer,C as SignatureLine,j as SignaturePreviewImage};
+`;export{f as AddSignatureButton,B as ESignatureContainer,D as ESignatureDrawable,w as EditSignatureButton,M as GrowContainer,v as Instructions,X as ModalActionButton,W as ModalBox,S as ModalButtons,q as ModalTitle,y as ProgressBox,k as ScrollableModal,x as SignatureArea,z as SignatureCanvas,_ as SignatureCanvasContainer,C as SignatureLine,j as SignaturePreviewImage};
 //# sourceMappingURL=e-signature.styles.js.map