@chayns-components/date 5.0.0-beta.433

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Tobit Laboratories AG
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,34 @@
+<div align="center">
+    <h1>
+        <img src="https://raw.githubusercontent.com/TobitSoftware/chayns-components/master/assets/logo.png" width="600px" alt="chayns-components" />
+    </h1>
+    <p>A set of beautiful React components for developing your own applications with chayns.</p>
+    <div>
+        <img src="https://img.shields.io/npm/dm/@chayns-components/typewriter.svg?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/npm/v/@chayns-components/typewriter?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/github/license/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/github/contributors/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
+    </div>
+</div>
+
+---
+
+## Installation
+
+First you need to install the color picker part of the chayns-components.
+
+```bash
+# NPM
+npm install @chayns-components/date
+
+# Yarn
+yarn add @chayns-components/date
+```
+
+> **Information:** Since the components have now been implemented with the styled-components
+> library, the styles are delivered directly with the components. There is no need to load an extra
+> stylesheet anymore.
+
+## Usage
+
+For detailed usage visit the [storybook](https://components.chayns.site/storybook).

package/lib/components/calendar/Calendar.d.ts

@@ -0,0 +1,36 @@
+import { FC } from 'react';
+import { type Locale } from 'date-fns';
+import type { Categories, HighlightedDates } from '../../types/calendar';
+export type CalendarProps = {
+    /**
+     * An array to group dates into a category.
+     */
+    categories?: Categories[];
+    /**
+     * The last Month that can be displayed.
+     */
+    endDate?: Date;
+    /**
+     * An array with dates and corresponding styles to highlight.
+     */
+    highlightedDates?: HighlightedDates[];
+    /**
+     * The locale language to format the dates.
+     */
+    locale?: Locale;
+    /**
+     * Function to be executed when a date is selected.
+     * @param date
+     */
+    onSelect?: (date: Date) => void;
+    /**
+     * A date that should be preselected.
+     */
+    selectedDate?: Date;
+    /**
+     * The first Month that can be displayed.
+     */
+    startDate: Date;
+};
+declare const Calendar: FC<CalendarProps>;
+export default Calendar;

package/lib/components/calendar/Calendar.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dateFns = require("date-fns");
+var _locale = require("date-fns/locale");
+var _Calendar = require("./Calendar.styles");
+var _calendar = require("../../utils/calendar");
+var _core = require("@chayns-components/core");
+var _MonthWrapper = _interopRequireDefault(require("./month-wrapper/MonthWrapper"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const END_DATE = new Date(new Date().setFullYear(new Date().getFullYear() + 100));
+const Calendar = _ref => {
+  let {
+    locale = _locale.de,
+    endDate = END_DATE,
+    startDate,
+    highlightedDates,
+    onSelect,
+    selectedDate,
+    categories
+  } = _ref;
+  const [currentDate, setCurrentDate] = (0, _react.useState)();
+  const [shouldRenderTwoMonths, setShouldRenderTwoMonths] = (0, _react.useState)(true);
+  const [internalSelectedDate, setInternalSelectedDate] = (0, _react.useState)();
+  const [direction, setDirection] = (0, _react.useState)();
+  const [width, setWidth] = (0, _react.useState)(0);
+  const calendarRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (selectedDate) {
+      setInternalSelectedDate(selectedDate);
+    }
+  }, [selectedDate]);
+  (0, _react.useEffect)(() => {
+    if (calendarRef.current) {
+      const resizeObserver = new ResizeObserver(entries => {
+        if (entries && entries[0]) {
+          const observedWidth = entries[0].contentRect.width;
+          setWidth(observedWidth - 30);
+          if (observedWidth < 430) {
+            setShouldRenderTwoMonths(false);
+          } else {
+            setShouldRenderTwoMonths(true);
+          }
+        }
+      });
+      resizeObserver.observe(calendarRef.current);
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+    return () => {};
+  }, []);
+  (0, _react.useEffect)(() => {
+    const date = new Date();
+    setCurrentDate((0, _calendar.isDateInRange)({
+      startDate,
+      endDate,
+      currentDate: date
+    }));
+  }, [endDate, startDate]);
+  const handleLeftArrowClick = (0, _react.useCallback)(() => {
+    setDirection('left');
+    setCurrentDate(prevDate => {
+      if (!prevDate) {
+        return prevDate;
+      }
+      const newDate = (0, _calendar.getNewDate)(-1, prevDate);
+      return (0, _calendar.isDateInRange)({
+        startDate,
+        endDate,
+        currentDate: newDate
+      });
+    });
+  }, [endDate, startDate]);
+  const handleRightArrowClick = (0, _react.useCallback)(() => {
+    setDirection('right');
+    setCurrentDate(prevDate => {
+      if (!prevDate) {
+        return prevDate;
+      }
+      const newDate = (0, _calendar.getNewDate)(1, prevDate);
+      return (0, _calendar.isDateInRange)({
+        startDate,
+        endDate,
+        currentDate: newDate
+      });
+    });
+  }, [endDate, startDate]);
+  const handleSelect = (0, _react.useCallback)(date => {
+    setInternalSelectedDate(date);
+    if (typeof onSelect === 'function') {
+      onSelect(date);
+    }
+  }, [onSelect]);
+  const handleAnimationFinished = () => {
+    setDirection(undefined);
+  };
+  const ShouldShowLeftArrow = (0, _react.useMemo)(() => {
+    if (!currentDate) {
+      return false;
+    }
+    return !(0, _dateFns.isSameMonth)(currentDate, startDate);
+  }, [currentDate, startDate]);
+  const ShouldShowRightArrow = (0, _react.useMemo)(() => {
+    if (!currentDate) {
+      return false;
+    }
+    return !(0, _dateFns.isSameMonth)(currentDate, endDate);
+  }, [currentDate, endDate]);
+  return /*#__PURE__*/_react.default.createElement(_Calendar.StyledCalendar, {
+    ref: calendarRef
+  }, ShouldShowLeftArrow ? /*#__PURE__*/_react.default.createElement(_Calendar.StyledCalendarIconWrapper, {
+    onClick: handleLeftArrowClick
+  }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
+    icons: ['fa fa-angle-left']
+  })) : /*#__PURE__*/_react.default.createElement(_Calendar.StyledCalendarIconWrapperPseudo, null), currentDate && /*#__PURE__*/_react.default.createElement(_MonthWrapper.default, {
+    shouldRenderTwo: shouldRenderTwoMonths,
+    currentDate: currentDate,
+    width: width,
+    locale: locale,
+    direction: direction,
+    onSelect: handleSelect,
+    selectedDate: internalSelectedDate,
+    highlightedDates: highlightedDates,
+    categories: categories,
+    onAnimationFinished: handleAnimationFinished
+  }), ShouldShowRightArrow ? /*#__PURE__*/_react.default.createElement(_Calendar.StyledCalendarIconWrapper, {
+    onClick: handleRightArrowClick
+  }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
+    icons: ['fa fa-angle-right']
+  })) : /*#__PURE__*/_react.default.createElement(_Calendar.StyledCalendarIconWrapperPseudo, null));
+};
+Calendar.displayName = 'Calendar';
+var _default = exports.default = Calendar;
+//# sourceMappingURL=Calendar.js.map

package/lib/components/calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","names":["_react","_interopRequireWildcard","require","_dateFns","_locale","_Calendar","_calendar","_core","_MonthWrapper","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","END_DATE","Date","setFullYear","getFullYear","Calendar","_ref","locale","de","endDate","startDate","highlightedDates","onSelect","selectedDate","categories","currentDate","setCurrentDate","useState","shouldRenderTwoMonths","setShouldRenderTwoMonths","internalSelectedDate","setInternalSelectedDate","direction","setDirection","width","setWidth","calendarRef","useRef","useEffect","current","resizeObserver","ResizeObserver","entries","observedWidth","contentRect","observe","disconnect","date","isDateInRange","handleLeftArrowClick","useCallback","prevDate","newDate","getNewDate","handleRightArrowClick","handleSelect","handleAnimationFinished","undefined","ShouldShowLeftArrow","useMemo","isSameMonth","ShouldShowRightArrow","createElement","StyledCalendar","ref","StyledCalendarIconWrapper","onClick","Icon","icons","StyledCalendarIconWrapperPseudo","shouldRenderTwo","onAnimationFinished","displayName","_default","exports"],"sources":["../../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { isSameMonth, type Locale } from 'date-fns';\nimport { de } from 'date-fns/locale';\nimport {\n    StyledCalendar,\n    StyledCalendarIconWrapper,\n    StyledCalendarIconWrapperPseudo,\n} from './Calendar.styles';\nimport { getNewDate, isDateInRange } from '../../utils/calendar';\nimport type { Categories, HighlightedDates } from '../../types/calendar';\nimport { Icon } from '@chayns-components/core';\nimport MonthWrapper from './month-wrapper/MonthWrapper';\n\nconst END_DATE = new Date(new Date().setFullYear(new Date().getFullYear() + 100));\n\nexport type CalendarProps = {\n    /**\n     * An array to group dates into a category.\n     */\n    categories?: Categories[];\n    /**\n     * The last Month that can be displayed.\n     */\n    endDate?: Date;\n    /**\n     * An array with dates and corresponding styles to highlight.\n     */\n    highlightedDates?: HighlightedDates[];\n    /**\n     * The locale language to format the dates.\n     */\n    locale?: Locale;\n    /**\n     * Function to be executed when a date is selected.\n     * @param date\n     */\n    onSelect?: (date: Date) => void;\n    /**\n     * A date that should be preselected.\n     */\n    selectedDate?: Date;\n    /**\n     * The first Month that can be displayed.\n     */\n    startDate: Date;\n};\n\nconst Calendar: FC<CalendarProps> = ({\n    locale = de,\n    endDate = END_DATE,\n    startDate,\n    highlightedDates,\n    onSelect,\n    selectedDate,\n    categories,\n}) => {\n    const [currentDate, setCurrentDate] = useState<Date>();\n    const [shouldRenderTwoMonths, setShouldRenderTwoMonths] = useState(true);\n    const [internalSelectedDate, setInternalSelectedDate] = useState<Date>();\n    const [direction, setDirection] = useState<'left' | 'right'>();\n    const [width, setWidth] = useState(0);\n\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (selectedDate) {\n            setInternalSelectedDate(selectedDate);\n        }\n    }, [selectedDate]);\n\n    useEffect(() => {\n        if (calendarRef.current) {\n            const resizeObserver = new ResizeObserver((entries) => {\n                if (entries && entries[0]) {\n                    const observedWidth = entries[0].contentRect.width;\n\n                    setWidth(observedWidth - 30);\n\n                    if (observedWidth < 430) {\n                        setShouldRenderTwoMonths(false);\n                    } else {\n                        setShouldRenderTwoMonths(true);\n                    }\n                }\n            });\n\n            resizeObserver.observe(calendarRef.current);\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }\n\n        return () => {};\n    }, []);\n\n    useEffect(() => {\n        const date = new Date();\n\n        setCurrentDate(isDateInRange({ startDate, endDate, currentDate: date }));\n    }, [endDate, startDate]);\n\n    const handleLeftArrowClick = useCallback(() => {\n        setDirection('left');\n\n        setCurrentDate((prevDate) => {\n            if (!prevDate) {\n                return prevDate;\n            }\n\n            const newDate = getNewDate(-1, prevDate);\n\n            return isDateInRange({ startDate, endDate, currentDate: newDate });\n        });\n    }, [endDate, startDate]);\n\n    const handleRightArrowClick = useCallback(() => {\n        setDirection('right');\n\n        setCurrentDate((prevDate) => {\n            if (!prevDate) {\n                return prevDate;\n            }\n\n            const newDate = getNewDate(1, prevDate);\n\n            return isDateInRange({ startDate, endDate, currentDate: newDate });\n        });\n    }, [endDate, startDate]);\n\n    const handleSelect = useCallback(\n        (date: Date) => {\n            setInternalSelectedDate(date);\n\n            if (typeof onSelect === 'function') {\n                onSelect(date);\n            }\n        },\n        [onSelect],\n    );\n\n    const handleAnimationFinished = () => {\n        setDirection(undefined);\n    };\n\n    const ShouldShowLeftArrow = useMemo(() => {\n        if (!currentDate) {\n            return false;\n        }\n\n        return !isSameMonth(currentDate, startDate);\n    }, [currentDate, startDate]);\n\n    const ShouldShowRightArrow = useMemo(() => {\n        if (!currentDate) {\n            return false;\n        }\n\n        return !isSameMonth(currentDate, endDate);\n    }, [currentDate, endDate]);\n\n    return (\n        <StyledCalendar ref={calendarRef}>\n            {ShouldShowLeftArrow ? (\n                <StyledCalendarIconWrapper onClick={handleLeftArrowClick}>\n                    <Icon icons={['fa fa-angle-left']} />\n                </StyledCalendarIconWrapper>\n            ) : (\n                <StyledCalendarIconWrapperPseudo />\n            )}\n            {currentDate && (\n                <MonthWrapper\n                    shouldRenderTwo={shouldRenderTwoMonths}\n                    currentDate={currentDate}\n                    width={width}\n                    locale={locale}\n                    direction={direction}\n                    onSelect={handleSelect}\n                    selectedDate={internalSelectedDate}\n                    highlightedDates={highlightedDates}\n                    categories={categories}\n                    onAnimationFinished={handleAnimationFinished}\n                />\n            )}\n            {ShouldShowRightArrow ? (\n                <StyledCalendarIconWrapper onClick={handleRightArrowClick}>\n                    <Icon icons={['fa fa-angle-right']} />\n                </StyledCalendarIconWrapper>\n            ) : (\n                <StyledCalendarIconWrapperPseudo />\n            )}\n        </StyledCalendar>\n    );\n};\n\nCalendar.displayName = 'Calendar';\n\nexport default Calendar;\n"],"mappings":"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"}

package/lib/components/calendar/Calendar.styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledCalendar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledCalendarIconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledCalendarIconWrapperPseudo: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/components/calendar/Calendar.styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCalendarIconWrapperPseudo = exports.StyledCalendarIconWrapper = exports.StyledCalendar = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledCalendar = exports.StyledCalendar = _styledComponents.default.div`
+    display: flex;
+    width: 100%;
+`;
+const StyledCalendarIconWrapper = exports.StyledCalendarIconWrapper = _styledComponents.default.div`
+    cursor: pointer;
+    z-index: 2;
+`;
+const StyledCalendarIconWrapperPseudo = exports.StyledCalendarIconWrapperPseudo = _styledComponents.default.div`
+    width: 15px;
+`;
+//# sourceMappingURL=Calendar.styles.js.map

package/lib/components/calendar/Calendar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledCalendar","exports","styled","div","StyledCalendarIconWrapper","StyledCalendarIconWrapperPseudo"],"sources":["../../../src/components/calendar/Calendar.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledCalendar = styled.div`\n    display: flex;\n    width: 100%;\n`;\n\nexport const StyledCalendarIconWrapper = styled.div`\n    cursor: pointer;\n    z-index: 2;\n`;\n\nexport const StyledCalendarIconWrapperPseudo = styled.div`\n    width: 15px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAGE,yBAAM,CAACC,GAAI;AACzC;AACA;AACA,CAAC;AAEM,MAAMC,yBAAyB,GAAAH,OAAA,CAAAG,yBAAA,GAAGF,yBAAM,CAACC,GAAI;AACpD;AACA;AACA,CAAC;AAEM,MAAME,+BAA+B,GAAAJ,OAAA,CAAAI,+BAAA,GAAGH,yBAAM,CAACC,GAAI;AAC1D;AACA,CAAC"}

package/lib/components/calendar/month-wrapper/MonthWrapper.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import type { Locale } from 'date-fns';
+import type { Categories, HighlightedDates } from '../../../types/calendar';
+export type MonthWrapperProps = {
+    locale: Locale;
+    highlightedDates?: HighlightedDates[];
+    onSelect: (date: Date) => void;
+    selectedDate?: Date;
+    categories?: Categories[];
+    currentDate: Date;
+    direction?: 'left' | 'right';
+    onAnimationFinished: () => void;
+    shouldRenderTwo: boolean;
+    width: number;
+};
+declare const MonthWrapper: FC<MonthWrapperProps>;
+export default MonthWrapper;

package/lib/components/calendar/month-wrapper/MonthWrapper.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _MonthWrapper = require("./MonthWrapper.styles");
+var _Month = _interopRequireDefault(require("./month/Month"));
+var _calendar = require("../../../utils/calendar");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const MonthWrapper = _ref => {
+  let {
+    locale,
+    currentDate,
+    highlightedDates,
+    selectedDate,
+    onSelect,
+    categories,
+    direction,
+    onAnimationFinished,
+    shouldRenderTwo,
+    width
+  } = _ref;
+  const [content, setContent] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    setContent(prevState => {
+      // Initial render of months
+      if (!prevState) {
+        const items = [];
+        for (let i = -1; i < 3; i++) {
+          const date = (0, _calendar.getNewDate)(i, currentDate);
+          const {
+            month,
+            year
+          } = (0, _calendar.getMonthAndYear)(date);
+          items.push( /*#__PURE__*/_react.default.createElement(_Month.default, {
+            key: `${month}-${year}`,
+            month: month,
+            year: year,
+            locale: locale,
+            onSelect: onSelect,
+            highlightedDates: highlightedDates,
+            categories: categories,
+            selectedDate: selectedDate
+          }));
+        }
+        return items;
+      }
+      if (direction === 'left') {
+        const date = (0, _calendar.getNewDate)(-1, currentDate);
+        const {
+          month,
+          year
+        } = (0, _calendar.getMonthAndYear)(date);
+        prevState.unshift( /*#__PURE__*/_react.default.createElement(_Month.default, {
+          key: `${month}-${year}`,
+          month: month,
+          year: year,
+          locale: locale,
+          onSelect: onSelect,
+          highlightedDates: highlightedDates,
+          categories: categories,
+          selectedDate: selectedDate
+        }));
+        prevState.pop();
+      }
+      if (direction === 'right') {
+        const date = (0, _calendar.getNewDate)(2, currentDate);
+        const {
+          month,
+          year
+        } = (0, _calendar.getMonthAndYear)(date);
+        prevState.push( /*#__PURE__*/_react.default.createElement(_Month.default, {
+          key: `${month}-${year}`,
+          month: month,
+          year: year,
+          locale: locale,
+          onSelect: onSelect,
+          highlightedDates: highlightedDates,
+          categories: categories,
+          selectedDate: selectedDate
+        }));
+        prevState.shift();
+      }
+      return prevState;
+    });
+  }, [categories, currentDate, direction, highlightedDates, locale, onSelect, selectedDate]);
+  const animate = (0, _react.useMemo)(() => {
+    if (shouldRenderTwo) {
+      switch (true) {
+        case direction === 'left':
+          return {
+            x: '0%'
+          };
+        case direction === 'right':
+          return {
+            x: '-100%'
+          };
+        default:
+          return {
+            x: '-50%'
+          };
+      }
+    } else {
+      switch (true) {
+        case direction === 'left':
+          return {
+            x: '0%'
+          };
+        case direction === 'right':
+          return {
+            x: '-200%'
+          };
+        default:
+          return {
+            x: '-100%'
+          };
+      }
+    }
+  }, [direction, shouldRenderTwo]);
+  return /*#__PURE__*/_react.default.createElement(_MonthWrapper.StyledMonthWrapper, {
+    height: shouldRenderTwo ? width / 2 : width
+  }, /*#__PURE__*/_react.default.createElement(_MonthWrapper.StyledMotionWrapper, {
+    animate: animate,
+    transition: {
+      type: 'tween',
+      duration: !direction ? 0 : 0.2
+    },
+    onAnimationComplete: onAnimationFinished
+  }, content));
+};
+MonthWrapper.displayName = 'MonthWrapper';
+var _default = exports.default = MonthWrapper;
+//# sourceMappingURL=MonthWrapper.js.map

package/lib/components/calendar/month-wrapper/MonthWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthWrapper.js","names":["_react","_interopRequireWildcard","require","_MonthWrapper","_Month","_interopRequireDefault","_calendar","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","MonthWrapper","_ref","locale","currentDate","highlightedDates","selectedDate","onSelect","categories","direction","onAnimationFinished","shouldRenderTwo","width","content","setContent","useState","useEffect","prevState","items","date","getNewDate","month","year","getMonthAndYear","push","createElement","key","unshift","pop","shift","animate","useMemo","x","StyledMonthWrapper","height","StyledMotionWrapper","transition","type","duration","onAnimationComplete","displayName","_default","exports"],"sources":["../../../../src/components/calendar/month-wrapper/MonthWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useEffect, useMemo, useState } from 'react';\nimport type { Locale } from 'date-fns';\nimport { StyledMonthWrapper, StyledMotionWrapper } from './MonthWrapper.styles';\nimport type { MotionProps } from 'framer-motion';\nimport type { Categories, HighlightedDates } from '../../../types/calendar';\nimport Month from './month/Month';\nimport { getMonthAndYear, getNewDate } from '../../../utils/calendar';\n\nexport type MonthWrapperProps = {\n    locale: Locale;\n    highlightedDates?: HighlightedDates[];\n    onSelect: (date: Date) => void;\n    selectedDate?: Date;\n    categories?: Categories[];\n    currentDate: Date;\n    direction?: 'left' | 'right';\n    onAnimationFinished: () => void;\n    shouldRenderTwo: boolean;\n    width: number;\n};\n\nconst MonthWrapper: FC<MonthWrapperProps> = ({\n    locale,\n    currentDate,\n    highlightedDates,\n    selectedDate,\n    onSelect,\n    categories,\n    direction,\n    onAnimationFinished,\n    shouldRenderTwo,\n    width,\n}) => {\n    const [content, setContent] = useState<ReactElement[]>();\n\n    useEffect(() => {\n        setContent((prevState) => {\n            // Initial render of months\n            if (!prevState) {\n                const items: ReactElement[] = [];\n\n                for (let i = -1; i < 3; i++) {\n                    const date = getNewDate(i, currentDate);\n\n                    const { month, year } = getMonthAndYear(date);\n\n                    items.push(\n                        <Month\n                            key={`${month}-${year}`}\n                            month={month}\n                            year={year}\n                            locale={locale}\n                            onSelect={onSelect}\n                            highlightedDates={highlightedDates}\n                            categories={categories}\n                            selectedDate={selectedDate}\n                        />,\n                    );\n                }\n\n                return items;\n            }\n\n            if (direction === 'left') {\n                const date = getNewDate(-1, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.unshift(\n                    <Month\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.pop();\n            }\n\n            if (direction === 'right') {\n                const date = getNewDate(2, currentDate);\n\n                const { month, year } = getMonthAndYear(date);\n\n                prevState.push(\n                    <Month\n                        key={`${month}-${year}`}\n                        month={month}\n                        year={year}\n                        locale={locale}\n                        onSelect={onSelect}\n                        highlightedDates={highlightedDates}\n                        categories={categories}\n                        selectedDate={selectedDate}\n                    />,\n                );\n                prevState.shift();\n            }\n\n            return prevState;\n        });\n    }, [categories, currentDate, direction, highlightedDates, locale, onSelect, selectedDate]);\n\n    const animate: MotionProps['animate'] = useMemo(() => {\n        if (shouldRenderTwo) {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-100%' };\n                default:\n                    return { x: '-50%' };\n            }\n        } else {\n            switch (true) {\n                case direction === 'left':\n                    return { x: '0%' };\n                case direction === 'right':\n                    return { x: '-200%' };\n                default:\n                    return { x: '-100%' };\n            }\n        }\n    }, [direction, shouldRenderTwo]);\n\n    return (\n        <StyledMonthWrapper height={shouldRenderTwo ? width / 2 : width}>\n            <StyledMotionWrapper\n                animate={animate}\n                transition={{\n                    type: 'tween',\n                    duration: !direction ? 0 : 0.2,\n                }}\n                onAnimationComplete={onAnimationFinished}\n            >\n                {content}\n            </StyledMotionWrapper>\n        </StyledMonthWrapper>\n    );\n};\n\nMonthWrapper.displayName = 'MonthWrapper';\n\nexport default MonthWrapper;\n"],"mappings":"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"}