@navikt/ds-react 1.2.2 → 1.3.0-alpha.0

package/esm/datepicker/DatePickerInput.d.ts

@@ -0,0 +1,25 @@
+import React, { InputHTMLAttributes } from "react";
+import { FormFieldProps } from "../form/useFormField";
+export interface DatePickerInputProps extends FormFieldProps, Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    /**
+     * Input label
+     */
+    label: React.ReactNode;
+    /**
+     * Shows label and description for screenreaders-only
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * Changes padding and font-sizes
+     * @default medium
+     */
+    size?: "medium" | "small";
+    /**
+     * @private
+     */
+    wrapperRef?: React.RefObject<HTMLDivElement>;
+}
+export declare type DatePickerInputType = React.ForwardRefExoticComponent<DatePickerInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const DatePickerInput: DatePickerInputType;
+export default DatePickerInput;

package/esm/datepicker/DatePickerInput.js

@@ -0,0 +1,40 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Calender } from "@navikt/ds-icons";
+import cl from "clsx";
+import React, { forwardRef, useContext } from "react";
+import { Button } from "../button";
+import { useFormField } from "../form/useFormField";
+import { BodyShort, ErrorMessage, Label } from "../typography";
+import { omit } from "../util";
+import { DatePickerContext } from "./DatePicker";
+export const DatePickerInput = forwardRef((props, ref) => {
+    const { onOpen, buttonRef, ariaId, open } = useContext(DatePickerContext);
+    const { inputProps, size = "medium", inputDescriptionId, errorId, showErrorMsg, hasError, } = useFormField(props, "datepicker-input");
+    const { className, hideLabel = false, label, description } = props, rest = __rest(props, ["className", "hideLabel", "label", "description"]);
+    return (React.createElement("div", { className: cl(className, "navds-form-field", `navds-form-field--${size}`, "navds-date__field", {
+            "navds-date__field--error": hasError,
+            "navds-date__field--disabled": !!inputProps.disabled,
+        }), ref: props === null || props === void 0 ? void 0 : props.wrapperRef },
+        React.createElement(Label, { htmlFor: inputProps.id, size: size, className: cl("navds-form-field__label", {
+                "navds-sr-only": hideLabel,
+            }) }, label),
+        !!description && (React.createElement(BodyShort, { as: "div", className: cl("navds-form-field__description", {
+                "navds-sr-only": hideLabel,
+            }), id: inputDescriptionId, size: size }, description)),
+        React.createElement("div", { className: "navds-date__field-wrapper" },
+            React.createElement("input", Object.assign({ ref: ref }, omit(rest, ["error", "errorId", "size", "wrapperRef"]), inputProps, { autoComplete: "off", "aria-controls": ariaId, className: cl(className, "navds-date__field-input", "navds-text-field__input", "navds-body-short", `navds-body-${size}`), size: 14, "aria-haspopup": "grid" })),
+            React.createElement(Button, { ref: buttonRef, variant: "tertiary", type: "button", size: "small", onClick: () => onOpen(), className: "navds-date__field-button", icon: React.createElement(Calender, { title: open ? "Lukk datovelger" : "Åpne datovelger" }), "aria-haspopup": "grid" })),
+        React.createElement("div", { className: "navds-form-field__error", id: errorId, "aria-relevant": "additions removals", "aria-live": "polite" }, showErrorMsg && React.createElement(ErrorMessage, { size: size }, props.error))));
+});
+export default DatePickerInput;
+//# sourceMappingURL=DatePickerInput.js.map

package/esm/datepicker/DatePickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerInput.js","sourceRoot":"","sources":["../../src/datepicker/DatePickerInput.tsx"],"names":[],"mappings":"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"}

package/esm/datepicker/DatePickerStandalone.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { ConditionalModeProps, DatePickerDefaultProps } from "./DatePicker";
+interface DatePickerStandaloneDefaultProps extends Omit<DatePickerDefaultProps, "focusOnOpen" | "open" | "onClose" | "classNames" | "onOpenToggle"> {
+    /**
+     * Wrapper className
+     */
+    className?: string;
+}
+export declare type DatePickerStandaloneProps = DatePickerStandaloneDefaultProps & ConditionalModeProps;
+export declare type DatePickerStandaloneType = React.ForwardRefExoticComponent<DatePickerStandaloneProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DatePickerStandalone: DatePickerStandaloneType;
+export default DatePickerStandalone;

package/esm/datepicker/DatePickerStandalone.js

@@ -0,0 +1,52 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import cl from "clsx";
+import { isWeekend } from "date-fns";
+import React, { forwardRef } from "react";
+import { DayPicker, isMatch, } from "react-day-picker";
+import { Caption, DropdownCaption } from "./caption";
+import { getLocaleFromString, labels } from "./utils";
+export const DatePickerStandalone = forwardRef((_a, ref) => {
+    var { children, className, locale = "nb", yearSelector, disabled = [], disableWeekends = false, showWeekNumber = false, mode = "single", selected, id, defaultSelected, onSelect } = _a, rest = __rest(_a, ["children", "className", "locale", "yearSelector", "disabled", "disableWeekends", "showWeekNumber", "mode", "selected", "id", "defaultSelected", "onSelect"]);
+    const [selectedDates, setSelectedDates] = React.useState(defaultSelected);
+    const handleSingleSelect = (selectedDay) => {
+        setSelectedDates(selectedDay);
+        onSelect && onSelect(selectedDay);
+    };
+    const handleMultipleSelect = (selectedDays) => {
+        setSelectedDates(selectedDays);
+        onSelect && onSelect(selectedDays);
+    };
+    const handleRangeSelect = (selectedDays) => {
+        setSelectedDates(selectedDays);
+        onSelect && onSelect(selectedDays);
+    };
+    const overrideProps = {
+        onSelect: mode === "single"
+            ? handleSingleSelect
+            : mode === "multiple"
+                ? handleMultipleSelect
+                : handleRangeSelect,
+    };
+    return (React.createElement("div", { ref: ref, className: cl("navds-date__standalone-wrapper", className) },
+        React.createElement(DayPicker, Object.assign({ locale: getLocaleFromString(locale), mode: mode }, overrideProps, { selected: selected !== null && selected !== void 0 ? selected : selectedDates, components: {
+                Caption: yearSelector ? DropdownCaption : Caption,
+            }, className: "navds-date", classNames: { vhidden: "navds-sr-only" }, disabled: (day) => {
+                return ((disableWeekends && isWeekend(day)) || isMatch(day, disabled));
+            }, weekStartsOn: 1, initialFocus: false, labels: labels, modifiers: {
+                weekend: (day) => disableWeekends && isWeekend(day),
+            }, modifiersClassNames: {
+                weekend: "rdp-day__weekend",
+            }, showWeekNumber: showWeekNumber }, rest))));
+});
+export default DatePickerStandalone;
+//# sourceMappingURL=DatePickerStandalone.js.map

package/esm/datepicker/DatePickerStandalone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerStandalone.js","sourceRoot":"","sources":["../../src/datepicker/DatePickerStandalone.tsx"],"names":[],"mappings":"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"}

package/esm/datepicker/caption/Caption.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CaptionProps } from "react-day-picker";
+export declare const DatePickerCaption: ({ displayMonth, id }: CaptionProps) => JSX.Element;
+export default DatePickerCaption;

package/esm/datepicker/caption/Caption.js

@@ -0,0 +1,17 @@
+import { Left, Right } from "@navikt/ds-icons";
+import React from "react";
+import { useDayPicker, useNavigation } from "react-day-picker";
+import { Button, Label } from "../..";
+export const DatePickerCaption = ({ displayMonth, id }) => {
+    const { goToMonth, nextMonth, previousMonth } = useNavigation();
+    const { labels: { labelPrevious, labelNext }, formatters: { formatCaption }, locale, } = useDayPicker();
+    const previousLabel = labelPrevious(previousMonth, { locale });
+    const nextLabel = labelNext(nextMonth, { locale });
+    return (React.createElement("div", { className: "navds-date__caption" },
+        React.createElement(Label, { as: "span", "aria-live": "polite", "aria-atomic": "true", id: id, className: "navds-date__caption-label" }, formatCaption(displayMonth, { locale })),
+        React.createElement("div", { className: "navds-date__caption__month-wrapper" },
+            React.createElement(Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: React.createElement(Left, { title: "velg forrige m\u00E5nede" }), className: "navds-date__caption-button" }),
+            React.createElement(Button, { "aria-label": nextLabel, icon: React.createElement(Right, { title: "velg neste m\u00E5nede" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button" }))));
+};
+export default DatePickerCaption;
+//# sourceMappingURL=Caption.js.map

package/esm/datepicker/caption/Caption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caption.js","sourceRoot":"","sources":["../../../src/datepicker/caption/Caption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAgB,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC;IAChE,MAAM,EACJ,MAAM,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,EACpC,UAAU,EAAE,EAAE,aAAa,EAAE,EAC7B,MAAM,GACP,GAAG,YAAY,EAAE,CAAC;IAEnB,MAAM,aAAa,GAAG,aAAa,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAEnD,OAAO,CACL,6BAAK,SAAS,EAAC,qBAAqB;QAClC,oBAAC,KAAK,IACJ,EAAE,EAAC,MAAM,eACC,QAAQ,iBACN,MAAM,EAClB,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,2BAA2B,IAEpC,aAAa,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,CAAC,CAClC;QAER,6BAAK,SAAS,EAAC,oCAAoC;YACjD,oBAAC,MAAM,kBACO,aAAa,EACzB,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,IAAI,SAAS,CAAC,aAAa,CAAC,EACxD,IAAI,EAAE,oBAAC,IAAI,IAAC,KAAK,EAAC,0BAAqB,GAAG,EAC1C,SAAS,EAAC,4BAA4B,GACtC;YACF,oBAAC,MAAM,kBACO,SAAS,EACrB,IAAI,EAAE,oBAAC,KAAK,IAAC,KAAK,EAAC,wBAAmB,GAAG,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,EAChD,QAAQ,EAAE,CAAC,SAAS,EACpB,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,4BAA4B,GACtC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/esm/datepicker/caption/DropdownCaption.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CaptionProps } from "react-day-picker";
+export declare const DropdownCaption: ({ displayMonth, id }: CaptionProps) => JSX.Element;
+export default DropdownCaption;

package/esm/datepicker/caption/DropdownCaption.js

@@ -0,0 +1,30 @@
+import { Left, Right } from "@navikt/ds-icons";
+import { setMonth, setYear, startOfMonth } from "date-fns";
+import React from "react";
+import { useDayPicker, useNavigation } from "react-day-picker";
+import { Button, Select } from "../..";
+import { getMonths, getYears } from "../utils/get-dates";
+import { labelMonthDropdown, labelYearDropdown } from "../utils/labels";
+export const DropdownCaption = ({ displayMonth, id }) => {
+    const { goToMonth, nextMonth, previousMonth } = useNavigation();
+    const { fromDate, toDate, formatters: { formatYearCaption, formatMonthCaption, formatCaption }, labels: { labelPrevious, labelNext }, locale, } = useDayPicker();
+    if (!fromDate || !toDate)
+        return React.createElement(React.Fragment, null);
+    const handleYearChange = (e) => goToMonth(setYear(startOfMonth(displayMonth), Number(e.target.value)));
+    const handleMonthChange = (e) => goToMonth(setMonth(startOfMonth(displayMonth), Number(e.target.value)));
+    const years = getYears(fromDate, toDate);
+    const months = getMonths(fromDate, toDate, displayMonth);
+    const previousLabel = labelPrevious(previousMonth, { locale });
+    const nextLabel = labelNext(nextMonth, { locale });
+    const yearDropdownLabel = labelYearDropdown(locale);
+    const MonthDropdownLabel = labelMonthDropdown(locale);
+    return (React.createElement("div", { className: "navds-date__caption-dropdown" },
+        React.createElement("span", { "aria-live": "polite", "aria-atomic": "true", id: id, className: "navds-sr-only" }, formatCaption(displayMonth, { locale })),
+        React.createElement(Button, { "aria-label": previousLabel, variant: "tertiary", disabled: !previousMonth, onClick: () => previousMonth && goToMonth(previousMonth), icon: React.createElement(Left, { title: "velg forrige m\u00E5nede" }), className: "navds-date__caption-button" }),
+        React.createElement("div", { className: "navds-date__caption__month-wrapper" },
+            React.createElement(Select, { label: MonthDropdownLabel, hideLabel: true, className: "navds-date__caption__month", value: displayMonth.getMonth(), onChange: handleMonthChange }, months.map((m) => (React.createElement("option", { key: m.getMonth(), value: m.getMonth() }, formatMonthCaption(m, { locale }))))),
+            React.createElement(Select, { label: yearDropdownLabel, hideLabel: true, value: displayMonth.getFullYear(), onChange: handleYearChange }, years.map((year) => (React.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale })))))),
+        React.createElement(Button, { "aria-label": nextLabel, icon: React.createElement(Right, { title: "velg neste m\u00E5nede" }), onClick: () => nextMonth && goToMonth(nextMonth), disabled: !nextMonth, variant: "tertiary", className: "navds-date__caption-button" })));
+};
+export default DropdownCaption;
+//# sourceMappingURL=DropdownCaption.js.map

package/esm/datepicker/caption/DropdownCaption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownCaption.js","sourceRoot":"","sources":["../../../src/datepicker/caption/DropdownCaption.tsx"],"names":[],"mappings":"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"}

package/esm/datepicker/caption/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Caption } from "./Caption";
+export { default as DropdownCaption } from "./DropdownCaption";

package/esm/datepicker/caption/index.js

@@ -0,0 +1,3 @@
+export { default as Caption } from "./Caption";
+export { default as DropdownCaption } from "./DropdownCaption";
+//# sourceMappingURL=index.js.map

package/esm/datepicker/caption/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/datepicker/caption/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/esm/datepicker/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useDatepicker } from "./useDatepicker";
+export { useRangeDatepicker } from "./useRangeDatepicker";

package/esm/datepicker/hooks/index.js

@@ -0,0 +1,3 @@
+export { useDatepicker } from "./useDatepicker";
+export { useRangeDatepicker } from "./useRangeDatepicker";
+//# sourceMappingURL=index.js.map

package/esm/datepicker/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/datepicker/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/esm/datepicker/hooks/useDatepicker.d.ts

@@ -0,0 +1,37 @@
+import { DatePickerProps } from "../DatePicker";
+import { DatePickerInputProps } from "../DatePickerInput";
+export interface UseDatepickerOptions extends Pick<DatePickerProps, "locale" | "fromDate" | "toDate" | "today" | "toDate" | "fromDate" | "toDate"> {
+    /** The initially selected date */
+    defaultSelected?: Date;
+    /** Make the selection required. */
+    required?: boolean;
+    /**
+     * Opens datepicker on input-focus
+     * @default true
+     */
+    openOnFocus?: boolean;
+}
+interface UseDatepickerValue {
+    /**
+     * Use: <DatePicker {...dayPickerProps}/>
+     */
+    dayPickerProps: DatePickerProps;
+    /**
+     * Use: <DatePicker.Input {...inputProps}/>
+     */
+    inputProps: Pick<DatePickerInputProps, "onChange" | "onFocus" | "onBlur" | "value" | "wrapperRef">;
+    /**
+     * Resets all states
+     */
+    reset: () => void;
+    /**
+     * Selected Date callback
+     */
+    selectedDay?: Date;
+    /**
+     * Manually set selected day if needed
+     */
+    setSelected: (date?: Date) => void;
+}
+export declare const useDatepicker: (opt?: UseDatepickerOptions) => UseDatepickerValue;
+export {};

package/esm/datepicker/hooks/useDatepicker.js

@@ -0,0 +1,98 @@
+import { differenceInCalendarDays } from "date-fns";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { formatDateForInput, getLocaleFromString, isValidDate } from "../utils";
+import { parseDate } from "../utils/parse-date";
+export const useDatepicker = (opt = {}) => {
+    const { locale: _locale = "nb", required, defaultSelected, today = new Date(), fromDate, toDate, openOnFocus = true, } = opt;
+    const locale = getLocaleFromString(_locale);
+    const inputRef = useRef(null);
+    const daypickerRef = useRef(null);
+    // Initialize states
+    const [month, setMonth] = useState(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today);
+    const [selectedDay, setSelectedDay] = useState(defaultSelected);
+    const [open, setOpen] = useState(false);
+    const defaultInputValue = defaultSelected
+        ? formatDateForInput(defaultSelected, locale)
+        : "";
+    const [inputValue, setInputValue] = useState(defaultInputValue);
+    const handleFocusOut = useCallback((e) => ![daypickerRef.current, inputRef.current].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.relatedTarget)) && setOpen(false), []);
+    useEffect(() => {
+        const el = inputRef.current;
+        el === null || el === void 0 ? void 0 : el.addEventListener("focusout", handleFocusOut);
+        return () => { var _a; return (_a = el === null || el === void 0 ? void 0 : el.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(el, "focusout", handleFocusOut); };
+    }, [handleFocusOut]);
+    const reset = () => {
+        setSelectedDay(defaultSelected);
+        setMonth(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : today);
+        setInputValue(defaultInputValue !== null && defaultInputValue !== void 0 ? defaultInputValue : "");
+    };
+    const setSelected = (date) => {
+        setSelectedDay(date);
+        setMonth(date !== null && date !== void 0 ? date : today);
+        setInputValue(date ? formatDateForInput(date, locale) : "");
+    };
+    const handleFocus = (e) => {
+        !open && openOnFocus && setOpen(true);
+        if (!e.target.value) {
+            reset();
+            return;
+        }
+        let day = parseDate(e.target.value, today, locale);
+        if (isValidDate(day)) {
+            setMonth(day);
+            setInputValue(formatDateForInput(day, locale));
+        }
+    };
+    const handleBlur = (e) => {
+        let day = parseDate(e.target.value, today, locale);
+        isValidDate(day) && setInputValue(formatDateForInput(day, locale));
+    };
+    /* Only allow de-selecting if not required */
+    const handleDayClick = (day, { selected }) => {
+        if (!required && selected) {
+            setSelectedDay(undefined);
+            setInputValue("");
+            return;
+        }
+        setSelectedDay(day);
+        setInputValue(day ? formatDateForInput(day, locale) : "");
+    };
+    // When changing the input field, save its value in state and check if the
+    // string is a valid date. If it is a valid day, set it as selected and update
+    // the calendar’s month.
+    const handleChange = (e) => {
+        setInputValue(e.target.value);
+        const day = parseDate(e.target.value, today, locale);
+        const isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;
+        const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;
+        if (!isValidDate(day) || isBefore || isAfter) {
+            setSelectedDay(undefined);
+            return;
+        }
+        setSelectedDay(day);
+        setMonth(day);
+    };
+    const dayPickerProps = {
+        month,
+        onMonthChange: (month) => setMonth(month),
+        onDayClick: handleDayClick,
+        selected: selectedDay,
+        locale: _locale,
+        fromDate,
+        toDate,
+        today,
+        open,
+        onClose: () => setOpen(false),
+        onOpenToggle: () => setOpen((x) => !x),
+        ref: daypickerRef,
+    };
+    const inputProps = {
+        onChange: handleChange,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        value: inputValue,
+        wrapperRef: inputRef,
+    };
+    return { dayPickerProps, inputProps, reset, selectedDay, setSelected };
+};
+//# sourceMappingURL=useDatepicker.js.map

package/esm/datepicker/hooks/useDatepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDatepicker.js","sourceRoot":"","sources":["../../../src/datepicker/hooks/useDatepicker.tsx"],"names":[],"mappings":"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"}

package/esm/datepicker/hooks/useRangeDatepicker.d.ts

@@ -0,0 +1,36 @@
+import { DateRange } from "react-day-picker";
+import { DatePickerProps } from "../DatePicker";
+import { DatePickerInputProps } from "../DatePickerInput";
+import { UseDatepickerOptions } from "./useDatepicker";
+interface UseRangeDatepickerOptions extends Omit<UseDatepickerOptions, "defaultSelected"> {
+    /** The initially selected date-range */
+    defaultSelected?: DateRange;
+}
+interface UseRangeDatepickerValue {
+    /**
+     * Use: <DatePicker {...dayPickerProps}/>
+     */
+    dayPickerProps: DatePickerProps;
+    /**
+     * Use: <DatePicker.Input label="from" {...fromInputProps}/>
+     */
+    fromInputProps: Pick<DatePickerInputProps, "onChange" | "onFocus" | "onBlur" | "value">;
+    /**
+     * Use: <DatePicker.Input label="to" {...toInputProps}/>
+     */
+    toInputProps: Pick<DatePickerInputProps, "onChange" | "onFocus" | "onBlur" | "value">;
+    /**
+     * Resets all states
+     */
+    reset: () => void;
+    /**
+     * Selected range-callback
+     */
+    selectedRange?: DateRange;
+    /**
+     * Manually set selected range if needed
+     */
+    setSelected: (date?: DateRange) => void;
+}
+export declare const useRangeDatepicker: (opt?: UseRangeDatepickerOptions) => UseRangeDatepickerValue;
+export {};

package/esm/datepicker/hooks/useRangeDatepicker.js

@@ -0,0 +1,171 @@
+import { differenceInCalendarDays } from "date-fns";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { formatDateForInput, getLocaleFromString, isValidDate, parseDate, } from "../utils";
+const RANGE = {
+    FROM: "FROM",
+    TO: "TO",
+};
+export const useRangeDatepicker = (opt = {}) => {
+    const { locale: _locale = "nb", defaultSelected, today = new Date(), fromDate, toDate, openOnFocus = true, } = opt;
+    const locale = getLocaleFromString(_locale);
+    const inputRefTo = useRef(null);
+    const inputRefFrom = useRef(null);
+    const datePickerRef = useRef(null);
+    // Initialize states
+    const [month, setMonth] = useState(defaultSelected ? defaultSelected.from : today);
+    const [selectedRange, setSelectedRange] = useState(defaultSelected);
+    const [fromInputValue, setFromInputValue] = useState((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from)
+        ? formatDateForInput(defaultSelected.from, locale)
+        : "");
+    const [toInputValue, setToInputValue] = useState((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.to) ? formatDateForInput(defaultSelected.to, locale) : "");
+    const [open, setOpen] = useState(false);
+    const handleFocusOut = useCallback((e) => ![datePickerRef.current, inputRefTo.current, inputRefFrom.current].some((element) => element === null || element === void 0 ? void 0 : element.contains(e.relatedTarget)) && setOpen(false), []);
+    useEffect(() => {
+        const from = inputRefFrom.current;
+        const to = inputRefTo.current;
+        from === null || from === void 0 ? void 0 : from.addEventListener("focusout", handleFocusOut);
+        to === null || to === void 0 ? void 0 : to.addEventListener("focusout", handleFocusOut);
+        return () => {
+            var _a, _b;
+            (_a = from === null || from === void 0 ? void 0 : from.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(from, "focusout", handleFocusOut);
+            (_b = to === null || to === void 0 ? void 0 : to.removeEventListener) === null || _b === void 0 ? void 0 : _b.call(to, "focusout", handleFocusOut);
+        };
+    }, [handleFocusOut]);
+    const reset = () => {
+        setSelectedRange(defaultSelected);
+        setMonth(defaultSelected ? defaultSelected.from : today);
+        setFromInputValue((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from)
+            ? formatDateForInput(defaultSelected.from, locale)
+            : "");
+        setToInputValue((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.to) ? formatDateForInput(defaultSelected.to, locale) : "");
+    };
+    const setSelected = (range) => {
+        setSelectedRange(range);
+        setFromInputValue((range === null || range === void 0 ? void 0 : range.from) ? formatDateForInput(range.from, locale) : "");
+        setToInputValue((range === null || range === void 0 ? void 0 : range.to) ? formatDateForInput(range === null || range === void 0 ? void 0 : range.to, locale) : "");
+    };
+    const handleFocus = (e, src) => {
+        !open && openOnFocus && setOpen(true);
+        let day = parseDate(e.target.value, today, locale);
+        if (isValidDate(day)) {
+            setMonth(day);
+            src === RANGE.FROM
+                ? setFromInputValue(formatDateForInput(day, locale))
+                : setToInputValue(formatDateForInput(day, locale));
+        }
+    };
+    const handleInputs = (day, src) => {
+        if (src === RANGE.FROM) {
+            const isAfter = toInputValue &&
+                differenceInCalendarDays(day, parseDate(toInputValue, today, locale)) >
+                    0;
+            if (isAfter) {
+                setFromInputValue(formatDateForInput(parseDate(toInputValue, today, locale), locale));
+                setToInputValue(formatDateForInput(day, locale));
+            }
+            else {
+                setFromInputValue(formatDateForInput(day, locale));
+            }
+        }
+        else if (src === RANGE.TO) {
+            const isBefore = fromInputValue &&
+                differenceInCalendarDays(parseDate(fromInputValue, today, locale), day) > 0;
+            if (isBefore) {
+                setToInputValue(formatDateForInput(parseDate(fromInputValue, today, locale), locale));
+                setFromInputValue(formatDateForInput(day, locale));
+            }
+            else {
+                setToInputValue(formatDateForInput(day, locale));
+            }
+        }
+    };
+    const handleBlur = (e, src) => {
+        let day = parseDate(e.target.value, today, locale);
+        if (!isValidDate(day)) {
+            return;
+        }
+        handleInputs(day, src);
+    };
+    const handleSelect = (range) => {
+        const prevToRange = !(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) && (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) ? selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to : range === null || range === void 0 ? void 0 : range.to;
+        (range === null || range === void 0 ? void 0 : range.from)
+            ? setFromInputValue(formatDateForInput(range === null || range === void 0 ? void 0 : range.from, locale))
+            : setFromInputValue("");
+        prevToRange
+            ? setToInputValue(formatDateForInput(prevToRange, locale))
+            : setToInputValue("");
+        setSelectedRange({ from: range === null || range === void 0 ? void 0 : range.from, to: prevToRange });
+    };
+    /* live-update datepicker based on changes in inputfields */
+    const handleChange = (e, src) => {
+        src === RANGE.FROM
+            ? setFromInputValue(e.target.value)
+            : setToInputValue(e.target.value);
+        const day = parseDate(e.target.value, today, locale);
+        const isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;
+        const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;
+        if (!isValidDate(day) || isBefore || isAfter) {
+            src === RANGE.FROM
+                ? setSelectedRange((x) => (Object.assign(Object.assign({}, x), { from: undefined })))
+                : setSelectedRange((x) => ({ from: x === null || x === void 0 ? void 0 : x.from, to: undefined }));
+            return;
+        }
+        /* If to-value < from-value, switch places in state */
+        if (src === RANGE.TO &&
+            (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) &&
+            differenceInCalendarDays(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, day) >= 0) {
+            setSelectedRange({ from: day, to: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from });
+            setMonth(day);
+            return;
+        }
+        /* If from-value > to-value  , switch places in state */
+        if (src === RANGE.FROM &&
+            (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) &&
+            differenceInCalendarDays(day, selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) >= 0) {
+            setSelectedRange({ to: day, from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to });
+            setMonth(day);
+            return;
+        }
+        src === RANGE.FROM && setSelectedRange((x) => (Object.assign(Object.assign({}, x), { from: day })));
+        src === RANGE.TO && setSelectedRange((x) => ({ from: x === null || x === void 0 ? void 0 : x.from, to: day }));
+        setMonth(day);
+    };
+    const dayPickerProps = {
+        month: month,
+        onMonthChange: (month) => setMonth(month),
+        onSelect: handleSelect,
+        selected: selectedRange,
+        locale: _locale,
+        fromDate,
+        toDate,
+        today,
+        mode: "range",
+        open,
+        onClose: () => setOpen(false),
+        onOpenToggle: () => setOpen((x) => !x),
+        ref: datePickerRef,
+    };
+    const fromInputProps = {
+        onChange: (e) => handleChange(e, RANGE.FROM),
+        onFocus: (e) => handleFocus(e, RANGE.FROM),
+        onBlur: (e) => handleBlur(e, RANGE.FROM),
+        value: fromInputValue,
+        wrapperRef: inputRefFrom,
+    };
+    const toInputProps = {
+        onChange: (e) => handleChange(e, RANGE.TO),
+        onFocus: (e) => handleFocus(e, RANGE.TO),
+        onBlur: (e) => handleBlur(e, RANGE.TO),
+        value: toInputValue,
+        wrapperRef: inputRefTo,
+    };
+    return {
+        dayPickerProps,
+        fromInputProps,
+        toInputProps,
+        reset,
+        selectedRange,
+        setSelected,
+    };
+};
+//# sourceMappingURL=useRangeDatepicker.js.map

package/esm/datepicker/hooks/useRangeDatepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeDatepicker.js","sourceRoot":"","sources":["../../../src/datepicker/hooks/useRangeDatepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjE,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,WAAW,EACX,SAAS,GACV,MAAM,UAAU,CAAC;AA0ClB,MAAM,KAAK,GAAG;IACZ,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;CACA,CAAC;AAIX,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,MAAiC,EAAE,EACV,EAAE;IAC3B,MAAM,EACJ,MAAM,EAAE,OAAO,GAAG,IAAI,EACtB,eAAe,EACf,KAAK,GAAG,IAAI,IAAI,EAAE,EAClB,QAAQ,EACR,MAAM,EACN,WAAW,GAAG,IAAI,GACnB,GAAG,GAAG,CAAC;IAER,MAAM,MAAM,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE1D,oBAAoB;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAC/C,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAEpE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI;QACnB,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC;QAClD,CAAC,CAAC,EAAE,CACP,CAAC;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,EAAE,EAAC,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAC1E,CAAC;IACF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,CACrE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAChD,IAAI,OAAO,CAAC,KAAK,CAAC,EACrB,EAAE,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC;QAClC,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC;QAC9B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QACnD,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,gBAAgB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QACjD,OAAO,GAAG,EAAE;;YACV,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,qDAAG,UAAU,EAAE,cAAc,CAAC,CAAC;YACxD,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,mBAAmB,mDAAG,UAAU,EAAE,cAAc,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,gBAAgB,CAAC,eAAe,CAAC,CAAC;QAClC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACzD,iBAAiB,CACf,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI;YACnB,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC;YAClD,CAAC,CAAC,EAAE,CACP,CAAC;QACF,eAAe,CACb,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,EAAE,EAAC,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAC1E,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;QACxC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,iBAAiB,CACf,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAC1D,CAAC;QACF,eAAe,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,EAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1E,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE;QACrC,CAAC,IAAI,IAAI,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnD,IAAI,WAAW,CAAC,GAAG,CAAC,EAAE;YACpB,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,GAAG,KAAK,KAAK,CAAC,IAAI;gBAChB,CAAC,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;gBACpD,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;SACtD;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,GAAS,EAAE,GAAW,EAAE,EAAE;QAC9C,IAAI,GAAG,KAAK,KAAK,CAAC,IAAI,EAAE;YACtB,MAAM,OAAO,GACX,YAAY;gBACZ,wBAAwB,CAAC,GAAG,EAAE,SAAS,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;oBACnE,CAAC,CAAC;YAEN,IAAI,OAAO,EAAE;gBACX,iBAAiB,CACf,kBAAkB,CAAC,SAAS,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CACnE,CAAC;gBACF,eAAe,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;aAClD;iBAAM;gBACL,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;aACpD;SACF;aAAM,IAAI,GAAG,KAAK,KAAK,CAAC,EAAE,EAAE;YAC3B,MAAM,QAAQ,GACZ,cAAc;gBACd,wBAAwB,CACtB,SAAS,CAAC,cAAc,EAAE,KAAK,EAAE,MAAM,CAAC,EACxC,GAAG,CACJ,GAAG,CAAC,CAAC;YAER,IAAI,QAAQ,EAAE;gBACZ,eAAe,CACb,kBAAkB,CAAC,SAAS,CAAC,cAAc,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CACrE,CAAC;gBACF,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;aACpD;iBAAM;gBACL,eAAe,CAAC,kBAAkB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;aAClD;SACF;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE;QACpC,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;YACrB,OAAO;SACR;QAED,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,EAAE;QAC7B,MAAM,WAAW,GACf,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAA,KAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,CAAA,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,CAAC;QAE5E,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI;YACT,CAAC,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,MAAM,CAAC,CAAC;YAC5D,CAAC,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;QAC1B,WAAW;YACT,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;YAC1D,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QACxB,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,4DAA4D;IAC5D,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,GAAW,EAAE,EAAE;QACtC,GAAG,KAAK,KAAK,CAAC,IAAI;YAChB,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YACnC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAErD,MAAM,QAAQ,GAAG,QAAQ,IAAI,wBAAwB,CAAC,QAAQ,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QACzE,MAAM,OAAO,GAAG,MAAM,IAAI,wBAAwB,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;QACpE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,QAAQ,IAAI,OAAO,EAAE;YAC5C,GAAG,KAAK,KAAK,CAAC,IAAI;gBAChB,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,IAAI,EAAE,SAAS,IAAG,CAAC;gBACtD,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;YAChE,OAAO;SACR;QAED,sDAAsD;QACtD,IACE,GAAG,KAAK,KAAK,CAAC,EAAE;aAChB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAA;YACnB,wBAAwB,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,EACvD;YACA,gBAAgB,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE,CAAC,CAAC;YACzD,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,OAAO;SACR;QAED,wDAAwD;QACxD,IACE,GAAG,KAAK,KAAK,CAAC,IAAI;aAClB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,CAAA;YACjB,wBAAwB,CAAC,GAAG,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,CAAC,IAAI,CAAC,EACrD;YACA,gBAAgB,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,EAAE,CAAC,CAAC;YACvD,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,OAAO;SACR;QAED,GAAG,KAAK,KAAK,CAAC,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iCAAM,CAAC,KAAE,IAAI,EAAE,GAAG,IAAG,CAAC,CAAC;QACrE,GAAG,KAAK,KAAK,CAAC,EAAE,IAAI,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;QAC1E,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,KAAK,EAAE,KAAK;QACZ,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;QACzC,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE,aAAa;QACvB,MAAM,EAAE,OAAO;QACf,QAAQ;QACR,MAAM;QACN,KAAK;QACL,IAAI,EAAE,OAAgB;QACtB,IAAI;QACJ,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QAC7B,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QACtC,GAAG,EAAE,aAAa;KACnB,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC;QAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC;QAC1C,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC;QACxC,KAAK,EAAE,cAAc;QACrB,UAAU,EAAE,YAAY;KACzB,CAAC;IAEF,MAAM,YAAY,GAAG;QACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QAC1C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACxC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;QACtC,KAAK,EAAE,YAAY;QACnB,UAAU,EAAE,UAAU;KACvB,CAAC;IAEF,OAAO;QACL,cAAc;QACd,cAAc;QACd,YAAY;QACZ,KAAK;QACL,aAAa;QACb,WAAW;KACZ,CAAC;AACJ,CAAC,CAAC"}