@lumx/react 3.20.1-alpha.33 → 3.20.1-alpha.35

package/_internal/packages/lumx-react/src/components/date-picker/DatePickerControlled-4af66187.js

@@ -1,223 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { getMonthCalendar } from '../../utils/date/getMonthCalendar-f0443cdb.js';
-import { isSameDay } from '../../utils/date/isSameDay-487527e8.js';
-import { getCurrentLocale } from '../../utils/locale/getCurrentLocale-14390eeb.js';
-import { parseLocale } from '../../utils/locale/parseLocale-7eca7fcd.js';
-import { usePreviousValue } from '../../hooks/usePreviousValue-6f3bb7d6.js';
-import { getYearDisplayName } from '../../utils/date/getYearDisplayName-ed03c692.js';
-import { onEnterPressed } from '@lumx/core/js/utils';
-import { addMonthResetDay } from '../../utils/date/addMonthResetDay-e429bd82.js';
-import { formatDayNumber } from '../../utils/date/formatDayNumber-db88500d.js';
-import { VISUALLY_HIDDEN } from '../../constants-6af61e2f.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { CLASSNAME } from './constants-f8c49b24.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { IconButton } from '../button/IconButton-a740ce59.js';
-import { mdiChevronRight } from '../../../../lumx-icons/dist/esm/chevron-right-aeba575c.js';
-import { mdiChevronLeft } from '../../../../lumx-icons/dist/esm/chevron-left-e9c3b1e0.js';
-import { FlexBox } from '../flex-box/FlexBox-57fe8191.js';
-import { Toolbar } from '../toolbar/Toolbar-b30ac67a.js';
-import { Emphasis } from '@lumx/core/js/constants';
-import { TextField } from '../text-field/TextField-843f8e28.js';
-import { Text } from '../text/Text-d8efb3ca.js';
-import { Button } from '../button/Button-86d16087.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=DatePickerControlled-4af66187.js.map

package/_internal/packages/lumx-react/src/components/date-picker/DatePickerControlled-4af66187.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerControlled-4af66187.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/packages/lumx-react/src/components/date-picker/DatePickerField-3c9c1ba5.js

@@ -1,107 +0,0 @@
-import React__default, { useRef, useCallback } from 'react';
-import { getCurrentLocale } from '../../utils/locale/getCurrentLocale-14390eeb.js';
-import { useBooleanState } from '../../hooks/useBooleanState-3e2f0517.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useDisableStateProps } from '../../utils/disabled/useDisableStateProps-2391c02d.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { PopoverDialog } from '../popover-dialog/PopoverDialog-ffd6c5a1.js';
-import { Placement } from '../popover/constants-9d063548.js';
-import { DatePicker } from './DatePicker-f7f5c82d.js';
-import { TextField } from '../text-field/TextField-843f8e28.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'DatePickerField';
-
-/**
- * DatePickerField component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const DatePickerField = forwardRef((props, ref) => {
-  const {
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    defaultMonth,
-    locale = getCurrentLocale(),
-    maxDate,
-    minDate,
-    name,
-    nextButtonProps,
-    onChange,
-    previousButtonProps,
-    value,
-    ...forwardedProps
-  } = otherProps;
-  const anchorRef = useRef(null);
-  const [isOpen, close,, toggleOpen] = useBooleanState(false);
-  const handleKeyboardNav = useCallback(evt => {
-    if (evt.key === 'Enter' || evt.key === ' ') {
-      toggleOpen();
-    }
-  }, [toggleOpen]);
-  const onTextFieldChange = useCallback((textFieldValue, textFieldName, event) => {
-    if (!textFieldValue) {
-      onChange(undefined, textFieldName, event);
-    }
-  }, [onChange]);
-  const onDatePickerChange = useCallback(newDate => {
-    onChange(newDate, name);
-    close();
-  }, [name, onChange, close]);
-
-  // Format date for text field
-  const textFieldValue = value?.toLocaleDateString(locale, {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric'
-  }) || '';
-  const todayOrSelectedDateRef = React__default.useRef(null);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(TextField, {
-      ref: ref,
-      ...forwardedProps,
-      name: name,
-      forceFocusStyle: isOpen,
-      textFieldRef: anchorRef,
-      value: textFieldValue,
-      onClick: toggleOpen,
-      onChange: onTextFieldChange,
-      onKeyPress: handleKeyboardNav,
-      ...disabledStateProps,
-      readOnly: true,
-      "aria-haspopup": "dialog"
-    }), isOpen ? /*#__PURE__*/jsx(PopoverDialog
-    // Can't use `aria-labelledby` targeting the text field label element (not correctly read on some screen readers)
-    , {
-      "aria-label": forwardedProps.label,
-      anchorRef: anchorRef,
-      placement: Placement.BOTTOM_START,
-      isOpen: isOpen,
-      onClose: close
-      // On open, focus the selected day or today
-      ,
-      focusElement: todayOrSelectedDateRef,
-      children: /*#__PURE__*/jsx(DatePicker, {
-        locale: locale,
-        maxDate: maxDate,
-        minDate: minDate,
-        value: value,
-        todayOrSelectedDateRef: todayOrSelectedDateRef,
-        onChange: onDatePickerChange,
-        defaultMonth: defaultMonth,
-        nextButtonProps: nextButtonProps,
-        previousButtonProps: previousButtonProps
-      })
-    }) : null]
-  });
-});
-DatePickerField.displayName = COMPONENT_NAME;
-
-export { DatePickerField };
-//# sourceMappingURL=DatePickerField-3c9c1ba5.js.map

package/_internal/packages/lumx-react/src/components/date-picker/DatePickerField-3c9c1ba5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerField-3c9c1ba5.js","sources":["../../../../../../../src/components/date-picker/DatePickerField.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useRef } from 'react';\n\nimport { DatePicker, IconButtonProps, Placement, PopoverDialog, TextField, TextFieldProps } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getCurrentLocale } from '@lumx/react/utils/locale/getCurrentLocale';\nimport { useBooleanState } from '@lumx/react/hooks/useBooleanState';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\n\n/**\n * Defines the props of the component.\n */\nexport interface DatePickerFieldProps extends Omit<TextFieldProps, 'value' | 'onChange'>, GenericProps {\n    /** Default month. */\n    defaultMonth?: Date;\n    /** Locale (language or region) to use. */\n    locale?: string;\n    /** Date after which dates can't be selected. */\n    maxDate?: Date;\n    /** Date before which dates can't be selected. */\n    minDate?: Date;\n    /** Props to pass to the next month button (minus those already set by the DatePickerControlled props). */\n    nextButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n    /** Props to pass to the previous month button (minus those already set by the DatePickerControlled props). */\n    previousButtonProps: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n    /** Currently selected date. */\n    value: Date | undefined;\n    /** On change callback. */\n    onChange(value: Date | undefined, name?: string, event?: SyntheticEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'DatePickerField';\n\n/**\n * DatePickerField component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const DatePickerField = forwardRef<DatePickerFieldProps, HTMLDivElement>((props, ref) => {\n    const { disabledStateProps, otherProps } = useDisableStateProps(props);\n    const {\n        defaultMonth,\n        locale = getCurrentLocale(),\n        maxDate,\n        minDate,\n        name,\n        nextButtonProps,\n        onChange,\n        previousButtonProps,\n        value,\n        ...forwardedProps\n    } = otherProps;\n    const anchorRef = useRef(null);\n\n    const [isOpen, close, , toggleOpen] = useBooleanState(false);\n\n    const handleKeyboardNav = useCallback(\n        (evt: React.KeyboardEvent) => {\n            if (evt.key === 'Enter' || evt.key === ' ') {\n                toggleOpen();\n            }\n        },\n        [toggleOpen],\n    );\n    const onTextFieldChange = useCallback(\n        (textFieldValue: string, textFieldName?: string, event?: SyntheticEvent) => {\n            if (!textFieldValue) {\n                onChange(undefined, textFieldName, event);\n            }\n        },\n        [onChange],\n    );\n    const onDatePickerChange = useCallback(\n        (newDate?: Date) => {\n            onChange(newDate, name);\n            close();\n        },\n        [name, onChange, close],\n    );\n\n    // Format date for text field\n    const textFieldValue = value?.toLocaleDateString(locale, { year: 'numeric', month: 'long', day: 'numeric' }) || '';\n\n    const todayOrSelectedDateRef = React.useRef(null);\n\n    return (\n        <>\n            <TextField\n                ref={ref}\n                {...forwardedProps}\n                name={name}\n                forceFocusStyle={isOpen}\n                textFieldRef={anchorRef}\n                value={textFieldValue}\n                onClick={toggleOpen}\n                onChange={onTextFieldChange}\n                onKeyPress={handleKeyboardNav}\n                {...disabledStateProps}\n                readOnly\n                aria-haspopup=\"dialog\"\n            />\n            {isOpen ? (\n                <PopoverDialog\n                    // Can't use `aria-labelledby` targeting the text field label element (not correctly read on some screen readers)\n                    aria-label={forwardedProps.label}\n                    anchorRef={anchorRef}\n                    placement={Placement.BOTTOM_START}\n                    isOpen={isOpen}\n                    onClose={close}\n                    // On open, focus the selected day or today\n                    focusElement={todayOrSelectedDateRef}\n                >\n                    <DatePicker\n                        locale={locale}\n                        maxDate={maxDate}\n                        minDate={minDate}\n                        value={value}\n                        todayOrSelectedDateRef={todayOrSelectedDateRef}\n                        onChange={onDatePickerChange}\n                        defaultMonth={defaultMonth}\n                        nextButtonProps={nextButtonProps}\n                        previousButtonProps={previousButtonProps}\n                    />\n                </PopoverDialog>\n            ) : null}\n        </>\n    );\n});\nDatePickerField.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","DatePickerField","forwardRef","props","ref","disabledStateProps","otherProps","useDisableStateProps","defaultMonth","locale","getCurrentLocale","maxDate","minDate","name","nextButtonProps","onChange","previousButtonProps","value","forwardedProps","anchorRef","useRef","isOpen","close","toggleOpen","useBooleanState","handleKeyboardNav","useCallback","evt","key","onTextFieldChange","textFieldValue","textFieldName","event","undefined","onDatePickerChange","newDate","toLocaleDateString","year","month","day","todayOrSelectedDateRef","React","_jsxs","_Fragment","children","_jsx","TextField","forceFocusStyle","textFieldRef","onClick","onKeyPress","readOnly","PopoverDialog","label","placement","Placement","BOTTOM_START","onClose","focusElement","DatePicker","displayName"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/date-picker/constants-f8c49b24.js

@@ -1,14 +0,0 @@
-import { getRootClassName } from '@lumx/core/js/utils/className';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'DatePicker';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-export { CLASSNAME, COMPONENT_NAME };
-//# sourceMappingURL=constants-f8c49b24.js.map

package/_internal/packages/lumx-react/src/components/date-picker/constants-f8c49b24.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-f8c49b24.js","sources":["../../../../../../../src/components/date-picker/constants.ts"],"sourcesContent":["import { getRootClassName } from '@lumx/core/js/utils/className';\n\n/**\n * Component display name.\n */\nexport const COMPONENT_NAME = 'DatePicker';\n\n/**\n * Component default class name and class prefix.\n */\nexport const CLASSNAME = getRootClassName(COMPONENT_NAME);\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName"],"mappings":";;AAEA;AACA;AACA;AACO,MAAMA,cAAc,GAAG,aAAY;;AAE1C;AACA;AACA;MACaC,SAAS,GAAGC,gBAAgB,CAACF,cAAc;;;;"}

package/_internal/packages/lumx-react/src/components/dialog/Dialog-c1d85c51.js

@@ -1,209 +0,0 @@
-import React__default, { useRef, useState, useMemo, Children } from 'react';
-import classNames from 'classnames';
-import { DOCUMENT } from '../../constants-6af61e2f.js';
-import { useCallbackOnEscape } from '../../hooks/useCallbackOnEscape-80f4407b.js';
-import { useFocusTrap } from '../../hooks/useFocusTrap-3a8a959d.js';
-import { useIntersectionObserver } from '../../hooks/useIntersectionObserver-dfa00cf7.js';
-import { isComponent } from '../../utils/type/isComponent-ebe24fd7.js';
-import { partitionMulti } from '../../utils/partitionMulti-cb19eca6.js';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { mergeRefs } from '../../utils/react/mergeRefs-27df0cb6.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useDisableBodyScroll } from '../../hooks/useDisableBodyScroll-5d576cdc.js';
-import { useTransitionVisibility } from '../../hooks/useTransitionVisibility-2beba0ac.js';
-import { ThemeProvider } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Portal } from '../../utils/Portal/Portal-9e38cfd0.js';
-import { HeadingLevelProvider } from '../heading/HeadingLevelProvider-7bd8f886.js';
-import { ClickAwayProvider } from '../../utils/ClickAwayProvider/ClickAwayProvider-ec55d284.js';
-import { Progress, ProgressVariant } from '../progress/Progress-73bac34d.js';
-import { Size, DIALOG_TRANSITION_DURATION } from '@lumx/core/js/constants';
-
-const isHeader = isComponent('header');
-const isFooter = isComponent('footer');
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Dialog';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  size: Size.big,
-  disableBodyScroll: true
-};
-
-/**
- * Dialog component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Dialog = forwardRef((props, ref) => {
-  if (!DOCUMENT) {
-    // Can't render in SSR.
-    return null;
-  }
-  const {
-    children,
-    className,
-    header,
-    focusElement,
-    forceFooterDivider,
-    forceHeaderDivider,
-    footer,
-    isLoading,
-    isOpen,
-    onClose,
-    parentElement,
-    contentRef,
-    preventAutoClose,
-    size = DEFAULT_PROPS.size,
-    zIndex,
-    dialogProps,
-    onVisibilityChange,
-    disableBodyScroll = DEFAULT_PROPS.disableBodyScroll,
-    preventCloseOnClick,
-    preventCloseOnEscape,
-    ...forwardedProps
-  } = props;
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const previousOpen = React__default.useRef(isOpen);
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  React__default.useEffect(() => {
-    if (isOpen !== previousOpen.current) {
-      previousOpen.current = isOpen;
-
-      // Focus the parent element on close.
-      if (!isOpen && parentElement && parentElement.current) {
-        parentElement.current.focus();
-      }
-    }
-  }, [isOpen, parentElement]);
-  const shouldPreventCloseOnEscape = preventAutoClose || preventCloseOnEscape;
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useCallbackOnEscape(onClose, isOpen && !shouldPreventCloseOnEscape);
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const wrapperRef = useRef(null);
-  /**
-   * Since the `contentRef` comes from the parent and is optional,
-   * we need to create a stable contentRef that will always be available.
-   */
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const localContentRef = useRef(null);
-  // Handle focus trap.
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useFocusTrap(isOpen && wrapperRef.current, focusElement?.current);
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useDisableBodyScroll(disableBodyScroll && isOpen && localContentRef.current);
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const [sentinelTop, setSentinelTop] = useState(null);
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const [sentinelBottom, setSentinelBottom] = useState(null);
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const intersections = useIntersectionObserver([sentinelTop, sentinelBottom], {
-    threshold: [0, 1]
-  });
-  const hasTopIntersection = sentinelTop && !(intersections.get(sentinelTop)?.isIntersecting ?? true);
-  const hasBottomIntersection = sentinelBottom && !(intersections.get(sentinelBottom)?.isIntersecting ?? true);
-
-  // Separate header, footer and dialog content from children.
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const [[headerChild], [footerChild], content] = useMemo(() => partitionMulti(Children.toArray(children), [isHeader, isFooter]), [children]);
-  const headerChildProps = headerChild?.props;
-  const headerChildContent = headerChildProps?.children;
-  const footerChildProps = footerChild?.props;
-  const footerChildContent = footerChildProps?.children;
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const clickAwayRefs = useRef([wrapperRef]);
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const rootRef = useRef(null);
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  const isVisible = useTransitionVisibility(rootRef, Boolean(isOpen), DIALOG_TRANSITION_DURATION, onVisibilityChange);
-  const shouldPreventCloseOnClickAway = preventAutoClose || preventCloseOnClick;
-  return isOpen || isVisible ? /*#__PURE__*/jsx(Portal, {
-    children: /*#__PURE__*/jsxs("div", {
-      ref: mergeRefs(rootRef, ref),
-      ...forwardedProps,
-      className: classNames(className, handleBasicClasses({
-        isHidden: !isOpen,
-        isLoading,
-        isShown: isOpen || isVisible,
-        prefix: CLASSNAME,
-        size
-      })),
-      style: {
-        zIndex
-      },
-      children: [/*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__overlay`
-      }), /*#__PURE__*/jsx(HeadingLevelProvider, {
-        level: 2,
-        children: /*#__PURE__*/jsx(ThemeProvider, {
-          value: undefined,
-          children: /*#__PURE__*/jsx("div", {
-            className: `${CLASSNAME}__container`,
-            role: "dialog",
-            "aria-modal": "true",
-            ...dialogProps,
-            children: /*#__PURE__*/jsx(ClickAwayProvider, {
-              callback: !shouldPreventCloseOnClickAway && onClose,
-              childrenRefs: clickAwayRefs,
-              parentRef: rootRef,
-              children: /*#__PURE__*/jsxs("section", {
-                className: `${CLASSNAME}__wrapper`,
-                ref: wrapperRef,
-                children: [(header || headerChildContent) && /*#__PURE__*/jsxs("header", {
-                  ...headerChildProps,
-                  className: classNames(`${CLASSNAME}__header`, (forceHeaderDivider || hasTopIntersection) && `${CLASSNAME}__header--has-divider`, headerChildProps?.className),
-                  children: [header, headerChildContent]
-                }), /*#__PURE__*/jsxs("div", {
-                  ref: mergeRefs(contentRef, localContentRef),
-                  className: `${CLASSNAME}__content`,
-                  children: [/*#__PURE__*/jsx("div", {
-                    className: `${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--top`,
-                    ref: setSentinelTop
-                  }), content, /*#__PURE__*/jsx("div", {
-                    className: `${CLASSNAME}__sentinel ${CLASSNAME}__sentinel--bottom`,
-                    ref: setSentinelBottom
-                  })]
-                }), (footer || footerChildContent) && /*#__PURE__*/jsxs("footer", {
-                  ...footerChildProps,
-                  className: classNames(`${CLASSNAME}__footer`, (forceFooterDivider || hasBottomIntersection) && `${CLASSNAME}__footer--has-divider`, footerChildProps?.className),
-                  children: [footer, footerChildContent]
-                }), isLoading && /*#__PURE__*/jsx("div", {
-                  className: `${CLASSNAME}__progress-overlay`,
-                  children: /*#__PURE__*/jsx(Progress, {
-                    variant: ProgressVariant.circular
-                  })
-                })]
-              })
-            })
-          })
-        })
-      })]
-    })
-  }) : null;
-});
-Dialog.displayName = COMPONENT_NAME;
-Dialog.className = CLASSNAME;
-Dialog.defaultProps = DEFAULT_PROPS;
-
-export { Dialog };
-//# sourceMappingURL=Dialog-c1d85c51.js.map