npm - @chayns-components/date - Versions diffs - 5.0.0-beta.441 → 5.0.0-beta.443 - Mend

@chayns-components/date 5.0.0-beta.441 → 5.0.0-beta.443

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/lib/components/calendar/Calendar.js CHANGED Viewed

@@ -1,23 +1,14 @@
-"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; }
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { isSameMonth } from 'date-fns';
+import { de } from 'date-fns/locale';
+import { StyledCalendar, StyledCalendarIconWrapper, StyledCalendarIconWrapperPseudo } from './Calendar.styles';
+import { getNewDate, isDateInRange } from '../../utils/calendar';
+import { Icon } from '@chayns-components/core';
+import MonthWrapper from './month-wrapper/MonthWrapper';
 const END_DATE = new Date(new Date().setFullYear(new Date().getFullYear() + 100));
 const Calendar = _ref => {
   let {
-    locale = _locale.de,
+    locale = de,
     endDate = END_DATE,
     startDate,
     highlightedDates,
@@ -25,18 +16,18 @@ const Calendar = _ref => {
     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)(() => {
+  const [currentDate, setCurrentDate] = useState();
+  const [shouldRenderTwoMonths, setShouldRenderTwoMonths] = useState(true);
+  const [internalSelectedDate, setInternalSelectedDate] = useState();
+  const [direction, setDirection] = useState();
+  const [width, setWidth] = useState(0);
+  const calendarRef = useRef(null);
+  useEffect(() => {
     if (selectedDate) {
       setInternalSelectedDate(selectedDate);
     }
   }, [selectedDate]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (calendarRef.current) {
       const resizeObserver = new ResizeObserver(entries => {
         if (entries && entries[0]) {
@@ -56,43 +47,43 @@ const Calendar = _ref => {
     }
     return () => {};
   }, []);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     const date = new Date();
-    setCurrentDate((0, _calendar.isDateInRange)({
+    setCurrentDate(isDateInRange({
       startDate,
       endDate,
       currentDate: date
     }));
   }, [endDate, startDate]);
-  const handleLeftArrowClick = (0, _react.useCallback)(() => {
+  const handleLeftArrowClick = useCallback(() => {
     setDirection('left');
     setCurrentDate(prevDate => {
       if (!prevDate) {
         return prevDate;
       }
-      const newDate = (0, _calendar.getNewDate)(-1, prevDate);
-      return (0, _calendar.isDateInRange)({
+      const newDate = getNewDate(-1, prevDate);
+      return isDateInRange({
         startDate,
         endDate,
         currentDate: newDate
       });
     });
   }, [endDate, startDate]);
-  const handleRightArrowClick = (0, _react.useCallback)(() => {
+  const handleRightArrowClick = useCallback(() => {
     setDirection('right');
     setCurrentDate(prevDate => {
       if (!prevDate) {
         return prevDate;
       }
-      const newDate = (0, _calendar.getNewDate)(1, prevDate);
-      return (0, _calendar.isDateInRange)({
+      const newDate = getNewDate(1, prevDate);
+      return isDateInRange({
         startDate,
         endDate,
         currentDate: newDate
       });
     });
   }, [endDate, startDate]);
-  const handleSelect = (0, _react.useCallback)(date => {
+  const handleSelect = useCallback(date => {
     setInternalSelectedDate(date);
     if (typeof onSelect === 'function') {
       onSelect(date);
@@ -101,25 +92,25 @@ const Calendar = _ref => {
   const handleAnimationFinished = () => {
     setDirection(undefined);
   };
-  const ShouldShowLeftArrow = (0, _react.useMemo)(() => {
+  const ShouldShowLeftArrow = useMemo(() => {
     if (!currentDate) {
       return false;
     }
-    return !(0, _dateFns.isSameMonth)(currentDate, startDate);
+    return !isSameMonth(currentDate, startDate);
   }, [currentDate, startDate]);
-  const ShouldShowRightArrow = (0, _react.useMemo)(() => {
+  const ShouldShowRightArrow = useMemo(() => {
     if (!currentDate) {
       return false;
     }
-    return !(0, _dateFns.isSameMonth)(currentDate, endDate);
+    return !isSameMonth(currentDate, endDate);
   }, [currentDate, endDate]);
-  return /*#__PURE__*/_react.default.createElement(_Calendar.StyledCalendar, {
+  return /*#__PURE__*/React.createElement(StyledCalendar, {
     ref: calendarRef
-  }, ShouldShowLeftArrow ? /*#__PURE__*/_react.default.createElement(_Calendar.StyledCalendarIconWrapper, {
+  }, ShouldShowLeftArrow ? /*#__PURE__*/React.createElement(StyledCalendarIconWrapper, {
     onClick: handleLeftArrowClick
-  }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icons: ['fa fa-angle-left']
-  })) : /*#__PURE__*/_react.default.createElement(_Calendar.StyledCalendarIconWrapperPseudo, null), currentDate && /*#__PURE__*/_react.default.createElement(_MonthWrapper.default, {
+  })) : /*#__PURE__*/React.createElement(StyledCalendarIconWrapperPseudo, null), currentDate && /*#__PURE__*/React.createElement(MonthWrapper, {
     shouldRenderTwo: shouldRenderTwoMonths,
     currentDate: currentDate,
     width: width,
@@ -130,12 +121,12 @@ const Calendar = _ref => {
     highlightedDates: highlightedDates,
     categories: categories,
     onAnimationFinished: handleAnimationFinished
-  }), ShouldShowRightArrow ? /*#__PURE__*/_react.default.createElement(_Calendar.StyledCalendarIconWrapper, {
+  }), ShouldShowRightArrow ? /*#__PURE__*/React.createElement(StyledCalendarIconWrapper, {
     onClick: handleRightArrowClick
-  }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icons: ['fa fa-angle-right']
-  })) : /*#__PURE__*/_react.default.createElement(_Calendar.StyledCalendarIconWrapperPseudo, null));
+  })) : /*#__PURE__*/React.createElement(StyledCalendarIconWrapperPseudo, null));
 };
 Calendar.displayName = 'Calendar';
-var _default = exports.default = Calendar;
+export default Calendar;
 //# sourceMappingURL=Calendar.js.map

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

	@@ -1 +1 @@
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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"}
1	+ {"version":3,"file":"Calendar.js","names":["React","useCallback","useEffect","useMemo","useRef","useState","isSameMonth","de","StyledCalendar","StyledCalendarIconWrapper","StyledCalendarIconWrapperPseudo","getNewDate","isDateInRange","Icon","MonthWrapper","END_DATE","Date","setFullYear","getFullYear","Calendar","_ref","locale","endDate","startDate","highlightedDates","onSelect","selectedDate","categories","currentDate","setCurrentDate","shouldRenderTwoMonths","setShouldRenderTwoMonths","internalSelectedDate","setInternalSelectedDate","direction","setDirection","width","setWidth","calendarRef","current","resizeObserver","ResizeObserver","entries","observedWidth","contentRect","observe","disconnect","date","handleLeftArrowClick","prevDate","newDate","handleRightArrowClick","handleSelect","handleAnimationFinished","undefined","ShouldShowLeftArrow","ShouldShowRightArrow","createElement","ref","onClick","icons","shouldRenderTwo","onAnimationFinished","displayName"],"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.js CHANGED Viewed

@@ -1,20 +1,13 @@
-"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`
+import styled from 'styled-components';
+export const StyledCalendar = styled.div`
     display: flex;
     width: 100%;
 `;
-const StyledCalendarIconWrapper = exports.StyledCalendarIconWrapper = _styledComponents.default.div`
+export const StyledCalendarIconWrapper = styled.div`
     cursor: pointer;
     z-index: 2;
 `;
-const StyledCalendarIconWrapperPseudo = exports.StyledCalendarIconWrapperPseudo = _styledComponents.default.div`
+export const StyledCalendarIconWrapperPseudo = styled.div`
     width: 15px;
 `;
 //# sourceMappingURL=Calendar.styles.js.map

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"Calendar.styles.js","names":["styled","StyledCalendar","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,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAI;AACzC;AACA;AACA,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAGH,MAAM,CAACE,GAAI;AACpD;AACA;AACA,CAAC;AAED,OAAO,MAAME,+BAA+B,GAAGJ,MAAM,CAACE,GAAI;AAC1D;AACA,CAAC"}

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

@@ -1,16 +1,7 @@
-"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; }
+import React, { useEffect, useMemo, useState } from 'react';
+import { StyledMonthWrapper, StyledMotionWrapper } from './MonthWrapper.styles';
+import Month from './month/Month';
+import { getMonthAndYear, getNewDate } from '../../../utils/calendar';
 const MonthWrapper = _ref => {
   let {
     locale,
@@ -24,19 +15,19 @@ const MonthWrapper = _ref => {
     shouldRenderTwo,
     width
   } = _ref;
-  const [content, setContent] = (0, _react.useState)();
-  (0, _react.useEffect)(() => {
+  const [content, setContent] = useState();
+  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 date = getNewDate(i, currentDate);
           const {
             month,
             year
-          } = (0, _calendar.getMonthAndYear)(date);
-          items.push( /*#__PURE__*/_react.default.createElement(_Month.default, {
+          } = getMonthAndYear(date);
+          items.push( /*#__PURE__*/React.createElement(Month, {
             key: `${month}-${year}`,
             month: month,
             year: year,
@@ -50,12 +41,12 @@ const MonthWrapper = _ref => {
         return items;
       }
       if (direction === 'left') {
-        const date = (0, _calendar.getNewDate)(-1, currentDate);
+        const date = getNewDate(-1, currentDate);
         const {
           month,
           year
-        } = (0, _calendar.getMonthAndYear)(date);
-        prevState.unshift( /*#__PURE__*/_react.default.createElement(_Month.default, {
+        } = getMonthAndYear(date);
+        prevState.unshift( /*#__PURE__*/React.createElement(Month, {
           key: `${month}-${year}`,
           month: month,
           year: year,
@@ -68,12 +59,12 @@ const MonthWrapper = _ref => {
         prevState.pop();
       }
       if (direction === 'right') {
-        const date = (0, _calendar.getNewDate)(2, currentDate);
+        const date = getNewDate(2, currentDate);
         const {
           month,
           year
-        } = (0, _calendar.getMonthAndYear)(date);
-        prevState.push( /*#__PURE__*/_react.default.createElement(_Month.default, {
+        } = getMonthAndYear(date);
+        prevState.push( /*#__PURE__*/React.createElement(Month, {
           key: `${month}-${year}`,
           month: month,
           year: year,
@@ -88,7 +79,7 @@ const MonthWrapper = _ref => {
       return prevState;
     });
   }, [categories, currentDate, direction, highlightedDates, locale, onSelect, selectedDate]);
-  const animate = (0, _react.useMemo)(() => {
+  const animate = useMemo(() => {
     if (shouldRenderTwo) {
       switch (true) {
         case direction === 'left':
@@ -121,9 +112,9 @@ const MonthWrapper = _ref => {
       }
     }
   }, [direction, shouldRenderTwo]);
-  return /*#__PURE__*/_react.default.createElement(_MonthWrapper.StyledMonthWrapper, {
+  return /*#__PURE__*/React.createElement(StyledMonthWrapper, {
     height: shouldRenderTwo ? width / 2 : width
-  }, /*#__PURE__*/_react.default.createElement(_MonthWrapper.StyledMotionWrapper, {
+  }, /*#__PURE__*/React.createElement(StyledMotionWrapper, {
     animate: animate,
     transition: {
       type: 'tween',
@@ -133,5 +124,5 @@ const MonthWrapper = _ref => {
   }, content));
 };
 MonthWrapper.displayName = 'MonthWrapper';
-var _default = exports.default = MonthWrapper;
+export default MonthWrapper;
 //# sourceMappingURL=MonthWrapper.js.map

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

	@@ -1 +1 @@
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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"}
1	+ {"version":3,"file":"MonthWrapper.js","names":["React","useEffect","useMemo","useState","StyledMonthWrapper","StyledMotionWrapper","Month","getMonthAndYear","getNewDate","MonthWrapper","_ref","locale","currentDate","highlightedDates","selectedDate","onSelect","categories","direction","onAnimationFinished","shouldRenderTwo","width","content","setContent","prevState","items","i","date","month","year","push","createElement","key","unshift","pop","shift","animate","x","height","transition","type","duration","onAnimationComplete","displayName"],"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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"}

package/lib/components/calendar/month-wrapper/MonthWrapper.styles.js CHANGED Viewed

@@ -1,13 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledMotionWrapper = exports.StyledMonthWrapper = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _framerMotion = require("framer-motion");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StyledMonthWrapper = exports.StyledMonthWrapper = _styledComponents.default.div`
+import styled from 'styled-components';
+import { motion } from 'framer-motion';
+export const StyledMonthWrapper = styled.div`
     width: 100%;
     overflow-x: clip;
     height: ${_ref => {
@@ -17,7 +10,7 @@ const StyledMonthWrapper = exports.StyledMonthWrapper = _styledComponents.defaul
   return height;
 }}px;
 `;
-const StyledMotionWrapper = exports.StyledMotionWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)`
+export const StyledMotionWrapper = styled(motion.div)`
     display: flex;
     height: 100%;
 `;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MonthWrapper.styles.js","names":["~~_styledComponents~~","~~_interopRequireDefault~~","~~require","_framerMotion","obj","__esModule","default","~~StyledMonthWrapper","~~exports","styled","~~div","_ref","height","StyledMotionWrapper"~~,"motion"~~],"sources":["../../../../src/components/calendar/month-wrapper/MonthWrapper.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport type { WithTheme } from '@chayns-components/core';\n\ntype StyledMonthWrapperProps = WithTheme<{ height: number }>;\n\nexport const StyledMonthWrapper = styled.div<StyledMonthWrapperProps>`\n width: 100%;\n overflow-x: clip;\n height: ${({ height }) => height}px;\n`;\n\nexport const StyledMotionWrapper = styled(motion.div)`\n display: flex;\n height: 100%;\n`;\n"],"mappings":"~~;;;;;;~~AAAA,~~IAAAA~~,~~iBAAA~~,~~GAAAC~~,~~sBAAA,CAAAC,OAAA~~;~~AACA~~,~~IAAAC~~,~~aAAA~~,~~GAAAD~~,~~OAAA~~;~~AAAuC~~,~~SAAAD~~,~~uBAAAG~~,~~GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKhC,MAAMG,~~kBAAkB,~~GAAAC~~,~~OAAA~~,~~CAAAD~~,~~kBAAA,GAAGE,yBAAM,CAACC,~~GAA6B;AACtE;AACA;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OAAKC,MAAM;AAAA,CAAC;AACrC,CAAC;~~AAEM~~,MAAMC,mBAAmB,~~GAAAL~~,~~OAAA~~,~~CAAAK~~,~~mBAAA~~,~~GAAG~~,~~IAAAJ,yBAAM,EAACK,oBAAM,CAACJ,~~GAAG,CAAE;AACtD;AACA;AACA,CAAC"}
1	+ {"version":3,"file":"MonthWrapper.styles.js","names":["styled","motion","StyledMonthWrapper","div","_ref","height","StyledMotionWrapper"],"sources":["../../../../src/components/calendar/month-wrapper/MonthWrapper.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport type { WithTheme } from '@chayns-components/core';\n\ntype StyledMonthWrapperProps = WithTheme<{ height: number }>;\n\nexport const StyledMonthWrapper = styled.div<StyledMonthWrapperProps>`\n width: 100%;\n overflow-x: clip;\n height: ${({ height }) => height}px;\n`;\n\nexport const StyledMotionWrapper = styled(motion.div)`\n display: flex;\n height: 100%;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,eAAe;AAKtC,OAAO,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,GAA6B;AACtE;AACA;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAAA,OAAKC,MAAM;AAAA,CAAC;AACrC,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGN,MAAM,CAACC,MAAM,CAACE,GAAG,CAAE;AACtD;AACA;AACA,CAAC"}

package/lib/components/calendar/month-wrapper/month/Month.js CHANGED Viewed

@@ -1,17 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Month = require("./Month.styles");
-var _WeekdayWrapper = _interopRequireDefault(require("./weekday-wrapper/WeekdayWrapper"));
-var _DayWrapper = _interopRequireDefault(require("./day-wrapper/DayWrapper"));
-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; }
+import React, { useState } from 'react';
+import { StyledMonth, StyledMonthHead, StyledMonthName } from './Month.styles';
+import WeekdayWrapper from './weekday-wrapper/WeekdayWrapper';
+import DayWrapper from './day-wrapper/DayWrapper';
+import { formatMonth } from '../../../../utils/calendar';
 const Month = _ref => {
   let {
     month,
@@ -22,13 +13,13 @@ const Month = _ref => {
     onSelect,
     categories
   } = _ref;
-  const [currentYear] = (0, _react.useState)(new Date().getFullYear());
-  return /*#__PURE__*/_react.default.createElement(_Month.StyledMonth, null, /*#__PURE__*/_react.default.createElement(_Month.StyledMonthHead, null, /*#__PURE__*/_react.default.createElement(_Month.StyledMonthName, null, `${(0, _calendar.formatMonth)({
+  const [currentYear] = useState(new Date().getFullYear());
+  return /*#__PURE__*/React.createElement(StyledMonth, null, /*#__PURE__*/React.createElement(StyledMonthHead, null, /*#__PURE__*/React.createElement(StyledMonthName, null, `${formatMonth({
     locale,
     month
-  })} ${String(currentYear) !== year ? year : ''}`)), /*#__PURE__*/_react.default.createElement(_WeekdayWrapper.default, {
+  })} ${String(currentYear) !== year ? year : ''}`)), /*#__PURE__*/React.createElement(WeekdayWrapper, {
     locale: locale
-  }), /*#__PURE__*/_react.default.createElement(_DayWrapper.default, {
+  }), /*#__PURE__*/React.createElement(DayWrapper, {
     key: `day-wrapper-${month}`,
     categories: categories,
     selectedDate: selectedDate,
@@ -39,5 +30,5 @@ const Month = _ref => {
   }));
 };
 Month.displayName = 'Month';
-var _default = exports.default = Month;
+export default Month;
 //# sourceMappingURL=Month.js.map

package/lib/components/calendar/month-wrapper/month/Month.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Month.js","names":["~~_react~~","~~_interopRequireWildcard~~","~~require~~","~~_Month~~","~~_WeekdayWrapper~~","~~_interopRequireDefault~~","~~_DayWrapper~~","~~_calendar~~","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Month","_ref","month","year","locale","highlightedDates","selectedDate","onSelect","categories","currentYear","~~useState","~~Date","getFullYear","createElement","~~StyledMonth","StyledMonthHead","StyledMonthName","formatMonth","~~String","key","displayName"~~,"_default","exports"~~],"sources":["../../../../../src/components/calendar/month-wrapper/month/Month.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { StyledMonth, StyledMonthHead, StyledMonthName } from './Month.styles';\nimport WeekdayWrapper from './weekday-wrapper/WeekdayWrapper';\nimport DayWrapper from './day-wrapper/DayWrapper';\nimport type { Locale } from 'date-fns';\nimport type { Categories, EMonth, HighlightedDates } from '../../../../types/calendar';\nimport { formatMonth } from '../../../../utils/calendar';\n\nexport type MonthProps = {\n month: EMonth;\n year: string;\n locale: Locale;\n highlightedDates?: HighlightedDates[];\n onSelect: (date: Date) => void;\n selectedDate?: Date;\n categories?: Categories[];\n};\n\nconst Month: FC<MonthProps> = ({\n month,\n year,\n locale,\n highlightedDates,\n selectedDate,\n onSelect,\n categories,\n}) => {\n const [currentYear] = useState(new Date().getFullYear());\n\n return (\n <StyledMonth>\n <StyledMonthHead>\n <StyledMonthName>{`${formatMonth({ locale, month })} ${String(currentYear) !== year ? year : ''}`}</StyledMonthName>\n </StyledMonthHead>\n <WeekdayWrapper locale={locale} />\n <DayWrapper\n key={`day-wrapper-${month}`}\n categories={categories}\n selectedDate={selectedDate}\n month={month}\n year={year}\n onSelect={onSelect}\n highlightedDates={highlightedDates}\n />\n </StyledMonth>\n );\n};\n\nMonth.displayName = 'Month';\n\nexport default Month;\n"],"mappings":"~~;;;;;;~~AAAA,~~IAAAA~~,~~MAAA~~,~~GAAAC~~,~~uBAAA~~,~~CAAAC~~,~~OAAA~~;~~AACA~~,~~IAAAC~~,~~MAAA~~,~~GAAAD~~,~~OAAA;AACA~~,~~IAAAE~~,~~eAAA~~,~~GAAAC~~,~~sBAAA,CAAAH,OAAA~~;~~AACA~~,~~IAAAI~~,~~WAAA~~,~~GAAAD~~,~~sBAAA,CAAAH,OAAA~~;~~AAGA~~,~~IAAAK~~,~~SAAA~~,~~GAAAL~~,~~OAAA~~;~~AAAyD~~,~~SAAAG~~,~~uBAAAG~~,~~GAAA~~,~~WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA~~;~~AAAA~~,~~SAAAG~~,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAYzD,MAAMY,KAAqB,GAAGC,IAAA,IAQxB;EAAA,IARyB;IAC3BC,KAAK;IACLC,IAAI;IACJC,MAAM;IACNC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC;EACJ,CAAC,GAAAP,IAAA;EACG,MAAM,CAACQ,WAAW,CAAC,~~GAAG~~,~~IAAAC~~,~~eAAQ~~,~~EAAC~~,~~IAAIC,~~IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;EAExD,~~oBACI1C~~,~~MAAA~~,~~CAAAU~~,~~OAAA,CAAAiC,~~aAAA,~~CAACxC~~,~~MAAA,CAAAyC,~~WAAW,~~qBACR5C~~,~~MAAA~~,~~CAAAU~~,~~OAAA,CAAAiC,~~aAAA,~~CAACxC~~,~~MAAA,CAAA0C,~~eAAe,~~qBACZ7C~~,~~MAAA~~,~~CAAAU~~,~~OAAA,CAAAiC,~~aAAA,~~CAACxC~~,~~MAAA,CAAA2C,~~eAAe,QAAG,~~GAAE~~,~~IAAAC~~,~~qBAAW,EAAC~~;~~IAAEb~~,MAAM;IAAEF;EAAM,CAAC,CAAE,~~IAAGgB~~,MAAM,~~CAACT~~,WAAW,CAAC,KAAKN,IAAI,GAAGA,IAAI,GAAG,EAAG,EAAmB,CACtG,CAAC,~~eAClBjC~~,~~MAAA~~,~~CAAAU~~,~~OAAA,CAAAiC,~~aAAA,~~CAACvC~~,~~eAAA,CAAAM,OAAc~~;~~IAACwB~~,MAAM,EAAEA;EAAO,CAAE,CAAC,~~eAClClC~~,~~MAAA~~,~~CAAAU~~,~~OAAA,CAAAiC,~~aAAA,~~CAACrC~~,~~WAAA,CAAAI,OAAU~~;~~IACPuC~~,GAAG,EAAG,~~eAAcjB~~,KAAM,EAAE;IAC5BM,UAAU,EAAEA,UAAW;IACvBF,YAAY,EAAEA,YAAa;IAC3BJ,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXI,QAAQ,EAAEA,QAAS;IACnBF,gBAAgB,EAAEA;EAAiB,CACtC,CACQ,CAAC;AAEtB,CAAC;AAEDL,KAAK,~~CAACoB~~,WAAW,GAAG,OAAO;~~AAAC~~,~~IAAAC~~,~~QAAA,GAAAC,OAAA,CAAA1C,OAAA,GAEboB,~~KAAK"}
1	+ {"version":3,"file":"Month.js","names":["React","useState","StyledMonth","StyledMonthHead","StyledMonthName","WeekdayWrapper","DayWrapper","formatMonth","Month","_ref","month","year","locale","highlightedDates","selectedDate","onSelect","categories","currentYear","Date","getFullYear","createElement","String","key","displayName"],"sources":["../../../../../src/components/calendar/month-wrapper/month/Month.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { StyledMonth, StyledMonthHead, StyledMonthName } from './Month.styles';\nimport WeekdayWrapper from './weekday-wrapper/WeekdayWrapper';\nimport DayWrapper from './day-wrapper/DayWrapper';\nimport type { Locale } from 'date-fns';\nimport type { Categories, EMonth, HighlightedDates } from '../../../../types/calendar';\nimport { formatMonth } from '../../../../utils/calendar';\n\nexport type MonthProps = {\n month: EMonth;\n year: string;\n locale: Locale;\n highlightedDates?: HighlightedDates[];\n onSelect: (date: Date) => void;\n selectedDate?: Date;\n categories?: Categories[];\n};\n\nconst Month: FC<MonthProps> = ({\n month,\n year,\n locale,\n highlightedDates,\n selectedDate,\n onSelect,\n categories,\n}) => {\n const [currentYear] = useState(new Date().getFullYear());\n\n return (\n <StyledMonth>\n <StyledMonthHead>\n <StyledMonthName>{`${formatMonth({ locale, month })} ${String(currentYear) !== year ? year : ''}`}</StyledMonthName>\n </StyledMonthHead>\n <WeekdayWrapper locale={locale} />\n <DayWrapper\n key={`day-wrapper-${month}`}\n categories={categories}\n selectedDate={selectedDate}\n month={month}\n year={year}\n onSelect={onSelect}\n highlightedDates={highlightedDates}\n />\n </StyledMonth>\n );\n};\n\nMonth.displayName = 'Month';\n\nexport default Month;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,WAAW,EAAEC,eAAe,EAAEC,eAAe,QAAQ,gBAAgB;AAC9E,OAAOC,cAAc,MAAM,kCAAkC;AAC7D,OAAOC,UAAU,MAAM,0BAA0B;AAGjD,SAASC,WAAW,QAAQ,4BAA4B;AAYxD,MAAMC,KAAqB,GAAGC,IAAA,IAQxB;EAAA,IARyB;IAC3BC,KAAK;IACLC,IAAI;IACJC,MAAM;IACNC,gBAAgB;IAChBC,YAAY;IACZC,QAAQ;IACRC;EACJ,CAAC,GAAAP,IAAA;EACG,MAAM,CAACQ,WAAW,CAAC,GAAGhB,QAAQ,CAAC,IAAIiB,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;EAExD,oBACInB,KAAA,CAAAoB,aAAA,CAAClB,WAAW,qBACRF,KAAA,CAAAoB,aAAA,CAACjB,eAAe,qBACZH,KAAA,CAAAoB,aAAA,CAAChB,eAAe,QAAG,GAAEG,WAAW,CAAC;IAAEK,MAAM;IAAEF;EAAM,CAAC,CAAE,IAAGW,MAAM,CAACJ,WAAW,CAAC,KAAKN,IAAI,GAAGA,IAAI,GAAG,EAAG,EAAmB,CACtG,CAAC,eAClBX,KAAA,CAAAoB,aAAA,CAACf,cAAc;IAACO,MAAM,EAAEA;EAAO,CAAE,CAAC,eAClCZ,KAAA,CAAAoB,aAAA,CAACd,UAAU;IACPgB,GAAG,EAAG,eAAcZ,KAAM,EAAE;IAC5BM,UAAU,EAAEA,UAAW;IACvBF,YAAY,EAAEA,YAAa;IAC3BJ,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXI,QAAQ,EAAEA,QAAS;IACnBF,gBAAgB,EAAEA;EAAiB,CACtC,CACQ,CAAC;AAEtB,CAAC;AAEDL,KAAK,CAACe,WAAW,GAAG,OAAO;AAE3B,eAAef,KAAK"}

package/lib/components/calendar/month-wrapper/month/Month.styles.js CHANGED Viewed

@@ -1,20 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledMonthName = exports.StyledMonthHead = exports.StyledMonth = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StyledMonth = exports.StyledMonth = _styledComponents.default.div`
+import styled from 'styled-components';
+export const StyledMonth = styled.div`
     height: 100%;
     aspect-ratio: 1;
 `;
-const StyledMonthHead = exports.StyledMonthHead = _styledComponents.default.div`
+export const StyledMonthHead = styled.div`
     display: flex;
     align-items: center;
 `;
-const StyledMonthName = exports.StyledMonthName = _styledComponents.default.div`
+export const StyledMonthName = styled.div`
     font-weight: bold;
     width: 100%;
     text-align: center;

package/lib/components/calendar/month-wrapper/month/Month.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Month.styles.js","names":["~~_styledComponents~~","~~_interopRequireDefault","require","obj","__esModule","default","~~StyledMonth","~~exports","styled","~~div","StyledMonthHead","StyledMonthName"],"sources":["../../../../../src/components/calendar/month-wrapper/month/Month.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledMonth = styled.div`\n height: 100%;\n aspect-ratio: 1;\n`;\n\nexport const StyledMonthHead = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const StyledMonthName = styled.div`\n font-weight: bold;\n width: 100%;\n text-align: center;\n user-select: none;\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,~~WAAW,~~GAAAC~~,~~OAAA~~,~~CAAAD~~,~~WAAA,GAAGE,yBAAM,CAACC,~~GAAI;AACtC;AACA;AACA,CAAC;~~AAEM~~,MAAMC,eAAe,~~GAAAH~~,~~OAAA~~,~~CAAAG~~,~~eAAA,GAAGF,yBAAM,CAACC,~~GAAI;AAC1C;AACA;AACA,CAAC;~~AAEM~~,MAAME,eAAe,~~GAAAJ~~,~~OAAA~~,~~CAAAI~~,~~eAAA,GAAGH,yBAAM,CAACC,~~GAAI;AAC1C;AACA;AACA;AACA;AACA,CAAC"}
1	+ {"version":3,"file":"Month.styles.js","names":["styled","StyledMonth","div","StyledMonthHead","StyledMonthName"],"sources":["../../../../../src/components/calendar/month-wrapper/month/Month.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledMonth = styled.div`\n height: 100%;\n aspect-ratio: 1;\n`;\n\nexport const StyledMonthHead = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const StyledMonthName = styled.div`\n font-weight: bold;\n width: 100%;\n text-align: center;\n user-select: none;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,WAAW,GAAGD,MAAM,CAACE,GAAI;AACtC;AACA;AACA,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGH,MAAM,CAACE,GAAI;AAC1C;AACA;AACA,CAAC;AAED,OAAO,MAAME,eAAe,GAAGJ,MAAM,CAACE,GAAI;AAC1C;AACA;AACA;AACA;AACA,CAAC"}