@dnb/eufemia 10.54.0 → 10.55.0

package/es/components/date-picker/DatePickerRange.js

@@ -1,150 +1,69 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-const _excluded = ["id"];
 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 React, { useCallback, useContext } from 'react';
 import addMonths from 'date-fns/addMonths';
 import subMonths from 'date-fns/subMonths';
 import DatePickerCalendar from './DatePickerCalendar';
 import DatePickerContext from './DatePickerContext';
-export default class DatePickerRange extends React.PureComponent {
-  constructor(..._args) {
-    super(..._args);
-    _defineProperty(this, "onSelectHandler", args => {
-      this.context.callOnChangeHandler(args);
-      this.props.onChange && this.props.onChange(_objectSpread({
-        hidePicker: !this.props.isRange
-      }, args));
-    });
-    _defineProperty(this, "callOnNav", () => {
-      this.props.onNav && this.props.onNav(this.context.views);
-    });
-    _defineProperty(this, "setNavState", state => {
-      this.context.updateState(state);
-    });
-    _defineProperty(this, "onNext", ({
-      nr
-    }) => {
-      const views = this.context.views.map(c => {
-        if (c.nr === nr) {
-          const month = addMonths(c.month, 1);
-          this.setNavState({
-            nr,
-            [`${nr === 0 ? 'start' : 'end'}Month`]: month
-          });
-          return _objectSpread(_objectSpread({}, c), {}, {
-            month
-          });
-        }
-        if (this.props.isLink && c.nr === 1) {
-          const month = addMonths(c.month, 1);
-          this.setNavState({
-            nr,
-            [`${nr !== 0 ? 'start' : 'end'}Month`]: month
-          });
-          return _objectSpread(_objectSpread({}, c), {}, {
-            month
-          });
-        }
-        return c;
-      });
-      this.context.setViews(views, this.callOnNav);
-    });
-    _defineProperty(this, "onPrev", ({
-      nr
-    }) => {
-      const views = this.context.views.map(c => {
-        if (c.nr === nr) {
-          const month = subMonths(c.month, 1);
-          this.setNavState({
-            nr,
-            [`${nr === 0 ? 'start' : 'end'}Month`]: month
-          });
-          return _objectSpread(_objectSpread({}, c), {}, {
-            month
-          });
-        }
-        if (this.props.isLink && c.nr === 1) {
-          const month = subMonths(c.month, 1);
-          this.setNavState({
-            nr,
-            [`${nr !== 0 ? 'start' : 'end'}Month`]: month
-          });
-          return _objectSpread(_objectSpread({}, c), {}, {
-            month
-          });
-        }
-        return c;
-      });
-      this.context.setViews(views, this.callOnNav);
+const monthHandlers = {
+  prev: subMonths,
+  next: addMonths
+};
+function DatePickerRange(props) {
+  const {
+    onChange,
+    isRange,
+    isLink
+  } = props;
+  const {
+    views,
+    setViews,
+    updateDates,
+    callOnChangeHandler
+  } = useContext(DatePickerContext);
+  const onNav = useCallback(({
+    nr,
+    type
+  }) => {
+    const updatedViews = views.map(view => {
+      if (view.nr === nr || isLink && view.nr === 1) {
+        const month = monthHandlers[type](view.month, 1);
+        return _objectSpread(_objectSpread({}, view), {}, {
+          month
+        });
+      }
+      return view;
     });
-    _defineProperty(this, "onHover", hoverDate => {
-      this.context.updateState({
-        hoverDate
-      });
+    setViews(updatedViews);
+  }, [views, setViews, isLink]);
+  const onSelect = useCallback(event => {
+    callOnChangeHandler(event);
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread({
+      hidePicker: !isRange,
+      startDate: event.startDate,
+      endDate: event.endDate
+    }, event));
+  }, [isRange, onChange, callOnChangeHandler]);
+  const onHover = useCallback(hoverDate => {
+    updateDates({
+      hoverDate
     });
-  }
-  render() {
-    const _this$props = this.props,
-      {
-        id
-      } = _this$props,
-      props = _objectWithoutProperties(_this$props, _excluded);
-    return React.createElement("div", {
-      className: "dnb-date-picker__views"
-    }, this.context.views.map((calendar, i) => React.createElement(DatePickerCalendar, _extends({
-      key: calendar.nr,
-      id: `${id}-${i}-`
-    }, props, calendar, {
-      onSelect: this.onSelectHandler,
-      onHover: this.onHover,
-      onPrev: this.onPrev,
-      onNext: this.onNext
-    }))));
-  }
+  }, [updateDates]);
+  return React.createElement("div", {
+    className: "dnb-date-picker__views"
+  }, views.map((calendar, i) => React.createElement(DatePickerCalendar, _extends({
+    key: calendar.nr
+  }, calendar, props, {
+    id: `${props.id}-${i}-`,
+    onSelect: onSelect,
+    onHover: onHover,
+    onPrev: onNav,
+    onNext: onNav
+  }))));
 }
-_defineProperty(DatePickerRange, "contextType", DatePickerContext);
-_defineProperty(DatePickerRange, "defaultProps", {
-  id: null,
-  isRange: null,
-  isLink: null,
-  isSync: null,
-  onlyMonth: null,
-  hideNav: null,
-  views: null,
-  onChange: null,
-  onNav: null
-});
-process.env.NODE_ENV !== "production" ? DatePickerRange.propTypes = {
-  id: PropTypes.string,
-  isRange: PropTypes.bool,
-  isLink: PropTypes.bool,
-  isSync: PropTypes.bool,
-  onlyMonth: PropTypes.bool,
-  hideNav: PropTypes.bool,
-  views: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.object)]),
-  onChange: PropTypes.func,
-  onNav: PropTypes.func
-} : void 0;
-export const getViews = (state, isRange) => {
-  return (Array.isArray(state.views) ? state.views : Array(isRange ? 2 : state.views).fill(1)).map((view, nr) => _objectSpread(_objectSpread({}, view), {}, {
-    month: getMonthView(state, nr),
-    nr
-  }));
-};
-const getMonthView = (state, nr) => {
-  if ((state.startMonth || state.startDate) && nr === 0) {
-    return state.startMonth || state.startDate;
-  }
-  if ((state.endMonth || state.endDate) && nr === 1) {
-    return state.endMonth || state.endDate;
-  }
-  return addMonths(getFallbackMonth(state), nr);
-};
-const getFallbackMonth = state => {
-  return state.startMonth || state.startDate || new Date();
-};
+export default DatePickerRange;
 //# sourceMappingURL=DatePickerRange.js.map

package/es/components/date-picker/DatePickerRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerRange.js","names":["React","PropTypes","addMonths","subMonths","DatePickerCalendar","DatePickerContext","DatePickerRange","PureComponent","constructor","_args","_defineProperty","args","context","callOnChangeHandler","props","onChange","_objectSpread","hidePicker","isRange","onNav","views","state","updateState","nr","map","c","month","setNavState","isLink","setViews","callOnNav","hoverDate","render","_this$props","id","_objectWithoutProperties","_excluded","createElement","className","calendar","i","_extends","key","onSelect","onSelectHandler","onHover","onPrev","onNext","isSync","onlyMonth","hideNav","process","env","NODE_ENV","propTypes","string","bool","oneOfType","number","arrayOf","object","func","getViews","Array","isArray","fill","view","getMonthView","startMonth","startDate","endMonth","endDate","getFallbackMonth","Date"],"sources":["../../../../src/components/date-picker/DatePickerRange.js"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\n// date-fns\nimport addMonths from 'date-fns/addMonths'\nimport subMonths from 'date-fns/subMonths'\n\nimport DatePickerCalendar from './DatePickerCalendar'\nimport DatePickerContext from './DatePickerContext'\n\nexport default class DatePickerRange extends React.PureComponent {\n  static contextType = DatePickerContext\n\n  static propTypes = {\n    id: PropTypes.string,\n    isRange: PropTypes.bool,\n    isLink: PropTypes.bool,\n    isSync: PropTypes.bool,\n    onlyMonth: PropTypes.bool,\n    hideNav: PropTypes.bool,\n    views: PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.arrayOf(PropTypes.object),\n    ]),\n\n    onChange: PropTypes.func,\n    onNav: PropTypes.func,\n  }\n\n  static defaultProps = {\n    id: null,\n\n    // appearance\n    isRange: null,\n    isLink: null,\n    isSync: null,\n    onlyMonth: null,\n    hideNav: null,\n    views: null,\n    // views: [{ nextBtn: false }, { prevBtn: false }],\n\n    // events\n    onChange: null, // fires when user makes a selection or navigates\n    onNav: null, // [{'id': 0, 'month': Date}, {'id': 1, 'month': Date}]\n  }\n\n  onSelectHandler = (args) => {\n    this.context.callOnChangeHandler(args)\n\n    this.props.onChange &&\n      this.props.onChange({\n        hidePicker: !this.props.isRange,\n        ...args,\n      })\n  }\n\n  callOnNav = () => {\n    this.props.onNav && this.props.onNav(this.context.views)\n  }\n\n  setNavState = (state) => {\n    this.context.updateState(state)\n  }\n\n  onNext = ({ nr }) => {\n    const views = this.context.views.map((c) => {\n      if (c.nr === nr) {\n        const month = addMonths(c.month, 1)\n        this.setNavState({\n          nr,\n          [`${nr === 0 ? 'start' : 'end'}Month`]: month,\n        })\n        return { ...c, month }\n      }\n      if (this.props.isLink && c.nr === 1) {\n        const month = addMonths(c.month, 1)\n        this.setNavState({\n          nr,\n          [`${nr !== 0 ? 'start' : 'end'}Month`]: month,\n        })\n        return { ...c, month }\n      }\n      return c\n    })\n    this.context.setViews(views, this.callOnNav)\n  }\n\n  onPrev = ({ nr }) => {\n    const views = this.context.views.map((c) => {\n      if (c.nr === nr) {\n        const month = subMonths(c.month, 1)\n        this.setNavState({\n          nr,\n          [`${nr === 0 ? 'start' : 'end'}Month`]: month,\n        })\n        return { ...c, month }\n      }\n      if (this.props.isLink && c.nr === 1) {\n        const month = subMonths(c.month, 1)\n        this.setNavState({\n          nr,\n          [`${nr !== 0 ? 'start' : 'end'}Month`]: month,\n        })\n        return { ...c, month }\n      }\n      return c\n    })\n    this.context.setViews(views, this.callOnNav)\n  }\n\n  onHover = (hoverDate) => {\n    this.context.updateState({ hoverDate })\n  }\n\n  render() {\n    const { id, ...props } = this.props\n    return (\n      <div className=\"dnb-date-picker__views\">\n        {this.context.views.map((calendar, i) => (\n          <DatePickerCalendar\n            key={calendar.nr}\n            id={`${id}-${i}-`}\n            {...props}\n            {...calendar}\n            onSelect={this.onSelectHandler}\n            onHover={this.onHover}\n            onPrev={this.onPrev}\n            onNext={this.onNext}\n          />\n        ))}\n      </div>\n    )\n  }\n}\n\nexport const getViews = (state, isRange) => {\n  // fill the views with the calendar data getMonth()\n  return (\n    Array.isArray(state.views)\n      ? state.views\n      : Array(\n          isRange\n            ? 2 // set default range calendars\n            : state.views\n        ).fill(1)\n  ).map((view, nr) => ({\n    ...view,\n    month: getMonthView(state, nr),\n    nr,\n  }))\n}\n\nconst getMonthView = (state, nr) => {\n  if ((state.startMonth || state.startDate) && nr === 0) {\n    return state.startMonth || state.startDate\n  }\n  if ((state.endMonth || state.endDate) && nr === 1) {\n    return state.endMonth || state.endDate\n  }\n\n  // Here we add that default offset to every new calendar added,\n  // the first will get 0, the next one 1, and so forth\n  return addMonths(getFallbackMonth(state), nr)\n}\n\nconst getFallbackMonth = (state) => {\n  return state.startMonth || state.startDate || new Date()\n}\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerRange.js","names":["React","useCallback","useContext","addMonths","subMonths","DatePickerCalendar","DatePickerContext","monthHandlers","prev","next","DatePickerRange","props","onChange","isRange","isLink","views","setViews","updateDates","callOnChangeHandler","onNav","nr","type","updatedViews","map","view","month","_objectSpread","onSelect","event","hidePicker","startDate","endDate","onHover","hoverDate","createElement","className","calendar","i","_extends","key","id","onPrev","onNext"],"sources":["../../../../src/components/date-picker/DatePickerRange.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, { useCallback, useContext } from 'react'\n\n// date-fns\nimport addMonths from 'date-fns/addMonths'\nimport subMonths from 'date-fns/subMonths'\n\nimport DatePickerCalendar, {\n  CalendarButtonProps,\n  CalendarNavigationEvent,\n  DatePickerCalendarProps,\n} from './DatePickerCalendar'\nimport DatePickerContext from './DatePickerContext'\nimport { DatePickerDates } from './hooks/useDates'\nimport { DatePickerChangeEvent } from './DatePickerProvider'\n\nexport type DatePickerRangeViews = number | Record<string, unknown>[]\n\nexport type DatePickerRangeProps = Omit<\n  React.HTMLProps<HTMLElement>,\n  'onChange'\n> &\n  DatePickerCalendarProps & {\n    id?: string\n    isRange?: boolean\n    isLink?: boolean\n    isSync?: boolean\n    onlyMonth?: boolean\n    hideNav?: boolean\n    views?: [{ nextBtn: false; prevBtn: false }]\n    onChange?: (\n      event: DatePickerChangeEvent<\n        | React.MouseEvent<HTMLSpanElement>\n        | React.KeyboardEvent<HTMLTableElement>\n      >\n    ) => void\n  }\n\nconst monthHandlers: {\n  // eslint-disable-next-line no-unused-vars\n  [key in CalendarButtonProps['type']]: typeof subMonths\n} = {\n  prev: subMonths,\n  next: addMonths,\n}\n\nfunction DatePickerRange(props: DatePickerRangeProps) {\n  // Destructured to prevent useCallback from updating on all prop or context changes\n  const { onChange, isRange, isLink } = props\n  const { views, setViews, updateDates, callOnChangeHandler } =\n    useContext(DatePickerContext)\n\n  const onNav = useCallback(\n    ({ nr, type }: CalendarNavigationEvent) => {\n      const updatedViews = views.map((view) => {\n        if (view.nr === nr || (isLink && view.nr === 1)) {\n          const month = monthHandlers[type](view.month, 1)\n\n          return { ...view, month }\n        }\n\n        return view\n      })\n      setViews(updatedViews)\n    },\n    [views, setViews, isLink]\n  )\n\n  const onSelect = useCallback(\n    (\n      event: DatePickerChangeEvent<\n        | React.MouseEvent<HTMLSpanElement>\n        | React.KeyboardEvent<HTMLTableElement>\n      > &\n        DatePickerDates\n    ) => {\n      callOnChangeHandler(event)\n\n      onChange?.({\n        hidePicker: !isRange,\n        startDate: event.startDate,\n        endDate: event.endDate,\n        ...event,\n      })\n    },\n    [isRange, onChange, callOnChangeHandler]\n  )\n\n  const onHover = useCallback(\n    (hoverDate: DatePickerDates['hoverDate']) => {\n      updateDates({ hoverDate })\n    },\n    [updateDates]\n  )\n\n  return (\n    <div className=\"dnb-date-picker__views\">\n      {views.map((calendar, i) => (\n        <DatePickerCalendar\n          key={calendar.nr}\n          {...calendar}\n          {...props}\n          id={`${props.id}-${i}-`}\n          onSelect={onSelect}\n          onHover={onHover}\n          onPrev={onNav}\n          onNext={onNav}\n        />\n      ))}\n    </div>\n  )\n}\n\nexport default DatePickerRange\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AAGtD,OAAOC,SAAS,MAAM,oBAAoB;AAC1C,OAAOC,SAAS,MAAM,oBAAoB;AAE1C,OAAOC,kBAAkB,MAIlB,sBAAsB;AAC7B,OAAOC,iBAAiB,MAAM,qBAAqB;AA0BnD,MAAMC,aAGL,GAAG;EACFC,IAAI,EAAEJ,SAAS;EACfK,IAAI,EAAEN;AACR,CAAC;AAED,SAASO,eAAeA,CAACC,KAA2B,EAAE;EAEpD,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGH,KAAK;EAC3C,MAAM;IAAEI,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAoB,CAAC,GACzDhB,UAAU,CAACI,iBAAiB,CAAC;EAE/B,MAAMa,KAAK,GAAGlB,WAAW,CACvB,CAAC;IAAEmB,EAAE;IAAEC;EAA8B,CAAC,KAAK;IACzC,MAAMC,YAAY,GAAGP,KAAK,CAACQ,GAAG,CAAEC,IAAI,IAAK;MACvC,IAAIA,IAAI,CAACJ,EAAE,KAAKA,EAAE,IAAKN,MAAM,IAAIU,IAAI,CAACJ,EAAE,KAAK,CAAE,EAAE;QAC/C,MAAMK,KAAK,GAAGlB,aAAa,CAACc,IAAI,CAAC,CAACG,IAAI,CAACC,KAAK,EAAE,CAAC,CAAC;QAEhD,OAAAC,aAAA,CAAAA,aAAA,KAAYF,IAAI;UAAEC;QAAK;MACzB;MAEA,OAAOD,IAAI;IACb,CAAC,CAAC;IACFR,QAAQ,CAACM,YAAY,CAAC;EACxB,CAAC,EACD,CAACP,KAAK,EAAEC,QAAQ,EAAEF,MAAM,CAC1B,CAAC;EAED,MAAMa,QAAQ,GAAG1B,WAAW,CAExB2B,KAIiB,IACd;IACHV,mBAAmB,CAACU,KAAK,CAAC;IAE1BhB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAAc,aAAA;MACNG,UAAU,EAAE,CAAChB,OAAO;MACpBiB,SAAS,EAAEF,KAAK,CAACE,SAAS;MAC1BC,OAAO,EAAEH,KAAK,CAACG;IAAO,GACnBH,KAAK,CACT,CAAC;EACJ,CAAC,EACD,CAACf,OAAO,EAAED,QAAQ,EAAEM,mBAAmB,CACzC,CAAC;EAED,MAAMc,OAAO,GAAG/B,WAAW,CACxBgC,SAAuC,IAAK;IAC3ChB,WAAW,CAAC;MAAEgB;IAAU,CAAC,CAAC;EAC5B,CAAC,EACD,CAAChB,WAAW,CACd,CAAC;EAED,OACEjB,KAAA,CAAAkC,aAAA;IAAKC,SAAS,EAAC;EAAwB,GACpCpB,KAAK,CAACQ,GAAG,CAAC,CAACa,QAAQ,EAAEC,CAAC,KACrBrC,KAAA,CAAAkC,aAAA,CAAC7B,kBAAkB,EAAAiC,QAAA;IACjBC,GAAG,EAAEH,QAAQ,CAAChB;EAAG,GACbgB,QAAQ,EACRzB,KAAK;IACT6B,EAAE,EAAG,GAAE7B,KAAK,CAAC6B,EAAG,IAAGH,CAAE,GAAG;IACxBV,QAAQ,EAAEA,QAAS;IACnBK,OAAO,EAAEA,OAAQ;IACjBS,MAAM,EAAEtB,KAAM;IACduB,MAAM,EAAEvB;EAAM,EACf,CACF,CACE,CAAC;AAEV;AAEA,eAAeT,eAAe"}

package/es/components/date-picker/hooks/useDates.d.ts

@@ -0,0 +1,45 @@
+import { DateType } from '../DatePickerContext';
+export type DatePickerDateProps = {
+    date?: DateType;
+    startDate?: DateType;
+    endDate?: DateType;
+    startMonth?: DateType;
+    endMonth?: DateType;
+    minDate?: DateType;
+    maxDate?: DateType;
+    hoverDate?: DateType | null;
+};
+type UseDatesOptions = {
+    dateFormat: string;
+    isRange: boolean;
+    shouldCorrectDate: boolean;
+};
+export type DatePickerInputDates = {
+    __startDay?: string;
+    __startMonth?: string;
+    __startYear?: string;
+    __endDay?: string;
+    __endMonth?: string;
+    __endYear?: string;
+};
+export type DatePickerDates = {
+    date?: DateType;
+    startDate?: Date;
+    endDate?: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    startMonth?: Date;
+    endMonth?: Date;
+    partialStartDate?: string;
+    partialEndDate?: string;
+    hasHadValidDate?: boolean;
+    hoverDate?: Date;
+} & DatePickerInputDates;
+export default function useDates(dateProps: DatePickerDateProps, { dateFormat, isRange, shouldCorrectDate, }: UseDatesOptions): {
+    readonly dates: DatePickerDates;
+    readonly updateDates: (newDates: DatePickerDates, callback?: (dates: DatePickerDates) => void) => void;
+    readonly hasHadValidDate: boolean;
+    readonly previousDates: DatePickerDateProps;
+};
+export declare function pad(date: string, size: number): string;
+export {};

package/es/components/date-picker/hooks/useDates.js

@@ -0,0 +1,169 @@
+"use client";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { convertStringToDate, isDisabled } from '../DatePickerCalc';
+import isValid from 'date-fns/isValid';
+import format from 'date-fns/format';
+import { addMonths } from 'date-fns';
+export default function useDates(dateProps, {
+  dateFormat,
+  isRange = false,
+  shouldCorrectDate = false
+}) {
+  const [previousDates, setPreviousDates] = useState(dateProps);
+  const [dates, setDates] = useState(_objectSpread({}, mapDates(dateProps, previousDates, {
+    dateFormat,
+    isRange,
+    shouldCorrectDate
+  })));
+  const hasDatePropChanges = useMemo(() => Object.keys(dateProps).some(date => {
+    return dateProps[date] !== previousDates[date];
+  }), [dateProps, previousDates]);
+  if (hasDatePropChanges) {
+    setDates(_objectSpread({}, mapDates(_objectSpread(_objectSpread({}, dates), dateProps), previousDates, {
+      dateFormat,
+      isRange,
+      shouldCorrectDate
+    })));
+    setPreviousDates(dateProps);
+  }
+  const hasHadValidDate = useRef(false);
+  const updateDates = useCallback((newDates, callback) => {
+    var _newDates$startDate, _newDates$endDate;
+    const correctedDates = shouldCorrectDate ? correctDates({
+      startDate: (_newDates$startDate = newDates.startDate) !== null && _newDates$startDate !== void 0 ? _newDates$startDate : dates.startDate,
+      endDate: (_newDates$endDate = newDates.endDate) !== null && _newDates$endDate !== void 0 ? _newDates$endDate : dates.endDate,
+      minDate: dates.minDate,
+      maxDate: dates.maxDate,
+      isRange
+    }) : {};
+    const months = updateMonths({
+      newDates,
+      currentDates: dates
+    });
+    setDates(currentDates => {
+      return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, currentDates), newDates), months), correctedDates);
+    });
+    callback === null || callback === void 0 ? void 0 : callback(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, dates), newDates), months), correctedDates));
+  }, [dates, shouldCorrectDate, isRange]);
+  useEffect(() => {
+    const startDates = updateInputDates('start', dates);
+    const endDates = updateInputDates('end', dates);
+    hasHadValidDate.current = isValid(dates.startDate) || isValid(dates.endDate);
+    setDates(currentDates => _objectSpread(_objectSpread(_objectSpread({}, currentDates), startDates), endDates));
+  }, [dates.startDate, dates.endDate]);
+  return {
+    dates,
+    updateDates,
+    hasHadValidDate: hasHadValidDate.current,
+    previousDates
+  };
+}
+function updateInputDates(type, dates) {
+  const updatedDates = {};
+  const date = dates[`${type}Date`];
+  if (isValid(date)) {
+    updatedDates[`__${type}Day`] = pad(format(date, 'dd'), 2);
+    updatedDates[`__${type}Month`] = pad(format(date, 'MM'), 2);
+    updatedDates[`__${type}Year`] = format(date, 'yyyy');
+  } else if (date === undefined) {
+    updatedDates[`__${type}Day`] = null;
+    updatedDates[`__${type}Month`] = null;
+    updatedDates[`__${type}Year`] = null;
+  }
+  return updatedDates;
+}
+function mapDates(dateProps, previousDates, {
+  dateFormat,
+  isRange,
+  shouldCorrectDate
+}) {
+  var _ref, _convertStringToDate, _convertStringToDate2;
+  const date = previousDates.date !== dateProps.date ? dateProps.date : previousDates.date;
+  const startDate = typeof (dateProps === null || dateProps === void 0 ? void 0 : dateProps.startDate) !== 'undefined' ? getDate(dateProps.startDate, dateFormat) : typeof date !== 'undefined' ? getDate(date, dateFormat) : undefined;
+  const endDate = !isRange ? startDate : convertStringToDate(dateProps === null || dateProps === void 0 ? void 0 : dateProps.endDate, {
+    date_format: dateFormat
+  }) || undefined;
+  const startMonth = (_ref = (_convertStringToDate = convertStringToDate(dateProps.startMonth, {
+    date_format: dateFormat
+  })) !== null && _convertStringToDate !== void 0 ? _convertStringToDate : startDate) !== null && _ref !== void 0 ? _ref : new Date();
+  const endMonth = ((_convertStringToDate2 = convertStringToDate(dateProps.endMonth, {
+    date_format: dateFormat
+  })) !== null && _convertStringToDate2 !== void 0 ? _convertStringToDate2 : !isRange) ? startMonth : endDate !== null && endDate !== void 0 ? endDate : addMonths(startMonth, 1);
+  const minDate = convertStringToDate(dateProps.minDate, {
+    date_format: dateFormat
+  });
+  const maxDate = convertStringToDate(dateProps.maxDate, {
+    date_format: dateFormat
+  });
+  const hasValidStartDate = isValid(startDate);
+  const hasValidEndDate = isValid(endDate);
+  const correctedDates = shouldCorrectDate ? correctDates({
+    startDate,
+    endDate,
+    minDate,
+    maxDate,
+    isRange
+  }) : {};
+  const dates = _objectSpread({
+    startDate,
+    endDate,
+    startMonth,
+    endMonth,
+    minDate,
+    maxDate
+  }, correctedDates);
+  return _objectSpread(_objectSpread({}, dates), {}, {
+    __startDay: hasValidStartDate ? pad(format(dates.startDate, 'dd'), 2) : null,
+    __startMonth: hasValidStartDate ? pad(format(dates.startDate, 'MM'), 2) : null,
+    __startYear: hasValidStartDate ? format(dates.startDate, 'yyyy') : null,
+    __endDay: hasValidEndDate ? pad(format(dates.endDate, 'dd'), 2) : null,
+    __endMonth: hasValidEndDate ? pad(format(dates.endDate, 'MM'), 2) : null,
+    __endYear: hasValidEndDate ? format(dates.endDate, 'yyyy') : null
+  });
+}
+function correctDates({
+  startDate,
+  endDate,
+  minDate,
+  maxDate,
+  isRange
+}) {
+  const correctedDates = {};
+  if (isDisabled(startDate, minDate, maxDate)) {
+    correctedDates['startDate'] = minDate;
+  }
+  if (isDisabled(endDate, minDate, maxDate)) {
+    if (!isRange && !minDate) {
+      correctedDates['startDate'] = maxDate;
+    } else {
+      correctedDates['endDate'] = maxDate;
+    }
+  }
+  return correctedDates;
+}
+function updateMonths({
+  newDates,
+  currentDates
+}) {
+  var _ref2, _newDates$startMonth, _ref3, _newDates$endMonth;
+  const startMonth = (_ref2 = (_newDates$startMonth = newDates.startMonth) !== null && _newDates$startMonth !== void 0 ? _newDates$startMonth : newDates.startDate) !== null && _ref2 !== void 0 ? _ref2 : currentDates.startMonth;
+  const endMonth = (_ref3 = (_newDates$endMonth = newDates.endMonth) !== null && _newDates$endMonth !== void 0 ? _newDates$endMonth : newDates.endDate) !== null && _ref3 !== void 0 ? _ref3 : currentDates.endMonth;
+  return {
+    startMonth,
+    endMonth
+  };
+}
+function getDate(date, dateFormat) {
+  return date instanceof Date ? date : convertStringToDate(date !== null && date !== void 0 ? date : '', {
+    date_format: dateFormat
+  });
+}
+export function pad(date, size) {
+  const dateWithPadding = '000000000' + date;
+  return dateWithPadding.substring(dateWithPadding.length - size);
+}
+//# sourceMappingURL=useDates.js.map

package/es/components/date-picker/hooks/useDates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDates.js","names":["useCallback","useEffect","useMemo","useRef","useState","convertStringToDate","isDisabled","isValid","format","addMonths","useDates","dateProps","dateFormat","isRange","shouldCorrectDate","previousDates","setPreviousDates","dates","setDates","_objectSpread","mapDates","hasDatePropChanges","Object","keys","some","date","hasHadValidDate","updateDates","newDates","callback","_newDates$startDate","_newDates$endDate","correctedDates","correctDates","startDate","endDate","minDate","maxDate","months","updateMonths","currentDates","startDates","updateInputDates","endDates","current","type","updatedDates","pad","undefined","_ref","_convertStringToDate","_convertStringToDate2","getDate","date_format","startMonth","Date","endMonth","hasValidStartDate","hasValidEndDate","__startDay","__startMonth","__startYear","__endDay","__endMonth","__endYear","_ref2","_newDates$startMonth","_ref3","_newDates$endMonth","size","dateWithPadding","substring","length"],"sources":["../../../../../src/components/date-picker/hooks/useDates.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { convertStringToDate, isDisabled } from '../DatePickerCalc'\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport { addMonths } from 'date-fns'\nimport { DateType } from '../DatePickerContext'\n\nexport type DatePickerDateProps = {\n  date?: DateType\n  startDate?: DateType\n  endDate?: DateType\n  startMonth?: DateType\n  endMonth?: DateType\n  minDate?: DateType\n  maxDate?: DateType\n  hoverDate?: DateType | null\n}\n\ntype UseDatesOptions = {\n  dateFormat: string\n  isRange: boolean\n  shouldCorrectDate: boolean\n}\n// TODO: Move to DatePickerInput\nexport type DatePickerInputDates = {\n  __startDay?: string\n  __startMonth?: string\n  __startYear?: string\n  __endDay?: string\n  __endMonth?: string\n  __endYear?: string\n}\n\nexport type DatePickerDates = {\n  date?: DateType\n  startDate?: Date\n  endDate?: Date\n  minDate?: Date\n  maxDate?: Date\n  startMonth?: Date\n  endMonth?: Date\n  partialStartDate?: string\n  partialEndDate?: string\n  hasHadValidDate?: boolean\n  hoverDate?: Date\n} & DatePickerInputDates\n\nexport default function useDates(\n  dateProps: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange = false,\n    shouldCorrectDate = false,\n  }: UseDatesOptions\n) {\n  const [previousDates, setPreviousDates] = useState(dateProps)\n  const [dates, setDates] = useState<DatePickerDates>({\n    ...mapDates(dateProps, previousDates, {\n      dateFormat,\n      isRange,\n      shouldCorrectDate,\n    }),\n  })\n\n  const hasDatePropChanges = useMemo(\n    () =>\n      Object.keys(dateProps).some((date) => {\n        return dateProps[date] !== previousDates[date]\n      }),\n    [dateProps, previousDates]\n  )\n\n  // Update dates on prop change\n  if (hasDatePropChanges) {\n    setDates({\n      ...mapDates({ ...dates, ...dateProps }, previousDates, {\n        dateFormat,\n        isRange,\n        shouldCorrectDate,\n      }),\n    })\n    setPreviousDates(dateProps)\n  }\n\n  const hasHadValidDate = useRef<boolean>(false)\n\n  const updateDates = useCallback(\n    (\n      newDates: DatePickerDates,\n      callback?: (dates: DatePickerDates) => void\n    ) => {\n      // Correct dates based on min and max date\n      const correctedDates = shouldCorrectDate\n        ? correctDates({\n            startDate: newDates.startDate ?? dates.startDate,\n            endDate: newDates.endDate ?? dates.endDate,\n            minDate: dates.minDate,\n            maxDate: dates.maxDate,\n            isRange,\n          })\n        : {}\n\n      // Update months based on month or start/end date changes\n      const months = updateMonths({\n        newDates,\n        currentDates: dates,\n      })\n\n      setDates((currentDates) => {\n        return {\n          ...currentDates,\n          ...newDates,\n          ...months,\n          ...correctedDates,\n        }\n      })\n\n      callback?.({\n        ...dates,\n        ...newDates,\n        ...months,\n        ...correctedDates,\n      })\n    },\n    [dates, shouldCorrectDate, isRange]\n  )\n\n  // Updated input dates based on start and end dates, move to DatePickerInput\n  // TODO: Move to DatePickerInput\n  useEffect(() => {\n    const startDates = updateInputDates('start', dates)\n    const endDates = updateInputDates('end', dates)\n\n    hasHadValidDate.current =\n      isValid(dates.startDate) || isValid(dates.endDate)\n\n    setDates((currentDates) => ({\n      ...currentDates,\n      ...startDates,\n      ...endDates,\n    }))\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dates.startDate, dates.endDate])\n\n  return {\n    dates,\n    updateDates,\n    hasHadValidDate: hasHadValidDate.current,\n    previousDates,\n  } as const\n}\n\n// TODO: Move to DatePickerInput\nfunction updateInputDates(type: 'start' | 'end', dates: DatePickerDates) {\n  const updatedDates = {}\n  const date = dates[`${type}Date`]\n\n  if (isValid(date)) {\n    updatedDates[`__${type}Day`] = pad(format(date, 'dd'), 2)\n    updatedDates[`__${type}Month`] = pad(format(date, 'MM'), 2)\n    updatedDates[`__${type}Year`] = format(date, 'yyyy')\n  } else if (date === undefined) {\n    updatedDates[`__${type}Day`] = null\n    updatedDates[`__${type}Month`] = null\n    updatedDates[`__${type}Year`] = null\n  }\n\n  return updatedDates\n}\n\nfunction mapDates(\n  dateProps: DatePickerDateProps,\n  previousDates: DatePickerDateProps,\n  {\n    dateFormat,\n    isRange,\n    shouldCorrectDate,\n  }: Omit<UseDatesOptions, 'isLinked'>\n) {\n  const date =\n    previousDates.date !== dateProps.date\n      ? dateProps.date\n      : previousDates.date\n\n  const startDate =\n    typeof dateProps?.startDate !== 'undefined'\n      ? getDate(dateProps.startDate, dateFormat)\n      : typeof date !== 'undefined'\n      ? getDate(date, dateFormat)\n      : undefined\n\n  const endDate = !isRange\n    ? startDate\n    : convertStringToDate(dateProps?.endDate, {\n        date_format: dateFormat,\n      }) || undefined\n\n  // Ensure that the calendar view displays the correct start and end months, and to prevent date flickering bug\n  const startMonth =\n    convertStringToDate(dateProps.startMonth, {\n      date_format: dateFormat,\n    }) ??\n    startDate ??\n    new Date()\n\n  const endMonth =\n    convertStringToDate(dateProps.endMonth, {\n      date_format: dateFormat,\n    }) ?? !isRange\n      ? startMonth\n      : endDate ?? addMonths(startMonth, 1)\n\n  const minDate = convertStringToDate(dateProps.minDate, {\n    date_format: dateFormat,\n  })\n\n  const maxDate = convertStringToDate(dateProps.maxDate, {\n    date_format: dateFormat,\n  })\n\n  const hasValidStartDate = isValid(startDate)\n  const hasValidEndDate = isValid(endDate)\n\n  const correctedDates = shouldCorrectDate\n    ? correctDates({ startDate, endDate, minDate, maxDate, isRange })\n    : {}\n\n  const dates = {\n    startDate,\n    endDate,\n    startMonth,\n    endMonth,\n    minDate,\n    maxDate,\n    ...correctedDates,\n  }\n\n  return {\n    ...dates,\n    __startDay: hasValidStartDate\n      ? pad(format(dates.startDate, 'dd'), 2)\n      : null,\n    __startMonth: hasValidStartDate\n      ? pad(format(dates.startDate, 'MM'), 2)\n      : null,\n    __startYear: hasValidStartDate\n      ? format(dates.startDate, 'yyyy')\n      : null,\n    __endDay: hasValidEndDate ? pad(format(dates.endDate, 'dd'), 2) : null,\n    __endMonth: hasValidEndDate\n      ? pad(format(dates.endDate, 'MM'), 2)\n      : null,\n    __endYear: hasValidEndDate ? format(dates.endDate, 'yyyy') : null,\n  }\n}\n\nfunction correctDates({\n  startDate,\n  endDate,\n  minDate,\n  maxDate,\n  isRange,\n}: {\n  startDate: Date\n  endDate: Date\n  minDate: Date\n  maxDate: Date\n  isRange: boolean\n}) {\n  const correctedDates = {}\n\n  if (isDisabled(startDate, minDate, maxDate)) {\n    correctedDates['startDate'] = minDate\n  }\n  if (isDisabled(endDate, minDate, 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 (!isRange && !minDate) {\n      correctedDates['startDate'] = maxDate\n    } else {\n      correctedDates['endDate'] = maxDate\n    }\n  }\n\n  return correctedDates\n}\n\nfunction updateMonths({\n  newDates,\n  currentDates,\n}: {\n  newDates: DatePickerDates\n  currentDates: DatePickerDates\n}) {\n  const startMonth =\n    newDates.startMonth ?? newDates.startDate ?? currentDates.startMonth\n  const endMonth =\n    newDates.endMonth ?? newDates.endDate ?? currentDates.endMonth\n\n  return {\n    startMonth,\n    endMonth,\n  }\n}\n\nfunction getDate(date: DateType, dateFormat: string) {\n  return date instanceof Date\n    ? date\n    : convertStringToDate(date ?? '', {\n        date_format: dateFormat,\n      })\n}\n\nexport function pad(date: string, size: number) {\n  const dateWithPadding = '000000000' + date\n\n  return dateWithPadding.substring(dateWithPadding.length - size)\n}\n"],"mappings":"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"}

package/es/components/date-picker/hooks/useLastEventCallCache.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { DatePickerDates } from './useDates';
+export type LastEventCallCache = {
+    startDate?: DatePickerDates['startDate'];
+    endDate?: DatePickerDates['startDate'];
+};
+type uncachedDates = LastEventCallCache;
+export default function useLastEventCallCache(uncachedDates: uncachedDates): readonly [LastEventCallCache, import("react").Dispatch<import("react").SetStateAction<LastEventCallCache>>];
+export {};

package/es/components/date-picker/hooks/useLastEventCallCache.js

@@ -0,0 +1,11 @@
+"use client";
+
+import { useState } from 'react';
+export default function useLastEventCallCache(uncachedDates) {
+  const [cache, setCache] = useState(undefined);
+  if (cache && (cache.startDate !== uncachedDates.startDate || cache.endDate !== uncachedDates.endDate)) {
+    setCache(undefined);
+  }
+  return [cache, setCache];
+}
+//# sourceMappingURL=useLastEventCallCache.js.map

package/es/components/date-picker/hooks/useLastEventCallCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLastEventCallCache.js","names":["useState","useLastEventCallCache","uncachedDates","cache","setCache","undefined","startDate","endDate"],"sources":["../../../../../src/components/date-picker/hooks/useLastEventCallCache.ts"],"sourcesContent":["import { useState } from 'react'\nimport { DatePickerDates } from './useDates'\n\nexport type LastEventCallCache = {\n  startDate?: DatePickerDates['startDate']\n  endDate?: DatePickerDates['startDate']\n}\n\ntype uncachedDates = LastEventCallCache\n\nexport default function useLastEventCallCache(\n  uncachedDates: uncachedDates\n) {\n  const [cache, setCache] = useState<LastEventCallCache>(undefined)\n\n  if (\n    cache &&\n    (cache.startDate !== uncachedDates.startDate ||\n      cache.endDate !== uncachedDates.endDate)\n  ) {\n    setCache(undefined)\n  }\n\n  return [cache, setCache] as const\n}\n"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAUhC,eAAe,SAASC,qBAAqBA,CAC3CC,aAA4B,EAC5B;EACA,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGJ,QAAQ,CAAqBK,SAAS,CAAC;EAEjE,IACEF,KAAK,KACJA,KAAK,CAACG,SAAS,KAAKJ,aAAa,CAACI,SAAS,IAC1CH,KAAK,CAACI,OAAO,KAAKL,aAAa,CAACK,OAAO,CAAC,EAC1C;IACAH,QAAQ,CAACC,SAAS,CAAC;EACrB;EAEA,OAAO,CAACF,KAAK,EAAEC,QAAQ,CAAC;AAC1B"}

package/es/components/date-picker/hooks/useViews.d.ts

@@ -0,0 +1,20 @@
+import { DatePickerDates } from './useDates';
+export type CalendarView = {
+    nr: number;
+    month?: Date;
+};
+export type ViewDates = {
+    startMonth?: DatePickerDates['startMonth'];
+    endMonth?: DatePickerDates['endMonth'];
+};
+export type UseViewsParams = ViewDates & {
+    isRange?: boolean;
+};
+export default function useViews({ isRange, ...dates }: UseViewsParams): {
+    readonly views: CalendarView[];
+    readonly setViews: (views: Array<CalendarView>, cb?: (...args: unknown[]) => void) => void;
+    readonly forceViewMonthChange: () => void;
+};
+export declare function getViews({ views, isRange, ...dates }: ViewDates & UseViewsParams & {
+    views?: CalendarView | Array<CalendarView>;
+}): Array<CalendarView>;

package/es/components/date-picker/hooks/useViews.js

@@ -0,0 +1,72 @@
+"use client";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["isRange"],
+  _excluded2 = ["views", "isRange"];
+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 addMonths from 'date-fns/addMonths';
+import { useMemo, useRef, useState } from 'react';
+export default function useViews(_ref) {
+  let {
+      isRange
+    } = _ref,
+    dates = _objectWithoutProperties(_ref, _excluded);
+  const [previousDates, setPreviousDates] = useState(dates);
+  const [views, setViews] = useState(getViews(_objectSpread(_objectSpread({
+    views: undefined
+  }, dates), {}, {
+    isRange
+  })));
+  const forceViewChange = useRef(false);
+  const hasDateChanges = useMemo(() => Object.keys(dates).some(date => previousDates[date] !== dates[date]), [dates, previousDates]);
+  if (hasDateChanges) {
+    const currentViews = Array.isArray(views) ? views.length > 1 ? views : views[0] : views;
+    if (forceViewChange.current || !isRange) {
+      setViews(getViews(_objectSpread(_objectSpread({}, dates), {}, {
+        views: currentViews,
+        isRange
+      })));
+      forceViewChange.current = false;
+    }
+    setPreviousDates(dates);
+  }
+  function updateViews(views, cb = null) {
+    setViews(views);
+    cb === null || cb === void 0 ? void 0 : cb();
+  }
+  function forceViewMonthChange() {
+    forceViewChange.current = true;
+  }
+  return {
+    views,
+    setViews: updateViews,
+    forceViewMonthChange
+  };
+}
+export function getViews(_ref2) {
+  let {
+      views,
+      isRange
+    } = _ref2,
+    dates = _objectWithoutProperties(_ref2, _excluded2);
+  return (Array.isArray(views) ? views : Array(isRange ? 2 : views).fill(1)).map((view, nr) => ({
+    month: getMonthView(_objectSpread({}, dates), nr),
+    nr
+  }));
+}
+function getMonthView({
+  startMonth,
+  endMonth
+}, nr) {
+  if (startMonth && nr === 0) {
+    return startMonth;
+  }
+  if (endMonth && nr === 1) {
+    return endMonth;
+  }
+  const fallbackMonth = startMonth || new Date();
+  return addMonths(fallbackMonth, nr);
+}
+//# sourceMappingURL=useViews.js.map

package/es/components/date-picker/hooks/useViews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViews.js","names":["addMonths","useMemo","useRef","useState","useViews","_ref","isRange","dates","_objectWithoutProperties","_excluded","previousDates","setPreviousDates","views","setViews","getViews","_objectSpread","undefined","forceViewChange","hasDateChanges","Object","keys","some","date","currentViews","Array","isArray","length","current","updateViews","cb","forceViewMonthChange","_ref2","_excluded2","fill","map","view","nr","month","getMonthView","startMonth","endMonth","fallbackMonth","Date"],"sources":["../../../../../src/components/date-picker/hooks/useViews.ts"],"sourcesContent":["import addMonths from 'date-fns/addMonths'\nimport { useMemo, useRef, useState } from 'react'\nimport { DatePickerDates } from './useDates'\n\nexport type CalendarView = { nr: number; month?: Date }\n\nexport type ViewDates = {\n  startMonth?: DatePickerDates['startMonth']\n  endMonth?: DatePickerDates['endMonth']\n}\n\nexport type UseViewsParams = ViewDates & {\n  isRange?: boolean\n}\n\nexport default function useViews({ isRange, ...dates }: UseViewsParams) {\n  const [previousDates, setPreviousDates] = useState(dates)\n  const [views, setViews] = useState<Array<CalendarView>>(\n    getViews({ views: undefined, ...dates, isRange })\n  )\n\n  const forceViewChange = useRef(false)\n\n  const hasDateChanges = useMemo(\n    () =>\n      Object.keys(dates).some(\n        (date) => previousDates[date] !== dates[date]\n      ),\n    [dates, previousDates]\n  )\n\n  if (hasDateChanges) {\n    const currentViews = Array.isArray(views)\n      ? views.length > 1\n        ? views\n        : views[0]\n      : views\n\n    // Maintain range views unless forced to change by shortcut or keyboard navigation\n    if (forceViewChange.current || !isRange) {\n      setViews(getViews({ ...dates, views: currentViews, isRange }))\n      forceViewChange.current = false\n    }\n\n    setPreviousDates(dates)\n  }\n\n  function updateViews(\n    views: Array<CalendarView>,\n    cb: (...args: unknown[]) => void = null\n  ) {\n    setViews(views)\n    cb?.()\n  }\n\n  function forceViewMonthChange() {\n    forceViewChange.current = true\n  }\n\n  return {\n    views,\n    setViews: updateViews,\n    forceViewMonthChange,\n  } as const\n}\n\nexport function getViews({\n  views,\n  isRange,\n  ...dates\n}: ViewDates &\n  UseViewsParams & {\n    views?: CalendarView | Array<CalendarView>\n  }): Array<CalendarView> {\n  // fill the views with the calendar data getMonth()\n  return (\n    Array.isArray(views)\n      ? views\n      : Array(\n          isRange\n            ? 2 // set default range calendars\n            : views\n        ).fill(1)\n  ).map((view, nr) => ({\n    month: getMonthView({ ...dates }, nr),\n    nr,\n  }))\n}\n\nfunction getMonthView(\n  { startMonth, endMonth }: ViewDates,\n  nr: CalendarView['nr']\n) {\n  if (startMonth && nr === 0) {\n    return startMonth\n  }\n\n  if (endMonth && nr === 1) {\n    return endMonth\n  }\n\n  // Here we add that default offset to every new calendar added,\n  // the first will get 0, the next one 1, and so forth\n  const fallbackMonth = startMonth || new Date()\n  return addMonths(fallbackMonth, nr)\n}\n"],"mappings":"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"}