@dnb/eufemia 10.54.1 → 10.55.1

package/components/date-picker/DatePickerProvider.d.ts

@@ -1,17 +1,40 @@
-import * as React from 'react';
-import type { DatePickerProps } from './DatePicker';
-interface DatePickerProviderProps
-  extends React.HTMLProps<HTMLElement>,
-    DatePickerProps {
-  setReturnObject: (...args: any[]) => any;
-  enhanceWithMethods?: Record<string, unknown>;
-  attributes?: Record<string, unknown>;
-  children: React.ReactNode;
-}
-export default class DatePickerProvider extends React.Component<
-  DatePickerProviderProps,
-  any
-> {
-  static defaultProps: object;
-  render(): JSX.Element;
-}
+/**
+ * Web DatePicker Provider
+ *
+ */
+import React from 'react';
+import type { DatePickerEventAttributes, DatePickerProps } from './DatePicker';
+import { DatePickerContextValues } from './DatePickerContext';
+import { CalendarView } from './hooks/useViews';
+import { DatePickerDates } from './hooks/useDates';
+import { LastEventCallCache } from './hooks/useLastEventCallCache';
+type DatePickerProviderProps = DatePickerProps & {
+    setReturnObject: (func: DatePickerContextValues['getReturnObject']) => DatePickerContextValues['getReturnObject'];
+    hidePicker?: DatePickerContextValues['hidePicker'];
+    attributes?: DatePickerEventAttributes;
+    children: React.ReactNode;
+};
+export type DatePickerChangeEvent<E> = DatePickerDates & {
+    nr?: number;
+    hidePicker?: boolean;
+    event?: E;
+};
+export type GetReturnObjectParams<E> = DatePickerDates & {
+    event?: E;
+};
+export type ReturnObject<E> = {
+    event?: E;
+    attributes?: Record<string, unknown>;
+    days_between?: number;
+    date?: string;
+    start_date?: string;
+    end_date?: string;
+    is_valid?: boolean;
+    is_valid_start_date?: boolean;
+    is_valid_end_date?: boolean;
+    partialStartDate?: string;
+    partialEndDate?: string;
+};
+export type DatePickerProviderState = DatePickerDates & Array<CalendarView> & LastEventCallCache;
+declare function DatePickerProvider(externalProps: DatePickerProviderProps): import("react/jsx-runtime").JSX.Element;
+export default DatePickerProvider;

package/components/date-picker/DatePickerProvider.js

@@ -5,248 +5,136 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["event"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from 'react';
-import PropTypes from 'prop-types';
-import isSameMonth from 'date-fns/isSameMonth';
+import React, { useCallback, useContext } from 'react';
 import isValid from 'date-fns/isValid';
 import format from 'date-fns/format';
 import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
-import Context from '../../shared/Context';
-import { isTrue, dispatchCustomElementEvent } from '../../shared/component-helper';
-import { convertStringToDate, correctV1Format, isDisabled } from './DatePickerCalc';
+import SharedContext from '../../shared/Context';
+import { correctV1Format, isDisabled } from './DatePickerCalc';
 import DatePickerContext from './DatePickerContext';
-import { getViews } from './DatePickerRange';
-export default class DatePickerProvider extends React.PureComponent {
-  static getDerivedStateFromProps(props, state) {
-    const isRange = isTrue(props.range);
-    if (state._listenForPropChanges) {
-      let startDate = undefined;
-      const date_format = props.date_format;
-      if (typeof props.date !== 'undefined' && props.date !== state._date) {
-        startDate = props.date;
-      }
-      if (typeof props.start_date !== 'undefined' && props.start_date !== state._startDate) {
-        startDate = props.start_date;
-      }
-      if (typeof startDate !== 'undefined' && startDate !== state.startDate) {
-        state.startDate = convertStringToDate(startDate, {
-          date_format
-        }) || undefined;
-        if (!isTrue(props.range)) {
-          state.endDate = state.startDate;
-        }
-      }
-      if (typeof props.end_date !== 'undefined' && isTrue(props.range) && props.end_date !== state._endDate) {
-        state.endDate = convertStringToDate(props.end_date, {
-          date_format
-        }) || undefined;
-      }
-      if (typeof props.start_month !== 'undefined' && props.start_month !== state._startMonth) {
-        state.startMonth = convertStringToDate(props.start_month, {
-          date_format
-        });
-      }
-      if (typeof props.end_month !== 'undefined' && props.end_month !== state._endMonth) {
-        state.endMonth = convertStringToDate(props.end_month, {
-          date_format
-        });
-      }
-      if (typeof props.min_date !== 'undefined' && props.min_date !== state._minDate) {
-        state.minDate = convertStringToDate(props.min_date, {
-          date_format
-        });
-      }
-      if (typeof props.max_date !== 'undefined' && props.max_date !== state._maxDate) {
-        state.maxDate = convertStringToDate(props.max_date, {
-          date_format
-        });
-      }
-    }
-    if (isTrue(props.correct_invalid_date)) {
-      if (isDisabled(state.startDate, state.minDate, state.maxDate)) {
-        state.startDate = state.minDate;
-      }
-      if (isDisabled(state.endDate, state.minDate, state.maxDate)) {
-        if (!props.range && !props.min_date) {
-          state.startDate = state.maxDate;
-        } else {
-          state.endDate = state.maxDate;
-        }
-      }
-    }
-    if (state.lastEventCallCache && (state.lastEventCallCache.startDate !== state.startDate || state.lastEventCallCache.endDate !== state.endDate)) {
-      state.lastEventCallCache = {};
-    }
-    if (isValid(state.startDate)) {
-      state.__startDay = pad(format(state.startDate, 'dd'), 2);
-      state.__startMonth = pad(format(state.startDate, 'MM'), 2);
-      state.__startYear = format(state.startDate, 'yyyy');
-      state.hasHadValidDate = true;
-    } else if (state.startDate === undefined) {
-      state.__startDay = null;
-      state.__startMonth = null;
-      state.__startYear = null;
-    }
-    if (isValid(state.endDate)) {
-      state.__endDay = pad(format(state.endDate, 'dd'), 2);
-      state.__endMonth = pad(format(state.endDate, 'MM'), 2);
-      state.__endYear = format(state.endDate, 'yyyy');
-      state.hasHadValidDate = true;
-    } else if (state.endDate === undefined) {
-      state.__endDay = null;
-      state.__endMonth = null;
-      state.__endYear = null;
-    }
-    if (!state.startMonth || state._date !== props.date || state.changeMonthViews && !isSameMonth(state.startMonth, state.startDate)) {
-      state.startMonth = state.startDate;
-    }
-    if (!state.endMonth || state._date !== props.date || isRange && state.changeMonthViews && !isSameMonth(state.endMonth, state.endDate)) {
-      state.endMonth = state.endDate || state.startMonth;
-    }
-    state.views = getViews(state, isRange);
-    if (!state.startMonth) {
-      state.startMonth = state.views[0].month;
-      if (isRange && !state.endMonth && typeof state.views[1] !== 'undefined') {
-        state.endMonth = state.views[1].month;
-      }
-    }
-    state.changeMonthViews = false;
-    state._listenForPropChanges = true;
-    state._date = props.date;
-    state._startDate = props.start_date || props.date;
-    state._endDate = props.end_date;
-    state._startMonth = props.start_month;
-    state._endMonth = props.end_month;
-    state._month = props.month;
-    state._minDate = props.min_date;
-    state._maxDate = props.max_date;
-    return state;
-  }
-  constructor(props) {
-    var _this;
-    super(props);
-    _this = this;
-    _defineProperty(this, "state", {
-      _listenForPropChanges: true,
-      changeMonthViews: false
-    });
-    _defineProperty(this, "setViews", function (views) {
-      let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      _this.setState({
-        views,
-        _listenForPropChanges: false
-      }, cb);
-    });
-    _defineProperty(this, "updateState", function (state) {
-      let cb = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      _this.setState(_objectSpread(_objectSpread({}, state), {}, {
-        _listenForPropChanges: false
-      }), cb);
-    });
-    _defineProperty(this, "callOnChangeHandler", args => {
-      if (this.state.lastEventCallCache && this.state.lastEventCallCache.startDate === this.state.startDate && this.state.lastEventCallCache.endDate === this.state.endDate) {
-        return;
-      }
-      dispatchCustomElementEvent(this, 'on_change', this.getReturnObject(args));
-      const lastEventCallCache = {
-        startDate: this.state.startDate,
-        endDate: this.state.endDate
-      };
-      this.setState({
-        lastEventCallCache
-      });
-    });
-    _defineProperty(this, "getReturnObject", function () {
-      let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      let {
-          event = null
-        } = _ref,
-        rest = _objectWithoutProperties(_ref, _excluded);
-      const {
-        startDate,
-        endDate,
-        partialStartDate,
+import useViews from './hooks/useViews';
+import useDates from './hooks/useDates';
+import useLastEventCallCache from './hooks/useLastEventCallCache';
+const defaultProps = {
+  return_format: 'yyyy-MM-dd'
+};
+function DatePickerProvider(externalProps) {
+  const props = _objectSpread(_objectSpread({}, defaultProps), externalProps);
+  const {
+    date,
+    start_date,
+    end_date,
+    start_month,
+    end_month,
+    min_date,
+    max_date,
+    date_format,
+    range,
+    correct_invalid_date,
+    attributes,
+    return_format,
+    children,
+    on_change,
+    setReturnObject,
+    hidePicker
+  } = props;
+  const sharedContext = useContext(SharedContext);
+  const {
+    dates,
+    updateDates,
+    hasHadValidDate,
+    previousDates
+  } = useDates({
+    date: date,
+    startDate: start_date,
+    endDate: end_date,
+    startMonth: start_month,
+    endMonth: end_month,
+    minDate: min_date,
+    maxDate: max_date
+  }, {
+    dateFormat: date_format,
+    isRange: range,
+    shouldCorrectDate: correct_invalid_date
+  });
+  const {
+    views,
+    setViews,
+    forceViewMonthChange
+  } = useViews({
+    startMonth: dates.startMonth,
+    endMonth: dates.endMonth,
+    isRange: range
+  });
+  const [lastEventCallCache, setLastEventCallCache] = useLastEventCallCache({
+    startDate: dates.startDate,
+    endDate: dates.endDate
+  });
+  const getReturnObject = useCallback(function () {
+    let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let {
+        event = null
+      } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    const {
+      startDate,
+      endDate,
+      partialStartDate,
+      partialEndDate
+    } = _objectSpread(_objectSpread(_objectSpread({}, views), dates), rest);
+    const returnFormat = correctV1Format(return_format);
+    const startDateIsValid = Boolean(startDate && isValid(startDate));
+    const endDateIsValid = Boolean(endDate && isValid(endDate));
+    const hasMinOrMaxDates = min_date || max_date;
+    const returnObject = {
+      event,
+      attributes: attributes || {},
+      partialStartDate
+    };
+    if (range) {
+      return _objectSpread(_objectSpread({}, returnObject), {}, {
+        days_between: startDateIsValid && endDateIsValid ? differenceInCalendarDays(endDate, startDate) : null,
+        start_date: startDateIsValid ? format(startDate, returnFormat) : null,
+        end_date: endDateIsValid ? format(endDate, returnFormat) : null,
+        is_valid_start_date: hasMinOrMaxDates && startDateIsValid && isDisabled(startDate, dates.minDate, dates.maxDate) ? false : startDateIsValid,
+        is_valid_end_date: hasMinOrMaxDates && endDateIsValid && isDisabled(endDate, dates.minDate, dates.maxDate) ? false : endDateIsValid,
         partialEndDate
-      } = _objectSpread(_objectSpread({}, _this.state), rest);
-      const attributes = _this.props.attributes || {};
-      const returnFormat = correctV1Format(_this.props.return_format);
-      const startDateIsValid = Boolean(startDate && isValid(startDate));
-      const endDateIsValid = Boolean(endDate && isValid(endDate));
-      let ret = null;
-      if (isTrue(_this.props.range)) {
-        ret = {
-          event,
-          attributes,
-          days_between: startDateIsValid && endDateIsValid ? differenceInCalendarDays(endDate, startDate) : null,
-          start_date: startDateIsValid ? format(startDate, returnFormat) : null,
-          end_date: endDateIsValid ? format(endDate, returnFormat) : null,
-          is_valid_start_date: startDateIsValid,
-          is_valid_end_date: endDateIsValid,
-          partialStartDate,
-          partialEndDate
-        };
-      } else {
-        ret = {
-          event,
-          attributes,
-          date: startDateIsValid ? format(startDate, returnFormat) : null,
-          partialStartDate,
-          is_valid: startDateIsValid
-        };
-      }
-      if (_this.props.min_date || _this.props.max_date) {
-        if (isTrue(_this.props.range)) {
-          if (startDateIsValid && isDisabled(startDate, _this.state.minDate, _this.state.maxDate)) {
-            ret.is_valid_start_date = false;
-          }
-          if (endDateIsValid && isDisabled(endDate, _this.state.minDate, _this.state.maxDate)) {
-            ret.is_valid_end_date = false;
-          }
-        } else {
-          if (startDateIsValid && isDisabled(startDate, _this.state.minDate, _this.state.maxDate)) {
-            ret.is_valid = false;
-          }
-        }
-      }
-      return ret;
+      });
+    }
+    return _objectSpread(_objectSpread({}, returnObject), {}, {
+      date: startDateIsValid ? format(startDate, returnFormat) : null,
+      is_valid: hasMinOrMaxDates && startDateIsValid && isDisabled(startDate, dates.minDate, dates.maxDate) ? false : startDateIsValid
     });
-    if (typeof props.setReturnObject === 'function') {
-      props.setReturnObject(this.getReturnObject);
+  }, [dates, views, attributes, max_date, min_date, range, return_format]);
+  const callOnChangeHandler = useCallback(event => {
+    if (lastEventCallCache && lastEventCallCache.startDate === event.startDate && lastEventCallCache.endDate === event.endDate) {
+      return;
     }
+    on_change === null || on_change === void 0 ? void 0 : on_change(getReturnObject(_objectSpread(_objectSpread({}, dates), event)));
+    setLastEventCallCache({
+      startDate: event.startDate,
+      endDate: event.endDate
+    });
+  }, [getReturnObject, dates, on_change, lastEventCallCache, setLastEventCallCache]);
+  if (typeof setReturnObject === 'function') {
+    setReturnObject(getReturnObject);
   }
-  render() {
-    const {
-      children
-    } = this.props;
-    return React.createElement(DatePickerContext.Provider, {
-      value: _objectSpread(_objectSpread({
-        translation: this.context.translation,
-        setViews: this.setViews,
-        updateState: this.updateState,
-        getReturnObject: this.getReturnObject,
-        callOnChangeHandler: this.callOnChangeHandler,
-        props: this.props
-      }, this.props.enhanceWithMethods), this.state)
-    }, children);
-  }
+  return React.createElement(DatePickerContext.Provider, {
+    value: _objectSpread(_objectSpread({
+      translation: sharedContext.translation,
+      updateDates,
+      getReturnObject,
+      callOnChangeHandler,
+      hidePicker: hidePicker,
+      props
+    }, dates), {}, {
+      previousDates,
+      hasHadValidDate,
+      views,
+      setViews,
+      forceViewMonthChange
+    })
+  }, children);
 }
-_defineProperty(DatePickerProvider, "contextType", Context);
-_defineProperty(DatePickerProvider, "defaultProps", {
-  min_date: null,
-  max_date: null,
-  return_format: 'yyyy-MM-dd',
-  attributes: null,
-  enhanceWithMethods: null
-});
-process.env.NODE_ENV !== "production" ? DatePickerProvider.propTypes = {
-  min_date: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
-  max_date: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
-  return_format: PropTypes.string,
-  range: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).isRequired,
-  setReturnObject: PropTypes.func.isRequired,
-  enhanceWithMethods: PropTypes.object,
-  attributes: PropTypes.object,
-  children: PropTypes.node.isRequired
-} : void 0;
-export const pad = (num, size) => ('000000000' + num).substr(-size);
+export default DatePickerProvider;
 //# sourceMappingURL=DatePickerProvider.js.map

package/components/date-picker/DatePickerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerProvider.js","names":["React","PropTypes","isSameMonth","isValid","format","differenceInCalendarDays","Context","isTrue","dispatchCustomElementEvent","convertStringToDate","correctV1Format","isDisabled","DatePickerContext","getViews","DatePickerProvider","PureComponent","getDerivedStateFromProps","props","state","isRange","range","_listenForPropChanges","startDate","undefined","date_format","date","_date","start_date","_startDate","endDate","end_date","_endDate","start_month","_startMonth","startMonth","end_month","_endMonth","endMonth","min_date","_minDate","minDate","max_date","_maxDate","maxDate","correct_invalid_date","lastEventCallCache","__startDay","pad","__startMonth","__startYear","hasHadValidDate","__endDay","__endMonth","__endYear","changeMonthViews","views","month","_month","constructor","_this","this","_defineProperty","cb","arguments","length","setState","_objectSpread","args","getReturnObject","_ref","event","rest","_objectWithoutProperties","_excluded","partialStartDate","partialEndDate","attributes","returnFormat","return_format","startDateIsValid","Boolean","endDateIsValid","ret","days_between","is_valid_start_date","is_valid_end_date","is_valid","setReturnObject","render","children","createElement","Provider","value","translation","context","setViews","updateState","callOnChangeHandler","enhanceWithMethods","process","env","NODE_ENV","propTypes","oneOfType","instanceOf","Date","string","bool","isRequired","func","object","node","num","size","substr"],"sources":["../../../../src/components/date-picker/DatePickerProvider.js"],"sourcesContent":["/**\n * Web DatePicker Provider\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport isSameMonth from 'date-fns/isSameMonth'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport Context from '../../shared/Context'\nimport {\n  isTrue,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport {\n  convertStringToDate,\n  correctV1Format,\n  isDisabled,\n} from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\nimport { getViews } from './DatePickerRange'\n\nexport default class DatePickerProvider extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    min_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    max_date: PropTypes.oneOfType([\n      PropTypes.instanceOf(Date),\n      PropTypes.string,\n    ]),\n    return_format: PropTypes.string,\n\n    range: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])\n      .isRequired,\n    setReturnObject: PropTypes.func.isRequired,\n    enhanceWithMethods: PropTypes.object,\n\n    attributes: PropTypes.object,\n    children: PropTypes.node.isRequired,\n  }\n\n  static defaultProps = {\n    min_date: null,\n    max_date: null,\n    return_format: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n    attributes: null,\n    enhanceWithMethods: null,\n  }\n\n  state = { _listenForPropChanges: true, changeMonthViews: false }\n\n  static getDerivedStateFromProps(props, state) {\n    const isRange = isTrue(props.range)\n\n    if (state._listenForPropChanges) {\n      let startDate = undefined\n      const date_format = props.date_format\n\n      // Handle startDate/endDate\n      if (\n        typeof props.date !== 'undefined' &&\n        props.date !== state._date\n      ) {\n        startDate = props.date\n      }\n      if (\n        typeof props.start_date !== 'undefined' &&\n        props.start_date !== state._startDate\n      ) {\n        startDate = props.start_date\n      }\n      if (\n        typeof startDate !== 'undefined' &&\n        startDate !== state.startDate\n      ) {\n        state.startDate =\n          convertStringToDate(startDate, {\n            date_format,\n          }) || undefined\n\n        if (!isTrue(props.range)) {\n          state.endDate = state.startDate\n        }\n      }\n      if (\n        typeof props.end_date !== 'undefined' &&\n        isTrue(props.range) &&\n        props.end_date !== state._endDate\n      ) {\n        state.endDate =\n          convertStringToDate(props.end_date, {\n            date_format,\n          }) || undefined\n      }\n\n      // Handle startMonth/endMonth\n      if (\n        typeof props.start_month !== 'undefined' &&\n        props.start_month !== state._startMonth\n      ) {\n        state.startMonth = convertStringToDate(props.start_month, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.end_month !== 'undefined' &&\n        props.end_month !== state._endMonth\n      ) {\n        state.endMonth = convertStringToDate(props.end_month, {\n          date_format,\n        })\n      }\n\n      // Handle minDate/maxDate\n      if (\n        typeof props.min_date !== 'undefined' &&\n        props.min_date !== state._minDate\n      ) {\n        state.minDate = convertStringToDate(props.min_date, {\n          date_format,\n        })\n      }\n      if (\n        typeof props.max_date !== 'undefined' &&\n        props.max_date !== state._maxDate\n      ) {\n        state.maxDate = convertStringToDate(props.max_date, {\n          date_format,\n        })\n      }\n    }\n\n    /**\n     * Because now we do not any more relay on auto \"correction\",\n     * but rather return \"is_valid_start_date=false\"\n     */\n    if (isTrue(props.correct_invalid_date)) {\n      if (isDisabled(state.startDate, state.minDate, state.maxDate)) {\n        state.startDate = state.minDate\n      }\n      if (isDisabled(state.endDate, state.minDate, state.maxDate)) {\n        // state.endDate is only used by the input if range is set to true.\n        // this is done to make max_date correction work if the input is not a range and only max_date is defined.\n        if (!props.range && !props.min_date) {\n          state.startDate = state.maxDate\n        } else {\n          state.endDate = state.maxDate\n        }\n      }\n    }\n\n    if (\n      state.lastEventCallCache &&\n      (state.lastEventCallCache.startDate !== state.startDate ||\n        state.lastEventCallCache.endDate !== state.endDate)\n    ) {\n      state.lastEventCallCache = {}\n    }\n\n    if (isValid(state.startDate)) {\n      state.__startDay = pad(format(state.startDate, 'dd'), 2)\n      state.__startMonth = pad(format(state.startDate, 'MM'), 2)\n      state.__startYear = format(state.startDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.startDate === undefined) {\n      state.__startDay = null\n      state.__startMonth = null\n      state.__startYear = null\n    }\n\n    if (isValid(state.endDate)) {\n      state.__endDay = pad(format(state.endDate, 'dd'), 2)\n      state.__endMonth = pad(format(state.endDate, 'MM'), 2)\n      state.__endYear = format(state.endDate, 'yyyy')\n      state.hasHadValidDate = true\n    } else if (state.endDate === undefined) {\n      state.__endDay = null\n      state.__endMonth = null\n      state.__endYear = null\n    }\n\n    if (\n      !state.startMonth ||\n      state._date !== props.date ||\n      (state.changeMonthViews &&\n        !isSameMonth(state.startMonth, state.startDate))\n    ) {\n      state.startMonth = state.startDate\n    }\n\n    if (\n      !state.endMonth ||\n      state._date !== props.date ||\n      (isRange &&\n        state.changeMonthViews &&\n        !isSameMonth(state.endMonth, state.endDate))\n    ) {\n      state.endMonth = state.endDate || state.startMonth\n    }\n\n    state.views = getViews(state, isRange)\n\n    // Update the months, in case they do not exist\n    if (!state.startMonth) {\n      state.startMonth = state.views[0].month\n      if (\n        isRange &&\n        !state.endMonth &&\n        typeof state.views[1] !== 'undefined'\n      ) {\n        state.endMonth = state.views[1].month\n      }\n    }\n\n    state.changeMonthViews = false\n    state._listenForPropChanges = true\n    state._date = props.date\n    state._startDate = props.start_date || props.date\n    state._endDate = props.end_date\n    state._startMonth = props.start_month\n    state._endMonth = props.end_month\n    state._month = props.month\n    state._minDate = props.min_date\n    state._maxDate = props.max_date\n\n    return state\n  }\n\n  constructor(props) {\n    super(props)\n\n    if (typeof props.setReturnObject === 'function') {\n      props.setReturnObject(this.getReturnObject)\n    }\n  }\n\n  setViews = (views, cb = null) => {\n    this.setState({ views, _listenForPropChanges: false }, cb)\n  }\n\n  updateState = (state, cb = null) => {\n    this.setState({ ...state, _listenForPropChanges: false }, cb)\n  }\n\n  callOnChangeHandler = (args) => {\n    /**\n     * Prevent on_change to be fired twice if date not has actually changed\n     * We clear the cache inside getDerivedStateFromProps\n     */\n    if (\n      this.state.lastEventCallCache &&\n      this.state.lastEventCallCache.startDate === this.state.startDate &&\n      this.state.lastEventCallCache.endDate === this.state.endDate\n    ) {\n      return // stop here\n    }\n\n    dispatchCustomElementEvent(\n      this,\n      'on_change',\n      this.getReturnObject(args)\n    )\n\n    const lastEventCallCache = {\n      startDate: this.state.startDate,\n      endDate: this.state.endDate,\n    }\n    this.setState({ lastEventCallCache })\n  }\n\n  getReturnObject = ({ event = null, ...rest } = {}) => {\n    const { startDate, endDate, partialStartDate, partialEndDate } = {\n      ...this.state,\n      ...rest,\n    }\n    const attributes = this.props.attributes || {}\n    const returnFormat = correctV1Format(this.props.return_format)\n    const startDateIsValid = Boolean(startDate && isValid(startDate))\n    const endDateIsValid = Boolean(endDate && isValid(endDate))\n\n    let ret = null\n\n    if (isTrue(this.props.range)) {\n      ret = {\n        event,\n        attributes,\n        days_between:\n          startDateIsValid && endDateIsValid\n            ? differenceInCalendarDays(endDate, startDate)\n            : null,\n        start_date: startDateIsValid\n          ? format(startDate, returnFormat)\n          : null,\n        end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n        is_valid_start_date: startDateIsValid,\n        is_valid_end_date: endDateIsValid,\n        partialStartDate,\n        partialEndDate,\n      }\n    } else {\n      ret = {\n        event,\n        attributes,\n        date: startDateIsValid ? format(startDate, returnFormat) : null,\n        partialStartDate,\n        is_valid: startDateIsValid,\n      }\n    }\n\n    if (this.props.min_date || this.props.max_date) {\n      if (isTrue(this.props.range)) {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_start_date = false\n        }\n        if (\n          endDateIsValid &&\n          isDisabled(endDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid_end_date = false\n        }\n      } else {\n        if (\n          startDateIsValid &&\n          isDisabled(startDate, this.state.minDate, this.state.maxDate)\n        ) {\n          ret.is_valid = false\n        }\n      }\n    }\n\n    return ret\n  }\n\n  render() {\n    const { children } = this.props\n\n    return (\n      <DatePickerContext.Provider\n        value={{\n          translation: this.context.translation,\n          setViews: this.setViews,\n          updateState: this.updateState,\n          getReturnObject: this.getReturnObject,\n          callOnChangeHandler: this.callOnChangeHandler,\n          props: this.props,\n          ...this.props.enhanceWithMethods,\n          ...this.state,\n        }}\n      >\n        {children}\n      </DatePickerContext.Provider>\n    )\n  }\n}\n\nexport const pad = (num, size) => ('000000000' + num).substr(-size)\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerProvider.js","names":["React","useCallback","useContext","isValid","format","differenceInCalendarDays","SharedContext","correctV1Format","isDisabled","DatePickerContext","useViews","useDates","useLastEventCallCache","defaultProps","return_format","DatePickerProvider","externalProps","props","_objectSpread","date","start_date","end_date","start_month","end_month","min_date","max_date","date_format","range","correct_invalid_date","attributes","children","on_change","setReturnObject","hidePicker","sharedContext","dates","updateDates","hasHadValidDate","previousDates","startDate","endDate","startMonth","endMonth","minDate","maxDate","dateFormat","isRange","shouldCorrectDate","views","setViews","forceViewMonthChange","lastEventCallCache","setLastEventCallCache","getReturnObject","_ref","arguments","length","undefined","event","rest","_objectWithoutProperties","_excluded","partialStartDate","partialEndDate","returnFormat","startDateIsValid","Boolean","endDateIsValid","hasMinOrMaxDates","returnObject","days_between","is_valid_start_date","is_valid_end_date","is_valid","callOnChangeHandler","createElement","Provider","value","translation"],"sources":["../../../../src/components/date-picker/DatePickerProvider.tsx"],"sourcesContent":["/**\n * Web DatePicker Provider\n *\n */\n\nimport React, { useCallback, useContext } from 'react'\nimport type {\n  DatePickerEventAttributes,\n  DatePickerProps,\n} from './DatePicker'\n\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport SharedContext from '../../shared/Context'\nimport { correctV1Format, isDisabled } from './DatePickerCalc'\nimport DatePickerContext, {\n  DatePickerContextValues,\n} from './DatePickerContext'\nimport useViews, { CalendarView } from './hooks/useViews'\nimport useDates, { DatePickerDates } from './hooks/useDates'\nimport useLastEventCallCache, {\n  LastEventCallCache,\n} from './hooks/useLastEventCallCache'\n\ntype DatePickerProviderProps = DatePickerProps & {\n  setReturnObject: (\n    func: DatePickerContextValues['getReturnObject']\n  ) => DatePickerContextValues['getReturnObject']\n  hidePicker?: DatePickerContextValues['hidePicker']\n  attributes?: DatePickerEventAttributes\n  children: React.ReactNode\n}\n\nexport type DatePickerChangeEvent<E> = DatePickerDates & {\n  nr?: number\n  hidePicker?: boolean\n  event?: E\n}\n\nexport type GetReturnObjectParams<E> = DatePickerDates & {\n  event?: E\n}\nexport type ReturnObject<E> = {\n  event?: E\n  attributes?: Record<string, unknown>\n  days_between?: number\n  date?: string\n  start_date?: string\n  end_date?: string\n  is_valid?: boolean\n  is_valid_start_date?: boolean\n  is_valid_end_date?: boolean\n  partialStartDate?: string\n  partialEndDate?: string\n}\n\nexport type DatePickerProviderState = DatePickerDates &\n  Array<CalendarView> &\n  LastEventCallCache\n\nconst defaultProps = {\n  return_format: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n}\n\nfunction DatePickerProvider(externalProps: DatePickerProviderProps) {\n  const props = { ...defaultProps, ...externalProps }\n\n  const {\n    date,\n    start_date,\n    end_date,\n    start_month,\n    end_month,\n    min_date,\n    max_date,\n    date_format,\n    range,\n    correct_invalid_date,\n    attributes,\n    return_format,\n    children,\n    on_change,\n    setReturnObject,\n    hidePicker,\n  } = props\n\n  const sharedContext = useContext(SharedContext)\n\n  const { dates, updateDates, hasHadValidDate, previousDates } = useDates(\n    {\n      date: date,\n      startDate: start_date,\n      endDate: end_date,\n      startMonth: start_month,\n      endMonth: end_month,\n      minDate: min_date,\n      maxDate: max_date,\n    },\n    {\n      dateFormat: date_format,\n      isRange: range,\n      shouldCorrectDate: correct_invalid_date,\n    }\n  )\n\n  const { views, setViews, forceViewMonthChange } = useViews({\n    startMonth: dates.startMonth,\n    endMonth: dates.endMonth,\n    isRange: range,\n  })\n\n  const [lastEventCallCache, setLastEventCallCache] =\n    useLastEventCallCache({\n      startDate: dates.startDate,\n      endDate: dates.endDate,\n    })\n\n  const getReturnObject = useCallback(\n    <E,>({ event = null, ...rest }: GetReturnObjectParams<E> = {}) => {\n      const { startDate, endDate, partialStartDate, partialEndDate } = {\n        ...views,\n        ...dates,\n        ...rest,\n      }\n\n      const returnFormat = correctV1Format(return_format)\n      const startDateIsValid = Boolean(startDate && isValid(startDate))\n      const endDateIsValid = Boolean(endDate && isValid(endDate))\n      const hasMinOrMaxDates = min_date || max_date\n\n      const returnObject: ReturnObject<E> = {\n        event,\n        attributes: attributes || {},\n        partialStartDate,\n      }\n\n      // Handle range props\n      if (range) {\n        return {\n          ...returnObject,\n          days_between:\n            startDateIsValid && endDateIsValid\n              ? differenceInCalendarDays(endDate, startDate)\n              : null,\n          start_date: startDateIsValid\n            ? format(startDate, returnFormat)\n            : null,\n          end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n          is_valid_start_date:\n            hasMinOrMaxDates &&\n            startDateIsValid &&\n            isDisabled(startDate, dates.minDate, dates.maxDate)\n              ? false\n              : startDateIsValid,\n          is_valid_end_date:\n            hasMinOrMaxDates &&\n            endDateIsValid &&\n            isDisabled(endDate, dates.minDate, dates.maxDate)\n              ? false\n              : endDateIsValid,\n          partialEndDate,\n        }\n      }\n\n      return {\n        ...returnObject,\n        date: startDateIsValid ? format(startDate, returnFormat) : null,\n        is_valid:\n          hasMinOrMaxDates &&\n          startDateIsValid &&\n          isDisabled(startDate, dates.minDate, dates.maxDate)\n            ? false\n            : startDateIsValid,\n      }\n    },\n    [dates, views, attributes, max_date, min_date, range, return_format]\n  )\n\n  const callOnChangeHandler = useCallback(\n    <E,>(event: E & DatePickerDates) => {\n      /**\n       * Prevent on_change to be fired twice if date not has actually changed\n       */\n      if (\n        lastEventCallCache &&\n        lastEventCallCache.startDate === event.startDate &&\n        lastEventCallCache.endDate === event.endDate\n      ) {\n        return // stop here\n      }\n\n      on_change?.(getReturnObject({ ...dates, ...event }))\n\n      setLastEventCallCache({\n        startDate: event.startDate,\n        endDate: event.endDate,\n      })\n    },\n    [\n      getReturnObject,\n      dates,\n      on_change,\n      lastEventCallCache,\n      setLastEventCallCache,\n    ]\n  )\n\n  // Is this at any point something other than a function?\n  if (typeof setReturnObject === 'function') {\n    setReturnObject(getReturnObject)\n  }\n\n  return (\n    <DatePickerContext.Provider\n      value={{\n        translation: sharedContext.translation,\n        updateDates,\n        getReturnObject,\n        callOnChangeHandler,\n        hidePicker: hidePicker,\n        props,\n        ...dates,\n        previousDates,\n        hasHadValidDate,\n        views,\n        setViews,\n        forceViewMonthChange,\n      }}\n    >\n      {children}\n    </DatePickerContext.Provider>\n  )\n}\n\nexport default DatePickerProvider\n"],"mappings":";;;;;;;AAKA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AAMtD,OAAOC,OAAO,MAAM,kBAAkB;AACtC,OAAOC,MAAM,MAAM,iBAAiB;AACpC,OAAOC,wBAAwB,MAAM,mCAAmC;AAExE,OAAOC,aAAa,MAAM,sBAAsB;AAChD,SAASC,eAAe,EAAEC,UAAU,QAAQ,kBAAkB;AAC9D,OAAOC,iBAAiB,MAEjB,qBAAqB;AAC5B,OAAOC,QAAQ,MAAwB,kBAAkB;AACzD,OAAOC,QAAQ,MAA2B,kBAAkB;AAC5D,OAAOC,qBAAqB,MAErB,+BAA+B;AAsCtC,MAAMC,YAAY,GAAG;EACnBC,aAAa,EAAE;AACjB,CAAC;AAED,SAASC,kBAAkBA,CAACC,aAAsC,EAAE;EAClE,MAAMC,KAAK,GAAAC,aAAA,CAAAA,aAAA,KAAQL,YAAY,GAAKG,aAAa,CAAE;EAEnD,MAAM;IACJG,IAAI;IACJC,UAAU;IACVC,QAAQ;IACRC,WAAW;IACXC,SAAS;IACTC,QAAQ;IACRC,QAAQ;IACRC,WAAW;IACXC,KAAK;IACLC,oBAAoB;IACpBC,UAAU;IACVf,aAAa;IACbgB,QAAQ;IACRC,SAAS;IACTC,eAAe;IACfC;EACF,CAAC,GAAGhB,KAAK;EAET,MAAMiB,aAAa,GAAGhC,UAAU,CAACI,aAAa,CAAC;EAE/C,MAAM;IAAE6B,KAAK;IAAEC,WAAW;IAAEC,eAAe;IAAEC;EAAc,CAAC,GAAG3B,QAAQ,CACrE;IACEQ,IAAI,EAAEA,IAAI;IACVoB,SAAS,EAAEnB,UAAU;IACrBoB,OAAO,EAAEnB,QAAQ;IACjBoB,UAAU,EAAEnB,WAAW;IACvBoB,QAAQ,EAAEnB,SAAS;IACnBoB,OAAO,EAAEnB,QAAQ;IACjBoB,OAAO,EAAEnB;EACX,CAAC,EACD;IACEoB,UAAU,EAAEnB,WAAW;IACvBoB,OAAO,EAAEnB,KAAK;IACdoB,iBAAiB,EAAEnB;EACrB,CACF,CAAC;EAED,MAAM;IAAEoB,KAAK;IAAEC,QAAQ;IAAEC;EAAqB,CAAC,GAAGxC,QAAQ,CAAC;IACzD+B,UAAU,EAAEN,KAAK,CAACM,UAAU;IAC5BC,QAAQ,EAAEP,KAAK,CAACO,QAAQ;IACxBI,OAAO,EAAEnB;EACX,CAAC,CAAC;EAEF,MAAM,CAACwB,kBAAkB,EAAEC,qBAAqB,CAAC,GAC/CxC,qBAAqB,CAAC;IACpB2B,SAAS,EAAEJ,KAAK,CAACI,SAAS;IAC1BC,OAAO,EAAEL,KAAK,CAACK;EACjB,CAAC,CAAC;EAEJ,MAAMa,eAAe,GAAGpD,WAAW,CACjC,YAAkE;IAAA,IAAAqD,IAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAP,CAAC,CAAC;IAAA,IAAxD;QAAEG,KAAK,GAAG;MAAwC,CAAC,GAAAJ,IAAA;MAAhCK,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;IAC1B,MAAM;MAAEtB,SAAS;MAAEC,OAAO;MAAEsB,gBAAgB;MAAEC;IAAe,CAAC,GAAA7C,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACzD8B,KAAK,GACLb,KAAK,GACLwB,IAAI,CACR;IAED,MAAMK,YAAY,GAAGzD,eAAe,CAACO,aAAa,CAAC;IACnD,MAAMmD,gBAAgB,GAAGC,OAAO,CAAC3B,SAAS,IAAIpC,OAAO,CAACoC,SAAS,CAAC,CAAC;IACjE,MAAM4B,cAAc,GAAGD,OAAO,CAAC1B,OAAO,IAAIrC,OAAO,CAACqC,OAAO,CAAC,CAAC;IAC3D,MAAM4B,gBAAgB,GAAG5C,QAAQ,IAAIC,QAAQ;IAE7C,MAAM4C,YAA6B,GAAG;MACpCX,KAAK;MACL7B,UAAU,EAAEA,UAAU,IAAI,CAAC,CAAC;MAC5BiC;IACF,CAAC;IAGD,IAAInC,KAAK,EAAE;MACT,OAAAT,aAAA,CAAAA,aAAA,KACKmD,YAAY;QACfC,YAAY,EACVL,gBAAgB,IAAIE,cAAc,GAC9B9D,wBAAwB,CAACmC,OAAO,EAAED,SAAS,CAAC,GAC5C,IAAI;QACVnB,UAAU,EAAE6C,gBAAgB,GACxB7D,MAAM,CAACmC,SAAS,EAAEyB,YAAY,CAAC,GAC/B,IAAI;QACR3C,QAAQ,EAAE8C,cAAc,GAAG/D,MAAM,CAACoC,OAAO,EAAEwB,YAAY,CAAC,GAAG,IAAI;QAC/DO,mBAAmB,EACjBH,gBAAgB,IAChBH,gBAAgB,IAChBzD,UAAU,CAAC+B,SAAS,EAAEJ,KAAK,CAACQ,OAAO,EAAER,KAAK,CAACS,OAAO,CAAC,GAC/C,KAAK,GACLqB,gBAAgB;QACtBO,iBAAiB,EACfJ,gBAAgB,IAChBD,cAAc,IACd3D,UAAU,CAACgC,OAAO,EAAEL,KAAK,CAACQ,OAAO,EAAER,KAAK,CAACS,OAAO,CAAC,GAC7C,KAAK,GACLuB,cAAc;QACpBJ;MAAc;IAElB;IAEA,OAAA7C,aAAA,CAAAA,aAAA,KACKmD,YAAY;MACflD,IAAI,EAAE8C,gBAAgB,GAAG7D,MAAM,CAACmC,SAAS,EAAEyB,YAAY,CAAC,GAAG,IAAI;MAC/DS,QAAQ,EACNL,gBAAgB,IAChBH,gBAAgB,IAChBzD,UAAU,CAAC+B,SAAS,EAAEJ,KAAK,CAACQ,OAAO,EAAER,KAAK,CAACS,OAAO,CAAC,GAC/C,KAAK,GACLqB;IAAgB;EAE1B,CAAC,EACD,CAAC9B,KAAK,EAAEa,KAAK,EAAEnB,UAAU,EAAEJ,QAAQ,EAAED,QAAQ,EAAEG,KAAK,EAAEb,aAAa,CACrE,CAAC;EAED,MAAM4D,mBAAmB,GAAGzE,WAAW,CAChCyD,KAA0B,IAAK;IAIlC,IACEP,kBAAkB,IAClBA,kBAAkB,CAACZ,SAAS,KAAKmB,KAAK,CAACnB,SAAS,IAChDY,kBAAkB,CAACX,OAAO,KAAKkB,KAAK,CAAClB,OAAO,EAC5C;MACA;IACF;IAEAT,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAGsB,eAAe,CAAAnC,aAAA,CAAAA,aAAA,KAAMiB,KAAK,GAAKuB,KAAK,CAAE,CAAC,CAAC;IAEpDN,qBAAqB,CAAC;MACpBb,SAAS,EAAEmB,KAAK,CAACnB,SAAS;MAC1BC,OAAO,EAAEkB,KAAK,CAAClB;IACjB,CAAC,CAAC;EACJ,CAAC,EACD,CACEa,eAAe,EACflB,KAAK,EACLJ,SAAS,EACToB,kBAAkB,EAClBC,qBAAqB,CAEzB,CAAC;EAGD,IAAI,OAAOpB,eAAe,KAAK,UAAU,EAAE;IACzCA,eAAe,CAACqB,eAAe,CAAC;EAClC;EAEA,OACErD,KAAA,CAAA2E,aAAA,CAAClE,iBAAiB,CAACmE,QAAQ;IACzBC,KAAK,EAAA3D,aAAA,CAAAA,aAAA;MACH4D,WAAW,EAAE5C,aAAa,CAAC4C,WAAW;MACtC1C,WAAW;MACXiB,eAAe;MACfqB,mBAAmB;MACnBzC,UAAU,EAAEA,UAAU;MACtBhB;IAAK,GACFkB,KAAK;MACRG,aAAa;MACbD,eAAe;MACfW,KAAK;MACLC,QAAQ;MACRC;IAAoB;EACpB,GAEDpB,QACyB,CAAC;AAEjC;AAEA,eAAef,kBAAkB"}

package/components/date-picker/DatePickerRange.d.ts

@@ -1,21 +1,23 @@
-import * as React from 'react';
+/**
+ * Web DatePicker Component
+ *
+ */
+import React from 'react';
+import { DatePickerCalendarProps } from './DatePickerCalendar';
+import { DatePickerChangeEvent } from './DatePickerProvider';
 export type DatePickerRangeViews = number | Record<string, unknown>[];
-export interface DatePickerRangeProps
-  extends React.HTMLProps<HTMLElement> {
-  id?: string;
-  isRange?: boolean;
-  isLink?: boolean;
-  isSync?: boolean;
-  onlyMonth?: boolean;
-  hideNav?: boolean;
-  views?: DatePickerRangeViews;
-  onChange?: (...args: any[]) => any;
-  onNav?: (...args: any[]) => any;
-}
-export default class DatePickerRange extends React.Component<
-  DatePickerRangeProps,
-  any
-> {
-  static defaultProps: object;
-  render(): JSX.Element;
-}
+export type DatePickerRangeProps = Omit<React.HTMLProps<HTMLElement>, 'onChange'> & DatePickerCalendarProps & {
+    id?: string;
+    isRange?: boolean;
+    isLink?: boolean;
+    isSync?: boolean;
+    onlyMonth?: boolean;
+    hideNav?: boolean;
+    views?: [{
+        nextBtn: false;
+        prevBtn: false;
+    }];
+    onChange?: (event: DatePickerChangeEvent<React.MouseEvent<HTMLSpanElement> | React.KeyboardEvent<HTMLTableElement>>) => void;
+};
+declare function DatePickerRange(props: DatePickerRangeProps): import("react/jsx-runtime").JSX.Element;
+export default DatePickerRange;