npm - @chayns-components/date - Versions diffs - 5.0.0-beta.919 → 5.0.0-beta.921 - Mend

@chayns-components/date 5.0.0-beta.919 → 5.0.0-beta.921

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 (73) hide show

package/lib/cjs/components/calendar/month-wrapper/month/day-wrapper/day/Day.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Day.js","names":["~~_dateFns~~","~~require~~","~~_react~~","~~_interopRequireWildcard","~~_Category","_interopRequireDefault","_Day","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Day","date","highlightedDates","categories","isSameMonth","isSelected","onClick","isDisabled","isIntervalStart","isIntervalEnd","customThumbColors","isWithinIntervalSelection","shouldShowHighlightsInMonthOverlay","setHoveringDay","dayRef","useRef","styles","useMemo","_highlightedDates$fin","undefined","find","highlightedDate","dates","some","highlighted","isSameDay","style","categoryElements","flatMap","category","filter","day","map","createElement","key","getTime","Math","random","color","StyledDay","ref","$isSameMonth","$isDisabled","$backgroundColor","backgroundColor","$textColor","textColor","onMouseEnter","onMouseLeave","StyledDayNumber","$customThumbColors","$isSelected","$isIntervalStart","$isIntervalEnd","$isWithinIntervalSelection","getDate","StyledDayCategoryWrapper","displayName","_default","exports"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/Day.tsx"],"sourcesContent":["import ~~{ isSameDay } from 'date-fns';\nimport~~ React, { FC, useMemo, useRef } from 'react';\nimport {\n Categories, CustomThumbColors,\n HighlightedDates,\n HighlightedDateStyles,\n} from '../../../../../../types/calendar';\nimport Category from './category/Category';\nimport { StyledDay, StyledDayCategoryWrapper, StyledDayNumber } from './Day.styles';\n\nexport type DayProps = {\n date: Date;\n isSameMonth: boolean;\n isSelected: boolean;\n onClick: (date: Date, shouldFireEvent: boolean) => void;\n highlightedDates?: HighlightedDates[];\n categories?: Categories[];\n isDisabled: boolean;\n isIntervalStart: boolean;\n isIntervalEnd: boolean;\n isWithinIntervalSelection: boolean;\n setHoveringDay: (date: Date \| null) => void;\n shouldShowHighlightsInMonthOverlay: boolean;\n customThumbColors?: CustomThumbColors;\n};\n\nconst Day: FC<DayProps> = ({\n date,\n highlightedDates,\n categories,\n isSameMonth,\n isSelected,\n onClick,\n isDisabled,\n isIntervalStart,\n isIntervalEnd,customThumbColors,\n isWithinIntervalSelection,\n shouldShowHighlightsInMonthOverlay,\n setHoveringDay,\n}) => {\n const dayRef = useRef<HTMLDivElement>(null);\n\n const styles: HighlightedDateStyles \| undefined = useMemo(() => {\n if (!highlightedDates \|\| (!shouldShowHighlightsInMonthOverlay && !isSameMonth)) {\n return undefined;\n }\n\n return highlightedDates.find((highlightedDate) =>\n highlightedDate.dates.some((highlighted) => isSameDay(highlighted, date)),\n )?.style;\n }, [date, highlightedDates, isSameMonth, shouldShowHighlightsInMonthOverlay]);\n\n const categoryElements = useMemo(() => {\n if (!categories \|\| (!shouldShowHighlightsInMonthOverlay && !isSameMonth)) return [];\n\n return categories.flatMap((category) =>\n category.dates\n .filter((day) => isSameDay(day, date))\n .map((day) => (\n <Category key={day.getTime() * Math.random()} color={category.color} />\n )),\n );\n }, [categories, date, isSameMonth, shouldShowHighlightsInMonthOverlay]);\n\n return (\n <StyledDay\n ref={dayRef}\n onClick={() => onClick(date, isSameMonth && !isDisabled)}\n $isSameMonth={isSameMonth}\n $isDisabled={isDisabled}\n $backgroundColor={styles?.backgroundColor}\n $textColor={styles?.textColor}\n onMouseEnter={() => setHoveringDay(date)}\n onMouseLeave={() => setHoveringDay(null)}\n >\n <StyledDayNumber\n $customThumbColors={customThumbColors}\n $isSelected={\n shouldShowHighlightsInMonthOverlay ? isSelected : isSelected && isSameMonth\n }\n $isIntervalStart={\n shouldShowHighlightsInMonthOverlay\n ? isIntervalStart\n : isIntervalStart && isSameMonth\n }\n $isIntervalEnd={\n shouldShowHighlightsInMonthOverlay\n ? isIntervalEnd\n : isIntervalEnd && isSameMonth\n }\n $isWithinIntervalSelection={\n shouldShowHighlightsInMonthOverlay\n ? isWithinIntervalSelection\n : isWithinIntervalSelection && isSameMonth\n }\n >\n {date.getDate()}\n </StyledDayNumber>\n {categoryElements && (\n <StyledDayCategoryWrapper>{categoryElements}</StyledDayCategoryWrapper>\n )}\n </StyledDay>\n );\n};\n\nDay.displayName = 'Day';\n\nexport default Day;\n"],"mappings":";;;;;;AAAA,IAAAA,~~QAAA~~,GAAAC,OAAA;~~AACA~~,IAAAC,~~MAAA~~,GAAAC,~~uBAAA~~,CAAAF,OAAA;~~AAMA~~,IAAAG,~~SAAA~~,~~GAAAC~~,~~sBAAA,CAAAJ,~~OAAA;AACA,~~IAAAK~~,~~IAAA~~,~~GAAAL~~,OAAA;~~AAAoF~~,~~SAAAI~~,~~uBAAAE~~,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,~~SAAAJ~~,~~wBAAAI~~,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;~~AAkBpF~~,MAAMW,GAAiB,GAAGA,CAAC;EACvBC,IAAI;EACJC,gBAAgB;EAChBC,UAAU;EACVC,WAAW;EACXC,UAAU;EACVC,OAAO;EACPC,UAAU;EACVC,eAAe;EACfC,aAAa;EAACC,iBAAiB;EAC/BC,yBAAyB;EACzBC,kCAAkC;EAClCC;AACJ,CAAC,KAAK;EACF,MAAMC,MAAM,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAE3C,MAAMC,MAAyC,GAAG,IAAAC,cAAO,EAAC,MAAM;IAAA,IAAAC,qBAAA;IAC5D,IAAI,CAAChB,gBAAgB,IAAK,CAACU,kCAAkC,IAAI,CAACR,WAAY,EAAE;MAC5E,OAAOe,SAAS;IACpB;IAEA,QAAAD,qBAAA,GAAOhB,gBAAgB,CAACkB,IAAI,CAAEC,eAAe,IACzCA,eAAe,CAACC,KAAK,CAACC,IAAI,CAAEC,WAAW,IAAK,IAAAC,~~kBAAS~~,EAACD,WAAW,EAAEvB,IAAI,CAAC,CAC5E,CAAC,cAAAiB,qBAAA,uBAFMA,qBAAA,CAEJQ,KAAK;EACZ,CAAC,EAAE,CAACzB,IAAI,EAAEC,gBAAgB,EAAEE,WAAW,EAAEQ,kCAAkC,CAAC,CAAC;EAE7E,MAAMe,gBAAgB,GAAG,IAAAV,cAAO,EAAC,MAAM;IACnC,IAAI,CAACd,UAAU,IAAK,CAACS,kCAAkC,IAAI,CAACR,WAAY,EAAE,OAAO,EAAE;IAEnF,OAAOD,UAAU,CAACyB,OAAO,CAAEC,QAAQ,IAC/BA,QAAQ,CAACP,KAAK,CACTQ,MAAM,CAAEC,GAAG,IAAK,IAAAN,~~kBAAS~~,EAACM,GAAG,EAAE9B,IAAI,CAAC,CAAC,CACrC+B,GAAG,CAAED,GAAG,~~iBACLxD~~,MAAA,~~CAAAO~~,OAAA,CAAAmD,aAAA,~~CAACxD~~,SAAA,~~CAAAK~~,OAAQ;MAACoD,GAAG,EAAEH,GAAG,CAACI,OAAO,CAAC,CAAC,GAAGC,IAAI,CAACC,MAAM,CAAC,CAAE;MAACC,KAAK,EAAET,QAAQ,CAACS;IAAM,CAAE,CACzE,CACT,CAAC;EACL,CAAC,EAAE,CAACnC,UAAU,EAAEF,IAAI,EAAEG,WAAW,EAAEQ,kCAAkC,CAAC,CAAC;EAEvE,~~oBACIrC~~,MAAA,~~CAAAO~~,OAAA,CAAAmD,aAAA,~~CAACtD~~,IAAA,~~CAAA4D~~,SAAS;IACNC,GAAG,EAAE1B,MAAO;IACZR,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACL,IAAI,EAAEG,WAAW,IAAI,CAACG,UAAU,CAAE;IACzDkC,YAAY,EAAErC,WAAY;IAC1BsC,WAAW,EAAEnC,UAAW;IACxBoC,gBAAgB,EAAE3B,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAE4B,eAAgB;IAC1CC,UAAU,EAAE7B,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAE8B,SAAU;IAC9BC,YAAY,EAAEA,CAAA,KAAMlC,cAAc,CAACZ,IAAI,CAAE;IACzC+C,YAAY,EAAEA,CAAA,KAAMnC,cAAc,CAAC,IAAI;EAAE,~~gBAEzCtC~~,MAAA,~~CAAAO~~,OAAA,CAAAmD,aAAA,~~CAACtD~~,IAAA,~~CAAAsE~~,eAAe;IACZC,kBAAkB,EAAExC,iBAAkB;IACtCyC,WAAW,EACPvC,kCAAkC,GAAGP,UAAU,GAAGA,UAAU,IAAID,WACnE;IACDgD,gBAAgB,EACZxC,kCAAkC,GAC5BJ,eAAe,GACfA,eAAe,IAAIJ,WAC5B;IACDiD,cAAc,EACVzC,kCAAkC,GAC5BH,aAAa,GACbA,aAAa,IAAIL,WAC1B;IACDkD,0BAA0B,EACtB1C,kCAAkC,GAC5BD,yBAAyB,GACzBA,yBAAyB,IAAIP;EACtC,GAEAH,IAAI,CAACsD,OAAO,CAAC,CACD,CAAC,EACjB5B,gBAAgB,~~iBACbpD~~,MAAA,~~CAAAO~~,OAAA,CAAAmD,aAAA,~~CAACtD~~,IAAA,~~CAAA6E~~,wBAAwB,QAAE7B,gBAA2C,CAEnE,CAAC;AAEpB,CAAC;AAED3B,GAAG,CAACyD,WAAW,GAAG,KAAK;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7E,OAAA,GAETkB,GAAG","ignoreList":[]}
1	+ {"version":3,"file":"Day.js","names":["_react","_interopRequireWildcard","require","_Category","_interopRequireDefault","_Day","_date","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Day","date","highlightedDates","categories","isSameMonth","isSelected","onClick","isDisabled","isIntervalStart","isIntervalEnd","customThumbColors","isWithinIntervalSelection","shouldShowHighlightsInMonthOverlay","setHoveringDay","dayRef","useRef","styles","useMemo","_highlightedDates$fin","undefined","find","highlightedDate","dates","some","highlighted","isSameDay","style","categoryElements","flatMap","category","filter","day","map","createElement","key","getTime","Math","random","color","StyledDay","ref","$isSameMonth","$isDisabled","$backgroundColor","backgroundColor","$textColor","textColor","onMouseEnter","onMouseLeave","StyledDayNumber","$customThumbColors","$isSelected","$isIntervalStart","$isIntervalEnd","$isWithinIntervalSelection","getDate","StyledDayCategoryWrapper","displayName","_default","exports"],"sources":["../../../../../../../../src/components/calendar/month-wrapper/month/day-wrapper/day/Day.tsx"],"sourcesContent":["import React, { FC, useMemo, useRef } from 'react';\nimport {\n Categories, CustomThumbColors,\n HighlightedDates,\n HighlightedDateStyles,\n} from '../../../../../../types/calendar';\nimport Category from './category/Category';\nimport { StyledDay, StyledDayCategoryWrapper, StyledDayNumber } from './Day.styles';\nimport {isSameDay} from \"../../../../../../utils/date\";\n\nexport type DayProps = {\n date: Date;\n isSameMonth: boolean;\n isSelected: boolean;\n onClick: (date: Date, shouldFireEvent: boolean) => void;\n highlightedDates?: HighlightedDates[];\n categories?: Categories[];\n isDisabled: boolean;\n isIntervalStart: boolean;\n isIntervalEnd: boolean;\n isWithinIntervalSelection: boolean;\n setHoveringDay: (date: Date \| null) => void;\n shouldShowHighlightsInMonthOverlay: boolean;\n customThumbColors?: CustomThumbColors;\n};\n\nconst Day: FC<DayProps> = ({\n date,\n highlightedDates,\n categories,\n isSameMonth,\n isSelected,\n onClick,\n isDisabled,\n isIntervalStart,\n isIntervalEnd,customThumbColors,\n isWithinIntervalSelection,\n shouldShowHighlightsInMonthOverlay,\n setHoveringDay,\n}) => {\n const dayRef = useRef<HTMLDivElement>(null);\n\n const styles: HighlightedDateStyles \| undefined = useMemo(() => {\n if (!highlightedDates \|\| (!shouldShowHighlightsInMonthOverlay && !isSameMonth)) {\n return undefined;\n }\n\n return highlightedDates.find((highlightedDate) =>\n highlightedDate.dates.some((highlighted) => isSameDay(highlighted, date)),\n )?.style;\n }, [date, highlightedDates, isSameMonth, shouldShowHighlightsInMonthOverlay]);\n\n const categoryElements = useMemo(() => {\n if (!categories \|\| (!shouldShowHighlightsInMonthOverlay && !isSameMonth)) return [];\n\n return categories.flatMap((category) =>\n category.dates\n .filter((day) => isSameDay(day, date))\n .map((day) => (\n <Category key={day.getTime() * Math.random()} color={category.color} />\n )),\n );\n }, [categories, date, isSameMonth, shouldShowHighlightsInMonthOverlay]);\n\n return (\n <StyledDay\n ref={dayRef}\n onClick={() => onClick(date, isSameMonth && !isDisabled)}\n $isSameMonth={isSameMonth}\n $isDisabled={isDisabled}\n $backgroundColor={styles?.backgroundColor}\n $textColor={styles?.textColor}\n onMouseEnter={() => setHoveringDay(date)}\n onMouseLeave={() => setHoveringDay(null)}\n >\n <StyledDayNumber\n $customThumbColors={customThumbColors}\n $isSelected={\n shouldShowHighlightsInMonthOverlay ? isSelected : isSelected && isSameMonth\n }\n $isIntervalStart={\n shouldShowHighlightsInMonthOverlay\n ? isIntervalStart\n : isIntervalStart && isSameMonth\n }\n $isIntervalEnd={\n shouldShowHighlightsInMonthOverlay\n ? isIntervalEnd\n : isIntervalEnd && isSameMonth\n }\n $isWithinIntervalSelection={\n shouldShowHighlightsInMonthOverlay\n ? isWithinIntervalSelection\n : isWithinIntervalSelection && isSameMonth\n }\n >\n {date.getDate()}\n </StyledDayNumber>\n {categoryElements && (\n <StyledDayCategoryWrapper>{categoryElements}</StyledDayCategoryWrapper>\n )}\n </StyledDay>\n );\n};\n\nDay.displayName = 'Day';\n\nexport default Day;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.js CHANGED Viewed

@@ -5,31 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _dateFns = require("date-fns");
 var _WeekdayWrapper = require("./WeekdayWrapper.styles");
 var _Weekday = _interopRequireDefault(require("./weekday/Weekday"));
+var _date = require("../../../../../utils/date");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 && {}.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 WeekdayWrapper = ({
   locale
 }) => {
-  const monday = (0, _dateFns.startOfWeek)(new Date(), {
-    weekStartsOn: 1
-  });
-  const sunday = (0, _dateFns.endOfWeek)(new Date(), {
-    weekStartsOn: 1
-  });
-  const weekdays = (0, _dateFns.eachDayOfInterval)({
+  const monday = (0, _date.startOfWeek)(new Date());
+  const sunday = (0, _date.endOfWeek)(new Date());
+  const weekdays = (0, _date.eachDayOfInterval)({
     start: monday,
     end: sunday
   });
   const weekdayElements = (0, _react.useMemo)(() => {
     const items = [];
     weekdays.forEach(day => {
-      const formattedDay = (0, _dateFns.format)(day, 'EE', {
-        locale
-      });
+      const options = {
+        weekday: 'short'
+      };
+      const formatter = new Intl.DateTimeFormat(locale, options);
+      const formattedDay = formatter.format(day);
       items.push(/*#__PURE__*/_react.default.createElement(_Weekday.default, {
         key: `weekday-${formattedDay}`,
         name: formattedDay

package/lib/cjs/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WeekdayWrapper.js","names":["_react","_interopRequireWildcard","require","~~_dateFns","~~_WeekdayWrapper","_Weekday","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WeekdayWrapper","locale","monday","startOfWeek","Date","~~weekStartsOn","~~sunday","endOfWeek","weekdays","eachDayOfInterval","start","end","weekdayElements","useMemo","items","forEach","day","formattedDay","format","push","createElement","key","name","StyledWeekdayWrapper","displayName","_default","exports"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useMemo } from 'react';\nimport { ~~startOfWeek, endOfWeek, eachDayOfInterval, format } from 'date-fns';\nimport {~~ StyledWeekdayWrapper } from './WeekdayWrapper.styles';\nimport Weekday from './weekday/Weekday';\nimport ~~type~~ { ~~Locale~~ } from 'date~~-fns'~~;\n\nexport type WeekdayWrapperProps = {\n locale?: ~~Locale~~;\n};\n\nconst WeekdayWrapper: FC<WeekdayWrapperProps> = ({ locale }) => {\n const monday = startOfWeek(new Date()~~, { weekStartsOn: 1 }~~);\n const sunday = endOfWeek(new Date()~~, { weekStartsOn: 1 }~~);\n const weekdays = eachDayOfInterval({ start: monday, end: sunday });\n\n const weekdayElements = useMemo(() => {\n const items: ReactElement[] = [];\n\n weekdays.forEach((day) => {\n const ~~formattedDay~~ = ~~format(day,~~ 'EE', { locale });\n\n items.push(<Weekday key={`weekday-${formattedDay}`} name={formattedDay} />);\n });\n\n return items;\n }, [locale, weekdays]);\n\n return <StyledWeekdayWrapper>{weekdayElements}</StyledWeekdayWrapper>;\n};\n\nWeekdayWrapper.displayName = 'WeekdayWrapper';\n\nexport default WeekdayWrapper;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,~~QAAA~~,GAAAD,OAAA;AACA,IAAAE,~~eAAA~~,~~GAAAF~~,OAAA;~~AACA~~,~~IAAAG~~,~~QAAA~~,~~GAAAC~~,~~sBAAA,CAAAJ,~~OAAA;~~AAAwC~~,~~SAAAI~~,~~uBAAAC~~,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;~~AAOxC~~,MAAMW,cAAuC,GAAGA,CAAC;EAAEC;AAAO,CAAC,KAAK;EAC5D,MAAMC,MAAM,GAAG,IAAAC,~~oBAAW~~,EAAC,IAAIC,IAAI,CAAC,CAAC,~~EAAE;IAAEC,YAAY,EAAE;EAAE,~~CAAC~~,CAAC~~;~~EAC3D~~,MAAMC,MAAM,GAAG,IAAAC,~~kBAAS~~,EAAC,~~IAAIH~~,IAAI,CAAC,CAAC,~~EAAE;IAAEC,YAAY,EAAE;EAAE,~~CAAC~~,CAAC~~;~~EACzD~~,MAAMG,QAAQ,GAAG,IAAAC,~~0BAAiB~~,EAAC;IAAEC,KAAK,~~EAAER~~,MAAM;~~IAAES~~,GAAG,EAAEL;EAAO,CAAC,CAAC;EAElE,MAAMM,eAAe,GAAG,IAAAC,cAAO,EAAC,MAAM;IAClC,MAAMC,KAAqB,GAAG,EAAE;IAEhCN,QAAQ,CAACO,OAAO,CAAEC,GAAG,IAAK;MACtB,MAAMC,~~YAAY~~,GAAG,~~IAAAC~~,~~eAAM~~,~~EAACF~~,GAAG,~~EAAE~~,IAAI,~~EAAE;QAAEf;MAAO~~,CAAC,CAAC;~~MAElDa~~,KAAK,~~CAACK~~,IAAI,~~cAAC9C~~,MAAA,CAAAS,OAAA,~~CAAAsC~~,aAAA,~~CAAC1C~~,QAAA,~~CAAAI~~,OAAO;~~QAACuC~~,GAAG,EAAE,WAAWJ,YAAY,EAAG;QAACK,IAAI,EAAEL;MAAa,CAAE,CAAC,CAAC;IAC/E,CAAC,CAAC;IAEF,~~OAAOH~~,KAAK;EAChB,CAAC,EAAE,~~CAACb~~,MAAM,~~EAAEO~~,QAAQ,CAAC,CAAC;EAEtB,~~oBAAOnC~~,MAAA,CAAAS,OAAA,~~CAAAsC~~,aAAA,~~CAAC3C~~,eAAA,~~CAAA8C~~,oBAAoB,~~QAAEX~~,eAAsC,CAAC;AACzE,CAAC;~~AAEDZ~~,cAAc,~~CAACwB~~,WAAW,GAAG,gBAAgB;AAAC,IAAAC,QAAA,GAAAC,OAAA,~~CAAA5C~~,OAAA,GAE/BkB,cAAc","ignoreList":[]}
1	+ {"version":3,"file":"WeekdayWrapper.js","names":["_react","_interopRequireWildcard","require","_WeekdayWrapper","_Weekday","_interopRequireDefault","_date","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WeekdayWrapper","locale","monday","startOfWeek","Date","sunday","endOfWeek","weekdays","eachDayOfInterval","start","end","weekdayElements","useMemo","items","forEach","day","options","weekday","formatter","Intl","DateTimeFormat","formattedDay","format","push","createElement","key","name","StyledWeekdayWrapper","displayName","_default","exports"],"sources":["../../../../../../../src/components/calendar/month-wrapper/month/weekday-wrapper/WeekdayWrapper.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useMemo } from 'react';\nimport { StyledWeekdayWrapper } from './WeekdayWrapper.styles';\nimport Weekday from './weekday/Weekday';\nimport {Language} from \"chayns-api\";\nimport {eachDayOfInterval, endOfWeek, startOfWeek} from \"../../../../../utils/date\";\n\nexport type WeekdayWrapperProps = {\n locale?: Language;\n};\n\nconst WeekdayWrapper: FC<WeekdayWrapperProps> = ({ locale }) => {\n const monday = startOfWeek(new Date());\n const sunday = endOfWeek(new Date());\n const weekdays = eachDayOfInterval({ start: monday, end: sunday });\n\n const weekdayElements = useMemo(() => {\n const items: ReactElement[] = [];\n\n weekdays.forEach((day) => {\n const options: Intl.DateTimeFormatOptions = { weekday: 'short' };\n const formatter = new Intl.DateTimeFormat(locale, options);\n const formattedDay = formatter.format(day);\n\n items.push(<Weekday key={`weekday-${formattedDay}`} name={formattedDay} />);\n });\n\n return items;\n }, [locale, weekdays]);\n\n return <StyledWeekdayWrapper>{weekdayElements}</StyledWeekdayWrapper>;\n};\n\nWeekdayWrapper.displayName = 'WeekdayWrapper';\n\nexport default WeekdayWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/calendar/month-year-pickers/MonthYearPickers.js CHANGED Viewed

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.MonthYearPickerType = void 0;
 var _core = require("@chayns-components/core");
-var _dateFns = require("date-fns");
 var _react = _interopRequireWildcard(require("react"));
 var _calendar = require("../../../utils/calendar");
 var _Month = require("../month-wrapper/month/Month.styles");
+var _date = require("../../../utils/date");
 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 && {}.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; }
 let MonthYearPickerType = exports.MonthYearPickerType = /*#__PURE__*/function (MonthYearPickerType) {
@@ -34,7 +34,7 @@ const MonthYearPickers = ({
     }),
     value: tempMonth
   })), [locale]);
-  const hasMultipleMonths = (0, _react.useMemo)(() => (0, _dateFns.differenceInCalendarMonths)(maxDate, minDate) > 0, [minDate, maxDate]);
+  const hasMultipleMonths = (0, _react.useMemo)(() => (0, _date.differenceInCalendarMonths)(maxDate, minDate) > 0, [minDate, maxDate]);
   const years = (0, _react.useMemo)(() => (0, _calendar.getYearsBetween)(minDate, maxDate).map(tempYear => ({
     text: tempYear.toString(),
     value: tempYear

package/lib/cjs/components/calendar/month-year-pickers/MonthYearPickers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MonthYearPickers.js","names":["_core","require","~~_dateFns","~~_react","_interopRequireWildcard","_calendar","_Month","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MonthYearPickerType","exports","MonthYearPickers","month","year","locale","minDate","maxDate","setCurrentDate","displayIndex","showMonthYearPickers","currentYear","useState","Date","getFullYear","months","useMemo","map","tempMonth","text","formatMonth","value","hasMultipleMonths","differenceInCalendarMonths","years","getYearsBetween","tempYear","toString","hasMultipleYears","length","createElement","Fragment","ComboBox","onSelect","selectedItem","tempSelectedDate","isDateInRange","currentDate","lists","list","placeholder","StyledMonthName","_default"],"sources":["../../../../../src/components/calendar/month-year-pickers/MonthYearPickers.tsx"],"sourcesContent":["import { ComboBox } from '@chayns-components/core';\nimport ~~{ differenceInCalendarMonths, Locale } from 'date-fns';\nimport~~ React, { FC, useMemo, useState } from 'react';\nimport { EMonth } from '../../../types/calendar';\nimport { formatMonth, getYearsBetween, isDateInRange } from '../../../utils/calendar';\nimport { StyledMonthName } from '../month-wrapper/month/Month.styles';\n\nexport enum MonthYearPickerType {\n Month = 'month',\n Year = 'year',\n}\n\ntype MonthYearPickerProps = {\n month: EMonth;\n year: number;\n locale: ~~Locale~~;\n minDate: Date;\n maxDate: Date;\n setCurrentDate: (date: Date) => void;\n displayIndex?: number;\n showMonthYearPickers: boolean;\n};\n\nconst MonthYearPickers: FC<MonthYearPickerProps> = ({\n month,\n year,\n locale,\n minDate,\n maxDate,\n setCurrentDate,\n displayIndex = 0,\n showMonthYearPickers,\n}) => {\n const [currentYear] = useState(new Date().getFullYear());\n\n const months = useMemo(\n () =>\n [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((tempMonth) => ({\n text: formatMonth({ month: tempMonth, locale }),\n value: tempMonth,\n })),\n [locale],\n );\n\n const hasMultipleMonths = useMemo(\n () => differenceInCalendarMonths(maxDate, minDate) > 0,\n [minDate, maxDate],\n );\n\n const years = useMemo(\n () =>\n getYearsBetween(minDate, maxDate).map((tempYear) => ({\n text: tempYear.toString(),\n value: tempYear,\n })),\n [minDate, maxDate],\n );\n\n const hasMultipleYears = useMemo(() => years.length > 1, [years]);\n\n return (\n <>\n {showMonthYearPickers && hasMultipleMonths ? (\n <ComboBox\n onSelect={(selectedItem) => {\n const tempSelectedDate = isDateInRange({\n minDate,\n maxDate,\n currentDate: new Date(\n year,\n (selectedItem.value as number) - 1 - displayIndex,\n 1,\n ),\n });\n\n setCurrentDate(tempSelectedDate);\n }}\n lists={[\n {\n list: months,\n },\n ]}\n selectedItem={{\n text: formatMonth({ month, locale }),\n value: month,\n }}\n placeholder=\"\"\n />\n ) : (\n <StyledMonthName>{formatMonth({ locale, month })}</StyledMonthName>\n )}\n {showMonthYearPickers && hasMultipleYears ? (\n <ComboBox\n onSelect={(selectedItem) => {\n const tempSelectedDate = isDateInRange({\n minDate,\n maxDate,\n currentDate: new Date(\n selectedItem.value as number,\n month - 1 - displayIndex,\n 1,\n ),\n });\n\n setCurrentDate(tempSelectedDate);\n }}\n lists={[\n {\n list: years,\n },\n ]}\n selectedItem={{\n text: year.toString(),\n value: year,\n }}\n placeholder=\"\"\n />\n ) : (\n <StyledMonthName>{currentYear !== year ? year : ''}</StyledMonthName>\n )}\n </>\n );\n};\n\nexport default MonthYearPickers;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,~~QAAA,GAAAD,OAAA;AACA,IAAAE,~~MAAA,GAAAC,uBAAA,~~CAAAH~~,OAAA;AAEA,~~IAAAI~~,SAAA,~~GAAAJ~~,OAAA;AACA,~~IAAAK~~,MAAA,GAAAL,OAAA;~~AAAsE~~,SAAAM,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,~~SAAAJ~~,~~wBAAAI~~,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,~~IAE1DW~~,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,0BAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAA,OAAnBA,mBAAmB;AAAA;AAgB/B,MAAME,gBAA0C,GAAGA,CAAC;EAChDC,KAAK;EACLC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC,OAAO;EACPC,cAAc;EACdC,YAAY,GAAG,CAAC;EAChBC;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAIC,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;EAExD,MAAMC,MAAM,GAAG,IAAAC,cAAO,EAClB,MACI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAACC,GAAG,CAAEC,SAAS,KAAM;IACxDC,IAAI,EAAE,IAAAC,qBAAW,EAAC;MAAEjB,KAAK,EAAEe,SAAS;MAAEb;IAAO,CAAC,CAAC;IAC/CgB,KAAK,EAAEH;EACX,CAAC,CAAC,CAAC,EACP,CAACb,MAAM,CACX,CAAC;EAED,MAAMiB,iBAAiB,GAAG,IAAAN,cAAO,EAC7B,MAAM,IAAAO,~~mCAA0B~~,EAAChB,OAAO,EAAED,OAAO,CAAC,GAAG,CAAC,EACtD,CAACA,OAAO,EAAEC,OAAO,CACrB,CAAC;EAED,MAAMiB,KAAK,GAAG,IAAAR,cAAO,EACjB,MACI,IAAAS,yBAAe,EAACnB,OAAO,EAAEC,OAAO,CAAC,CAACU,GAAG,CAAES,QAAQ,KAAM;IACjDP,IAAI,EAAEO,QAAQ,CAACC,QAAQ,CAAC,CAAC;IACzBN,KAAK,EAAEK;EACX,CAAC,CAAC,CAAC,EACP,CAACpB,OAAO,EAAEC,OAAO,CACrB,CAAC;EAED,MAAMqB,gBAAgB,GAAG,IAAAZ,cAAO,EAAC,MAAMQ,KAAK,CAACK,MAAM,GAAG,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEjE,~~oBACIhD~~,MAAA,~~CAAAU~~,OAAA,CAAA4C,aAAA,~~CAAAtD~~,MAAA,~~CAAAU~~,OAAA,CAAA6C,QAAA,QACKrB,oBAAoB,IAAIY,iBAAiB,~~gBACtC9C~~,MAAA,~~CAAAU~~,OAAA,CAAA4C,aAAA,CAACzD,KAAA,CAAA2D,QAAQ;IACLC,QAAQ,EAAGC,YAAY,IAAK;MACxB,MAAMC,gBAAgB,GAAG,IAAAC,uBAAa,EAAC;QACnC9B,OAAO;QACPC,OAAO;QACP8B,WAAW,EAAE,IAAIxB,IAAI,CACjBT,IAAI,EACH8B,YAAY,CAACb,KAAK,GAAc,CAAC,GAAGZ,YAAY,EACjD,CACJ;MACJ,CAAC,CAAC;MAEFD,cAAc,CAAC2B,gBAAgB,CAAC;IACpC,CAAE;IACFG,KAAK,EAAE,CACH;MACIC,IAAI,EAAExB;IACV,CAAC,CACH;IACFmB,YAAY,EAAE;MACVf,IAAI,EAAE,IAAAC,qBAAW,EAAC;QAAEjB,KAAK;QAAEE;MAAO,CAAC,CAAC;MACpCgB,KAAK,EAAElB;IACX,CAAE;IACFqC,WAAW,EAAC;EAAE,CACjB,CAAC,~~gBAEFhE~~,MAAA,~~CAAAU~~,OAAA,CAAA4C,aAAA,~~CAACnD~~,MAAA,~~CAAA8D~~,eAAe,QAAE,IAAArB,qBAAW,EAAC;IAAEf,MAAM;IAAEF;EAAM,CAAC,CAAmB,CACrE,EACAO,oBAAoB,IAAIkB,gBAAgB,~~gBACrCpD~~,MAAA,~~CAAAU~~,OAAA,CAAA4C,aAAA,CAACzD,KAAA,CAAA2D,QAAQ;IACLC,QAAQ,EAAGC,YAAY,IAAK;MACxB,MAAMC,gBAAgB,GAAG,IAAAC,uBAAa,EAAC;QACnC9B,OAAO;QACPC,OAAO;QACP8B,WAAW,EAAE,IAAIxB,IAAI,CACjBqB,YAAY,CAACb,KAAK,EAClBlB,KAAK,GAAG,CAAC,GAAGM,YAAY,EACxB,CACJ;MACJ,CAAC,CAAC;MAEFD,cAAc,CAAC2B,gBAAgB,CAAC;IACpC,CAAE;IACFG,KAAK,EAAE,CACH;MACIC,IAAI,EAAEf;IACV,CAAC,CACH;IACFU,YAAY,EAAE;MACVf,IAAI,EAAEf,IAAI,CAACuB,QAAQ,CAAC,CAAC;MACrBN,KAAK,EAAEjB;IACX,CAAE;IACFoC,WAAW,EAAC;EAAE,CACjB,CAAC,~~gBAEFhE~~,MAAA,~~CAAAU~~,OAAA,CAAA4C,aAAA,~~CAACnD~~,MAAA,~~CAAA8D~~,eAAe,QAAE9B,WAAW,KAAKP,IAAI,GAAGA,IAAI,GAAG,EAAoB,CAE1E,CAAC;AAEX,CAAC;AAAC,IAAAsC,QAAA,GAAAzC,OAAA,CAAAf,OAAA,GAEagB,gBAAgB","ignoreList":[]}
1	+ {"version":3,"file":"MonthYearPickers.js","names":["_core","require","_react","_interopRequireWildcard","_calendar","_Month","_date","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MonthYearPickerType","exports","MonthYearPickers","month","year","locale","minDate","maxDate","setCurrentDate","displayIndex","showMonthYearPickers","currentYear","useState","Date","getFullYear","months","useMemo","map","tempMonth","text","formatMonth","value","hasMultipleMonths","differenceInCalendarMonths","years","getYearsBetween","tempYear","toString","hasMultipleYears","length","createElement","Fragment","ComboBox","onSelect","selectedItem","tempSelectedDate","isDateInRange","currentDate","lists","list","placeholder","StyledMonthName","_default"],"sources":["../../../../../src/components/calendar/month-year-pickers/MonthYearPickers.tsx"],"sourcesContent":["import { ComboBox } from '@chayns-components/core';\nimport React, { FC, useMemo, useState } from 'react';\nimport { EMonth } from '../../../types/calendar';\nimport { formatMonth, getYearsBetween, isDateInRange } from '../../../utils/calendar';\nimport { StyledMonthName } from '../month-wrapper/month/Month.styles';\nimport {Language} from \"chayns-api\";\nimport {differenceInCalendarMonths} from \"../../../utils/date\";\n\nexport enum MonthYearPickerType {\n Month = 'month',\n Year = 'year',\n}\n\ntype MonthYearPickerProps = {\n month: EMonth;\n year: number;\n locale: Language;\n minDate: Date;\n maxDate: Date;\n setCurrentDate: (date: Date) => void;\n displayIndex?: number;\n showMonthYearPickers: boolean;\n};\n\nconst MonthYearPickers: FC<MonthYearPickerProps> = ({\n month,\n year,\n locale,\n minDate,\n maxDate,\n setCurrentDate,\n displayIndex = 0,\n showMonthYearPickers,\n}) => {\n const [currentYear] = useState(new Date().getFullYear());\n\n const months = useMemo(\n () =>\n [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map((tempMonth) => ({\n text: formatMonth({ month: tempMonth, locale }),\n value: tempMonth,\n })),\n [locale],\n );\n\n const hasMultipleMonths = useMemo(\n () => differenceInCalendarMonths(maxDate, minDate) > 0,\n [minDate, maxDate],\n );\n\n const years = useMemo(\n () =>\n getYearsBetween(minDate, maxDate).map((tempYear) => ({\n text: tempYear.toString(),\n value: tempYear,\n })),\n [minDate, maxDate],\n );\n\n const hasMultipleYears = useMemo(() => years.length > 1, [years]);\n\n return (\n <>\n {showMonthYearPickers && hasMultipleMonths ? (\n <ComboBox\n onSelect={(selectedItem) => {\n const tempSelectedDate = isDateInRange({\n minDate,\n maxDate,\n currentDate: new Date(\n year,\n (selectedItem.value as number) - 1 - displayIndex,\n 1,\n ),\n });\n\n setCurrentDate(tempSelectedDate);\n }}\n lists={[\n {\n list: months,\n },\n ]}\n selectedItem={{\n text: formatMonth({ month, locale }),\n value: month,\n }}\n placeholder=\"\"\n />\n ) : (\n <StyledMonthName>{formatMonth({ locale, month })}</StyledMonthName>\n )}\n {showMonthYearPickers && hasMultipleYears ? (\n <ComboBox\n onSelect={(selectedItem) => {\n const tempSelectedDate = isDateInRange({\n minDate,\n maxDate,\n currentDate: new Date(\n selectedItem.value as number,\n month - 1 - displayIndex,\n 1,\n ),\n });\n\n setCurrentDate(tempSelectedDate);\n }}\n lists={[\n {\n list: years,\n },\n ]}\n selectedItem={{\n text: year.toString(),\n value: year,\n }}\n placeholder=\"\"\n />\n ) : (\n <StyledMonthName>{currentYear !== year ? year : ''}</StyledMonthName>\n )}\n </>\n );\n};\n\nexport default MonthYearPickers;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AAA+D,SAAAM,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,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,IAEnDW,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,0BAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAA,OAAnBA,mBAAmB;AAAA;AAgB/B,MAAME,gBAA0C,GAAGA,CAAC;EAChDC,KAAK;EACLC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC,OAAO;EACPC,cAAc;EACdC,YAAY,GAAG,CAAC;EAChBC;AACJ,CAAC,KAAK;EACF,MAAM,CAACC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,IAAIC,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;EAExD,MAAMC,MAAM,GAAG,IAAAC,cAAO,EAClB,MACI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAACC,GAAG,CAAEC,SAAS,KAAM;IACxDC,IAAI,EAAE,IAAAC,qBAAW,EAAC;MAAEjB,KAAK,EAAEe,SAAS;MAAEb;IAAO,CAAC,CAAC;IAC/CgB,KAAK,EAAEH;EACX,CAAC,CAAC,CAAC,EACP,CAACb,MAAM,CACX,CAAC;EAED,MAAMiB,iBAAiB,GAAG,IAAAN,cAAO,EAC7B,MAAM,IAAAO,gCAA0B,EAAChB,OAAO,EAAED,OAAO,CAAC,GAAG,CAAC,EACtD,CAACA,OAAO,EAAEC,OAAO,CACrB,CAAC;EAED,MAAMiB,KAAK,GAAG,IAAAR,cAAO,EACjB,MACI,IAAAS,yBAAe,EAACnB,OAAO,EAAEC,OAAO,CAAC,CAACU,GAAG,CAAES,QAAQ,KAAM;IACjDP,IAAI,EAAEO,QAAQ,CAACC,QAAQ,CAAC,CAAC;IACzBN,KAAK,EAAEK;EACX,CAAC,CAAC,CAAC,EACP,CAACpB,OAAO,EAAEC,OAAO,CACrB,CAAC;EAED,MAAMqB,gBAAgB,GAAG,IAAAZ,cAAO,EAAC,MAAMQ,KAAK,CAACK,MAAM,GAAG,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEjE,oBACIjD,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAAAvD,MAAA,CAAAW,OAAA,CAAA6C,QAAA,QACKrB,oBAAoB,IAAIY,iBAAiB,gBACtC/C,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAACzD,KAAA,CAAA2D,QAAQ;IACLC,QAAQ,EAAGC,YAAY,IAAK;MACxB,MAAMC,gBAAgB,GAAG,IAAAC,uBAAa,EAAC;QACnC9B,OAAO;QACPC,OAAO;QACP8B,WAAW,EAAE,IAAIxB,IAAI,CACjBT,IAAI,EACH8B,YAAY,CAACb,KAAK,GAAc,CAAC,GAAGZ,YAAY,EACjD,CACJ;MACJ,CAAC,CAAC;MAEFD,cAAc,CAAC2B,gBAAgB,CAAC;IACpC,CAAE;IACFG,KAAK,EAAE,CACH;MACIC,IAAI,EAAExB;IACV,CAAC,CACH;IACFmB,YAAY,EAAE;MACVf,IAAI,EAAE,IAAAC,qBAAW,EAAC;QAAEjB,KAAK;QAAEE;MAAO,CAAC,CAAC;MACpCgB,KAAK,EAAElB;IACX,CAAE;IACFqC,WAAW,EAAC;EAAE,CACjB,CAAC,gBAEFjE,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAACpD,MAAA,CAAA+D,eAAe,QAAE,IAAArB,qBAAW,EAAC;IAAEf,MAAM;IAAEF;EAAM,CAAC,CAAmB,CACrE,EACAO,oBAAoB,IAAIkB,gBAAgB,gBACrCrD,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAACzD,KAAA,CAAA2D,QAAQ;IACLC,QAAQ,EAAGC,YAAY,IAAK;MACxB,MAAMC,gBAAgB,GAAG,IAAAC,uBAAa,EAAC;QACnC9B,OAAO;QACPC,OAAO;QACP8B,WAAW,EAAE,IAAIxB,IAAI,CACjBqB,YAAY,CAACb,KAAK,EAClBlB,KAAK,GAAG,CAAC,GAAGM,YAAY,EACxB,CACJ;MACJ,CAAC,CAAC;MAEFD,cAAc,CAAC2B,gBAAgB,CAAC;IACpC,CAAE;IACFG,KAAK,EAAE,CACH;MACIC,IAAI,EAAEf;IACV,CAAC,CACH;IACFU,YAAY,EAAE;MACVf,IAAI,EAAEf,IAAI,CAACuB,QAAQ,CAAC,CAAC;MACrBN,KAAK,EAAEjB;IACX,CAAE;IACFoC,WAAW,EAAC;EAAE,CACjB,CAAC,gBAEFjE,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAACpD,MAAA,CAAA+D,eAAe,QAAE9B,WAAW,KAAKP,IAAI,GAAGA,IAAI,GAAG,EAAoB,CAE1E,CAAC;AAEX,CAAC;AAAC,IAAAsC,QAAA,GAAAzC,OAAA,CAAAf,OAAA,GAEagB,gBAAgB","ignoreList":[]}

package/lib/cjs/components/date-info/DateInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateInfo.js","names":["_react","_interopRequireWildcard","require","_useDateInfo","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DateInfo","date","preText","shouldShowYear","shouldShowTime","shouldShowRelativeDayOfWeek","shouldUseShortText","shouldShowDayOfWeek","shouldShowDateToNowDifference","formattedDate","useDateInfo","useMemo","createElement","displayName","_default","exports"],"sources":["../../../../src/components/date-info/DateInfo.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { useDateInfo, ~~type~~ UseDateInfoOptions } from '../../~~hooks~~/~~useDateInfo~~';\n\nexport type DateInfoProps = UseDateInfoOptions;\n\nconst DateInfo: FC<DateInfoProps> = ({\n date,\n preText = '',\n shouldShowYear,\n shouldShowTime,\n shouldShowRelativeDayOfWeek,\n shouldUseShortText,\n shouldShowDayOfWeek,\n shouldShowDateToNowDifference,\n}) => {\n const formattedDate = useDateInfo({\n date,\n preText,\n shouldShowYear,\n shouldShowTime,\n shouldUseShortText,\n shouldShowDayOfWeek,\n shouldShowRelativeDayOfWeek,\n shouldShowDateToNowDifference,\n });\n\n return useMemo(() => <span>{formattedDate}</span>, [formattedDate]);\n};\n\nDateInfo.displayName = 'DateInfo';\n\nexport default DateInfo;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;~~AAA+E~~,SAAAE,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,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;~~AAI/E~~,MAAMW,QAA2B,GAAGA,CAAC;EACjCC,IAAI;EACJC,OAAO,GAAG,EAAE;EACZC,cAAc;EACdC,cAAc;EACdC,2BAA2B;EAC3BC,kBAAkB;EAClBC,mBAAmB;EACnBC;AACJ,CAAC,KAAK;EACF,MAAMC,aAAa,GAAG,IAAAC,wBAAW,EAAC;IAC9BT,IAAI;IACJC,OAAO;IACPC,cAAc;IACdC,cAAc;IACdE,kBAAkB;IAClBC,mBAAmB;IACnBF,2BAA2B;IAC3BG;EACJ,CAAC,CAAC;EAEF,OAAO,IAAAG,cAAO,EAAC,mBAAMnC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,eAAOH,aAAoB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;AACvE,CAAC;AAEDT,QAAQ,CAACa,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEnBc,QAAQ","ignoreList":[]}
1	+ {"version":3,"file":"DateInfo.js","names":["_react","_interopRequireWildcard","require","_useDateInfo","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DateInfo","date","preText","shouldShowYear","shouldShowTime","shouldShowRelativeDayOfWeek","shouldUseShortText","shouldShowDayOfWeek","shouldShowDateToNowDifference","formattedDate","useDateInfo","useMemo","createElement","displayName","_default","exports"],"sources":["../../../../src/components/date-info/DateInfo.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { useDateInfo } from '../../hooks/useDateInfo';\nimport { UseDateInfoOptions } from '../../types/dateinfo';\n\nexport type DateInfoProps = UseDateInfoOptions;\n\nconst DateInfo: FC<DateInfoProps> = ({\n date,\n preText = '',\n shouldShowYear,\n shouldShowTime,\n shouldShowRelativeDayOfWeek,\n shouldUseShortText,\n shouldShowDayOfWeek,\n shouldShowDateToNowDifference,\n}) => {\n const formattedDate = useDateInfo({\n date,\n preText,\n shouldShowYear,\n shouldShowTime,\n shouldUseShortText,\n shouldShowDayOfWeek,\n shouldShowRelativeDayOfWeek,\n shouldShowDateToNowDifference,\n });\n\n return useMemo(() => <span>{formattedDate}</span>, [formattedDate]);\n};\n\nDateInfo.displayName = 'DateInfo';\n\nexport default DateInfo;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAsD,SAAAE,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,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAKtD,MAAMW,QAA2B,GAAGA,CAAC;EACjCC,IAAI;EACJC,OAAO,GAAG,EAAE;EACZC,cAAc;EACdC,cAAc;EACdC,2BAA2B;EAC3BC,kBAAkB;EAClBC,mBAAmB;EACnBC;AACJ,CAAC,KAAK;EACF,MAAMC,aAAa,GAAG,IAAAC,wBAAW,EAAC;IAC9BT,IAAI;IACJC,OAAO;IACPC,cAAc;IACdC,cAAc;IACdE,kBAAkB;IAClBC,mBAAmB;IACnBF,2BAA2B;IAC3BG;EACJ,CAAC,CAAC;EAEF,OAAO,IAAAG,cAAO,EAAC,mBAAMnC,MAAA,CAAAU,OAAA,CAAA0B,aAAA,eAAOH,aAAoB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;AACvE,CAAC;AAEDT,QAAQ,CAACa,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEnBc,QAAQ","ignoreList":[]}

package/lib/cjs/hooks/useDateInfo.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDateInfo = void 0;
-var _dateFns = require("date-fns");
+var _chaynsApi = require("chayns-api");
 var _react = require("react");
 var _dateInfo = require("../utils/dateInfo");
 const useDateInfo = ({
@@ -17,92 +17,47 @@ const useDateInfo = ({
   shouldShowYear,
   preText
 }) => {
-  const [formattedDateString, setFormattedDateString] = (0, _react.useState)('');
-  const [language] = (0, _react.useState)((0, _dateInfo.getLanguage)());
-  const formattedDate = (0, _react.useMemo)(() => new Date(date), [date]);
-  const isDateNearToday = (0, _dateFns.isToday)(date) || (0, _dateFns.isYesterday)(date) || (0, _dateFns.isTomorrow)(date);
+  const {
+    active: language
+  } = (0, _chaynsApi.getLanguage)();
+  const [formattedDate, setFormattedDate] = (0, _react.useState)(date.toLocaleDateString());
+  const [currentDate, setCurrentDate] = (0, _react.useState)(new Date());
   (0, _react.useEffect)(() => {
-    // This useEffect is used for normal date formation
     if (shouldShowDateToNowDifference) {
       return;
     }
-    let newFormattedDateString = (0, _dateInfo.getFormattedDayOfWeek)({
-      shouldShowDayOfWeek,
-      shouldShowRelativeDayOfWeek,
-      shouldUseShortText,
-      date: formattedDate,
-      language
-    });
-    if (!isDateNearToday || !shouldShowRelativeDayOfWeek || !shouldShowTime) {
-      let formatString = 'dd. ';
-      formatString += `${(0, _dateInfo.getMonthFormat)({
-        shouldUseShortText
-      })}`;
-      formatString += `${(0, _dateInfo.getYearFormat)({
-        date: formattedDate,
-        shouldShowYear
-      })}`;
-      newFormattedDateString += (0, _dateFns.format)(formattedDate, formatString, {
-        locale: language
-      });
-    } else {
-      newFormattedDateString = newFormattedDateString.replace(', ', '');
-    }
-    newFormattedDateString += (0, _dateInfo.getFormattedTime)({
-      date: formattedDate,
+    setFormattedDate((0, _dateInfo.getDateInfo)({
+      date,
+      shouldShowYear,
       shouldShowTime,
-      language
-    });
-    setFormattedDateString(newFormattedDateString);
-  }, [date, formattedDate, language, shouldShowDateToNowDifference, shouldShowDayOfWeek, shouldShowRelativeDayOfWeek, shouldShowYear, shouldShowTime, shouldUseShortText, isDateNearToday]);
-  // Calculate remaining time till next minute to update time according to time left
-  const [currentDate, setCurrentDate] = (0, _react.useState)(new Date());
+      shouldUseShortText,
+      shouldShowDayOfWeek,
+      shouldShowRelativeDayOfWeek
+    }));
+  }, [date, shouldShowDateToNowDifference, shouldShowDayOfWeek, shouldShowRelativeDayOfWeek, shouldShowTime, shouldShowYear, shouldUseShortText]);
   (0, _react.useEffect)(() => {
-    // This useEffect is for calculating the current date for shouldShowDateToNowDifference option
-    if (!shouldShowDateToNowDifference) {
-      return () => {};
-    }
-    let timeoutTime = formattedDate.getSeconds() - new Date().getSeconds();
-    // If the seconds of date are after seconds of current time, the timeoutTime has to be calculated differently
-    if (timeoutTime < 0) {
-      timeoutTime = 60 - new Date().getSeconds() + formattedDate.getSeconds();
-    }
-    // initialized with remaining time
-    let timeDiffInMs = formattedDate.getTime() - currentDate.getTime();
-    // set to elapsed time
-    if ((0, _dateFns.isPast)(formattedDate)) {
-      timeDiffInMs = currentDate.getTime() - formattedDate.getTime();
-    }
-    // time difference is less than a minute, time should be updated every second
-    if (timeDiffInMs < 60000) {
-      timeoutTime = 1;
-    }
-    // Set timeoutTime to at least 1000ms
-    timeoutTime = Math.max(timeoutTime * 1000, 1000);
-    const timeout = setTimeout(() => {
-      setCurrentDate(new Date());
-    }, timeoutTime);
+    if (!shouldShowDateToNowDifference) return () => {};
+    const updateCurrentDate = () => setCurrentDate(new Date());
+    const now = new Date();
+    const timeDiffInMs = Math.abs(date.getTime() - now.getTime());
+    const updateInterval = timeDiffInMs < 60000 ? 1000 : 60000 - now.getSeconds() * 1000;
+    const intervalId = setInterval(updateCurrentDate, 1000);
+    const timeout = setTimeout(updateCurrentDate, updateInterval);
     return () => {
       clearTimeout(timeout);
+      clearInterval(intervalId);
     };
-  }, [currentDate, date, formattedDate, shouldShowDateToNowDifference]);
+  }, [date, shouldShowDateToNowDifference]);
   (0, _react.useEffect)(() => {
-    // This useEffect is for showing the difference of the date to now
     if (shouldShowDateToNowDifference) {
-      setFormattedDateString((0, _dateInfo.getTimeTillNow)({
-        date: formattedDate,
+      setFormattedDate((0, _dateInfo.getTimeTillNow)({
+        date,
         currentDate,
         language
       }));
     }
-  }, [currentDate, date, formattedDate, language, shouldShowDateToNowDifference]);
-  return (0, _react.useMemo)(() => `${preText ? `${preText.trim()} ` : ''}${formattedDateString}`, [formattedDateString, preText]);
+  }, [date, currentDate, language, shouldShowDateToNowDifference]);
+  return (0, _react.useMemo)(() => `${preText ? `${preText.trim()} ` : ''}${formattedDate}`, [formattedDate, preText]);
 };
 exports.useDateInfo = useDateInfo;
 //# sourceMappingURL=useDateInfo.js.map

package/lib/cjs/hooks/useDateInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDateInfo.js","names":["~~_dateFns~~","require","_react","_dateInfo","useDateInfo","date","shouldShowDateToNowDifference","shouldShowRelativeDayOfWeek","shouldShowDayOfWeek","shouldShowTime","shouldUseShortText","shouldShowYear","preText","~~formattedDateString~~","~~setFormattedDateString","useState","~~language","getLanguage","formattedDate","~~useMemo~~","~~Date~~","~~isDateNearToday~~","~~isToday~~","~~isYesterday~~","~~isTomorrow~~","useEffect","~~newFormattedDateString~~","~~getFormattedDayOfWeek~~","~~formatString~~","~~getMonthFormat~~","~~getYearFormat~~","~~format~~","~~locale~~","~~replace~~","~~getFormattedTime","currentDate","setCurrentDate","timeoutTime","~~getSeconds","~~timeDiffInMs~~","~~getTime~~","~~isPast~~","~~Math~~","~~max~~","~~timeout~~","~~setTimeout~~","~~clearTimeout~~","~~getTimeTillNow","~~trim","exports"],"sources":["../../../src/hooks/useDateInfo.ts"],"sourcesContent":["import { ~~format,~~ ~~isPast, isToday, isTomorrow, isYesterday~~ } from '~~date~~-~~fns~~';\nimport { useEffect, useMemo, useState } from 'react';\nimport {~~\n getFormattedDayOfWeek,\n getFormattedTime,\n getLanguage,\n getMonthFormat,\n getTimeTillNow,\n getYearFormat,\n~~} from '../~~utils~~/~~dateInfo~~';\~~n\nexport~~ ~~interface UseDateInfoOptions~~ {\n /*\n ~~The date~~, ~~that~~ ~~should~~ be displayed\n /\n date: Date \| string;\n /\n Additional text for \"shouldShowDateToNowDifference\" prop. Writes a text before the calculated time\n /\n preText?: string;\n /\n Adds the current year to the display\n /\n shouldShowYear?: boolean;\n /\n Adds the time to the display.\n /\n shouldShowTime?: boolean;\n /\n Whether the relative day of week to today should be shown (today, yesterday or tomorrow).\n /\n shouldShowRelativeDayOfWeek?: boolean;\n /\n Shortens the day and month text to maximum three digits\n /\n shouldUseShortText?: boolean;\n /\n Adds the day of week to the display\n /\n shouldShowDayOfWeek?: boolean;\n /\n Shows the difference from ~~the date to now. The component handles updates itself.\n /\n shouldShowDateToNowDifference?: boolean~~;\n}\n\nexport const useDateInfo = ({\n date,\n shouldShowDateToNowDifference,\n shouldShowRelativeDayOfWeek,\n shouldShowDayOfWeek,\n shouldShowTime,\n shouldUseShortText,\n shouldShowYear,\n preText,\n}: UseDateInfoOptions) => {\n const ~~[formattedDateString,~~ ~~setFormattedDateString]~~ = ~~useState<string>~~('');\n const [~~language~~] = useState(~~getLanguage~~());\n\n const ~~formattedDate = useMemo(() => new Date(date)~~, ~~[date~~]~~);\n\n const~~ ~~isDateNearToday~~ = ~~isToday~~(~~date)~~ ~~\|\| isYesterday~~(~~date~~) ~~\|\| isTomorrow(date~~);\n\n useEffect(() => {\n ~~// This useEffect is used for normal date formation\n~~ if (shouldShowDateToNowDifference) {\n return;\n }\n\n ~~let newFormattedDateString = getFormattedDayOfWeek~~({\n ~~shouldShowDayOfWeek,\n shouldShowRelativeDayOfWeek,\n shouldUseShortText,\n date: formattedDate,\n language,\n });\n\n if~~ (~~!isDateNearToday \|\| !shouldShowRelativeDayOfWeek \|\| !shouldShowTime)~~ {\n ~~let formatString = 'dd. ';\n\n formatString += `${getMonthFormat({ shouldUseShortText })}`;\n\n formatString += `${getYearFormat({\n~~ date~~: formattedDate~~,\n shouldShowYear,\n ~~})}`;\~~n\n newFormattedDateString += format(formattedDate, formatString, { locale: language });\n } else {\n newFormattedDateString = newFormattedDateString.replace(', ', '');\n }\n\n newFormattedDateString += getFormattedTime({\n date: formattedDate,\n ~~shouldShowTime~~,\n ~~language,\n~~ });\n\n ~~setFormattedDateString(newFormattedDateString~~);\n }, [\n date,\n ~~formattedDate,\n language,\n~~ shouldShowDateToNowDifference,\n shouldShowDayOfWeek,\n shouldShowRelativeDayOfWeek,\n ~~shouldShowYear~~,\n ~~shouldShowTime~~,\n shouldUseShortText,\n ~~isDateNearToday,\n~~ ]);\n\n ~~// Calculate remaining time till next minute to update time according to time left\n const [currentDate, setCurrentDate] = useState(new Date());\n\n~~ useEffect(() => {\n ~~// This useEffect is for calculating the current date for shouldShowDateToNowDifference option\n~~ if (!shouldShowDateToNowDifference) ~~{\n~~ return () => {};\n }\n\n ~~let~~ ~~timeoutTime~~ = ~~formattedDate.getSeconds~~() - new Date()~~.getSeconds(~~);\n\n // If ~~the seconds of date are after seconds of current time, the timeoutTime has to be calculated differently\n if (timeoutTime < 0) {\n timeoutTime~~ = ~~60 -~~ new Date()~~.getSeconds() + formattedDate.getSeconds()~~;\n ~~}\n\n //~~ ~~initialized with remaining time\n let~~ timeDiffInMs = ~~formattedDate~~.~~getTime~~(~~) - currentDate~~.getTime()~~;\n\n //~~ ~~set to elapsed time\n if (isPast(formattedDate)) {\n timeDiffInMs = currentDate.getTime()~~ - ~~formattedDate~~.getTime();\n }\n\n // ~~time~~ ~~difference~~ is ~~less~~ ~~than~~ a ~~minute,~~ ~~time~~ ~~should~~ be ~~updated every second\n if~~ (~~timeDiffInMs < 60000~~) ~~{\n timeoutTime~~ ~~= 1~~;\n }\n\n // ~~Set~~ ~~timeoutTime to at least 1000ms\n timeoutTime~~ = ~~Math.max~~(~~timeoutTime 1000~~, 1000);\n\n const timeout = setTimeout(~~() => {\n setCurrentDate(new Date());\n }~~, ~~timeoutTime~~);\n\n return () => {\n clearTimeout(timeout);\n };\n }, [~~currentDate,~~ date, ~~formattedDate,~~ shouldShowDateToNowDifference]);\n\n useEffect(() => {\n ~~// This useEffect is for showing the difference of the date to now\n~~ if (shouldShowDateToNowDifference) {\n ~~setFormattedDateString~~(getTimeTillNow({ date~~: formattedDate~~, currentDate, language }));\n }\n }, [~~currentDate,~~ date, ~~formattedDate~~, language, shouldShowDateToNowDifference]);\n\n return useMemo(\n () => `${preText ? `${preText.trim()} ` : ''}${~~formattedDateString~~}`,\n [~~formattedDateString~~, preText],\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,~~QAAA~~,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;~~AACA~~,IAAAE,SAAA,GAAAF,OAAA;~~AA4CO~~,MAAMG,WAAW,GAAGA,CAAC;EACxBC,IAAI;EACJC,6BAA6B;EAC7BC,2BAA2B;EAC3BC,mBAAmB;EACnBC,cAAc;EACdC,kBAAkB;EAClBC,cAAc;EACdC;AACgB,CAAC,KAAK;EACtB,MAAM,~~CAACC~~,~~mBAAmB,~~EAAEC,~~sBAAsB,~~CAAC,GAAG,IAAAC,~~eAAQ~~,~~EAAS~~,~~EAAE,~~CAAC;~~EAC1E~~,MAAM,CAACC,~~QAAQ~~,~~CAAC~~,~~GAAG~~,~~IAAAD,eAAQ,EAAC,IAAAE,qBAAW,EAAC,~~CAAC,~~CAAC;EAE1C,MAAMC,aAAa,~~GAAG,IAAAC,~~cAAO~~,~~EAAC~~,~~MAAM,IAAIC,~~IAAI,~~CAACf~~,~~IAAI~~,CAAC,~~EAAE,CAACA,IAAI,~~CAAC,CAAC;~~EAE3D~~,~~MAAMgB~~,~~eAAe~~,~~GAAG~~,~~IAAAC~~,~~gBAAO~~,~~EAACjB~~,~~IAAI~~,~~CAAC~~,~~IAAI~~,~~IAAAkB~~,~~oBAAW~~,~~EAAClB,~~IAAI,CAAC,~~IAAI~~,~~IAAAmB,mBAAU,EAACnB,IAAI,~~CAAC;~~EAE9E~~,~~IAAAoB~~,gBAAS,EAAC,MAAM;IACZ~~;IACA~~,~~IAAInB~~,6BAA6B,EAAE;MAC/B;IACJ;~~IAEA~~,~~IAAIoB~~,~~sBAAsB~~,~~GAAG~~,~~IAAAC,+BAAqB~~,EAAC;~~MAC/CnB~~,~~mBAAmB;MACnBD,2BAA2B;MAC3BG,kBAAkB;MAClBL,~~IAAI~~,EAAEa,aAAa~~;~~MACnBF;IACJ~~,~~CAAC,CAAC~~;~~IAEF~~,~~IAAI,CAACK,eAAe,IAAI,CAACd,2BAA2B,IAAI,CAACE,~~cAAc~~,EAAE~~;~~MACrE~~,~~IAAImB,YAAY,GAAG,MAAM~~;~~MAEzBA~~,~~YAAY,IAAI,GAAG,IAAAC,wBAAc,EAAC~~;~~QAAEnB~~;MAAmB,CAAC,CAAC,EAAE;MAE3DkB,YAAY,IAAI,GAAG,IAAAE,uBAAa,EAAC;QAC7BzB,IAAI,EAAEa,aAAa;QACnBP;MACJ,CAAC,CAAC,EAAE;MAEJe,sBAAsB,IAAI,IAAAK,eAAM,EAACb,aAAa,EAAEU,YAAY,EAAE;QAAEI,MAAM,EAAEhB;MAAS,CAAC,CAAC;IACvF,CAAC,MAAM;MACHU,sBAAsB,GAAGA,sBAAsB,CAACO,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;IACrE;IAEAP,sBAAsB,IAAI,IAAAQ,0BAAgB,EAAC;MACvC7B,IAAI,EAAEa,aAAa;MACnBT,cAAc;MACdO;IACJ,CAAC,~~CAAC;IAEFF~~,~~sBAAsB,CAACY,sBAAsB,~~CAAC;~~EAClD~~,CAAC,EAAE,~~CACCrB~~,IAAI,~~EACJa~~,~~aAAa,EACbF,QAAQ,EACRV,~~6BAA6B,EAC7BE,mBAAmB,EACnBD,2BAA2B,~~EAC3BI~~,cAAc,~~EACdF~~,cAAc,~~EACdC~~,kBAAkB,~~EAClBW~~,~~eAAe,CAClB,~~CAAC;;EAEF~~;EACA~~,~~MAAM~~,~~CAACc,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAArB,eAAQ,EAAC,IAAIK,IAAI,CAAC,CAAC,CAAC;EAE1D,IAAAK,~~gBAAS,EAAC,MAAM;IACZ~~;IACA~~,IAAI,~~CAACnB~~,6BAA6B,EAAE~~;MAChC~~,OAAO,MAAM,CAAC,CAAC;~~IACnB;IAEA~~,~~IAAI+B~~,~~WAAW~~,~~GAAGnB~~,~~aAAa~~,~~CAACoB~~,~~UAAU~~,CAAC,~~CAAC~~,~~GAAG,IAAIlB,~~IAAI,CAAC,CAAC,~~CAACkB,UAAU,~~CAAC~~,CAAC;;IAEtE~~;~~IACA~~,~~IAAID~~,~~WAAW,~~GAAG,~~CAAC,EAAE;MACjBA,WAAW,~~GAAG,~~EAAE~~,~~GAAG,IAAIjB,~~IAAI,CAAC,CAAC,~~CAACkB~~,~~UAAU~~,~~CAAC~~,~~CAAC~~,~~GAAGpB~~,~~aAAa~~,~~CAACoB~~,~~UAAU~~,~~CAAC~~,~~CAAC;IAC3E;;IAEA;IACA,IAAIC,YAAY,GAAGrB,aAAa,CAACsB,~~OAAO,CAAC,CAAC,~~GAAGL~~,~~WAAW~~,~~CAACK~~,OAAO,CAAC,CAAC~~;;IAElE~~;~~IACA~~,~~IAAI~~,~~IAAAC~~,~~eAAM~~,~~EAACvB,aAAa,CAAC,EAAE;MACvBqB,~~YAAY,~~GAAGJ~~,~~WAAW~~,~~CAACK~~,~~OAAO~~,~~CAAC~~,~~CAAC~~,~~GAAGtB~~,~~aAAa~~,~~CAACsB~~,~~OAAO~~,CAAC,CAAC~~;IAClE;;IAEA;IACA~~,~~IAAID,YAAY,~~GAAG,~~KAAK,EAAE~~;~~MACtBF~~,~~WAAW~~,~~GAAG~~,~~CAAC;IACnB;;IAEA;IACAA~~,WAAW,~~GAAGK~~,~~IAAI~~,~~CAACC,GAAG,CAACN,WAAW,GAAG,IAAI,~~EAAE,IAAI,CAAC;~~IAEhD~~,~~MAAMO~~,OAAO,GAAGC,UAAU,~~CAAC~~,~~MAAM;MAC7BT~~,cAAc,CAAC~~,IAAIhB,IAAI,CAAC,CAAC,CAAC~~;~~IAC9B~~,~~CAAC,EAAEiB,WAAW,CAAC;IAEf,~~OAAO,MAAM;~~MACTS~~,YAAY,CAACF,OAAO,CAAC;~~IACzB~~,CAAC;EACL,CAAC,EAAE,~~CAACT~~,~~WAAW,EAAE9B,~~IAAI,~~EAAEa~~,~~aAAa,EAAEZ,~~6BAA6B,CAAC,CAAC;~~EAErE~~,~~IAAAmB~~,gBAAS,EAAC,MAAM;IACZ~~;IACA~~,~~IAAInB~~,6BAA6B,EAAE;MAC/BQ,~~sBAAsB~~,CAAC,~~IAAAiC~~,wBAAc,EAAC;~~QAAE1C~~,IAAI~~,EAAEa,aAAa~~;~~QAAEiB~~,WAAW;~~QAAEnB~~;MAAS,CAAC,CAAC,CAAC;~~IAC1F~~;EACJ,CAAC,EAAE,~~CAACmB~~,~~WAAW,EAAE9B,~~IAAI,~~EAAEa~~,~~aAAa~~,~~EAAEF~~,QAAQ,~~EAAEV~~,6BAA6B,CAAC,CAAC;~~EAE/E~~,OAAO,~~IAAAa~~,cAAO,EACV,MAAM,~~GAAGP~~,OAAO,GAAG,GAAGA,OAAO,~~CAACoC~~,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,~~GAAGnC~~,~~mBAAmB~~,EAAE,~~EACpE~~,CAACA,~~mBAAmB~~,~~EAAED~~,OAAO,~~CACjC~~,CAAC;AACL,CAAC;~~AAACqC~~,OAAA,~~CAAA7C~~,WAAA,GAAAA,WAAA","ignoreList":[]}
1	+ {"version":3,"file":"useDateInfo.js","names":["_chaynsApi","require","_react","_dateInfo","useDateInfo","date","shouldShowDateToNowDifference","shouldShowRelativeDayOfWeek","shouldShowDayOfWeek","shouldShowTime","shouldUseShortText","shouldShowYear","preText","active","language","getLanguage","formattedDate","setFormattedDate","useState","toLocaleDateString","currentDate","setCurrentDate","Date","useEffect","getDateInfo","updateCurrentDate","now","timeDiffInMs","Math","abs","getTime","updateInterval","getSeconds","intervalId","setInterval","timeout","setTimeout","clearTimeout","clearInterval","getTimeTillNow","useMemo","trim","exports"],"sources":["../../../src/hooks/useDateInfo.ts"],"sourcesContent":["import { getLanguage } from 'chayns-api';\nimport { useEffect, useMemo, useState } from 'react';\nimport { UseDateInfoOptions } from '../types/dateinfo';\nimport { getDateInfo, getTimeTillNow } from '../utils/dateInfo';\n\nexport const useDateInfo = ({\n date,\n shouldShowDateToNowDifference,\n shouldShowRelativeDayOfWeek,\n shouldShowDayOfWeek,\n shouldShowTime,\n shouldUseShortText,\n shouldShowYear,\n preText,\n}: UseDateInfoOptions) => {\n const { active: language } = getLanguage();\n\n const [formattedDate, setFormattedDate] = useState(date.toLocaleDateString());\n const [currentDate, setCurrentDate] = useState(new Date());\n\n useEffect(() => {\n if (shouldShowDateToNowDifference) {\n return;\n }\n\n setFormattedDate(\n getDateInfo({\n date,\n shouldShowYear,\n shouldShowTime,\n shouldUseShortText,\n shouldShowDayOfWeek,\n shouldShowRelativeDayOfWeek,\n }),\n );\n }, [\n date,\n shouldShowDateToNowDifference,\n shouldShowDayOfWeek,\n shouldShowRelativeDayOfWeek,\n shouldShowTime,\n shouldShowYear,\n shouldUseShortText,\n ]);\n\n useEffect(() => {\n if (!shouldShowDateToNowDifference) return () => {};\n\n const updateCurrentDate = () => setCurrentDate(new Date());\n const now = new Date();\n const timeDiffInMs = Math.abs(date.getTime() - now.getTime());\n\n const updateInterval = timeDiffInMs < 60000 ? 1000 : 60000 - now.getSeconds() * 1000;\n\n const intervalId = setInterval(updateCurrentDate, 1000);\n const timeout = setTimeout(updateCurrentDate, updateInterval);\n\n return () => {\n clearTimeout(timeout);\n clearInterval(intervalId);\n };\n }, [date, shouldShowDateToNowDifference]);\n\n useEffect(() => {\n if (shouldShowDateToNowDifference) {\n setFormattedDate(getTimeTillNow({ date, currentDate, language }));\n }\n }, [date, currentDate, language, shouldShowDateToNowDifference]);\n\n return useMemo(\n () => `${preText ? `${preText.trim()} ` : ''}${formattedDate}`,\n [formattedDate, preText],\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AAEO,MAAMG,WAAW,GAAGA,CAAC;EACxBC,IAAI;EACJC,6BAA6B;EAC7BC,2BAA2B;EAC3BC,mBAAmB;EACnBC,cAAc;EACdC,kBAAkB;EAClBC,cAAc;EACdC;AACgB,CAAC,KAAK;EACtB,MAAM;IAAEC,MAAM,EAAEC;EAAS,CAAC,GAAG,IAAAC,sBAAW,EAAC,CAAC;EAE1C,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAACb,IAAI,CAACc,kBAAkB,CAAC,CAAC,CAAC;EAC7E,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAH,eAAQ,EAAC,IAAII,IAAI,CAAC,CAAC,CAAC;EAE1D,IAAAC,gBAAS,EAAC,MAAM;IACZ,IAAIjB,6BAA6B,EAAE;MAC/B;IACJ;IAEAW,gBAAgB,CACZ,IAAAO,qBAAW,EAAC;MACRnB,IAAI;MACJM,cAAc;MACdF,cAAc;MACdC,kBAAkB;MAClBF,mBAAmB;MACnBD;IACJ,CAAC,CACL,CAAC;EACL,CAAC,EAAE,CACCF,IAAI,EACJC,6BAA6B,EAC7BE,mBAAmB,EACnBD,2BAA2B,EAC3BE,cAAc,EACdE,cAAc,EACdD,kBAAkB,CACrB,CAAC;EAEF,IAAAa,gBAAS,EAAC,MAAM;IACZ,IAAI,CAACjB,6BAA6B,EAAE,OAAO,MAAM,CAAC,CAAC;IAEnD,MAAMmB,iBAAiB,GAAGA,CAAA,KAAMJ,cAAc,CAAC,IAAIC,IAAI,CAAC,CAAC,CAAC;IAC1D,MAAMI,GAAG,GAAG,IAAIJ,IAAI,CAAC,CAAC;IACtB,MAAMK,YAAY,GAAGC,IAAI,CAACC,GAAG,CAACxB,IAAI,CAACyB,OAAO,CAAC,CAAC,GAAGJ,GAAG,CAACI,OAAO,CAAC,CAAC,CAAC;IAE7D,MAAMC,cAAc,GAAGJ,YAAY,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAGD,GAAG,CAACM,UAAU,CAAC,CAAC,GAAG,IAAI;IAEpF,MAAMC,UAAU,GAAGC,WAAW,CAACT,iBAAiB,EAAE,IAAI,CAAC;IACvD,MAAMU,OAAO,GAAGC,UAAU,CAACX,iBAAiB,EAAEM,cAAc,CAAC;IAE7D,OAAO,MAAM;MACTM,YAAY,CAACF,OAAO,CAAC;MACrBG,aAAa,CAACL,UAAU,CAAC;IAC7B,CAAC;EACL,CAAC,EAAE,CAAC5B,IAAI,EAAEC,6BAA6B,CAAC,CAAC;EAEzC,IAAAiB,gBAAS,EAAC,MAAM;IACZ,IAAIjB,6BAA6B,EAAE;MAC/BW,gBAAgB,CAAC,IAAAsB,wBAAc,EAAC;QAAElC,IAAI;QAAEe,WAAW;QAAEN;MAAS,CAAC,CAAC,CAAC;IACrE;EACJ,CAAC,EAAE,CAACT,IAAI,EAAEe,WAAW,EAAEN,QAAQ,EAAER,6BAA6B,CAAC,CAAC;EAEhE,OAAO,IAAAkC,cAAO,EACV,MAAM,GAAG5B,OAAO,GAAG,GAAGA,OAAO,CAAC6B,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,GAAGzB,aAAa,EAAE,EAC9D,CAACA,aAAa,EAAEJ,OAAO,CAC3B,CAAC;AACL,CAAC;AAAC8B,OAAA,CAAAtC,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/cjs/index.js CHANGED Viewed

@@ -33,6 +33,132 @@ Object.defineProperty(exports, "OpeningTimes", {
     return _OpeningTimes.default;
   }
 });
+Object.defineProperty(exports, "addDays", {
+  enumerable: true,
+  get: function () {
+    return _date.addDays;
+  }
+});
+Object.defineProperty(exports, "addYears", {
+  enumerable: true,
+  get: function () {
+    return _date.addYears;
+  }
+});
+Object.defineProperty(exports, "differenceInCalendarMonths", {
+  enumerable: true,
+  get: function () {
+    return _date.differenceInCalendarMonths;
+  }
+});
+Object.defineProperty(exports, "eachDayOfInterval", {
+  enumerable: true,
+  get: function () {
+    return _date.eachDayOfInterval;
+  }
+});
+Object.defineProperty(exports, "endOfWeek", {
+  enumerable: true,
+  get: function () {
+    return _date.endOfWeek;
+  }
+});
+Object.defineProperty(exports, "getDateInfo", {
+  enumerable: true,
+  get: function () {
+    return _dateInfo.getDateInfo;
+  }
+});
+Object.defineProperty(exports, "getIsDateNearToday", {
+  enumerable: true,
+  get: function () {
+    return _date.getIsDateNearToday;
+  }
+});
+Object.defineProperty(exports, "getTimeTillNow", {
+  enumerable: true,
+  get: function () {
+    return _dateInfo.getTimeTillNow;
+  }
+});
+Object.defineProperty(exports, "isAfter", {
+  enumerable: true,
+  get: function () {
+    return _date.isAfter;
+  }
+});
+Object.defineProperty(exports, "isBefore", {
+  enumerable: true,
+  get: function () {
+    return _date.isBefore;
+  }
+});
+Object.defineProperty(exports, "isCurrentYear", {
+  enumerable: true,
+  get: function () {
+    return _date.isCurrentYear;
+  }
+});
+Object.defineProperty(exports, "isMorning", {
+  enumerable: true,
+  get: function () {
+    return _date.isMorning;
+  }
+});
+Object.defineProperty(exports, "isSameDay", {
+  enumerable: true,
+  get: function () {
+    return _date.isSameDay;
+  }
+});
+Object.defineProperty(exports, "isSameMonth", {
+  enumerable: true,
+  get: function () {
+    return _date.isSameMonth;
+  }
+});
+Object.defineProperty(exports, "isToday", {
+  enumerable: true,
+  get: function () {
+    return _date.isToday;
+  }
+});
+Object.defineProperty(exports, "isTomorrow", {
+  enumerable: true,
+  get: function () {
+    return _date.isTomorrow;
+  }
+});
+Object.defineProperty(exports, "isWithinInterval", {
+  enumerable: true,
+  get: function () {
+    return _date.isWithinInterval;
+  }
+});
+Object.defineProperty(exports, "isYesterday", {
+  enumerable: true,
+  get: function () {
+    return _date.isYesterday;
+  }
+});
+Object.defineProperty(exports, "startOfMonth", {
+  enumerable: true,
+  get: function () {
+    return _date.startOfMonth;
+  }
+});
+Object.defineProperty(exports, "startOfWeek", {
+  enumerable: true,
+  get: function () {
+    return _date.startOfWeek;
+  }
+});
+Object.defineProperty(exports, "subYears", {
+  enumerable: true,
+  get: function () {
+    return _date.subYears;
+  }
+});
 Object.defineProperty(exports, "useDateInfo", {
   enumerable: true,
   get: function () {
@@ -40,10 +166,12 @@ Object.defineProperty(exports, "useDateInfo", {
   }
 });
 var _Calendar = _interopRequireDefault(require("./components/calendar/Calendar"));
-var _DateInfo = _interopRequireDefault(require("./components/date-info/DateInfo"));
+var _calendar = require("./types/calendar");
 var _OpeningInputs = _interopRequireDefault(require("./components/opening-times/opening-inputs/OpeningInputs"));
 var _OpeningTimes = _interopRequireDefault(require("./components/opening-times/OpeningTimes"));
+var _DateInfo = _interopRequireDefault(require("./components/date-info/DateInfo"));
 var _useDateInfo = require("./hooks/useDateInfo");
-var _calendar = require("./types/calendar");
+var _dateInfo = require("./utils/dateInfo");
+var _date = require("./utils/date");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_Calendar","_interopRequireDefault","require","~~_DateInfo~~","_OpeningInputs","_OpeningTimes","_useDateInfo","~~_calendar~~","e","__esModule","default"],"sources":["../../src/index.ts"],"sourcesContent":["~~export~~ { default as Calendar } from './components/calendar/Calendar';\nexport { ~~default~~ as ~~DateInfo~~ } from './~~components~~/~~date-info~~/~~DateInfo~~';\nexport { default as OpeningInputs } from './components/opening-times/opening-inputs/OpeningInputs';\nexport { default as OpeningTimes } from './components/opening-times/OpeningTimes';\nexport { ~~useDateInfo~~ } from './~~hooks~~/~~useDateInfo~~';\nexport ~~type~~ { ~~Categories,~~ ~~HighlightedDates, HighlightedDateStyles, CustomThumbColors~~ } from './~~types~~/~~calendar~~';\nexport { ~~CalendarType~~ } from './~~types~~/~~calendar~~';\nexport ~~type~~ { ~~HintTextPosition~~, ~~OpeningTime,~~ ~~Time,~~ ~~Weekday~~ } from './~~types~~/~~openingTimes~~';\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA~~,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;~~AACA~~,IAAAC,SAAA,~~GAAAF~~,~~sBAAA,CAAAC,~~OAAA;~~AACA~~,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;~~AACA~~,IAAAI,~~YAAA~~,~~GAAAJ~~,OAAA;~~AAEA~~,IAAAK,~~SAAA~~,GAAAL,OAAA;~~AAAgD~~,SAAAD,~~uBAAAO~~,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_Calendar","_interopRequireDefault","require","_calendar","_OpeningInputs","_OpeningTimes","_DateInfo","_useDateInfo","_dateInfo","_date","e","__esModule","default"],"sources":["../../src/index.ts"],"sourcesContent":["// Calendar\nexport {default as Calendar} from './components/calendar/Calendar';\nexport type {Categories, HighlightedDates, HighlightedDateStyles, DateInterval, CustomThumbColors} from './types/calendar';\nexport {CalendarType} from './types/calendar';\n\n// OpeningTimes\nexport {default as OpeningInputs} from './components/opening-times/opening-inputs/OpeningInputs';\nexport {default as OpeningTimes} from './components/opening-times/OpeningTimes';\nexport type {HintTextPosition, OpeningTime, Time, Weekday} from './types/openingTimes';\n\n// DateInfo\nexport {default as DateInfo} from './components/date-info/DateInfo';\nexport {useDateInfo} from './hooks/useDateInfo';\nexport {getDateInfo, getTimeTillNow} from './utils/dateInfo'\n\n// Utils\nexport {\n isToday,\n getIsDateNearToday,\n isTomorrow,\n isYesterday,\n isMorning,\n isCurrentYear,\n addYears,\n addDays,\n isSameDay,\n eachDayOfInterval,\n isWithinInterval,\n subYears,\n endOfWeek,\n startOfWeek,\n isSameMonth,\n differenceInCalendarMonths,\n startOfMonth,\n isAfter,\n isBefore\n} from './utils/date'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAGA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAIA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAGA,IAAAO,KAAA,GAAAP,OAAA;AAoBqB,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/cjs/types/dateinfo.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+
2	+ //# sourceMappingURL=dateinfo.js.map

package/lib/cjs/types/dateinfo.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dateinfo.js","names":[],"sources":["../../../src/types/dateinfo.ts"],"sourcesContent":["export interface UseDateInfoOptions {\n /**\n * The date, that should be displayed\n */\n date: Date;\n /**\n * Additional text for \"shouldShowDateToNowDifference\" prop. Writes a text before the calculated time\n */\n preText?: string;\n /**\n * Adds the current year to the display\n */\n shouldShowYear?: boolean;\n /**\n * Adds the time to the display.\n */\n shouldShowTime?: boolean;\n /**\n * Whether the relative day of week to today should be shown (today, yesterday or tomorrow).\n */\n shouldShowRelativeDayOfWeek?: boolean;\n /**\n * Shortens the day and month text to maximum three digits\n */\n shouldUseShortText?: boolean;\n /**\n * Adds the day of week to the display\n */\n shouldShowDayOfWeek?: boolean;\n /**\n * Shows the difference from the date to now. The component handles updates itself.\n */\n shouldShowDateToNowDifference?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/utils/calendar.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isDateInRange = exports.getYearsBetween = exports.getNewDate = exports.getMonthAndYear = exports.formatMonth = exports.findNextDate = void 0;
-var _dateFns = require("date-fns");
+var _date = require("./date");
 const getMonthAndYear = date => {
   const month = date.getMonth() + 1;
   const year = date.getFullYear();
@@ -19,13 +19,13 @@ const isDateInRange = ({
   maxDate,
   currentDate
 }) => {
-  const monthStartOfCurrentDate = (0, _dateFns.startOfMonth)(currentDate);
-  const monthStartOfMaxDate = (0, _dateFns.startOfMonth)(maxDate);
-  const monthStartOfMinDate = (0, _dateFns.startOfMonth)(minDate);
+  const monthStartOfCurrentDate = (0, _date.startOfMonth)(currentDate);
+  const monthStartOfMaxDate = (0, _date.startOfMonth)(maxDate);
+  const monthStartOfMinDate = (0, _date.startOfMonth)(minDate);
   switch (true) {
-    case (0, _dateFns.isAfter)(monthStartOfCurrentDate, monthStartOfMaxDate):
+    case (0, _date.isAfter)(monthStartOfCurrentDate, monthStartOfMaxDate):
       return monthStartOfMaxDate;
-    case (0, _dateFns.isBefore)(monthStartOfCurrentDate, monthStartOfMinDate):
+    case (0, _date.isBefore)(monthStartOfCurrentDate, monthStartOfMinDate):
       return monthStartOfMinDate;
     default:
       return monthStartOfCurrentDate;
@@ -47,9 +47,12 @@ exports.getNewDate = getNewDate;
 const formatMonth = ({
   month,
   locale
-}) => (0, _dateFns.format)(new Date(2022, month - 1, 1), 'MMMM', {
-  locale
-});
+}) => {
+  const date = new Date(2022, month - 1, 1);
+  return date.toLocaleString(locale, {
+    month: 'long'
+  });
+};
 exports.formatMonth = formatMonth;
 const findNextDate = (date, dateArray) => {
   const futureDates = dateArray.filter(d => d > date);