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

package/cjs/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":["_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        if (!calendarOpen) return;\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":["_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/cjs/date-input/date-input.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./date-input.styles_1r5kcc7.css");exports.container="c1udubt6";
+//# sourceMappingURL=date-input.styles.js.map

package/cjs/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":[],"mappings":"oGAMsB"}

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

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

package/cjs/date-navigator/date-navigator.styles.js

@@ -1,2 +1,2 @@
-"use strict";require("./date-navigator.styles_1cotsgz.css");exports.container="c1mdg68z",exports.dateTextButton="d1pl361j",exports.headerArrowButton="h1w7ufcd",exports.headerArrowButtonIcon="h7gg62z";
+"use strict";require("./date-navigator.styles_wokh56.css");exports.container="c1mdg68z",exports.dateTextButton="d1pl361j",exports.headerArrowButton="h1w7ufcd",exports.headerArrowButtonIcon="h7gg62z";
 //# sourceMappingURL=date-navigator.styles.js.map

package/cjs/date-navigator/date-navigator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-navigator.styles.js","sources":["../../../src/date-navigator/date-navigator.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Radius, Spacing } from \"../theme\";\n\nexport const container = css`\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: space-between;\n    background-color: ${Colour[\"bg-strong\"]};\n    border-radius: ${Radius[\"sm\"]};\n`;\n\nexport const headerArrowButton = css`\n    margin: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const headerArrowButtonIcon = css`\n    color: ${Colour[\"icon\"]};\n`;\n\nexport const dateTextButton = css`\n    ${Font[\"body-baseline-semibold\"]}\n    color: ${Colour[\"text\"]};\n    cursor: default;\n\n    &:not(:disabled) {\n        color: ${Colour[\"text-primary\"]};\n    }\n\n    &:not(:disabled):hover,\n    &:not(:disabled):focus {\n        outline: none;\n        cursor: pointer;\n        text-decoration: underline;\n        text-underline-position: under;\n    }\n`;\n"],"names":[],"mappings":"4GAIsB,kCAiBK,qCARG,yCAII"}
+{"version":3,"file":"date-navigator.styles.js","sources":["../../../src/date-navigator/date-navigator.styles.ts"],"sourcesContent":["import { css } from \"@linaria/core\";\n\nimport { Colour, Font, Radius, Spacing } from \"../theme\";\n\nexport const container = css`\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: space-between;\n    background-color: ${Colour[\"bg-strong\"]};\n    border-radius: ${Radius[\"sm\"]};\n`;\n\nexport const headerArrowButton = css`\n    margin: ${Spacing[\"spacing-8\"]};\n`;\n\nexport const headerArrowButtonIcon = css`\n    color: ${Colour[\"icon\"]};\n`;\n\nexport const dateTextButton = css`\n    ${Font[\"body-baseline-semibold\"]}\n    color: ${Colour[\"text\"]};\n    cursor: default;\n\n    &:not(:disabled) {\n        color: ${Colour[\"text-primary\"]};\n    }\n\n    &:not(:disabled):hover,\n    &:not(:disabled):focus {\n        outline: none;\n        cursor: pointer;\n        text-decoration: underline;\n        text-underline-position: under;\n    }\n`;\n"],"names":[],"mappings":"2GAIsB,kCAiBK,qCARG,yCAII"}

package/cjs/date-navigator/date-navigator.styles_wokh56.css

@@ -0,0 +1,4 @@
+.c1mdg68z{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;background-color:var(--fds-colour-bg-strong);border-radius:var(--fds-radius-sm);}
+.h1w7ufcd{margin:var(--fds-spacing-8);}
+.h7gg62z{color:var(--fds-colour-icon);}
+.d1pl361j{font-family:var(--fds-font-family-body);font-variant:var(--fds-font-variant);font-size:var(--fds-font-body-size-baseline);font-weight:var(--fds-font-weight-semibold);line-height:var(--fds-font-body-lh-baseline);letter-spacing:var(--fds-font-body-ls-baseline);color:var(--fds-colour-text);cursor:default;}.d1pl361j:not(:disabled){color:var(--fds-colour-text-primary);}.d1pl361j:not(:disabled):hover,.d1pl361j:not(:disabled):focus{outline:none;cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;text-underline-position:under;}

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

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

package/cjs/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","_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","_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/cjs/date-range-input/date-range-input.styles.js

@@ -0,0 +1,2 @@
+"use strict";require("./date-range-input.styles_1s7ojnj.css");exports.MOBILE_WRAP_WIDTH=320,exports.containerWrap="c13x59xx",exports.containerWrapReadOnly="cuva3df",exports.inputContainer="i1b11tt2",exports.inputContainerWrap="iy4f6wr";
+//# sourceMappingURL=date-range-input.styles.js.map

package/cjs/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":[],"mappings":"wHAIiC,0BAKP,yCAIQ,iCAIP,sCAOI"}

package/cjs/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/cjs/divider/divider.js

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

package/cjs/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","_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":"qrBAUA,MAAMA,EAAqD,CACvDC,MAAOC,EAAAA,UACPC,OAAQC,EAAAA,4BAGYC,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,EAAAA,OAAAjB,EAhBO,qKAkBpB,MAAMkB,EAAMC,EAAAA,OAAsB,MAE5BC,EAAiBC,EAAAA,sBAAsB,CACzCC,MAAOlB,EACPmB,SAAUC,EAAAA,OAAe,OACzBC,QAASC,EAAAA,cACTC,gBAAiBC,SAGfC,EAAeC,mBAAmBV,GAClCW,EAAc9B,EAAY,EAEhC+B,EAAAA,cAAcd,EAAK,CACf,CAACe,EAAAA,OAAchC,WAAY,GAAGA,MAC9B,CAACgC,EAAAA,OAAc7B,OAAQA,EACvB,CAAC6B,EAAAA,OAAcC,iBAAkB,gEACoBjC,qGAA6G4B,oBAA+BE,yCAGrM,MAAMI,OACaC,IAAfvB,QACeuB,IAAftB,QACgBsB,IAAhBrB,EAsBEsB,EAAYC,EAAAA,QAAKC,EAAAA,SAAiB5C,EAAaO,IAErD,OAAQC,GACJ,IAAK,OACD,OACIqC,EAAAA,IAAA,KAAAC,OAAAC,OAAA,CACIxB,IAAKA,EACLb,UAAWiC,EAAAA,QAAKD,EAAWhC,IACvBW,IAGhB,IAAK,OACD,OAAImB,EAEIK,MAACG,EAAAA,UAASF,OAAAC,OAAA,CACNrC,UAAWA,EACXQ,WAAYA,EACZC,WAAYA,EACZC,YAAaA,GACTC,EAAU,CAAA4B,SAEdJ,EAAAA,UAAItB,IAAKA,EAAKb,UAAWgC,OAK7BG,EAAAA,IAACK,EAAAA,OAAMJ,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,EAAAA,IAAA,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 } from \"../theme\";\nimport { useResolvedTokenValue } from \"../theme/utils\";\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","_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":"isBAUA,MAAMA,EAAqD,CACvDC,MAAOC,EAAAA,UACPC,OAAQC,EAAAA,4BAGYC,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,EAAAA,OAAAd,EAbO,6HAepB,MAAMe,EAAMC,EAAAA,OAAsB,MAE5BC,EAAiBC,EAAAA,sBAAsB,CACzCC,MAAOf,EACPgB,SAAUC,EAAAA,OAAe,OACzBC,QAASC,EAAAA,cACTC,gBAAiBC,SAGfC,EAAeC,mBAAmBV,GAClCW,EAAc3B,EAAY,EAEhC4B,EAAAA,cAAcd,EAAK,CACf,CAACe,EAAAA,OAAc7B,WAAY,GAAGA,MAC9B,CAAC6B,EAAAA,OAAc1B,OAAQA,EACvB,CAAC0B,EAAAA,OAAcC,iBAAkB,gEACoB9B,qGAA6GyB,oBAA+BE,yCAGrM,MAoBMI,EAAYC,EAAAA,QAAKC,EAAAA,SAAiBvC,EAAaO,IAErD,OAAQC,GACJ,IAAK,OACD,OACIgC,EAAAA,IAAA,KAAAC,OAAAC,OAAA,CACItB,IAAKA,EACLV,UAAW4B,EAAAA,QAAKD,EAAW3B,IACvBQ,IAGhB,IAAK,OACD,OACIsB,EAAAA,IAACG,EAAAA,OAAMF,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,EAAAA,IAAA,KAAA,CAAIpB,IAAKA,EAAKV,UAAW2B"}

package/cjs/e-signature/e-signature-canvas.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("fabric"),n=require("react"),i=require("styled-components"),u=require("../v3_theme/index.js"),c=require("./e-signature.styles.js");const a=n.forwardRef(((a,s)=>{const{baseImageDataURL:o}=a,l=n.useRef(null),d=n.useRef(null),v=n.useRef(),f=n.useRef(),h=n.useContext(i.ThemeContext);n.useImperativeHandle(s,(()=>({clear:()=>{var e;return null===(e=v.current)||void 0===e?void 0:e.clear()},export:()=>w()})));const w=()=>{if(!v.current)return null;if(!v.current.getObjects().length)return null;return v.current.toDataURL({multiplier:1,format:"png",quality:1,enableRetinaScaling:!0})},g=n.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(yield new Promise((e=>setTimeout(e))),l.current&&d.current&&v.current){const e=l.current.clientWidth,r=l.current.clientHeight;d.current.width=e,d.current.height=r,v.current.setDimensions({width:e,height:r}),v.current.forEachObject((e=>{v.current&&v.current.centerObject(e)}))}}))),[]);return n.useEffect((()=>{if(l.current&&d.current)return v.current=new t.Canvas("eSignatureCanvas"),v.current.selection=!1,v.current.isDrawingMode=!0,f.current=new t.PencilBrush(v.current),f.current.color=u.V3_Colour.text({theme:h}),f.current.width=3,v.current.freeDrawingBrush=f.current,()=>{var e;null===(e=v.current)||void 0===e||e.dispose()}}),[]),n.useEffect((()=>{var e;if(window)return window.addEventListener("resize",g),null===(e=screen.orientation)||void 0===e||e.addEventListener("change",g),g(),()=>{var e;window.removeEventListener("resize",g),null===(e=screen.orientation)||void 0===e||e.removeEventListener("change",g)}}),[g]),n.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(o){const e=yield t.FabricImage.fromURL(o);v.current&&(v.current.clear(),e.selectable=!1,e.hoverCursor="default",v.current.width&&e.width&&e.scale(v.current.width/e.width),v.current.add(e),v.current.centerObject(e))}}))}),[o]),r.jsx(c.SignatureCanvasContainer,{ref:l,children:r.jsx(c.SignatureCanvas,{id:"eSignatureCanvas",ref:d})})}));exports.ESignatureCanvas=a;
+"use strict";var e=require("../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("fabric"),n=require("react");require("../theme/theme-provider/index.js"),require("../theme/theme-provider/context.js"),require("../theme/tokens/border.js");var i=require("../theme/tokens/colour.js");require("../theme/tokens/font.js"),require("../theme/tokens/media-query.js"),require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js"),require("../util/string-helper.js"),require("@react-aria/live-announcer");var u=require("../theme/utils/use-design-token.js");require("../theme/utils/use-media-query.js");var s=require("./e-signature.styles.js");const a=n.forwardRef(((a,c)=>{const{baseImageDataURL:o}=a,l=n.useRef(null),d=n.useRef(null),v=n.useRef(),h=n.useRef(),f=u.useDesignToken(i.Colour.text);n.useImperativeHandle(c,(()=>({clear:()=>{var e;return null===(e=v.current)||void 0===e?void 0:e.clear()},export:()=>m()})));const m=()=>{if(!v.current)return null;if(!v.current.getObjects().length)return null;return v.current.toDataURL({multiplier:1,format:"png",quality:1,enableRetinaScaling:!0})},g=n.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(yield new Promise((e=>setTimeout(e))),l.current&&d.current&&v.current){const e=l.current.clientWidth,r=l.current.clientHeight;d.current.width=e,d.current.height=r,v.current.setDimensions({width:e,height:r}),v.current.forEachObject((e=>{v.current&&v.current.centerObject(e)}))}}))),[]);return n.useEffect((()=>{if(l.current&&d.current)return v.current=new t.Canvas("eSignatureCanvas"),v.current.selection=!1,v.current.isDrawingMode=!0,h.current=new t.PencilBrush(v.current),h.current.color=f||"#000000",h.current.width=3,v.current.freeDrawingBrush=h.current,()=>{var e;null===(e=v.current)||void 0===e||e.dispose()}}),[]),n.useEffect((()=>{var e;if(window)return window.addEventListener("resize",g),null===(e=screen.orientation)||void 0===e||e.addEventListener("change",g),g(),()=>{var e;window.removeEventListener("resize",g),null===(e=screen.orientation)||void 0===e||e.removeEventListener("change",g)}}),[g]),n.useEffect((()=>{e.__awaiter(void 0,void 0,void 0,(function*(){if(o){const e=yield t.FabricImage.fromURL(o);v.current&&(v.current.clear(),e.selectable=!1,e.hoverCursor="default",v.current.width&&e.width&&e.scale(v.current.width/e.width),v.current.add(e),v.current.centerObject(e))}}))}),[o]),r.jsx("div",{className:s.signatureCanvasContainer,ref:l,children:r.jsx("canvas",{className:s.signatureCanvas,id:"eSignatureCanvas",ref:d})})}));exports.ESignatureCanvas=a;
 //# sourceMappingURL=e-signature-canvas.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"e-signature-canvas.js","sources":["../../../src/e-signature/e-signature-canvas.tsx"],"sourcesContent":["import { Canvas as FabricCanvas, FabricImage, PencilBrush } from \"fabric\";\nimport type { Ref } from \"react\";\nimport {\n    forwardRef,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n} from \"react\";\nimport { ThemeContext } from \"styled-components\";\n\nimport { V3_Colour } from \"../v3_theme\";\nimport {\n    SignatureCanvas,\n    SignatureCanvasContainer,\n} from \"./e-signature.styles\";\n\ninterface ESignatureCanvasProps {\n    baseImageDataURL?: string | null | undefined;\n    forwardedRef?: Ref<ESignatureCanvasRef> | undefined;\n}\n\nexport interface ESignatureCanvasRef {\n    clear: VoidFunction;\n    export: () => string | null;\n}\n\nconst Component = (\n    props: ESignatureCanvasProps,\n    ref: Ref<ESignatureCanvasRef>\n) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const { baseImageDataURL } = props;\n    const containerRef = useRef<HTMLDivElement>(null);\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const fabricCanvas = useRef<FabricCanvas>();\n    const pencilBrush = useRef<PencilBrush>();\n    const theme = useContext(ThemeContext);\n\n    // =============================================================================\n    // HOOKS\n    // =============================================================================\n    useImperativeHandle(ref, () => ({\n        clear: () => fabricCanvas.current?.clear(),\n        export: () => exportAsImage(),\n    }));\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const exportAsImage = () => {\n        if (!fabricCanvas.current) return null;\n        if (!fabricCanvas.current.getObjects().length) return null;\n        const dataURL = fabricCanvas.current.toDataURL({\n            multiplier: 1,\n            format: \"png\",\n            quality: 1,\n            enableRetinaScaling: true,\n        });\n        return dataURL;\n    };\n\n    const handleResize = useCallback(async () => {\n        // slight delay for fabricjs to update on orientation change\n        await new Promise((resolve) => setTimeout(resolve));\n        if (containerRef.current && canvasRef.current && fabricCanvas.current) {\n            const canvasWidth = containerRef.current.clientWidth;\n            const canvasHeight = containerRef.current.clientHeight;\n            canvasRef.current.width = canvasWidth;\n            canvasRef.current.height = canvasHeight;\n            fabricCanvas.current.setDimensions({\n                width: canvasWidth,\n                height: canvasHeight,\n            });\n\n            fabricCanvas.current.forEachObject((obj) => {\n                if (fabricCanvas.current) {\n                    fabricCanvas.current.centerObject(obj);\n                }\n            });\n        }\n    }, []);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    // initialise fabric and brushes\n    useEffect(() => {\n        if (containerRef.current && canvasRef.current) {\n            fabricCanvas.current = new FabricCanvas(\"eSignatureCanvas\");\n            fabricCanvas.current.selection = false;\n            fabricCanvas.current.isDrawingMode = true;\n\n            pencilBrush.current = new PencilBrush(fabricCanvas.current);\n            pencilBrush.current.color = V3_Colour[\"text\"]({ theme });\n            pencilBrush.current.width = 3;\n\n            fabricCanvas.current.freeDrawingBrush = pencilBrush.current;\n\n            return () => {\n                fabricCanvas.current?.dispose();\n            };\n        }\n    }, []);\n\n    // resize\n    useEffect(() => {\n        if (window) {\n            window.addEventListener(\"resize\", handleResize);\n            screen.orientation?.addEventListener(\"change\", handleResize);\n            handleResize();\n            return () => {\n                window.removeEventListener(\"resize\", handleResize);\n                screen.orientation?.removeEventListener(\"change\", handleResize);\n            };\n        }\n    }, [handleResize]);\n\n    // update base image\n    useEffect(() => {\n        const updateImage = async () => {\n            if (baseImageDataURL) {\n                const img = await FabricImage.fromURL(baseImageDataURL);\n                if (fabricCanvas.current) {\n                    fabricCanvas.current.clear();\n                    img.selectable = false;\n                    img.hoverCursor = \"default\";\n\n                    if (fabricCanvas.current.width && img.width) {\n                        img.scale(fabricCanvas.current.width / img.width);\n                    }\n                    fabricCanvas.current.add(img);\n                    fabricCanvas.current.centerObject(img);\n                }\n            }\n        };\n\n        updateImage();\n    }, [baseImageDataURL]);\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    return (\n        <SignatureCanvasContainer ref={containerRef}>\n            <SignatureCanvas id=\"eSignatureCanvas\" ref={canvasRef} />\n        </SignatureCanvasContainer>\n    );\n};\n\nexport const ESignatureCanvas = forwardRef<\n    ESignatureCanvasRef,\n    ESignatureCanvasProps\n>(Component);\n"],"names":["ESignatureCanvas","forwardRef","props","ref","baseImageDataURL","containerRef","useRef","canvasRef","fabricCanvas","pencilBrush","theme","useContext","ThemeContext","useImperativeHandle","clear","_a","current","export","exportAsImage","getObjects","length","toDataURL","multiplier","format","quality","enableRetinaScaling","handleResize","useCallback","__awaiter","Promise","resolve","setTimeout","canvasWidth","clientWidth","canvasHeight","clientHeight","width","height","setDimensions","forEachObject","obj","centerObject","useEffect","FabricCanvas","selection","isDrawingMode","PencilBrush","color","V3_Colour","freeDrawingBrush","dispose","window","addEventListener","screen","orientation","removeEventListener","img","FabricImage","fromURL","selectable","hoverCursor","scale","add","_jsx","SignatureCanvasContainer","SignatureCanvas","id"],"mappings":"gOA4BA,MA6HaA,EAAmBC,EAAAA,YA7Hd,CACdC,EACAC,KAKA,MAAMC,iBAAEA,GAAqBF,EACvBG,EAAeC,EAAAA,OAAuB,MACtCC,EAAYD,EAAAA,OAA0B,MACtCE,EAAeF,EAAAA,SACfG,EAAcH,EAAAA,SACdI,EAAQC,EAAAA,WAAWC,gBAKzBC,EAAAA,oBAAoBV,GAAK,KAAA,CACrBW,MAAO,KAAK,IAAAC,EAAC,OAAoB,QAApBA,EAAAP,EAAaQ,eAAO,IAAAD,OAAA,EAAAA,EAAED,OAAO,EAC1CG,OAAQ,IAAMC,QAMlB,MAAMA,EAAgB,KAClB,IAAKV,EAAaQ,QAAS,OAAO,KAClC,IAAKR,EAAaQ,QAAQG,aAAaC,OAAQ,OAAO,KAOtD,OANgBZ,EAAaQ,QAAQK,UAAU,CAC3CC,WAAY,EACZC,OAAQ,MACRC,QAAS,EACTC,qBAAqB,GAEX,EAGZC,EAAeC,EAAAA,aAAY,IAAWC,EAAAA,eAAA,OAAA,OAAA,GAAA,YAGxC,SADM,IAAIC,SAASC,GAAYC,WAAWD,KACtCzB,EAAaW,SAAWT,EAAUS,SAAWR,EAAaQ,QAAS,CACnE,MAAMgB,EAAc3B,EAAaW,QAAQiB,YACnCC,EAAe7B,EAAaW,QAAQmB,aAC1C5B,EAAUS,QAAQoB,MAAQJ,EAC1BzB,EAAUS,QAAQqB,OAASH,EAC3B1B,EAAaQ,QAAQsB,cAAc,CAC/BF,MAAOJ,EACPK,OAAQH,IAGZ1B,EAAaQ,QAAQuB,eAAeC,IAC5BhC,EAAaQ,SACbR,EAAaQ,QAAQyB,aAAaD,EACtC,GAER,CACJ,KAAG,IA8DH,OAxDAE,EAAAA,WAAU,KACN,GAAIrC,EAAaW,SAAWT,EAAUS,QAWlC,OAVAR,EAAaQ,QAAU,IAAI2B,EAAAA,OAAa,oBACxCnC,EAAaQ,QAAQ4B,WAAY,EACjCpC,EAAaQ,QAAQ6B,eAAgB,EAErCpC,EAAYO,QAAU,IAAI8B,cAAYtC,EAAaQ,SACnDP,EAAYO,QAAQ+B,MAAQC,EAAAA,UAAgB,KAAE,CAAEtC,UAChDD,EAAYO,QAAQoB,MAAQ,EAE5B5B,EAAaQ,QAAQiC,iBAAmBxC,EAAYO,QAE7C,WACiB,QAApBD,EAAAP,EAAaQ,eAAO,IAAAD,GAAAA,EAAEmC,SAAS,CAEvC,GACD,IAGHR,EAAAA,WAAU,WACN,GAAIS,OAIA,OAHAA,OAAOC,iBAAiB,SAAU1B,GAChB,QAAlBX,EAAAsC,OAAOC,mBAAW,IAAAvC,GAAAA,EAAEqC,iBAAiB,SAAU1B,GAC/CA,IACO,WACHyB,OAAOI,oBAAoB,SAAU7B,GACnB,QAAlBX,EAAAsC,OAAOC,mBAAW,IAAAvC,GAAAA,EAAEwC,oBAAoB,SAAU7B,EAAa,CAEvE,GACD,CAACA,IAGJgB,EAAAA,WAAU,KACyBd,EAAAA,eAAA,OAAA,OAAA,GAAA,YAC3B,GAAIxB,EAAkB,CAClB,MAAMoD,QAAYC,cAAYC,QAAQtD,GAClCI,EAAaQ,UACbR,EAAaQ,QAAQF,QACrB0C,EAAIG,YAAa,EACjBH,EAAII,YAAc,UAEdpD,EAAaQ,QAAQoB,OAASoB,EAAIpB,OAClCoB,EAAIK,MAAMrD,EAAaQ,QAAQoB,MAAQoB,EAAIpB,OAE/C5B,EAAaQ,QAAQ8C,IAAIN,GACzBhD,EAAaQ,QAAQyB,aAAae,GAE1C,CACJ,GAEa,GACd,CAACpD,IAMA2D,EAAAA,IAACC,EAAAA,yBAAwB,CAAC7D,IAAKE,WAC3B0D,EAAAA,IAACE,EAAAA,iBAAgBC,GAAG,mBAAmB/D,IAAKI,KACrB"}
+{"version":3,"file":"e-signature-canvas.js","sources":["../../../src/e-signature/e-signature-canvas.tsx"],"sourcesContent":["import { Canvas as FabricCanvas, FabricImage, PencilBrush } from \"fabric\";\nimport type { Ref } from \"react\";\nimport {\n    forwardRef,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n} from \"react\";\n\nimport { Colour, useDesignToken } from \"../theme\";\nimport * as styles from \"./e-signature.styles\";\n\ninterface ESignatureCanvasProps {\n    baseImageDataURL?: string | null | undefined;\n    forwardedRef?: Ref<ESignatureCanvasRef> | undefined;\n}\n\nexport interface ESignatureCanvasRef {\n    clear: VoidFunction;\n    export: () => string | null;\n}\n\nconst Component = (\n    props: ESignatureCanvasProps,\n    ref: Ref<ESignatureCanvasRef>\n) => {\n    // =============================================================================\n    // CONST, STATE, REF\n    // =============================================================================\n    const { baseImageDataURL } = props;\n    const containerRef = useRef<HTMLDivElement>(null);\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const fabricCanvas = useRef<FabricCanvas>();\n    const pencilBrush = useRef<PencilBrush>();\n    const resolvedColor = useDesignToken(Colour[\"text\"]);\n\n    // =============================================================================\n    // HOOKS\n    // =============================================================================\n    useImperativeHandle(ref, () => ({\n        clear: () => fabricCanvas.current?.clear(),\n        export: () => exportAsImage(),\n    }));\n\n    // =============================================================================\n    // HELPER FUNCTIONS\n    // =============================================================================\n    const exportAsImage = () => {\n        if (!fabricCanvas.current) return null;\n        if (!fabricCanvas.current.getObjects().length) return null;\n        const dataURL = fabricCanvas.current.toDataURL({\n            multiplier: 1,\n            format: \"png\",\n            quality: 1,\n            enableRetinaScaling: true,\n        });\n        return dataURL;\n    };\n\n    const handleResize = useCallback(async () => {\n        // slight delay for fabricjs to update on orientation change\n        await new Promise((resolve) => setTimeout(resolve));\n        if (containerRef.current && canvasRef.current && fabricCanvas.current) {\n            const canvasWidth = containerRef.current.clientWidth;\n            const canvasHeight = containerRef.current.clientHeight;\n            canvasRef.current.width = canvasWidth;\n            canvasRef.current.height = canvasHeight;\n            fabricCanvas.current.setDimensions({\n                width: canvasWidth,\n                height: canvasHeight,\n            });\n\n            fabricCanvas.current.forEachObject((obj) => {\n                if (fabricCanvas.current) {\n                    fabricCanvas.current.centerObject(obj);\n                }\n            });\n        }\n    }, []);\n\n    // =============================================================================\n    // EFFECTS\n    // =============================================================================\n    // initialise fabric and brushes\n    useEffect(() => {\n        if (containerRef.current && canvasRef.current) {\n            fabricCanvas.current = new FabricCanvas(\"eSignatureCanvas\");\n            fabricCanvas.current.selection = false;\n            fabricCanvas.current.isDrawingMode = true;\n\n            pencilBrush.current = new PencilBrush(fabricCanvas.current);\n            pencilBrush.current.color = resolvedColor || \"#000000\";\n            pencilBrush.current.width = 3;\n\n            fabricCanvas.current.freeDrawingBrush = pencilBrush.current;\n\n            return () => {\n                fabricCanvas.current?.dispose();\n            };\n        }\n    }, []);\n\n    // resize\n    useEffect(() => {\n        if (window) {\n            window.addEventListener(\"resize\", handleResize);\n            screen.orientation?.addEventListener(\"change\", handleResize);\n            handleResize();\n            return () => {\n                window.removeEventListener(\"resize\", handleResize);\n                screen.orientation?.removeEventListener(\"change\", handleResize);\n            };\n        }\n    }, [handleResize]);\n\n    // update base image\n    useEffect(() => {\n        const updateImage = async () => {\n            if (baseImageDataURL) {\n                const img = await FabricImage.fromURL(baseImageDataURL);\n                if (fabricCanvas.current) {\n                    fabricCanvas.current.clear();\n                    img.selectable = false;\n                    img.hoverCursor = \"default\";\n\n                    if (fabricCanvas.current.width && img.width) {\n                        img.scale(fabricCanvas.current.width / img.width);\n                    }\n                    fabricCanvas.current.add(img);\n                    fabricCanvas.current.centerObject(img);\n                }\n            }\n        };\n\n        updateImage();\n    }, [baseImageDataURL]);\n\n    // =============================================================================\n    // RENDER FUNCTIONS\n    // =============================================================================\n    return (\n        <div className={styles.signatureCanvasContainer} ref={containerRef}>\n            <canvas\n                className={styles.signatureCanvas}\n                id=\"eSignatureCanvas\"\n                ref={canvasRef}\n            />\n        </div>\n    );\n};\n\nexport const ESignatureCanvas = forwardRef<\n    ESignatureCanvasRef,\n    ESignatureCanvasProps\n>(Component);\n"],"names":["ESignatureCanvas","forwardRef","props","ref","baseImageDataURL","containerRef","useRef","canvasRef","fabricCanvas","pencilBrush","resolvedColor","useDesignToken","Colour","useImperativeHandle","clear","_a","current","export","exportAsImage","getObjects","length","toDataURL","multiplier","format","quality","enableRetinaScaling","handleResize","useCallback","__awaiter","Promise","resolve","setTimeout","canvasWidth","clientWidth","canvasHeight","clientHeight","width","height","setDimensions","forEachObject","obj","centerObject","useEffect","FabricCanvas","selection","isDrawingMode","PencilBrush","color","freeDrawingBrush","dispose","window","addEventListener","screen","orientation","removeEventListener","img","FabricImage","fromURL","selectable","hoverCursor","scale","add","_jsx","className","styles.signatureCanvasContainer","children","styles.signatureCanvas","id"],"mappings":"+rBAuBA,MAiIaA,EAAmBC,EAAAA,YAjId,CACdC,EACAC,KAKA,MAAMC,iBAAEA,GAAqBF,EACvBG,EAAeC,EAAAA,OAAuB,MACtCC,EAAYD,EAAAA,OAA0B,MACtCE,EAAeF,EAAAA,SACfG,EAAcH,EAAAA,SACdI,EAAgBC,EAAAA,eAAeC,EAAAA,OAAa,MAKlDC,EAAAA,oBAAoBV,GAAK,KAAA,CACrBW,MAAO,KAAK,IAAAC,EAAC,OAAoB,QAApBA,EAAAP,EAAaQ,eAAO,IAAAD,OAAA,EAAAA,EAAED,OAAO,EAC1CG,OAAQ,IAAMC,QAMlB,MAAMA,EAAgB,KAClB,IAAKV,EAAaQ,QAAS,OAAO,KAClC,IAAKR,EAAaQ,QAAQG,aAAaC,OAAQ,OAAO,KAOtD,OANgBZ,EAAaQ,QAAQK,UAAU,CAC3CC,WAAY,EACZC,OAAQ,MACRC,QAAS,EACTC,qBAAqB,GAEX,EAGZC,EAAeC,EAAAA,aAAY,IAAWC,EAAAA,eAAA,OAAA,OAAA,GAAA,YAGxC,SADM,IAAIC,SAASC,GAAYC,WAAWD,KACtCzB,EAAaW,SAAWT,EAAUS,SAAWR,EAAaQ,QAAS,CACnE,MAAMgB,EAAc3B,EAAaW,QAAQiB,YACnCC,EAAe7B,EAAaW,QAAQmB,aAC1C5B,EAAUS,QAAQoB,MAAQJ,EAC1BzB,EAAUS,QAAQqB,OAASH,EAC3B1B,EAAaQ,QAAQsB,cAAc,CAC/BF,MAAOJ,EACPK,OAAQH,IAGZ1B,EAAaQ,QAAQuB,eAAeC,IAC5BhC,EAAaQ,SACbR,EAAaQ,QAAQyB,aAAaD,EACtC,GAER,CACJ,KAAG,IA8DH,OAxDAE,EAAAA,WAAU,KACN,GAAIrC,EAAaW,SAAWT,EAAUS,QAWlC,OAVAR,EAAaQ,QAAU,IAAI2B,EAAAA,OAAa,oBACxCnC,EAAaQ,QAAQ4B,WAAY,EACjCpC,EAAaQ,QAAQ6B,eAAgB,EAErCpC,EAAYO,QAAU,IAAI8B,cAAYtC,EAAaQ,SACnDP,EAAYO,QAAQ+B,MAAQrC,GAAiB,UAC7CD,EAAYO,QAAQoB,MAAQ,EAE5B5B,EAAaQ,QAAQgC,iBAAmBvC,EAAYO,QAE7C,WACiB,QAApBD,EAAAP,EAAaQ,eAAO,IAAAD,GAAAA,EAAEkC,SAAS,CAEvC,GACD,IAGHP,EAAAA,WAAU,WACN,GAAIQ,OAIA,OAHAA,OAAOC,iBAAiB,SAAUzB,GAChB,QAAlBX,EAAAqC,OAAOC,mBAAW,IAAAtC,GAAAA,EAAEoC,iBAAiB,SAAUzB,GAC/CA,IACO,WACHwB,OAAOI,oBAAoB,SAAU5B,GACnB,QAAlBX,EAAAqC,OAAOC,mBAAW,IAAAtC,GAAAA,EAAEuC,oBAAoB,SAAU5B,EAAa,CAEvE,GACD,CAACA,IAGJgB,EAAAA,WAAU,KACyBd,EAAAA,eAAA,OAAA,OAAA,GAAA,YAC3B,GAAIxB,EAAkB,CAClB,MAAMmD,QAAYC,cAAYC,QAAQrD,GAClCI,EAAaQ,UACbR,EAAaQ,QAAQF,QACrByC,EAAIG,YAAa,EACjBH,EAAII,YAAc,UAEdnD,EAAaQ,QAAQoB,OAASmB,EAAInB,OAClCmB,EAAIK,MAAMpD,EAAaQ,QAAQoB,MAAQmB,EAAInB,OAE/C5B,EAAaQ,QAAQ6C,IAAIN,GACzB/C,EAAaQ,QAAQyB,aAAac,GAE1C,CACJ,GAEa,GACd,CAACnD,IAMA0D,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAAA,yBAAiC7D,IAAKE,EAAY4D,SAC9DH,EAAAA,IAAA,SAAA,CACIC,UAAWG,EAAAA,gBACXC,GAAG,mBACHhE,IAAKI,KAEP"}

package/cjs/e-signature/e-signature.js

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