@lumx/react 3.0.2 → 3.0.3-alpha.1

package/esm/_internal/DatePickerField.js

@@ -1,347 +0,0 @@
-import { c as _extends, a as _defineProperty, b as _objectWithoutProperties, d as _slicedToArray } from './_rollupPluginBabelHelpers.js';
-import { Emphasis } from './components.js';
-import React, { forwardRef, useState, useRef, useCallback } from 'react';
-import { g as getRootClassName, c as classnames } from './getRootClassName.js';
-import { f as mdiChevronRight, g as mdiChevronLeft } from './Icon2.js';
-import 'lodash/isBoolean';
-import 'lodash/isEmpty';
-import 'lodash/kebabCase';
-import 'lodash/noop';
-import { u as useFocus, a as Popover, P as Placement } from './Popover2.js';
-import { I as IconButton } from './IconButton.js';
-import moment$1 from 'moment';
-import range from 'lodash/range';
-import { extendMoment } from 'moment-range';
-import { u as useFocusTrap } from './useFocusTrap.js';
-import { T as TextField } from './TextField.js';
-import { T as Toolbar } from './Toolbar2.js';
-
-/**
- * Component display name.
- */
-
-var COMPONENT_NAME = 'DatePicker';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-var moment = extendMoment(moment$1);
-var DAYS_PER_WEEK = 7;
-
-/**
- * Get the list of days in a week based on locale.
- *
- * @param  locale The locale using to generate the order of days in a week.
- * @return The list of days in a week based on locale.
- */
-function getWeekDays(locale) {
-  return range(DAYS_PER_WEEK).map(function (_, i) {
-    return moment().locale(locale).weekday(i);
-  });
-}
-/**
- * Get month calendar based on locale and start date.
- *
- * @param  locale        The locale using to generate the order of days in a week.
- * @param  selectedMonth The selected month.
- * @return The list of days in a week based on locale.
- */
-
-function getMonthCalendar(locale, selectedMonth) {
-  var firstDayOfMonth = moment(selectedMonth).startOf('month');
-  var endDayOfMonth = moment(selectedMonth).endOf('month'); // The first day of the week depends on the locale used. In FR the first day is a monday but in EN the first day is sunday
-
-  var firstDay = firstDayOfMonth.locale(locale).startOf('week');
-  var monthRange = moment.range(firstDay.toDate(), endDayOfMonth.toDate());
-  return Array.from(monthRange.by('day'));
-}
-/**
- * Get month calendar based on locale and start date.
- * Each day is annotated to know if they are displayed and/or clickable.
- *
- * @param  locale        The locale using to generate the order of days in a week.
- * @param  minDate       The first selectable date.
- * @param  maxDate       The last selectable date.
- * @param  selectedMonth The selected month.
- * @return The list of days in a week based on locale.
- */
-
-function getAnnotatedMonthCalendar(locale, minDate, maxDate, selectedMonth) {
-  var month = moment(selectedMonth).locale(locale).month();
-  var clickableRange = moment.range(minDate, maxDate);
-  return getMonthCalendar(locale, selectedMonth).map(function (date) {
-    return {
-      date: date,
-      isClickable: clickableRange.contains(date),
-      isDisplayed: date.month() === month,
-      isToday: date.isSame(moment(), 'day')
-    };
-  });
-}
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME$1 = 'DatePickerControlled';
-/**
- * DatePickerControlled component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var DatePickerControlled = forwardRef(function (props, ref) {
-  var locale = props.locale,
-      maxDate = props.maxDate,
-      minDate = props.minDate,
-      nextButtonProps = props.nextButtonProps,
-      onChange = props.onChange,
-      onNextMonthChange = props.onNextMonthChange,
-      onPrevMonthChange = props.onPrevMonthChange,
-      previousButtonProps = props.previousButtonProps,
-      selectedMonth = props.selectedMonth,
-      todayOrSelectedDateRef = props.todayOrSelectedDateRef,
-      value = props.value;
-  var days = React.useMemo(function () {
-    return getAnnotatedMonthCalendar(locale, minDate, maxDate, moment$1(selectedMonth));
-  }, [locale, minDate, maxDate, selectedMonth]);
-  var weekDays = React.useMemo(function () {
-    return getWeekDays(locale);
-  }, [locale]);
-  return React.createElement("div", {
-    ref: ref,
-    className: "".concat(CLASSNAME)
-  }, React.createElement(Toolbar, {
-    className: "".concat(CLASSNAME, "__toolbar"),
-    after: React.createElement(IconButton, _extends({}, nextButtonProps, {
-      emphasis: Emphasis.low,
-      icon: mdiChevronRight,
-      onClick: onNextMonthChange
-    })),
-    before: React.createElement(IconButton, _extends({}, previousButtonProps, {
-      emphasis: Emphasis.low,
-      icon: mdiChevronLeft,
-      onClick: onPrevMonthChange
-    })),
-    label: React.createElement("span", {
-      className: "".concat(CLASSNAME, "__month")
-    }, moment$1(selectedMonth).locale(locale).format('MMMM YYYY'))
-  }), React.createElement("div", {
-    className: "".concat(CLASSNAME, "__calendar")
-  }, React.createElement("div", {
-    className: "".concat(CLASSNAME, "__week-days ").concat(CLASSNAME, "__days-wrapper")
-  }, weekDays.map(function (weekDay) {
-    return React.createElement("div", {
-      key: weekDay.unix(),
-      className: "".concat(CLASSNAME, "__day-wrapper")
-    }, React.createElement("span", {
-      className: "".concat(CLASSNAME, "__week-day")
-    }, weekDay.format('dddd').slice(0, 1).toLocaleUpperCase()));
-  })), React.createElement("div", {
-    className: "".concat(CLASSNAME, "__month-days ").concat(CLASSNAME, "__days-wrapper")
-  }, days.map(function (annotatedDate) {
-    if (annotatedDate.isDisplayed) {
-      var _classNames;
-
-      return React.createElement("div", {
-        key: annotatedDate.date.unix(),
-        className: "".concat(CLASSNAME, "__day-wrapper")
-      }, React.createElement("button", {
-        ref: value && annotatedDate.date.isSame(value, 'day') || !value && annotatedDate.isToday ? todayOrSelectedDateRef : null,
-        className: classnames("".concat(CLASSNAME, "__month-day"), (_classNames = {}, _defineProperty(_classNames, "".concat(CLASSNAME, "__month-day--is-selected"), value && annotatedDate.date.isSame(value, 'day')), _defineProperty(_classNames, "".concat(CLASSNAME, "__month-day--is-today"), annotatedDate.isClickable && annotatedDate.isToday), _classNames)),
-        disabled: !annotatedDate.isClickable,
-        type: "button",
-        onClick: function onClick() {
-          return onChange(moment$1(annotatedDate.date).toDate());
-        }
-      }, React.createElement("span", null, annotatedDate.date.format('DD'))));
-    }
-
-    return React.createElement("div", {
-      key: annotatedDate.date.unix(),
-      className: "".concat(CLASSNAME, "__day-wrapper")
-    });
-  }))));
-});
-DatePickerControlled.displayName = COMPONENT_NAME$1;
-DatePickerControlled.className = CLASSNAME;
-
-/**
- * DatePicker component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-var DatePicker = forwardRef(function (props, ref) {
-  var defaultMonth = props.defaultMonth,
-      locale = props.locale,
-      value = props.value,
-      onChange = props.onChange,
-      forwardedProps = _objectWithoutProperties(props, ["defaultMonth", "locale", "value", "onChange"]);
-
-  var castedValue;
-
-  if (value) {
-    castedValue = moment$1(value);
-  } else if (defaultMonth) {
-    castedValue = moment$1(defaultMonth);
-  }
-
-  if (castedValue && !castedValue.isValid()) {
-    // eslint-disable-next-line no-console
-    console.warn("[@lumx/react/DatePicker] Invalid date provided ".concat(castedValue));
-  }
-
-  var selectedDay = castedValue && castedValue.isValid() ? castedValue : moment$1();
-
-  var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      monthOffset = _useState2[0],
-      setMonthOffset = _useState2[1];
-
-  var setPrevMonth = function setPrevMonth() {
-    return setMonthOffset(monthOffset - 1);
-  };
-
-  var setNextMonth = function setNextMonth() {
-    return setMonthOffset(monthOffset + 1);
-  };
-
-  var onDatePickerChange = function onDatePickerChange(newDate) {
-    onChange(newDate);
-    setMonthOffset(0);
-  };
-
-  var selectedMonth = moment$1(selectedDay).locale(locale).add(monthOffset, 'months').toDate();
-  return React.createElement(DatePickerControlled, _extends({
-    ref: ref
-  }, forwardedProps, {
-    defaultMonth: defaultMonth,
-    locale: locale,
-    value: value,
-    onPrevMonthChange: setPrevMonth,
-    onNextMonthChange: setNextMonth,
-    selectedMonth: selectedMonth,
-    onChange: onDatePickerChange
-  }));
-});
-DatePicker.displayName = COMPONENT_NAME;
-DatePicker.className = CLASSNAME;
-
-/**
- * Component display name.
- */
-var COMPONENT_NAME$2 = 'DatePickerField';
-/**
- * DatePickerField component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var DatePickerField = forwardRef(function (props, ref) {
-  var defaultMonth = props.defaultMonth,
-      disabled = props.disabled,
-      _props$isDisabled = props.isDisabled,
-      isDisabled = _props$isDisabled === void 0 ? disabled : _props$isDisabled,
-      locale = props.locale,
-      maxDate = props.maxDate,
-      minDate = props.minDate,
-      name = props.name,
-      nextButtonProps = props.nextButtonProps,
-      onChange = props.onChange,
-      previousButtonProps = props.previousButtonProps,
-      value = props.value,
-      forwardedProps = _objectWithoutProperties(props, ["defaultMonth", "disabled", "isDisabled", "locale", "maxDate", "minDate", "name", "nextButtonProps", "onChange", "previousButtonProps", "value"]);
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      wrapperElement = _useState2[0],
-      setWrapperElement = _useState2[1];
-
-  var anchorRef = useRef(null);
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isOpen = _useState4[0],
-      setIsOpen = _useState4[1];
-
-  var toggleSimpleMenu = function toggleSimpleMenu() {
-    setIsOpen(!isOpen);
-  };
-
-  var onClose = useCallback(function () {
-    setIsOpen(false);
-  }, []);
-  useFocus(anchorRef.current, isOpen);
-
-  var handleKeyboardNav = function handleKeyboardNav(evt) {
-    if ((evt.key === 'Enter' || evt.key === ' ') && toggleSimpleMenu) {
-      toggleSimpleMenu();
-    }
-  }; // Handle focus trap.
-
-
-  var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      todayOrSelectedDate = _useState6[0],
-      setTodayOrSelectedDate = _useState6[1];
-
-  useFocusTrap(isOpen && wrapperElement, todayOrSelectedDate);
-
-  var onTextFieldChange = function onTextFieldChange(textFieldValue, textFieldName, event) {
-    if (!textFieldValue) {
-      onChange(undefined, textFieldName, event);
-    }
-  };
-
-  var onDatePickerChange = function onDatePickerChange(newDate) {
-    onChange(newDate, name);
-    onClose();
-  };
-
-  return React.createElement(React.Fragment, null, React.createElement(TextField, _extends({
-    ref: ref
-  }, forwardedProps, {
-    name: name,
-    forceFocusStyle: isOpen,
-    textFieldRef: anchorRef,
-    value: value ? moment$1(value).locale(locale).format('LL') : '',
-    onClick: toggleSimpleMenu,
-    onChange: onTextFieldChange,
-    onKeyPress: handleKeyboardNav,
-    isDisabled: isDisabled,
-    readOnly: true
-  })), isOpen ? React.createElement(Popover, {
-    anchorRef: anchorRef,
-    placement: Placement.BOTTOM_START,
-    isOpen: isOpen,
-    onClose: onClose,
-    closeOnClickAway: true,
-    closeOnEscape: true
-  }, React.createElement(DatePicker, {
-    ref: setWrapperElement,
-    locale: locale,
-    maxDate: maxDate,
-    minDate: minDate,
-    value: value,
-    onChange: onDatePickerChange,
-    todayOrSelectedDateRef: setTodayOrSelectedDate,
-    defaultMonth: defaultMonth,
-    nextButtonProps: nextButtonProps,
-    previousButtonProps: previousButtonProps
-  })) : null);
-});
-DatePickerField.displayName = COMPONENT_NAME$2;
-
-export { DatePicker as D, DatePickerControlled as a, DatePickerField as b };
-//# sourceMappingURL=DatePickerField.js.map

package/esm/_internal/DatePickerField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerField.js","sources":["../../../src/components/date-picker/constants.ts","../../../../lumx-core/src/js/date-picker.ts","../../../src/components/date-picker/DatePickerControlled.tsx","../../../src/components/date-picker/DatePicker.tsx","../../../src/components/date-picker/DatePickerField.tsx"],"sourcesContent":["import { getRootClassName } from '@lumx/react/utils';\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","import range from 'lodash/range';\nimport mMoment, { Moment } from 'moment';\nimport { extendMoment } from 'moment-range';\n\nconst moment = extendMoment(mMoment as any);\n\nconst DAYS_PER_WEEK = 7;\n\ninterface AnnotatedDate {\n    date: Moment;\n    isDisplayed: boolean;\n    isClickable: boolean;\n    isToday: boolean;\n}\n\n/**\n * Get the list of days in a week based on locale.\n *\n * @param  locale The locale using to generate the order of days in a week.\n * @return The list of days in a week based on locale.\n */\nexport function getWeekDays(locale: string): Moment[] {\n    return range(DAYS_PER_WEEK).map((_, i) => moment().locale(locale).weekday(i));\n}\n\n/**\n * Get month calendar based on locale and start date.\n *\n * @param  locale        The locale using to generate the order of days in a week.\n * @param  selectedMonth The selected month.\n * @return The list of days in a week based on locale.\n */\nexport function getMonthCalendar(locale: string, selectedMonth?: Moment): Moment[] {\n    const firstDayOfMonth = moment(selectedMonth).startOf('month');\n    const endDayOfMonth = moment(selectedMonth).endOf('month');\n    // The first day of the week depends on the locale used. In FR the first day is a monday but in EN the first day is sunday\n    const firstDay = firstDayOfMonth.locale(locale).startOf('week');\n    const monthRange = moment.range(firstDay.toDate(), endDayOfMonth.toDate());\n\n    return Array.from(monthRange.by('day'));\n}\n\n/**\n * Get month calendar based on locale and start date.\n * Each day is annotated to know if they are displayed and/or clickable.\n *\n * @param  locale        The locale using to generate the order of days in a week.\n * @param  minDate       The first selectable date.\n * @param  maxDate       The last selectable date.\n * @param  selectedMonth The selected month.\n * @return The list of days in a week based on locale.\n */\nexport function getAnnotatedMonthCalendar(\n    locale: string,\n    minDate?: Date,\n    maxDate?: Date,\n    selectedMonth?: Moment,\n): AnnotatedDate[] {\n    const month = moment(selectedMonth).locale(locale).month();\n\n    const clickableRange = moment.range(minDate as Date, maxDate as Date);\n\n    return getMonthCalendar(locale, selectedMonth).map((date) => {\n        return {\n            date,\n            isClickable: clickableRange.contains(date),\n            isDisplayed: date.month() === month,\n            isToday: date.isSame(moment(), 'day'),\n        };\n    });\n}\n","import React, { forwardRef } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { DatePickerProps, Emphasis, IconButton, Toolbar } from '@lumx/react';\nimport { mdiChevronLeft, mdiChevronRight } from '@lumx/icons';\nimport { getAnnotatedMonthCalendar, getWeekDays } from '@lumx/core/js/date-picker';\nimport { Comp } from '@lumx/react/utils';\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}\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: Comp<DatePickerControlledProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const {\n        locale,\n        maxDate,\n        minDate,\n        nextButtonProps,\n        onChange,\n        onNextMonthChange,\n        onPrevMonthChange,\n        previousButtonProps,\n        selectedMonth,\n        todayOrSelectedDateRef,\n        value,\n    } = props;\n    const days = React.useMemo(() => {\n        return getAnnotatedMonthCalendar(locale, minDate, maxDate, moment(selectedMonth));\n    }, [locale, minDate, maxDate, selectedMonth]);\n\n    const weekDays = React.useMemo(() => {\n        return getWeekDays(locale);\n    }, [locale]);\n\n    return (\n        <div ref={ref} className={`${CLASSNAME}`}>\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                    <span className={`${CLASSNAME}__month`}>\n                        {moment(selectedMonth).locale(locale).format('MMMM YYYY')}\n                    </span>\n                }\n            />\n            <div className={`${CLASSNAME}__calendar`}>\n                <div className={`${CLASSNAME}__week-days ${CLASSNAME}__days-wrapper`}>\n                    {weekDays.map((weekDay) => (\n                        <div key={weekDay.unix()} className={`${CLASSNAME}__day-wrapper`}>\n                            <span className={`${CLASSNAME}__week-day`}>\n                                {weekDay.format('dddd').slice(0, 1).toLocaleUpperCase()}\n                            </span>\n                        </div>\n                    ))}\n                </div>\n\n                <div className={`${CLASSNAME}__month-days ${CLASSNAME}__days-wrapper`}>\n                    {days.map((annotatedDate) => {\n                        if (annotatedDate.isDisplayed) {\n                            return (\n                                <div key={annotatedDate.date.unix()} className={`${CLASSNAME}__day-wrapper`}>\n                                    <button\n                                        ref={\n                                            (value && annotatedDate.date.isSame(value, 'day')) ||\n                                            (!value && annotatedDate.isToday)\n                                                ? todayOrSelectedDateRef\n                                                : null\n                                        }\n                                        className={classNames(`${CLASSNAME}__month-day`, {\n                                            [`${CLASSNAME}__month-day--is-selected`]:\n                                                value && annotatedDate.date.isSame(value, 'day'),\n                                            [`${CLASSNAME}__month-day--is-today`]:\n                                                annotatedDate.isClickable && annotatedDate.isToday,\n                                        })}\n                                        disabled={!annotatedDate.isClickable}\n                                        type=\"button\"\n                                        onClick={() => onChange(moment(annotatedDate.date).toDate())}\n                                    >\n                                        <span>{annotatedDate.date.format('DD')}</span>\n                                    </button>\n                                </div>\n                            );\n                        }\n                        return <div key={annotatedDate.date.unix()} className={`${CLASSNAME}__day-wrapper`} />;\n                    })}\n                </div>\n            </div>\n        </div>\n    );\n});\nDatePickerControlled.displayName = COMPONENT_NAME;\nDatePickerControlled.className = CLASSNAME;\n","import moment from 'moment';\nimport React, { forwardRef, useState } from 'react';\nimport { Comp } from '@lumx/react/utils';\nimport { CLASSNAME, COMPONENT_NAME } from './constants';\nimport { DatePickerControlled } from './DatePickerControlled';\nimport { DatePickerProps } from './types';\n\n/**\n * DatePicker component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const DatePicker: Comp<DatePickerProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const { defaultMonth, locale, value, onChange, ...forwardedProps } = props;\n    let castedValue;\n    if (value) {\n        castedValue = moment(value);\n    } else if (defaultMonth) {\n        castedValue = moment(defaultMonth);\n    }\n    if (castedValue && !castedValue.isValid()) {\n        // eslint-disable-next-line no-console\n        console.warn(`[@lumx/react/DatePicker] Invalid date provided ${castedValue}`);\n    }\n    const selectedDay = castedValue && castedValue.isValid() ? castedValue : moment();\n\n    const [monthOffset, setMonthOffset] = useState(0);\n\n    const setPrevMonth = () => setMonthOffset(monthOffset - 1);\n    const setNextMonth = () => setMonthOffset(monthOffset + 1);\n\n    const onDatePickerChange = (newDate?: Date) => {\n        onChange(newDate);\n        setMonthOffset(0);\n    };\n\n    const selectedMonth = moment(selectedDay).locale(locale).add(monthOffset, 'months').toDate();\n\n    return (\n        <DatePickerControlled\n            ref={ref}\n            {...forwardedProps}\n            defaultMonth={defaultMonth}\n            locale={locale}\n            value={value}\n            onPrevMonthChange={setPrevMonth}\n            onNextMonthChange={setNextMonth}\n            selectedMonth={selectedMonth}\n            onChange={onDatePickerChange}\n        />\n    );\n});\nDatePicker.displayName = COMPONENT_NAME;\nDatePicker.className = CLASSNAME;\n","import { DatePicker, Placement, Popover, TextField, IconButtonProps } from '@lumx/react';\nimport { useFocusTrap } from '@lumx/react/hooks/useFocusTrap';\n\nimport moment from 'moment';\n\nimport React, { forwardRef, SyntheticEvent, useCallback, useRef, useState } from 'react';\n\nimport { useFocus } from '@lumx/react/hooks/useFocus';\nimport { Comp, GenericProps } from '@lumx/react/utils';\n\n/**\n * Defines the props of the component.\n */\nexport interface DatePickerFieldProps extends GenericProps {\n    /** Default month. */\n    defaultMonth?: Date;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\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    /** Native input name property. */\n    name?: string;\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: Comp<DatePickerFieldProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const {\n        defaultMonth,\n        disabled,\n        isDisabled = disabled,\n        locale,\n        maxDate,\n        minDate,\n        name,\n        nextButtonProps,\n        onChange,\n        previousButtonProps,\n        value,\n        ...forwardedProps\n    } = props;\n    const [wrapperElement, setWrapperElement] = useState<HTMLDivElement | null>(null);\n    const anchorRef = useRef(null);\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const toggleSimpleMenu = () => {\n        setIsOpen(!isOpen);\n    };\n\n    const onClose = useCallback(() => {\n        setIsOpen(false);\n    }, []);\n\n    useFocus(anchorRef.current, isOpen);\n    const handleKeyboardNav = (evt: React.KeyboardEvent) => {\n        if ((evt.key === 'Enter' || evt.key === ' ') && toggleSimpleMenu) {\n            toggleSimpleMenu();\n        }\n    };\n\n    // Handle focus trap.\n    const [todayOrSelectedDate, setTodayOrSelectedDate] = useState<HTMLButtonElement | null>(null);\n    useFocusTrap(isOpen && wrapperElement, todayOrSelectedDate);\n\n    const onTextFieldChange = (textFieldValue: string, textFieldName?: string, event?: SyntheticEvent) => {\n        if (!textFieldValue) {\n            onChange(undefined, textFieldName, event);\n        }\n    };\n\n    const onDatePickerChange = (newDate?: Date) => {\n        onChange(newDate, name);\n        onClose();\n    };\n\n    return (\n        <>\n            <TextField\n                ref={ref}\n                {...forwardedProps}\n                name={name}\n                forceFocusStyle={isOpen}\n                textFieldRef={anchorRef}\n                value={value ? moment(value).locale(locale).format('LL') : ''}\n                onClick={toggleSimpleMenu}\n                onChange={onTextFieldChange}\n                onKeyPress={handleKeyboardNav}\n                isDisabled={isDisabled}\n                readOnly\n            />\n            {isOpen ? (\n                <Popover\n                    anchorRef={anchorRef}\n                    placement={Placement.BOTTOM_START}\n                    isOpen={isOpen}\n                    onClose={onClose}\n                    closeOnClickAway\n                    closeOnEscape\n                >\n                    <DatePicker\n                        ref={setWrapperElement}\n                        locale={locale}\n                        maxDate={maxDate}\n                        minDate={minDate}\n                        value={value}\n                        onChange={onDatePickerChange}\n                        todayOrSelectedDateRef={setTodayOrSelectedDate}\n                        defaultMonth={defaultMonth}\n                        nextButtonProps={nextButtonProps}\n                        previousButtonProps={previousButtonProps}\n                    />\n                </Popover>\n            ) : null}\n        </>\n    );\n});\nDatePickerField.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","moment","extendMoment","mMoment","DAYS_PER_WEEK","getWeekDays","locale","range","map","_","i","weekday","getMonthCalendar","selectedMonth","firstDayOfMonth","startOf","endDayOfMonth","endOf","firstDay","monthRange","toDate","Array","from","by","getAnnotatedMonthCalendar","minDate","maxDate","month","clickableRange","date","isClickable","contains","isDisplayed","isToday","isSame","DatePickerControlled","forwardRef","props","ref","nextButtonProps","onChange","onNextMonthChange","onPrevMonthChange","previousButtonProps","todayOrSelectedDateRef","value","days","React","useMemo","weekDays","Emphasis","low","mdiChevronRight","mdiChevronLeft","format","weekDay","unix","slice","toLocaleUpperCase","annotatedDate","classNames","displayName","className","DatePicker","defaultMonth","forwardedProps","castedValue","isValid","console","warn","selectedDay","useState","monthOffset","setMonthOffset","setPrevMonth","setNextMonth","onDatePickerChange","newDate","add","DatePickerField","disabled","isDisabled","name","wrapperElement","setWrapperElement","anchorRef","useRef","isOpen","setIsOpen","toggleSimpleMenu","onClose","useCallback","useFocus","current","handleKeyboardNav","evt","key","todayOrSelectedDate","setTodayOrSelectedDate","useFocusTrap","onTextFieldChange","textFieldValue","textFieldName","event","undefined","Placement","BOTTOM_START"],"mappings":"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"}

package/esm/_internal/Dialog2.js

@@ -1,274 +0,0 @@
-import { d as _slicedToArray, e as _toConsumableArray, b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
-import { Size } from './components.js';
-import React, { useState, useEffect, forwardRef, useRef, useMemo, Children } from 'react';
-import { g as getRootClassName, c as classnames, h as handleBasicClasses, D as DIALOG_TRANSITION_DURATION } from './getRootClassName.js';
-import { D as DOCUMENT } from './constants.js';
-import { p as partitionMulti } from './partitionMulti.js';
-import { i as isComponent } from './type.js';
-import { m as mergeRefs } from './mergeRefs.js';
-import { u as useCallbackOnEscape, C as ClickAwayProvider } from './ClickAwayProvider.js';
-import { u as useFocusTrap } from './useFocusTrap.js';
-import { createPortal } from 'react-dom';
-import { u as useDelayedVisibility } from './useDelayedVisibility.js';
-import { u as useDisableBodyScroll } from './useDisableBodyScroll.js';
-import { a as Progress, P as ProgressVariant } from './Progress2.js';
-
-/**
- * Convenient hook to create interaction observers.
- *
- * @param elements Elements to observe.
- * @param options  IntersectionObserver options.
- * @return Map of intersections.
- */
-function useIntersectionObserver(elements, options) {
-  var _useState = useState(function () {
-    return new Map();
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      intersections = _useState2[0],
-      setIntersections = _useState2[1];
-
-  useEffect(function () {
-    if (elements.length < 1 || !elements.some(Boolean)) {
-      return undefined;
-    }
-
-    var observer = new IntersectionObserver(function (entries) {
-      var _iteratorNormalCompletion = true;
-      var _didIteratorError = false;
-      var _iteratorError = undefined;
-
-      try {
-        for (var _iterator = entries[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-          var entry = _step.value;
-          intersections.set(entry.target, entry);
-        }
-      } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-      } finally {
-        try {
-          if (!_iteratorNormalCompletion && _iterator.return != null) {
-            _iterator.return();
-          }
-        } finally {
-          if (_didIteratorError) {
-            throw _iteratorError;
-          }
-        }
-      }
-
-      setIntersections(new Map(intersections));
-    }, options);
-    var _iteratorNormalCompletion2 = true;
-    var _didIteratorError2 = false;
-    var _iteratorError2 = undefined;
-
-    try {
-      for (var _iterator2 = elements[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-        var element = _step2.value;
-
-        if (element) {
-          observer.observe(element);
-        }
-      }
-    } catch (err) {
-      _didIteratorError2 = true;
-      _iteratorError2 = err;
-    } finally {
-      try {
-        if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
-          _iterator2.return();
-        }
-      } finally {
-        if (_didIteratorError2) {
-          throw _iteratorError2;
-        }
-      }
-    }
-
-    return function () {
-      return observer.disconnect();
-    };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
-  _toConsumableArray(elements));
-  return intersections;
-}
-
-/**
- * Defines the props of the component.
- */
-
-var isHeader = isComponent('header');
-var isFooter = isComponent('footer');
-/**
- * Component display name.
- */
-
-var COMPONENT_NAME = 'Dialog';
-/**
- * Component default class name and class prefix.
- */
-
-var CLASSNAME = getRootClassName(COMPONENT_NAME);
-/**
- * Component default props.
- */
-
-var DEFAULT_PROPS = {
-  size: Size.big
-};
-/**
- * Dialog component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-
-var Dialog = forwardRef(function (props, ref) {
-  var _ref, _intersections$get, _ref2, _intersections$get2, _ref3, _ref4;
-
-  if (!DOCUMENT) {
-    // Can't render in SSR.
-    return null;
-  }
-
-  var children = props.children,
-      className = props.className,
-      header = props.header,
-      focusElement = props.focusElement,
-      forceFooterDivider = props.forceFooterDivider,
-      forceHeaderDivider = props.forceHeaderDivider,
-      footer = props.footer,
-      isLoading = props.isLoading,
-      isOpen = props.isOpen,
-      onClose = props.onClose,
-      parentElement = props.parentElement,
-      contentRef = props.contentRef,
-      preventAutoClose = props.preventAutoClose,
-      size = props.size,
-      zIndex = props.zIndex,
-      dialogProps = props.dialogProps,
-      onVisibilityChange = props.onVisibilityChange,
-      forwardedProps = _objectWithoutProperties(props, ["children", "className", "header", "focusElement", "forceFooterDivider", "forceHeaderDivider", "footer", "isLoading", "isOpen", "onClose", "parentElement", "contentRef", "preventAutoClose", "size", "zIndex", "dialogProps", "onVisibilityChange"]); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-
-  var previousOpen = React.useRef(isOpen); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  React.useEffect(function () {
-    if (isOpen !== previousOpen.current) {
-      previousOpen.current = isOpen; // Focus the parent element on close.
-
-      if (!isOpen && parentElement && parentElement.current) {
-        parentElement.current.focus();
-      }
-    }
-  }, [isOpen, parentElement]); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  useCallbackOnEscape(onClose, isOpen && !preventAutoClose); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  var 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
-
-  var localContentRef = useRef(null); // Handle focus trap.
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  useFocusTrap(isOpen && wrapperRef.current, focusElement === null || focusElement === void 0 ? void 0 : focusElement.current); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  useDisableBodyScroll(isOpen && localContentRef.current); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      sentinelTop = _useState2[0],
-      setSentinelTop = _useState2[1]; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-
-  var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      sentinelBottom = _useState4[0],
-      setSentinelBottom = _useState4[1]; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-
-  var intersections = useIntersectionObserver([sentinelTop, sentinelBottom], {
-    threshold: [0, 1]
-  });
-  var hasTopIntersection = sentinelTop && !((_ref = (_intersections$get = intersections.get(sentinelTop)) === null || _intersections$get === void 0 ? void 0 : _intersections$get.isIntersecting) !== null && _ref !== void 0 ? _ref : true);
-  var hasBottomIntersection = sentinelBottom && !((_ref2 = (_intersections$get2 = intersections.get(sentinelBottom)) === null || _intersections$get2 === void 0 ? void 0 : _intersections$get2.isIntersecting) !== null && _ref2 !== void 0 ? _ref2 : true); // Separate header, footer and dialog content from children.
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  var _useMemo = useMemo(function () {
-    return partitionMulti(Children.toArray(children), [isHeader, isFooter]);
-  }, [children]),
-      _useMemo2 = _slicedToArray(_useMemo, 3),
-      _useMemo2$ = _slicedToArray(_useMemo2[0], 1),
-      headerChild = _useMemo2$[0],
-      _useMemo2$2 = _slicedToArray(_useMemo2[1], 1),
-      footerChild = _useMemo2$2[0],
-      content = _useMemo2[2];
-
-  var headerChildProps = (_ref3 = headerChild) === null || _ref3 === void 0 ? void 0 : _ref3.props;
-  var headerChildContent = headerChildProps === null || headerChildProps === void 0 ? void 0 : headerChildProps.children;
-  var footerChildProps = (_ref4 = footerChild) === null || _ref4 === void 0 ? void 0 : _ref4.props;
-  var footerChildContent = footerChildProps === null || footerChildProps === void 0 ? void 0 : footerChildProps.children; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  var isVisible = useDelayedVisibility(Boolean(isOpen), DIALOG_TRANSITION_DURATION, onVisibilityChange); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  var clickAwayRefs = useRef([wrapperRef]); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-  var rootRef = useRef(null);
-  return isOpen || isVisible ? createPortal(React.createElement("div", _extends({
-    ref: mergeRefs(rootRef, ref)
-  }, forwardedProps, {
-    className: classnames(className, handleBasicClasses({
-      isHidden: !isOpen,
-      isLoading: isLoading,
-      isShown: isOpen || isVisible,
-      prefix: CLASSNAME,
-      size: size
-    })),
-    style: {
-      zIndex: zIndex
-    }
-  }), React.createElement("div", {
-    className: "".concat(CLASSNAME, "__overlay")
-  }), React.createElement("section", _extends({
-    className: "".concat(CLASSNAME, "__container"),
-    role: "dialog",
-    "aria-modal": "true"
-  }, dialogProps), React.createElement(ClickAwayProvider, {
-    callback: !preventAutoClose && onClose,
-    childrenRefs: clickAwayRefs,
-    parentRef: rootRef
-  }, React.createElement("div", {
-    className: "".concat(CLASSNAME, "__wrapper"),
-    ref: wrapperRef
-  }, (header || headerChildContent) && React.createElement("header", _extends({}, headerChildProps, {
-    className: classnames("".concat(CLASSNAME, "__header"), (forceHeaderDivider || hasTopIntersection) && "".concat(CLASSNAME, "__header--has-divider"), headerChildProps === null || headerChildProps === void 0 ? void 0 : headerChildProps.className)
-  }), header, headerChildContent), React.createElement("div", {
-    ref: mergeRefs(contentRef, localContentRef),
-    className: "".concat(CLASSNAME, "__content")
-  }, React.createElement("div", {
-    className: "".concat(CLASSNAME, "__sentinel ").concat(CLASSNAME, "__sentinel--top"),
-    ref: setSentinelTop
-  }), content, React.createElement("div", {
-    className: "".concat(CLASSNAME, "__sentinel ").concat(CLASSNAME, "__sentinel--bottom"),
-    ref: setSentinelBottom
-  })), (footer || footerChildContent) && React.createElement("footer", _extends({}, footerChildProps, {
-    className: classnames("".concat(CLASSNAME, "__footer"), (forceFooterDivider || hasBottomIntersection) && "".concat(CLASSNAME, "__footer--has-divider"), footerChildProps === null || footerChildProps === void 0 ? void 0 : footerChildProps.className)
-  }), footer, footerChildContent), isLoading && React.createElement("div", {
-    className: "".concat(CLASSNAME, "__progress-overlay")
-  }, React.createElement(Progress, {
-    variant: ProgressVariant.circular
-  })))))), document.body) : null;
-});
-Dialog.displayName = COMPONENT_NAME;
-Dialog.className = CLASSNAME;
-Dialog.defaultProps = DEFAULT_PROPS;
-
-export { Dialog as D };
-//# sourceMappingURL=Dialog2.js.map