@lumx/react 3.20.1-alpha.32 → 3.20.1-alpha.34

package/_internal/24b48881.js

@@ -0,0 +1,133 @@
+import { useRef } from 'react';
+import classNames from 'classnames';
+import { getRootClassName } from '@lumx/core/js/utils/className';
+import { useFocus } from './89ee5eb2.js';
+import { mergeRefs } from './27df0cb6.js';
+import { useTheme } from './d8ee966d.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { useDisableStateProps } from './ef982c3d.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { TextField } from './41a8b20f.js';
+import { Dropdown } from './2d1acaa0.js';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Autocomplete';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  anchorToInput: false,
+  closeOnClick: false,
+  closeOnClickAway: true,
+  closeOnEscape: true,
+  shouldFocusOnClose: false
+};
+
+/**
+ * Autocomplete component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Autocomplete = forwardRef((props, ref) => {
+  const defaultTheme = useTheme();
+  const {
+    disabledStateProps,
+    otherProps
+  } = useDisableStateProps(props);
+  const {
+    anchorToInput = DEFAULT_PROPS.anchorToInput,
+    children,
+    chips,
+    className,
+    closeOnClick = DEFAULT_PROPS.closeOnClick,
+    closeOnClickAway = DEFAULT_PROPS.closeOnClickAway,
+    closeOnEscape = DEFAULT_PROPS.closeOnEscape,
+    error,
+    fitToAnchorWidth,
+    hasError,
+    helper,
+    icon,
+    inputRef,
+    clearButtonProps,
+    isRequired,
+    isOpen,
+    isValid,
+    label,
+    name,
+    offset,
+    onBlur,
+    onChange,
+    onClose,
+    onFocus,
+    onInfiniteScroll,
+    placeholder,
+    placement,
+    shouldFocusOnClose = DEFAULT_PROPS.shouldFocusOnClose,
+    theme = defaultTheme,
+    value,
+    textFieldProps = {},
+    focusAnchorOnClose,
+    ...forwardedProps
+  } = otherProps;
+  const inputAnchorRef = useRef(null);
+  const textFieldRef = useRef(null);
+  useFocus(inputAnchorRef.current, !isOpen && shouldFocusOnClose);
+  return /*#__PURE__*/jsxs("div", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, CLASSNAME),
+    children: [/*#__PURE__*/jsx(TextField, {
+      ...textFieldProps,
+      chips: chips,
+      error: error,
+      hasError: hasError,
+      helper: helper,
+      icon: icon,
+      inputRef: mergeRefs(inputAnchorRef, inputRef),
+      clearButtonProps: clearButtonProps,
+      ...disabledStateProps,
+      isRequired: isRequired,
+      isValid: isValid,
+      label: label,
+      name: name,
+      onBlur: onBlur,
+      onChange: onChange,
+      onFocus: onFocus,
+      placeholder: placeholder,
+      textFieldRef: textFieldRef,
+      theme: theme,
+      value: value
+    }), /*#__PURE__*/jsx(Dropdown, {
+      anchorRef: anchorToInput ? inputAnchorRef : textFieldRef,
+      closeOnClick: closeOnClick,
+      closeOnClickAway: closeOnClickAway,
+      closeOnEscape: closeOnEscape,
+      focusAnchorOnClose: focusAnchorOnClose,
+      fitToAnchorWidth: fitToAnchorWidth,
+      isOpen: isOpen,
+      offset: offset,
+      onClose: onClose,
+      onInfiniteScroll: onInfiniteScroll,
+      placement: placement,
+      shouldFocusOnOpen: false,
+      theme: theme,
+      children: children
+    })]
+  });
+});
+Autocomplete.displayName = COMPONENT_NAME;
+Autocomplete.className = CLASSNAME;
+Autocomplete.defaultProps = DEFAULT_PROPS;
+
+export { Autocomplete };
+//# sourceMappingURL=24b48881.js.map

package/_internal/24b48881.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"24b48881.js","sources":["../../src/components/autocomplete/Autocomplete.tsx"],"sourcesContent":["import { ReactNode, SyntheticEvent, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Dropdown, DropdownProps, IconButtonProps, Offset, Placement, TextField, TextFieldProps } from '@lumx/react';\n\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { useFocus } from '@lumx/react/hooks/useFocus';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\n\n/**\n * Defines the props of the component.\n */\nexport interface AutocompleteProps extends GenericProps, HasTheme {\n    /**\n     * Whether the suggestions list should display anchored to the input or to the wrapper.\n     * @see {@link DropdownProps#anchorToInput}\n     */\n    anchorToInput?: boolean;\n    /**\n     * Props to pass to the clear button (minus those already set by the TextField props).\n     * If not specified, the button won't be displayed.\n     * @see {@link TextFieldProps#clearButtonProps}\n     */\n    clearButtonProps?: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n    /**\n     * Reference to the <input> or <textarea> element.\n     * @see {@link TextFieldProps#inputRef}\n     */\n    inputRef?: TextFieldProps['inputRef'];\n    /**\n     * The offset that will be applied to the Dropdown position.\n     * @see {@link DropdownProps#offset}\n     */\n    offset?: Offset;\n    /**\n     * The preferred Dropdown location against the anchor element.\n     * @see {@link DropdownProps#placement}\n     */\n    placement?: Placement;\n    /**\n     * Manage dropdown width:\n     *   - `maxWidth`: dropdown not bigger than anchor\n     *   - `minWidth` or `true`: dropdown not smaller than anchor\n     *   - `width`: dropdown equal to the anchor.\n     * @see {@link DropdownProps#fitToAnchorWidth}\n     */\n    fitToAnchorWidth?: DropdownProps['fitToAnchorWidth'];\n    /**\n     * The error related to the component.\n     * @see {@link TextFieldProps#error}\n     */\n    error?: string | ReactNode;\n    /**\n     * Whether the text field is displayed with error style or not.\n     * @see {@link TextFieldProps#hasError}\n     */\n    hasError?: boolean;\n    /**\n     * Whether the text box should be focused upon closing the suggestions or not.\n     */\n    shouldFocusOnClose?: boolean;\n    /**\n     * The helper message of the text field.\n     * @see {@link TextFieldProps#helper}\n     */\n    helper?: string;\n    /**\n     * The icon of the text field (SVG path).\n     * @see {@link TextFieldProps#icon}\n     */\n    icon?: string;\n    /**\n     * Whether the component is disabled or not.\n     * @see {@link TextFieldProps#isDisabled}\n     */\n    isDisabled?: boolean;\n    /**\n     * Whether the component is required or not.\n     * @see {@link TextFieldProps#isRequired}\n     */\n    isRequired?: boolean;\n    /**\n     * Whether the text field is displayed with valid style or not.\n     * @see {@link TextFieldProps#isValid}\n     */\n    isValid?: boolean;\n    /**\n     * The label of the text field displayed in a label tag.\n     * @see {@link TextFieldProps#label}\n     */\n    label?: string;\n    /**\n     * The placeholder message of the text field.\n     * @see {@link TextFieldProps#placeholder}\n     */\n    placeholder?: string;\n    /** List of suggestions to display during autocomplete. */\n    children: React.ReactNode;\n    /**\n     * The list of chips to be displayed before the text field input.\n     */\n    chips?: React.ReactNode;\n    /**\n     * The value of the text field.\n     * @see {@link TextFieldProps#value}\n     */\n    value: string;\n    /**\n     * Whether the suggestions from the autocomplete should be displayed or not.\n     * @see {@link DropdownProps#isOpen}\n     */\n    isOpen: boolean;\n    /**\n     * The native input name property.\n     * @see {@link TextFieldProps#name}\n     */\n    name?: string;\n    /**\n     * Whether a click in the Autocomplete dropdown would close it or not.\n     * @see {@link DropdownProps#closeOnClick}\n     */\n    closeOnClick?: boolean;\n    /**\n     * Whether a click anywhere out of the Autocomplete would close it or not.\n     * @see {@link DropdownProps#closeOnClickAway}\n     */\n    closeOnClickAway?: boolean;\n    /**\n     * Whether an escape key press would close the Autocomplete or not.\n     * @see {@link DropdownProps#closeOnEscape}\n     */\n    closeOnEscape?: boolean;\n    /**\n     * Whether the focus should go back on the anchor when dropdown closes and focus is within.\n     * @see {@link DropdownProps#focusAnchorOnClose}\n     */\n    focusAnchorOnClose?: DropdownProps['focusAnchorOnClose'];\n    /**\n     * The function called on blur.\n     * @see {@link TextFieldProps#onBlur}\n     */\n    onBlur?(event: React.FocusEvent): void;\n    /**\n     * On change callback.\n     * @see {@link TextFieldProps#onChange}\n     */\n    onChange(value: string, name?: string, event?: SyntheticEvent): void;\n    /**\n     * The function called on close.\n     * @see {@link DropdownProps#onClose}\n     */\n    onClose?(): void;\n    /**\n     * The function called on focus.\n     * @see {@link TextFieldProps#onFocus}\n     */\n    onFocus?(event: React.FocusEvent): void;\n    /**\n     * The function called when the bottom of the dropdown is reached.\n     * @see {@link DropdownProps#onInfiniteScroll}\n     */\n    onInfiniteScroll?(): void;\n    /**\n     * Props forwarded to the underlying TextField component.\n     * Only the props not managed by the Autocomplete can be set.\n     * @see {@link TextFieldProps}\n     */\n    textFieldProps?: Partial<TextFieldProps>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Autocomplete';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<AutocompleteProps> = {\n    anchorToInput: false,\n    closeOnClick: false,\n    closeOnClickAway: true,\n    closeOnEscape: true,\n    shouldFocusOnClose: false,\n};\n\n/**\n * Autocomplete component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Autocomplete = forwardRef<AutocompleteProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const { disabledStateProps, otherProps } = useDisableStateProps(props);\n    const {\n        anchorToInput = DEFAULT_PROPS.anchorToInput,\n        children,\n        chips,\n        className,\n        closeOnClick = DEFAULT_PROPS.closeOnClick,\n        closeOnClickAway = DEFAULT_PROPS.closeOnClickAway,\n        closeOnEscape = DEFAULT_PROPS.closeOnEscape,\n        error,\n        fitToAnchorWidth,\n        hasError,\n        helper,\n        icon,\n        inputRef,\n        clearButtonProps,\n        isRequired,\n        isOpen,\n        isValid,\n        label,\n        name,\n        offset,\n        onBlur,\n        onChange,\n        onClose,\n        onFocus,\n        onInfiniteScroll,\n        placeholder,\n        placement,\n        shouldFocusOnClose = DEFAULT_PROPS.shouldFocusOnClose,\n        theme = defaultTheme,\n        value,\n        textFieldProps = {},\n        focusAnchorOnClose,\n        ...forwardedProps\n    } = otherProps;\n    const inputAnchorRef = useRef<HTMLElement>(null);\n    const textFieldRef = useRef(null);\n    useFocus(inputAnchorRef.current, !isOpen && shouldFocusOnClose);\n\n    return (\n        <div ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n            <TextField\n                {...textFieldProps}\n                chips={chips}\n                error={error}\n                hasError={hasError}\n                helper={helper}\n                icon={icon}\n                inputRef={mergeRefs(inputAnchorRef as React.RefObject<HTMLInputElement>, inputRef)}\n                clearButtonProps={clearButtonProps}\n                {...disabledStateProps}\n                isRequired={isRequired}\n                isValid={isValid}\n                label={label}\n                name={name}\n                onBlur={onBlur}\n                onChange={onChange}\n                onFocus={onFocus}\n                placeholder={placeholder}\n                textFieldRef={textFieldRef}\n                theme={theme}\n                value={value}\n            />\n            <Dropdown\n                anchorRef={anchorToInput ? inputAnchorRef : textFieldRef}\n                closeOnClick={closeOnClick}\n                closeOnClickAway={closeOnClickAway}\n                closeOnEscape={closeOnEscape}\n                focusAnchorOnClose={focusAnchorOnClose}\n                fitToAnchorWidth={fitToAnchorWidth}\n                isOpen={isOpen}\n                offset={offset}\n                onClose={onClose}\n                onInfiniteScroll={onInfiniteScroll}\n                placement={placement}\n                shouldFocusOnOpen={false}\n                theme={theme}\n            >\n                {children}\n            </Dropdown>\n        </div>\n    );\n});\nAutocomplete.displayName = COMPONENT_NAME;\nAutocomplete.className = CLASSNAME;\nAutocomplete.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","anchorToInput","closeOnClick","closeOnClickAway","closeOnEscape","shouldFocusOnClose","Autocomplete","forwardRef","props","ref","defaultTheme","useTheme","disabledStateProps","otherProps","useDisableStateProps","children","chips","className","error","fitToAnchorWidth","hasError","helper","icon","inputRef","clearButtonProps","isRequired","isOpen","isValid","label","name","offset","onBlur","onChange","onClose","onFocus","onInfiniteScroll","placeholder","placement","theme","value","textFieldProps","focusAnchorOnClose","forwardedProps","inputAnchorRef","useRef","textFieldRef","useFocus","current","_jsxs","classNames","_jsx","TextField","mergeRefs","Dropdown","anchorRef","shouldFocusOnOpen","displayName","defaultProps"],"mappings":"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"}

package/_internal/2517d1d6.js

@@ -0,0 +1,9 @@
+import { isDateValid } from './658e09de.js';
+
+/**
+ * Check `date1` is on the same day as `date2`.
+ */
+const isSameDay = (date1, date2) => isDateValid(date1) && isDateValid(date2) && date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
+
+export { isSameDay };
+//# sourceMappingURL=2517d1d6.js.map

package/_internal/2517d1d6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2517d1d6.js","sources":["../../src/utils/date/isSameDay.ts"],"sourcesContent":["import { isDateValid } from '@lumx/react/utils/date/isDateValid';\n\n/**\n * Check `date1` is on the same day as `date2`.\n */\nexport const isSameDay = (date1: Date, date2: Date) =>\n    isDateValid(date1) &&\n    isDateValid(date2) &&\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate();\n"],"names":["isSameDay","date1","date2","isDateValid","getFullYear","getMonth","getDate"],"mappings":";;AAEA;AACA;AACA;AACO,MAAMA,SAAS,GAAGA,CAACC,KAAW,EAAEC,KAAW,KAC9CC,WAAW,CAACF,KAAK,CAAC,IAClBE,WAAW,CAACD,KAAK,CAAC,IAClBD,KAAK,CAACG,WAAW,EAAE,KAAKF,KAAK,CAACE,WAAW,EAAE,IAC3CH,KAAK,CAACI,QAAQ,EAAE,KAAKH,KAAK,CAACG,QAAQ,EAAE,IACrCJ,KAAK,CAACK,OAAO,EAAE,KAAKJ,KAAK,CAACI,OAAO;;;;"}

package/_internal/256f8eff.js

@@ -0,0 +1,4 @@
+const mdiChevronDown = 'M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z';
+
+export { mdiChevronDown };
+//# sourceMappingURL=256f8eff.js.map

package/_internal/256f8eff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"256f8eff.js","sources":["../../../lumx-icons/dist/esm/chevron-down.js"],"sourcesContent":["export const mdiChevronDown = 'M7.41 8.58 12 13.17l4.59-4.59L18 10l-6 6-6-6z';"],"names":["mdiChevronDown"],"mappings":"AAAO,MAAMA,cAAc,GAAG;;;;"}

package/_internal/{components/input-label-30d199c3.js → 26a92990.js}

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import { getRootClassName, getTypographyClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { f as forwardRef } from '../forwardRef-8bce732e.js';
-import { u as useTheme } from '../ThemeContext-3181f000.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { useTheme } from './d8ee966d.js';
 import { jsx } from 'react/jsx-runtime';
 import { Theme } from '@lumx/core/js/constants';
 
@@ -57,4 +57,4 @@ InputLabel.className = CLASSNAME;
 InputLabel.defaultProps = DEFAULT_PROPS;
 
 export { InputLabel };
-//# sourceMappingURL=input-label-30d199c3.js.map
+//# sourceMappingURL=26a92990.js.map

package/_internal/26a92990.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"26a92990.js","sources":["../../src/components/input-label/InputLabel.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Theme, Typography } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses, getTypographyClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\n\n/**\n * Defines the props of the component.\n */\nexport interface InputLabelProps extends GenericProps, HasTheme {\n    /** Typography variant. */\n    typography?: Typography;\n    /** Label content. */\n    children: string | ReactNode;\n    /** Native htmlFor property. */\n    htmlFor: string;\n    /** Whether the component is required or not. */\n    isRequired?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'InputLabel';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<InputLabelProps> = {};\n\n/**\n * InputLabel component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const InputLabel = forwardRef<InputLabelProps, HTMLLabelElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { children, className, htmlFor, isRequired, theme = defaultTheme, typography, ...forwardedProps } = props;\n    const typographyClass = typography && getTypographyClassName(typography);\n\n    return (\n        <label\n            ref={ref}\n            {...forwardedProps}\n            htmlFor={htmlFor}\n            className={classNames(\n                className,\n                handleBasicClasses({ prefix: CLASSNAME, isRequired, theme, hasCustomTypography: Boolean(typography) }),\n                typographyClass,\n            )}\n        >\n            {children}\n        </label>\n    );\n});\nInputLabel.displayName = COMPONENT_NAME;\nInputLabel.className = CLASSNAME;\nInputLabel.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","InputLabel","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","htmlFor","isRequired","theme","typography","forwardedProps","typographyClass","getTypographyClassName","_jsx","classNames","handleBasicClasses","prefix","hasCustomTypography","Boolean","displayName","defaultProps"],"mappings":";;;;;;;AAwBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAuC,GAAG,EAAE,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAoC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpF,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,OAAO;IAAEC,UAAU;AAAEC,IAAAA,KAAK,GAAGR,YAAY;IAAES,UAAU;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGZ,KAAK,CAAA;AAC/G,EAAA,MAAMa,eAAe,GAAGF,UAAU,IAAIG,sBAAsB,CAACH,UAAU,CAAC,CAAA;AAExE,EAAA,oBACII,GAAA,CAAA,OAAA,EAAA;AACId,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLW,cAAc;AAClBJ,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,SAAS,EAAES,UAAU,CACjBT,SAAS,EACTU,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEvB,SAAS;MAAEc,UAAU;MAAEC,KAAK;MAAES,mBAAmB,EAAEC,OAAO,CAACT,UAAU,CAAA;KAAG,CAAC,EACtGE,eACJ,CAAE;AAAAP,IAAAA,QAAA,EAEDA,QAAAA;AAAQ,GACN,CAAC,CAAA;AAEhB,CAAC,EAAC;AACFR,UAAU,CAACuB,WAAW,GAAG3B,cAAc,CAAA;AACvCI,UAAU,CAACS,SAAS,GAAGZ,SAAS,CAAA;AAChCG,UAAU,CAACwB,YAAY,GAAGzB,aAAa;;;;"}

package/_internal/27a93417.js

@@ -0,0 +1,223 @@
+import React__default from 'react';
+import classNames from 'classnames';
+import { getMonthCalendar } from './2c5a950d.js';
+import { isSameDay } from './2517d1d6.js';
+import { getCurrentLocale } from './14390eeb.js';
+import { parseLocale } from './7eca7fcd.js';
+import { usePreviousValue } from './6f3bb7d6.js';
+import { getYearDisplayName } from './ed03c692.js';
+import { onEnterPressed } from '@lumx/core/js/utils';
+import { addMonthResetDay } from './e429bd82.js';
+import { formatDayNumber } from './db88500d.js';
+import { VISUALLY_HIDDEN } from './6af61e2f.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { CLASSNAME } from './f8c49b24.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { IconButton } from './5a0207d9.js';
+import { mdiChevronRight } from './aeba575c.js';
+import { mdiChevronLeft } from './e9c3b1e0.js';
+import { FlexBox } from './fdebc718.js';
+import { Toolbar } from './a1974f13.js';
+import { Emphasis } from '@lumx/core/js/constants';
+import { TextField } from './41a8b20f.js';
+import { Text } from './203b01d8.js';
+import { Button } from './0d7cc1e0.js';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'DatePickerControlled';
+
+/**
+ * DatePickerControlled component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const DatePickerControlled = forwardRef((props, ref) => {
+  const {
+    locale = getCurrentLocale(),
+    maxDate,
+    minDate,
+    nextButtonProps,
+    onChange,
+    onNextMonthChange,
+    onPrevMonthChange,
+    previousButtonProps,
+    selectedMonth,
+    todayOrSelectedDateRef,
+    value,
+    onMonthChange,
+    style
+  } = props;
+  const {
+    weeks,
+    weekDays
+  } = React__default.useMemo(() => {
+    const localeObj = parseLocale(locale);
+    return getMonthCalendar(localeObj, selectedMonth, minDate, maxDate);
+  }, [locale, minDate, maxDate, selectedMonth]);
+  const selectedYear = selectedMonth.getFullYear();
+  const formattedYear = selectedMonth.toLocaleDateString(locale, {
+    year: 'numeric'
+  }).slice(0, 4);
+  const [currentYear, setCurrentYear] = React__default.useState(String(selectedYear));
+
+  // Updates month offset when validating year. Adds or removes 12 months per year when updating year value.
+  const updateMonthOffset = React__default.useCallback(newYearValue => {
+    const yearNumber = Number(newYearValue);
+    if (yearNumber < 0 && yearNumber >= 9999) {
+      return;
+    }
+    const previousYearNumber = selectedMonth.getFullYear();
+    const offset = (yearNumber - previousYearNumber) * 12;
+    onMonthChange?.(addMonthResetDay(selectedMonth, offset));
+  }, [selectedMonth, onMonthChange]);
+  const onYearChange = React__default.useCallback((newYearValue, _, event) => {
+    setCurrentYear(newYearValue);
+
+    // Detect if change is coming from the spin up/down arrows
+    const inputType = event?.nativeEvent?.inputType;
+    if (
+    // Chrome/Safari
+    !inputType ||
+    // Firefox
+    inputType === 'insertReplacementText') {
+      updateMonthOffset(newYearValue);
+    }
+  }, [updateMonthOffset]);
+  const updateYear = React__default.useCallback(() => {
+    updateMonthOffset(currentYear);
+  }, [updateMonthOffset, currentYear]);
+  const updateYearOnEnterPressed = React__default.useMemo(() => onEnterPressed(updateYear), [updateYear]);
+  const monthYear = selectedMonth.toLocaleDateString(locale, {
+    year: 'numeric',
+    month: 'long'
+  });
+
+  // Update current year when selected year changes
+  React__default.useEffect(() => {
+    setCurrentYear(String(selectedYear));
+  }, [selectedYear]);
+  const prevSelectedMonth = usePreviousValue(selectedMonth);
+  const monthHasChanged = prevSelectedMonth && !isSameDay(selectedMonth, prevSelectedMonth);
+
+  // Only set the aria-live after the month has changed otherwise it can get announced on mount when used in the popover dialog
+  const [labelAriaLive, setLabelAriaLive] = React__default.useState();
+  React__default.useEffect(() => {
+    if (monthHasChanged) setLabelAriaLive('polite');
+  }, [monthHasChanged]);
+  const yearLabel = getYearDisplayName(locale);
+  return /*#__PURE__*/jsxs("div", {
+    ref: ref,
+    className: `${CLASSNAME}`,
+    style: style,
+    children: [/*#__PURE__*/jsx(Toolbar, {
+      className: `${CLASSNAME}__toolbar`,
+      after: /*#__PURE__*/jsx(IconButton, {
+        ...nextButtonProps,
+        emphasis: Emphasis.low,
+        icon: mdiChevronRight,
+        onClick: onNextMonthChange
+      }),
+      before: /*#__PURE__*/jsx(IconButton, {
+        ...previousButtonProps,
+        emphasis: Emphasis.low,
+        icon: mdiChevronLeft,
+        onClick: onPrevMonthChange
+      }),
+      label: /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("span", {
+          "aria-live": labelAriaLive,
+          className: onMonthChange ? VISUALLY_HIDDEN : '',
+          dir: "auto",
+          children: monthYear
+        }), onMonthChange && /*#__PURE__*/jsx(FlexBox, {
+          className: `${CLASSNAME}__month`,
+          orientation: "horizontal",
+          hAlign: "center",
+          gap: "regular",
+          vAlign: "center",
+          dir: "auto",
+          children: RegExp(`(.*)(${formattedYear})(.*)`).exec(monthYear)?.slice(1).filter(part => part !== '').map(part => part === formattedYear ? /*#__PURE__*/jsx(TextField, {
+            value: currentYear,
+            "aria-label": yearLabel,
+            onChange: onYearChange,
+            type: "number",
+            max: 9999,
+            min: 0,
+            onBlur: updateYear,
+            onKeyPress: updateYearOnEnterPressed,
+            className: `${CLASSNAME}__year`
+          }, "year") : /*#__PURE__*/jsx(Text, {
+            as: "p",
+            children: part
+          }, part))
+        })]
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: `${CLASSNAME}__calendar`,
+      children: [/*#__PURE__*/jsx("div", {
+        className: `${CLASSNAME}__week-days ${CLASSNAME}__days-wrapper`,
+        children: weekDays.map(({
+          letter,
+          number,
+          long
+        }) => /*#__PURE__*/jsxs("div", {
+          className: `${CLASSNAME}__day-wrapper`,
+          children: [/*#__PURE__*/jsx("span", {
+            className: `${CLASSNAME}__week-day`,
+            "aria-hidden": true,
+            children: letter.toLocaleUpperCase()
+          }), /*#__PURE__*/jsx("span", {
+            className: "visually-hidden",
+            children: long
+          })]
+        }, number))
+      }), /*#__PURE__*/jsx("div", {
+        className: `${CLASSNAME}__month-days ${CLASSNAME}__days-wrapper`,
+        children: weeks.flatMap((week, weekIndex) => {
+          return weekDays.map((weekDay, dayIndex) => {
+            const {
+              date,
+              isOutOfRange
+            } = week[weekDay.number] || {};
+            const key = `${weekIndex}-${dayIndex}`;
+            const isToday = !isOutOfRange && date && isSameDay(date, new Date());
+            const isSelected = date && value && isSameDay(value, date);
+            return /*#__PURE__*/jsx("div", {
+              className: `${CLASSNAME}__day-wrapper`,
+              children: date && /*#__PURE__*/jsxs(Button, {
+                ref: isSelected || !value && isToday ? todayOrSelectedDateRef : null,
+                className: classNames(`${CLASSNAME}__month-day`, {
+                  [`${CLASSNAME}__month-day--is-today`]: isToday
+                }),
+                disabled: isOutOfRange,
+                isSelected: isSelected,
+                emphasis: "low",
+                onClick: () => onChange(date),
+                children: [/*#__PURE__*/jsx("span", {
+                  "aria-hidden": true,
+                  children: formatDayNumber(locale, date)
+                }), /*#__PURE__*/jsx("span", {
+                  className: VISUALLY_HIDDEN,
+                  children: date.toLocaleDateString(locale, {
+                    day: 'numeric',
+                    month: 'long',
+                    year: 'numeric'
+                  })
+                })]
+              })
+            }, key);
+          });
+        })
+      })]
+    })]
+  });
+});
+DatePickerControlled.displayName = COMPONENT_NAME;
+DatePickerControlled.className = CLASSNAME;
+
+export { DatePickerControlled };
+//# sourceMappingURL=27a93417.js.map

package/_internal/27a93417.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"27a93417.js","sources":["../../src/components/date-picker/DatePickerControlled.tsx"],"sourcesContent":["import React, { KeyboardEventHandler } from 'react';\n\nimport classNames from 'classnames';\n\nimport {\n    Button,\n    DatePickerProps,\n    Emphasis,\n    FlexBox,\n    IconButton,\n    Text,\n    TextField,\n    TextFieldProps,\n    Toolbar,\n} from '@lumx/react';\nimport { mdiChevronLeft, mdiChevronRight } from '@lumx/icons';\nimport { getMonthCalendar } from '@lumx/react/utils/date/getMonthCalendar';\nimport { isSameDay } from '@lumx/react/utils/date/isSameDay';\nimport { getCurrentLocale } from '@lumx/react/utils/locale/getCurrentLocale';\nimport { parseLocale } from '@lumx/react/utils/locale/parseLocale';\nimport { Locale } from '@lumx/react/utils/locale/types';\nimport { usePreviousValue } from '@lumx/react/hooks/usePreviousValue';\nimport { getYearDisplayName } from '@lumx/react/utils/date/getYearDisplayName';\nimport { onEnterPressed } from '@lumx/core/js/utils';\nimport { addMonthResetDay } from '@lumx/react/utils/date/addMonthResetDay';\nimport { formatDayNumber } from '@lumx/react/utils/date/formatDayNumber';\nimport { VISUALLY_HIDDEN } from '@lumx/react/constants';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { CLASSNAME } from './constants';\n\n/**\n * Defines the props of the component.\n */\nexport interface DatePickerControlledProps extends DatePickerProps {\n    /** Selected month to display. */\n    selectedMonth: Date;\n    /** On previous month change callback. */\n    onPrevMonthChange(): void;\n    /** On next month change callback. */\n    onNextMonthChange(): void;\n    /** On month/year change callback. */\n    onMonthChange?: (newMonth: Date) => void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'DatePickerControlled';\n\n/**\n * DatePickerControlled component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const DatePickerControlled = forwardRef<DatePickerControlledProps, HTMLDivElement>((props, ref) => {\n    const {\n        locale = getCurrentLocale(),\n        maxDate,\n        minDate,\n        nextButtonProps,\n        onChange,\n        onNextMonthChange,\n        onPrevMonthChange,\n        previousButtonProps,\n        selectedMonth,\n        todayOrSelectedDateRef,\n        value,\n        onMonthChange,\n        style,\n    } = props;\n    const { weeks, weekDays } = React.useMemo(() => {\n        const localeObj = parseLocale(locale) as Locale;\n        return getMonthCalendar(localeObj, selectedMonth, minDate, maxDate);\n    }, [locale, minDate, maxDate, selectedMonth]);\n\n    const selectedYear = selectedMonth.getFullYear();\n    const formattedYear = selectedMonth.toLocaleDateString(locale, { year: 'numeric' }).slice(0, 4);\n    const [currentYear, setCurrentYear] = React.useState(String(selectedYear));\n\n    // Updates month offset when validating year. Adds or removes 12 months per year when updating year value.\n    const updateMonthOffset = React.useCallback(\n        (newYearValue: string) => {\n            const yearNumber = Number(newYearValue);\n            if (yearNumber < 0 && yearNumber >= 9999) {\n                return;\n            }\n\n            const previousYearNumber = selectedMonth.getFullYear();\n            const offset = (yearNumber - previousYearNumber) * 12;\n            onMonthChange?.(addMonthResetDay(selectedMonth, offset));\n        },\n        [selectedMonth, onMonthChange],\n    );\n\n    const onYearChange = React.useCallback<TextFieldProps['onChange']>(\n        (newYearValue, _, event) => {\n            setCurrentYear(newYearValue);\n\n            // Detect if change is coming from the spin up/down arrows\n            const inputType = (event?.nativeEvent as any)?.inputType;\n            if (\n                // Chrome/Safari\n                !inputType ||\n                // Firefox\n                inputType === 'insertReplacementText'\n            ) {\n                updateMonthOffset(newYearValue);\n            }\n        },\n        [updateMonthOffset],\n    );\n\n    const updateYear = React.useCallback(() => {\n        updateMonthOffset(currentYear);\n    }, [updateMonthOffset, currentYear]);\n\n    const updateYearOnEnterPressed: KeyboardEventHandler = React.useMemo(\n        () => onEnterPressed(updateYear),\n        [updateYear],\n    );\n\n    const monthYear = selectedMonth.toLocaleDateString(locale, { year: 'numeric', month: 'long' });\n\n    // Update current year when selected year changes\n    React.useEffect(() => {\n        setCurrentYear(String(selectedYear));\n    }, [selectedYear]);\n\n    const prevSelectedMonth = usePreviousValue(selectedMonth);\n    const monthHasChanged = prevSelectedMonth && !isSameDay(selectedMonth, prevSelectedMonth);\n\n    // Only set the aria-live after the month has changed otherwise it can get announced on mount when used in the popover dialog\n    const [labelAriaLive, setLabelAriaLive] = React.useState<'polite'>();\n    React.useEffect(() => {\n        if (monthHasChanged) setLabelAriaLive('polite');\n    }, [monthHasChanged]);\n\n    const yearLabel = getYearDisplayName(locale);\n\n    return (\n        <div ref={ref} className={`${CLASSNAME}`} style={style}>\n            <Toolbar\n                className={`${CLASSNAME}__toolbar`}\n                after={\n                    <IconButton\n                        {...nextButtonProps}\n                        emphasis={Emphasis.low}\n                        icon={mdiChevronRight}\n                        onClick={onNextMonthChange}\n                    />\n                }\n                before={\n                    <IconButton\n                        {...previousButtonProps}\n                        emphasis={Emphasis.low}\n                        icon={mdiChevronLeft}\n                        onClick={onPrevMonthChange}\n                    />\n                }\n                label={\n                    <>\n                        <span aria-live={labelAriaLive} className={onMonthChange ? VISUALLY_HIDDEN : ''} dir=\"auto\">\n                            {monthYear}\n                        </span>\n                        {onMonthChange && (\n                            <FlexBox\n                                className={`${CLASSNAME}__month`}\n                                orientation=\"horizontal\"\n                                hAlign=\"center\"\n                                gap=\"regular\"\n                                vAlign=\"center\"\n                                dir=\"auto\"\n                            >\n                                {RegExp(`(.*)(${formattedYear})(.*)`)\n                                    .exec(monthYear)\n                                    ?.slice(1)\n                                    .filter((part) => part !== '')\n                                    .map((part) =>\n                                        part === formattedYear ? (\n                                            <TextField\n                                                value={currentYear}\n                                                aria-label={yearLabel}\n                                                onChange={onYearChange}\n                                                type=\"number\"\n                                                max={9999}\n                                                min={0}\n                                                onBlur={updateYear}\n                                                onKeyPress={updateYearOnEnterPressed}\n                                                key=\"year\"\n                                                className={`${CLASSNAME}__year`}\n                                            />\n                                        ) : (\n                                            <Text as=\"p\" key={part}>\n                                                {part}\n                                            </Text>\n                                        ),\n                                    )}\n                            </FlexBox>\n                        )}\n                    </>\n                }\n            />\n            <div className={`${CLASSNAME}__calendar`}>\n                <div className={`${CLASSNAME}__week-days ${CLASSNAME}__days-wrapper`}>\n                    {weekDays.map(({ letter, number, long }) => (\n                        <div key={number} className={`${CLASSNAME}__day-wrapper`}>\n                            <span className={`${CLASSNAME}__week-day`} aria-hidden>\n                                {letter.toLocaleUpperCase()}\n                            </span>\n                            <span className=\"visually-hidden\">{long}</span>\n                        </div>\n                    ))}\n                </div>\n\n                <div className={`${CLASSNAME}__month-days ${CLASSNAME}__days-wrapper`}>\n                    {weeks.flatMap((week, weekIndex) => {\n                        return weekDays.map((weekDay, dayIndex) => {\n                            const { date, isOutOfRange } = week[weekDay.number] || {};\n                            const key = `${weekIndex}-${dayIndex}`;\n                            const isToday = !isOutOfRange && date && isSameDay(date, new Date());\n                            const isSelected = date && value && isSameDay(value, date);\n\n                            return (\n                                <div key={key} className={`${CLASSNAME}__day-wrapper`}>\n                                    {date && (\n                                        <Button\n                                            ref={isSelected || (!value && isToday) ? todayOrSelectedDateRef : null}\n                                            className={classNames(`${CLASSNAME}__month-day`, {\n                                                [`${CLASSNAME}__month-day--is-today`]: isToday,\n                                            })}\n                                            disabled={isOutOfRange}\n                                            isSelected={isSelected}\n                                            emphasis=\"low\"\n                                            onClick={() => onChange(date)}\n                                        >\n                                            <span aria-hidden>{formatDayNumber(locale, date)}</span>\n                                            <span className={VISUALLY_HIDDEN}>\n                                                {date.toLocaleDateString(locale, {\n                                                    day: 'numeric',\n                                                    month: 'long',\n                                                    year: 'numeric',\n                                                })}\n                                            </span>\n                                        </Button>\n                                    )}\n                                </div>\n                            );\n                        });\n                    })}\n                </div>\n            </div>\n        </div>\n    );\n});\nDatePickerControlled.displayName = COMPONENT_NAME;\nDatePickerControlled.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","DatePickerControlled","forwardRef","props","ref","locale","getCurrentLocale","maxDate","minDate","nextButtonProps","onChange","onNextMonthChange","onPrevMonthChange","previousButtonProps","selectedMonth","todayOrSelectedDateRef","value","onMonthChange","style","weeks","weekDays","React","useMemo","localeObj","parseLocale","getMonthCalendar","selectedYear","getFullYear","formattedYear","toLocaleDateString","year","slice","currentYear","setCurrentYear","useState","String","updateMonthOffset","useCallback","newYearValue","yearNumber","Number","previousYearNumber","offset","addMonthResetDay","onYearChange","_","event","inputType","nativeEvent","updateYear","updateYearOnEnterPressed","onEnterPressed","monthYear","month","useEffect","prevSelectedMonth","usePreviousValue","monthHasChanged","isSameDay","labelAriaLive","setLabelAriaLive","yearLabel","getYearDisplayName","_jsxs","className","CLASSNAME","children","_jsx","Toolbar","after","IconButton","emphasis","Emphasis","low","icon","mdiChevronRight","onClick","before","mdiChevronLeft","label","_Fragment","VISUALLY_HIDDEN","dir","FlexBox","orientation","hAlign","gap","vAlign","RegExp","exec","filter","part","map","TextField","type","max","min","onBlur","onKeyPress","Text","as","letter","number","long","toLocaleUpperCase","flatMap","week","weekIndex","weekDay","dayIndex","date","isOutOfRange","key","isToday","Date","isSelected","Button","classNames","disabled","formatDayNumber","day","displayName"],"mappings":"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"}

package/_internal/{mergeRefs-f0d7d6ea.js → 27df0cb6.js}

@@ -26,5 +26,5 @@ const useMergeRefs = (...refs) => {
   refs);
 };
 
-export { mergeRefs as m, useMergeRefs as u };
-//# sourceMappingURL=mergeRefs-f0d7d6ea.js.map
+export { mergeRefs, useMergeRefs };
+//# sourceMappingURL=27df0cb6.js.map

package/_internal/27df0cb6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"27df0cb6.js","sources":["../../src/utils/react/mergeRefs.ts"],"sourcesContent":["import { Falsy } from '@lumx/react/utils/type';\nimport { MutableRefObject, useMemo } from 'react';\n\ntype FnRef<T> = (value: T) => void;\n\n/**\n * Merge refs into a single function ref.\n *\n * @param  refs React references to merge.\n * @return the merged ref.\n */\nexport function mergeRefs<T>(...refs: Array<MutableRefObject<T | null> | FnRef<T> | Falsy>): FnRef<T> {\n    return (value) =>\n        refs.forEach((ref) => {\n            if (typeof ref === 'function') {\n                ref(value);\n            } else if (ref) {\n                // eslint-disable-next-line no-param-reassign\n                (ref as MutableRefObject<T>).current = value;\n            }\n        });\n}\n\n/**\n * Same as `mergeRefs` but memoized\n */\nexport const useMergeRefs = <T>(...refs: Array<MutableRefObject<T | null> | FnRef<T> | Falsy>) => {\n    return useMemo(\n        () => mergeRefs(...refs),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        refs,\n    );\n};\n"],"names":["mergeRefs","refs","value","forEach","ref","current","useMergeRefs","useMemo"],"mappings":";;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,SAASA,CAAI,GAAGC,IAA0D,EAAY;AAClG,EAAA,OAAQC,KAAK,IACTD,IAAI,CAACE,OAAO,CAAEC,GAAG,IAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACF,KAAK,CAAC,CAAA;KACb,MAAM,IAAIE,GAAG,EAAE;AACZ;MACCA,GAAG,CAAyBC,OAAO,GAAGH,KAAK,CAAA;AAChD,KAAA;AACJ,GAAC,CAAC,CAAA;AACV,CAAA;;AAEA;AACA;AACA;MACaI,YAAY,GAAGA,CAAI,GAAGL,IAA0D,KAAK;AAC9F,EAAA,OAAOM,OAAO,CACV,MAAMP,SAAS,CAAC,GAAGC,IAAI,CAAC;AACxB;AACAA,EAAAA,IACJ,CAAC,CAAA;AACL;;;;"}

package/_internal/28f344bd.js

@@ -0,0 +1,52 @@
+import getWindow from './a0a42aca.js';
+
+var passive = {
+  passive: true
+};
+
+function effect(_ref) {
+  var state = _ref.state,
+      instance = _ref.instance,
+      options = _ref.options;
+  var _options$scroll = options.scroll,
+      scroll = _options$scroll === void 0 ? true : _options$scroll,
+      _options$resize = options.resize,
+      resize = _options$resize === void 0 ? true : _options$resize;
+  var window = getWindow(state.elements.popper);
+  var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
+
+  if (scroll) {
+    scrollParents.forEach(function (scrollParent) {
+      scrollParent.addEventListener('scroll', instance.update, passive);
+    });
+  }
+
+  if (resize) {
+    window.addEventListener('resize', instance.update, passive);
+  }
+
+  return function () {
+    if (scroll) {
+      scrollParents.forEach(function (scrollParent) {
+        scrollParent.removeEventListener('scroll', instance.update, passive);
+      });
+    }
+
+    if (resize) {
+      window.removeEventListener('resize', instance.update, passive);
+    }
+  };
+} // eslint-disable-next-line import/no-unused-modules
+
+
+var eventListeners = {
+  name: 'eventListeners',
+  enabled: true,
+  phase: 'write',
+  fn: function fn() {},
+  effect: effect,
+  data: {}
+};
+
+export { eventListeners as default };
+//# sourceMappingURL=28f344bd.js.map

package/_internal/28f344bd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"28f344bd.js","sources":["../../../../node_modules/@popperjs/core/lib/modifiers/eventListeners.js"],"sourcesContent":["import getWindow from \"../dom-utils/getWindow.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar passive = {\n  passive: true\n};\n\nfunction effect(_ref) {\n  var state = _ref.state,\n      instance = _ref.instance,\n      options = _ref.options;\n  var _options$scroll = options.scroll,\n      scroll = _options$scroll === void 0 ? true : _options$scroll,\n      _options$resize = options.resize,\n      resize = _options$resize === void 0 ? true : _options$resize;\n  var window = getWindow(state.elements.popper);\n  var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);\n\n  if (scroll) {\n    scrollParents.forEach(function (scrollParent) {\n      scrollParent.addEventListener('scroll', instance.update, passive);\n    });\n  }\n\n  if (resize) {\n    window.addEventListener('resize', instance.update, passive);\n  }\n\n  return function () {\n    if (scroll) {\n      scrollParents.forEach(function (scrollParent) {\n        scrollParent.removeEventListener('scroll', instance.update, passive);\n      });\n    }\n\n    if (resize) {\n      window.removeEventListener('resize', instance.update, passive);\n    }\n  };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'eventListeners',\n  enabled: true,\n  phase: 'write',\n  fn: function fn() {},\n  effect: effect,\n  data: {}\n};"],"names":[],"mappings":";;AAEA,IAAI,OAAO,GAAG;AACd,EAAE,OAAO,EAAE,IAAI;AACf,CAAC,CAAC;AACF;AACA,SAAS,MAAM,CAAC,IAAI,EAAE;AACtB,EAAE,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK;AACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ;AAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;AAC7B,EAAE,IAAI,eAAe,GAAG,OAAO,CAAC,MAAM;AACtC,MAAM,MAAM,GAAG,eAAe,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,eAAe;AAClE,MAAM,eAAe,GAAG,OAAO,CAAC,MAAM;AACtC,MAAM,MAAM,GAAG,eAAe,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,eAAe,CAAC;AACnE,EAAE,IAAI,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAChD,EAAE,IAAI,aAAa,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AAC3F;AACA,EAAE,IAAI,MAAM,EAAE;AACd,IAAI,aAAa,CAAC,OAAO,CAAC,UAAU,YAAY,EAAE;AAClD,MAAM,YAAY,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACxE,KAAK,CAAC,CAAC;AACP,GAAG;AACH;AACA,EAAE,IAAI,MAAM,EAAE;AACd,IAAI,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAChE,GAAG;AACH;AACA,EAAE,OAAO,YAAY;AACrB,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,aAAa,CAAC,OAAO,CAAC,UAAU,YAAY,EAAE;AACpD,QAAQ,YAAY,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC7E,OAAO,CAAC,CAAC;AACT,KAAK;AACL;AACA,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACrE,KAAK;AACL,GAAG,CAAC;AACJ,CAAC;AACD;AACA;AACA,qBAAe;AACf,EAAE,IAAI,EAAE,gBAAgB;AACxB,EAAE,OAAO,EAAE,IAAI;AACf,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE;AACtB,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,IAAI,EAAE,EAAE;AACV,CAAC;;;;","x_google_ignoreList":[0]}

package/_internal/2c5a950d.js

@@ -0,0 +1,55 @@
+import last from 'lodash/last';
+import { getWeekDays } from './ef907c21.js';
+
+/** Up to 6 rows can appear in a month calendar => 4 weeks + 1 start of month partial week + 1 send of month partial week */
+const MONTH_ROW_COUNT = 6;
+
+/**
+ * Get month calendar.
+ * A list of weeks with days indexed by week day number
+ */
+const getMonthCalendar = (locale, referenceDate = new Date(), rangeMinDate, rangeMaxDate) => {
+  const month = referenceDate.getMonth();
+  const iterDate = new Date(referenceDate);
+  iterDate.setDate(1);
+  const minDate = rangeMinDate && new Date(rangeMinDate);
+  const maxDate = rangeMaxDate && new Date(rangeMaxDate);
+  // Reset time to compare dates only.
+  iterDate.setUTCHours(0, 0, 0, 0);
+  minDate?.setUTCHours(0, 0, 0, 0);
+  maxDate?.setUTCHours(0, 0, 0, 0);
+  const weekDays = getWeekDays(locale);
+  const lastDayOfWeek = last(weekDays);
+  const weeks = [];
+  let week = {};
+  let rowCount = 0;
+  while (rowCount < MONTH_ROW_COUNT) {
+    const weekDayNumber = iterDate.getDay();
+    const day = {
+      date: new Date(iterDate.getTime())
+    };
+
+    // If a range is specified, check if the day is out of range.
+    // min and max date are included within the valid range.
+    if (minDate && iterDate < minDate || maxDate && iterDate > maxDate) {
+      day.isOutOfRange = true;
+    }
+    if (iterDate.getMonth() === month) {
+      week[weekDayNumber] = day;
+    }
+    if (weekDayNumber === lastDayOfWeek.number) {
+      weeks.push(week);
+      rowCount += 1;
+      week = {};
+    }
+    iterDate.setDate(iterDate.getDate() + 1);
+  }
+  if (Object.keys(week).length) weeks.push(week);
+  return {
+    weeks,
+    weekDays
+  };
+};
+
+export { getMonthCalendar };
+//# sourceMappingURL=2c5a950d.js.map

package/_internal/2c5a950d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2c5a950d.js","sources":["../../src/utils/date/getMonthCalendar.ts"],"sourcesContent":["import last from 'lodash/last';\n\nimport { getWeekDays, WeekDayInfo } from '@lumx/react/utils/date/getWeekDays';\nimport { Locale } from '@lumx/react/utils/locale/types';\n\ntype AnnotatedDay = { date: Date; isOutOfRange?: boolean };\ntype AnnotatedWeek = Partial<Record<number, AnnotatedDay>>;\n\ninterface MonthCalendar {\n    weekDays: Array<WeekDayInfo>;\n    weeks: Array<AnnotatedWeek>;\n}\n\n/** Up to 6 rows can appear in a month calendar => 4 weeks + 1 start of month partial week + 1 send of month partial week */\nconst MONTH_ROW_COUNT = 6;\n\n/**\n * Get month calendar.\n * A list of weeks with days indexed by week day number\n */\nexport const getMonthCalendar = (\n    locale: Locale,\n    referenceDate = new Date(),\n    rangeMinDate?: Date,\n    rangeMaxDate?: Date,\n): MonthCalendar => {\n    const month = referenceDate.getMonth();\n    const iterDate = new Date(referenceDate);\n    iterDate.setDate(1);\n\n    const minDate = rangeMinDate && new Date(rangeMinDate);\n    const maxDate = rangeMaxDate && new Date(rangeMaxDate);\n    // Reset time to compare dates only.\n    iterDate.setUTCHours(0, 0, 0, 0);\n    minDate?.setUTCHours(0, 0, 0, 0);\n    maxDate?.setUTCHours(0, 0, 0, 0);\n\n    const weekDays = getWeekDays(locale);\n    const lastDayOfWeek = last(weekDays) as WeekDayInfo;\n\n    const weeks: Array<AnnotatedWeek> = [];\n    let week: AnnotatedWeek = {};\n    let rowCount = 0;\n\n    while (rowCount < MONTH_ROW_COUNT) {\n        const weekDayNumber = iterDate.getDay();\n        const day: AnnotatedDay = { date: new Date(iterDate.getTime()) };\n\n        // If a range is specified, check if the day is out of range.\n        // min and max date are included within the valid range.\n        if ((minDate && iterDate < minDate) || (maxDate && iterDate > maxDate)) {\n            day.isOutOfRange = true;\n        }\n\n        if (iterDate.getMonth() === month) {\n            week[weekDayNumber] = day;\n        }\n\n        if (weekDayNumber === lastDayOfWeek.number) {\n            weeks.push(week);\n            rowCount += 1;\n            week = {};\n        }\n        iterDate.setDate(iterDate.getDate() + 1);\n    }\n    if (Object.keys(week).length) weeks.push(week);\n\n    return { weeks, weekDays };\n};\n"],"names":["MONTH_ROW_COUNT","getMonthCalendar","locale","referenceDate","Date","rangeMinDate","rangeMaxDate","month","getMonth","iterDate","setDate","minDate","maxDate","setUTCHours","weekDays","getWeekDays","lastDayOfWeek","last","weeks","week","rowCount","weekDayNumber","getDay","day","date","getTime","isOutOfRange","number","push","getDate","Object","keys","length"],"mappings":";;;AAaA;AACA,MAAMA,eAAe,GAAG,CAAC,CAAA;;AAEzB;AACA;AACA;AACA;MACaC,gBAAgB,GAAGA,CAC5BC,MAAc,EACdC,aAAa,GAAG,IAAIC,IAAI,EAAE,EAC1BC,YAAmB,EACnBC,YAAmB,KACH;AAChB,EAAA,MAAMC,KAAK,GAAGJ,aAAa,CAACK,QAAQ,EAAE,CAAA;AACtC,EAAA,MAAMC,QAAQ,GAAG,IAAIL,IAAI,CAACD,aAAa,CAAC,CAAA;AACxCM,EAAAA,QAAQ,CAACC,OAAO,CAAC,CAAC,CAAC,CAAA;EAEnB,MAAMC,OAAO,GAAGN,YAAY,IAAI,IAAID,IAAI,CAACC,YAAY,CAAC,CAAA;EACtD,MAAMO,OAAO,GAAGN,YAAY,IAAI,IAAIF,IAAI,CAACE,YAAY,CAAC,CAAA;AACtD;EACAG,QAAQ,CAACI,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;EAChCF,OAAO,EAAEE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;EAChCD,OAAO,EAAEC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AAEhC,EAAA,MAAMC,QAAQ,GAAGC,WAAW,CAACb,MAAM,CAAC,CAAA;AACpC,EAAA,MAAMc,aAAa,GAAGC,IAAI,CAACH,QAAQ,CAAgB,CAAA;EAEnD,MAAMI,KAA2B,GAAG,EAAE,CAAA;EACtC,IAAIC,IAAmB,GAAG,EAAE,CAAA;EAC5B,IAAIC,QAAQ,GAAG,CAAC,CAAA;EAEhB,OAAOA,QAAQ,GAAGpB,eAAe,EAAE;AAC/B,IAAA,MAAMqB,aAAa,GAAGZ,QAAQ,CAACa,MAAM,EAAE,CAAA;AACvC,IAAA,MAAMC,GAAiB,GAAG;MAAEC,IAAI,EAAE,IAAIpB,IAAI,CAACK,QAAQ,CAACgB,OAAO,EAAE,CAAA;KAAG,CAAA;;AAEhE;AACA;IACA,IAAKd,OAAO,IAAIF,QAAQ,GAAGE,OAAO,IAAMC,OAAO,IAAIH,QAAQ,GAAGG,OAAQ,EAAE;MACpEW,GAAG,CAACG,YAAY,GAAG,IAAI,CAAA;AAC3B,KAAA;AAEA,IAAA,IAAIjB,QAAQ,CAACD,QAAQ,EAAE,KAAKD,KAAK,EAAE;AAC/BY,MAAAA,IAAI,CAACE,aAAa,CAAC,GAAGE,GAAG,CAAA;AAC7B,KAAA;AAEA,IAAA,IAAIF,aAAa,KAAKL,aAAa,CAACW,MAAM,EAAE;AACxCT,MAAAA,KAAK,CAACU,IAAI,CAACT,IAAI,CAAC,CAAA;AAChBC,MAAAA,QAAQ,IAAI,CAAC,CAAA;MACbD,IAAI,GAAG,EAAE,CAAA;AACb,KAAA;IACAV,QAAQ,CAACC,OAAO,CAACD,QAAQ,CAACoB,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;AAC5C,GAAA;AACA,EAAA,IAAIC,MAAM,CAACC,IAAI,CAACZ,IAAI,CAAC,CAACa,MAAM,EAAEd,KAAK,CAACU,IAAI,CAACT,IAAI,CAAC,CAAA;EAE9C,OAAO;IAAED,KAAK;AAAEJ,IAAAA,QAAAA;GAAU,CAAA;AAC9B;;;;"}