npm - @activecollab/components - Versions diffs - 1.0.5 → 1.0.9 - Mend

@activecollab/components 1.0.5 → 1.0.9

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

package/dist/esm/components/DatePicker/ClassNames.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var customClassNames = {
+export var customClassNames = {
   container: "c-DayPicker",
   wrapper: "c-DayPicker-wrapper",
   interactionDisabled: "c-DayPicker--interactionDisabled",
@@ -28,6 +28,4 @@ var customClassNames = {
   userAvailability: "c-DayPicker-Day--userAvailability",
   nonWorkingDay: "c-DayPicker-Day--nonWorkingDay"
 };
-export { customClassNames };
-//# sourceMappingURL=ClassNames.js.map
+//# sourceMappingURL=ClassNames.js.map

package/dist/esm/components/DatePicker/ClassNames.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file":"ClassNames.js","~~sources":["../../../../src/components/DatePicker/ClassNames.tsx"],"sourcesContent":["export const customClassNames = {\n container: \"c-DayPicker\",\n wrapper: \"c-DayPicker-wrapper\",\n interactionDisabled: \"c-DayPicker--interactionDisabled\",\n months: \"c-DayPicker-Months\",\n month: \"c-DayPicker-Month\",\n\n navBar: \"c-DayPicker-NavBar\",\n navButtonPrev: \"c-DayPicker-NavButton DayPicker-NavButton--prev\",\n navButtonNext: \"c-DayPicker-NavButton DayPicker-NavButton--next\",\n navButtonInteractionDisabled: \"c-DayPicker-NavButton--interactionDisabled\",\n\n caption: \"c-DayPicker-Caption\",\n weekdays: \"c-DayPicker-Weekdays\",\n weekdaysRow: \"c-DayPicker-WeekdaysRow\",\n weekday: \"c-DayPicker-Weekday\",\n body: \"c-DayPicker-Body\",\n week: \"c-DayPicker-Week\",\n weekNumber: \"c-DayPicker-WeekNumber\",\n day: \"c-DayPicker-Day\",\n footer: \"c-DayPicker-Footer\",\n todayButton: \"c-DayPicker-TodayButton\",\n\n // default modifiers\n today: \"c-DayPicker-Day--today\",\n selected: \"c-DayPicker-Day--selected\",\n disabled: \"c-DayPicker-Day--disabled\",\n outside: \"c-DayPicker-Day--outside\",\n\n // custom modifiers\n weekend: \"c-DayPicker-Day--weekend\",\n userAvailability: \"c-DayPicker-Day--userAvailability\",\n nonWorkingDay: \"c-DayPicker-Day--nonWorkingDay\",\n};\n"],"~~names~~":["~~customClassNames~~","container","wrapper","interactionDisabled","months","month","navBar","navButtonPrev","navButtonNext","navButtonInteractionDisabled","caption","weekdays","weekdaysRow","weekday","body","week","weekNumber","day","footer","todayButton","today","selected","disabled","outside","weekend","userAvailability","nonWorkingDay"],"mappings":"IAAaA,gBAAgB,GAAG;AAC9BC,EAAAA,SAAS,EAAE,aADmB;AAE9BC,EAAAA,OAAO,EAAE,qBAFqB;AAG9BC,EAAAA,mBAAmB,EAAE,kCAHS;AAI9BC,EAAAA,MAAM,EAAE,oBAJsB;AAK9BC,EAAAA,KAAK,EAAE,mBALuB;AAO9BC,EAAAA,MAAM,EAAE,oBAPsB;AAQ9BC,EAAAA,aAAa,EAAE,iDARe;AAS9BC,EAAAA,aAAa,EAAE,iDATe;AAU9BC,EAAAA,4BAA4B,EAAE,4CAVA;AAY9BC,EAAAA,OAAO,EAAE,qBAZqB;AAa9BC,EAAAA,QAAQ,EAAE,sBAboB;AAc9BC,EAAAA,WAAW,EAAE,yBAdiB;AAe9BC,EAAAA,OAAO,EAAE,qBAfqB;AAgB9BC,EAAAA,IAAI,EAAE,kBAhBwB;AAiB9BC,EAAAA,IAAI,EAAE,kBAjBwB;AAkB9BC,EAAAA,UAAU,EAAE,wBAlBkB;AAmB9BC,EAAAA,GAAG,EAAE,iBAnByB;AAoB9BC,EAAAA,MAAM,EAAE,oBApBsB;AAqB9BC,EAAAA,WAAW,EAAE,yBArBiB;AAuB9B;AACAC,EAAAA,KAAK,EAAE,wBAxBuB;AAyB9BC,EAAAA,QAAQ,EAAE,2BAzBoB;AA0B9BC,EAAAA,QAAQ,EAAE,2BA1BoB;AA2B9BC,EAAAA,OAAO,EAAE,0BA3BqB;AA6B9B;AACAC,EAAAA,OAAO,EAAE,0BA9BqB;AA+B9BC,EAAAA,gBAAgB,EAAE,mCA/BY;AAgC9BC,EAAAA,aAAa,EAAE;AAhCe;;;;"}
1	+ {"version":3,"sources":["../../../../src/components/DatePicker/ClassNames.tsx"],"names":["customClassNames","container","wrapper","interactionDisabled","months","month","navBar","navButtonPrev","navButtonNext","navButtonInteractionDisabled","caption","weekdays","weekdaysRow","weekday","body","week","weekNumber","day","footer","todayButton","today","selected","disabled","outside","weekend","userAvailability","nonWorkingDay"],"mappings":"AAAA,OAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,SAAS,EAAE,aADmB;AAE9BC,EAAAA,OAAO,EAAE,qBAFqB;AAG9BC,EAAAA,mBAAmB,EAAE,kCAHS;AAI9BC,EAAAA,MAAM,EAAE,oBAJsB;AAK9BC,EAAAA,KAAK,EAAE,mBALuB;AAO9BC,EAAAA,MAAM,EAAE,oBAPsB;AAQ9BC,EAAAA,aAAa,EAAE,iDARe;AAS9BC,EAAAA,aAAa,EAAE,iDATe;AAU9BC,EAAAA,4BAA4B,EAAE,4CAVA;AAY9BC,EAAAA,OAAO,EAAE,qBAZqB;AAa9BC,EAAAA,QAAQ,EAAE,sBAboB;AAc9BC,EAAAA,WAAW,EAAE,yBAdiB;AAe9BC,EAAAA,OAAO,EAAE,qBAfqB;AAgB9BC,EAAAA,IAAI,EAAE,kBAhBwB;AAiB9BC,EAAAA,IAAI,EAAE,kBAjBwB;AAkB9BC,EAAAA,UAAU,EAAE,wBAlBkB;AAmB9BC,EAAAA,GAAG,EAAE,iBAnByB;AAoB9BC,EAAAA,MAAM,EAAE,oBApBsB;AAqB9BC,EAAAA,WAAW,EAAE,yBArBiB;AAuB9B;AACAC,EAAAA,KAAK,EAAE,wBAxBuB;AAyB9BC,EAAAA,QAAQ,EAAE,2BAzBoB;AA0B9BC,EAAAA,QAAQ,EAAE,2BA1BoB;AA2B9BC,EAAAA,OAAO,EAAE,0BA3BqB;AA6B9B;AACAC,EAAAA,OAAO,EAAE,0BA9BqB;AA+B9BC,EAAAA,gBAAgB,EAAE,mCA/BY;AAgC9BC,EAAAA,aAAa,EAAE;AAhCe,CAAzB","sourcesContent":["export const customClassNames = {\n container: \"c-DayPicker\",\n wrapper: \"c-DayPicker-wrapper\",\n interactionDisabled: \"c-DayPicker--interactionDisabled\",\n months: \"c-DayPicker-Months\",\n month: \"c-DayPicker-Month\",\n\n navBar: \"c-DayPicker-NavBar\",\n navButtonPrev: \"c-DayPicker-NavButton DayPicker-NavButton--prev\",\n navButtonNext: \"c-DayPicker-NavButton DayPicker-NavButton--next\",\n navButtonInteractionDisabled: \"c-DayPicker-NavButton--interactionDisabled\",\n\n caption: \"c-DayPicker-Caption\",\n weekdays: \"c-DayPicker-Weekdays\",\n weekdaysRow: \"c-DayPicker-WeekdaysRow\",\n weekday: \"c-DayPicker-Weekday\",\n body: \"c-DayPicker-Body\",\n week: \"c-DayPicker-Week\",\n weekNumber: \"c-DayPicker-WeekNumber\",\n day: \"c-DayPicker-Day\",\n footer: \"c-DayPicker-Footer\",\n todayButton: \"c-DayPicker-TodayButton\",\n\n // default modifiers\n today: \"c-DayPicker-Day--today\",\n selected: \"c-DayPicker-Day--selected\",\n disabled: \"c-DayPicker-Day--disabled\",\n outside: \"c-DayPicker-Day--outside\",\n\n // custom modifiers\n weekend: \"c-DayPicker-Day--weekend\",\n userAvailability: \"c-DayPicker-Day--userAvailability\",\n nonWorkingDay: \"c-DayPicker-Day--nonWorkingDay\",\n};\n"],"file":"ClassNames.js"}

package/dist/esm/components/DatePicker/CustomNavBarElement.js CHANGED Viewed

@@ -1,9 +1,7 @@
-import { useCallback } from 'react';
-import { DateUtils } from 'react-day-picker';
-import { NavBarElement } from '../Pickers/NavBarElement.js';
-import { jsx } from 'react/jsx-runtime';
-var CustomNavBarElement = function CustomNavBarElement(_ref) {
+import React, { useCallback } from "react";
+import { DateUtils } from "react-day-picker";
+import { NavBarElement } from "../Pickers/NavBarElement";
+export var CustomNavBarElement = function CustomNavBarElement(_ref) {
   var className = _ref.className,
       classNames = _ref.classNames,
       month = _ref.month,
@@ -37,7 +35,7 @@ var CustomNavBarElement = function CustomNavBarElement(_ref) {
       onMonthChange(previousMonth);
     }
   }, [onChangeDirection, onMonthChange, previousMonth]);
-  return /*#__PURE__*/jsx(NavBarElement, {
+  return /*#__PURE__*/React.createElement(NavBarElement, {
     className: className,
     classNames: classNames,
     month: month,
@@ -53,6 +51,4 @@ var CustomNavBarElement = function CustomNavBarElement(_ref) {
     onClick: onClick
   });
 };
-export { CustomNavBarElement };
-//# sourceMappingURL=CustomNavBarElement.js.map
+//# sourceMappingURL=CustomNavBarElement.js.map

package/dist/esm/components/DatePicker/CustomNavBarElement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~file":"CustomNavBarElement.js","~~sources":["../../../../src/components/DatePicker/CustomNavBarElement.tsx"],"~~sourcesContent~~":["~~import~~ React, ~~{ FC,~~ useCallback ~~} from \~~"~~react\~~"~~;\nimport {~~ DateUtils, ~~NavbarElementProps } from \~~"~~react-day-picker\";\nimport {~~ NavBarElement ~~} from \~~"../Pickers/NavBarElement\";\n\ninterface ICustomNavBarElementProps extends NavbarElementProps {\n showMonthPicker: boolean;\n onChangeDirection?: (direction: boolean) => void;\n onMonthChange?: (month: Date) => void;\n onClick?: () => void;\n}\n\nexport const CustomNavBarElement: FC<ICustomNavBarElementProps> = ({\n className,\n classNames,\n month,\n showPreviousButton,\n showNextButton,\n labels,\n localeUtils,\n locale,\n showMonthPicker = false,\n onChangeDirection,\n onMonthChange,\n onClick,\n}) => {\n const nextMonth = showMonthPicker\n ? DateUtils.addMonths(month, 12)\n : DateUtils.addMonths(month, 1);\n const previousMonth = showMonthPicker\n ? DateUtils.addMonths(month, -12)\n : DateUtils.addMonths(month, -1);\n\n const onNextClick = useCallback(() => {\n if (onChangeDirection) {\n onChangeDirection(true);\n }\n if (onMonthChange) {\n onMonthChange(nextMonth);\n }\n }, [nextMonth, onChangeDirection, onMonthChange]);\n\n const onPreviousClick = useCallback(() => {\n if (onChangeDirection) {\n onChangeDirection(false);\n }\n if (onMonthChange) {\n onMonthChange(previousMonth);\n }\n }, [onChangeDirection, onMonthChange, previousMonth]);\n\n return (\n <NavBarElement\n className={className}\n classNames={classNames}\n month={month}\n showPreviousButton={showPreviousButton}\n showNextButton={showNextButton}\n labels={labels}\n localeUtils={localeUtils}\n locale={locale}\n previousMonth={previousMonth}\n nextMonth={nextMonth}\n onNextClick={onNextClick}\n onPreviousClick={onPreviousClick}\n onClick={onClick}\n />\n );\n};\n"~~],"names":["~~CustomNavBarElement","className","classNames","month","showPreviousButton","showNextButton","labels","localeUtils","locale","showMonthPicker","onChangeDirection","onMonthChange","onClick","nextMonth","~~DateUtils","~~addMonths","previousMonth","onNextClick","~~useCallback","~~onPreviousClick"~~,"_jsx"~~],"mappings":"~~;;;;;IAWaA~~,mBAAkD,GAAG,SAArDA,mBAAqD,OAa5D;AAAA,MAZJC,SAYI,QAZJA,SAYI;AAAA,MAXJC,UAWI,QAXJA,UAWI;AAAA,MAVJC,KAUI,QAVJA,KAUI;AAAA,MATJC,kBASI,QATJA,kBASI;AAAA,MARJC,cAQI,QARJA,cAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,WAMI,QANJA,WAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,kCAJJC,eAII;AAAA,MAJJA,eAII,qCAJc,KAId;AAAA,MAHJC,iBAGI,QAHJA,iBAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,OACI,QADJA,OACI;AACJ,MAAMC,SAAS,GAAGJ,eAAe,~~GAC7BK~~,SAAS,~~CAACC~~,SAAV,~~CAAoBZ~~,KAApB,EAA2B,EAA3B,CAD6B,~~GAE7BW~~,SAAS,~~CAACC~~,SAAV,~~CAAoBZ~~,KAApB,EAA2B,CAA3B,CAFJ;AAGA,~~MAAMa~~,aAAa,~~GAAGP~~,eAAe,~~GACjCK~~,SAAS,~~CAACC~~,SAAV,~~CAAoBZ~~,KAApB,EAA2B,CAAC,EAA5B,CADiC,~~GAEjCW~~,SAAS,~~CAACC~~,SAAV,~~CAAoBZ~~,KAApB,EAA2B,CAAC,CAA5B,CAFJ;AAIA,~~MAAMc~~,WAAW,~~GAAGC~~,WAAW,CAAC,YAAM;AACpC,~~QAAIR~~,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;;AACD,QAAIC,aAAJ,EAAmB;AACjBA,MAAAA,aAAa,CAACE,SAAD,CAAb;AACD;AACF,GAP8B,EAO5B,CAACA,SAAD,EAAYH,iBAAZ,EAA+BC,aAA/B,CAP4B,CAA/B;AASA,~~MAAMQ~~,eAAe,~~GAAGD~~,WAAW,CAAC,YAAM;AACxC,~~QAAIR~~,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACD;;AACD,QAAIC,aAAJ,EAAmB;AACjBA,MAAAA,aAAa,~~CAACK~~,aAAD,CAAb;AACD;AACF,GAPkC,EAOhC,~~CAACN~~,iBAAD,EAAoBC,aAApB,~~EAAmCK~~,aAAnC,CAPgC,CAAnC;AASA,~~sBACEI~~,~~IAAC~~,aAAD;AACE,IAAA,SAAS,~~EAAEnB~~,SADb;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,kBAAkB,EAAEC,kBAJtB;AAKE,IAAA,cAAc,EAAEC,cALlB;AAME,IAAA,MAAM,EAAEC,MANV;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,MAAM,EAAEC,MARV;AASE,IAAA,aAAa,~~EAAEQ~~,aATjB;AAUE,IAAA,SAAS,~~EAAEH~~,SAVb;AAWE,IAAA,WAAW,~~EAAEI~~,WAXf;AAYE,IAAA,eAAe,~~EAAEE~~,eAZnB;AAaE,IAAA,OAAO,~~EAAEP~~;AAbX,IADF;AAiBD~~;;;;~~"}
1	+ {"version":3,"sources":["../../../../src/components/DatePicker/CustomNavBarElement.tsx"],"names":["React","useCallback","DateUtils","NavBarElement","CustomNavBarElement","className","classNames","month","showPreviousButton","showNextButton","labels","localeUtils","locale","showMonthPicker","onChangeDirection","onMonthChange","onClick","nextMonth","addMonths","previousMonth","onNextClick","onPreviousClick"],"mappings":"AAAA,OAAOA,KAAP,IAAoBC,WAApB,QAAuC,OAAvC;AACA,SAASC,SAAT,QAA8C,kBAA9C;AACA,SAASC,aAAT,QAA8B,0BAA9B;AASA,OAAO,IAAMC,mBAAkD,GAAG,SAArDA,mBAAqD,OAa5D;AAAA,MAZJC,SAYI,QAZJA,SAYI;AAAA,MAXJC,UAWI,QAXJA,UAWI;AAAA,MAVJC,KAUI,QAVJA,KAUI;AAAA,MATJC,kBASI,QATJA,kBASI;AAAA,MARJC,cAQI,QARJA,cAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,WAMI,QANJA,WAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,kCAJJC,eAII;AAAA,MAJJA,eAII,qCAJc,KAId;AAAA,MAHJC,iBAGI,QAHJA,iBAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,OACI,QADJA,OACI;AACJ,MAAMC,SAAS,GAAGJ,eAAe,GAC7BX,SAAS,CAACgB,SAAV,CAAoBX,KAApB,EAA2B,EAA3B,CAD6B,GAE7BL,SAAS,CAACgB,SAAV,CAAoBX,KAApB,EAA2B,CAA3B,CAFJ;AAGA,MAAMY,aAAa,GAAGN,eAAe,GACjCX,SAAS,CAACgB,SAAV,CAAoBX,KAApB,EAA2B,CAAC,EAA5B,CADiC,GAEjCL,SAAS,CAACgB,SAAV,CAAoBX,KAApB,EAA2B,CAAC,CAA5B,CAFJ;AAIA,MAAMa,WAAW,GAAGnB,WAAW,CAAC,YAAM;AACpC,QAAIa,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;;AACD,QAAIC,aAAJ,EAAmB;AACjBA,MAAAA,aAAa,CAACE,SAAD,CAAb;AACD;AACF,GAP8B,EAO5B,CAACA,SAAD,EAAYH,iBAAZ,EAA+BC,aAA/B,CAP4B,CAA/B;AASA,MAAMM,eAAe,GAAGpB,WAAW,CAAC,YAAM;AACxC,QAAIa,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACD;;AACD,QAAIC,aAAJ,EAAmB;AACjBA,MAAAA,aAAa,CAACI,aAAD,CAAb;AACD;AACF,GAPkC,EAOhC,CAACL,iBAAD,EAAoBC,aAApB,EAAmCI,aAAnC,CAPgC,CAAnC;AASA,sBACE,oBAAC,aAAD;AACE,IAAA,SAAS,EAAEd,SADb;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,kBAAkB,EAAEC,kBAJtB;AAKE,IAAA,cAAc,EAAEC,cALlB;AAME,IAAA,MAAM,EAAEC,MANV;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,MAAM,EAAEC,MARV;AASE,IAAA,aAAa,EAAEO,aATjB;AAUE,IAAA,SAAS,EAAEF,SAVb;AAWE,IAAA,WAAW,EAAEG,WAXf;AAYE,IAAA,eAAe,EAAEC,eAZnB;AAaE,IAAA,OAAO,EAAEL;AAbX,IADF;AAiBD,CAxDM","sourcesContent":["import React, { FC, useCallback } from \"react\";\nimport { DateUtils, NavbarElementProps } from \"react-day-picker\";\nimport { NavBarElement } from \"../Pickers/NavBarElement\";\n\ninterface ICustomNavBarElementProps extends NavbarElementProps {\n showMonthPicker: boolean;\n onChangeDirection?: (direction: boolean) => void;\n onMonthChange?: (month: Date) => void;\n onClick?: () => void;\n}\n\nexport const CustomNavBarElement: FC<ICustomNavBarElementProps> = ({\n className,\n classNames,\n month,\n showPreviousButton,\n showNextButton,\n labels,\n localeUtils,\n locale,\n showMonthPicker = false,\n onChangeDirection,\n onMonthChange,\n onClick,\n}) => {\n const nextMonth = showMonthPicker\n ? DateUtils.addMonths(month, 12)\n : DateUtils.addMonths(month, 1);\n const previousMonth = showMonthPicker\n ? DateUtils.addMonths(month, -12)\n : DateUtils.addMonths(month, -1);\n\n const onNextClick = useCallback(() => {\n if (onChangeDirection) {\n onChangeDirection(true);\n }\n if (onMonthChange) {\n onMonthChange(nextMonth);\n }\n }, [nextMonth, onChangeDirection, onMonthChange]);\n\n const onPreviousClick = useCallback(() => {\n if (onChangeDirection) {\n onChangeDirection(false);\n }\n if (onMonthChange) {\n onMonthChange(previousMonth);\n }\n }, [onChangeDirection, onMonthChange, previousMonth]);\n\n return (\n <NavBarElement\n className={className}\n classNames={classNames}\n month={month}\n showPreviousButton={showPreviousButton}\n showNextButton={showNextButton}\n labels={labels}\n localeUtils={localeUtils}\n locale={locale}\n previousMonth={previousMonth}\n nextMonth={nextMonth}\n onNextClick={onNextClick}\n onPreviousClick={onPreviousClick}\n onClick={onClick}\n />\n );\n};\n"],"file":"CustomNavBarElement.js"}

package/dist/esm/components/DatePicker/DatePicker.js CHANGED Viewed

@@ -1,22 +1,15 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { useState, useEffect, useCallback, useMemo } from 'react';
-import { DateUtils } from 'react-day-picker';
-import { customClassNames } from './ClassNames.js';
-import { SwitchTransition } from 'react-transition-group';
-import moment from 'moment';
-import { YearMonthPicker } from '../Pickers/YearMonthPicker.js';
-import { CustomNavBarElement } from './CustomNavBarElement.js';
-import { StyledDatePicker, StyledDatePickerCSSTransition, StyledDayPicker } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var DatePicker = function DatePicker(_ref) {
+import React, { useState, useCallback, useMemo, useEffect } from "react";
+import { DateUtils } from "react-day-picker";
+import { customClassNames } from "./ClassNames";
+import { SwitchTransition } from "react-transition-group";
+import moment from "moment";
+import { YearMonthPicker } from "../Pickers/YearMonthPicker";
+import { CustomNavBarElement } from "./CustomNavBarElement";
+import { StyledDatePicker, StyledDatePickerCSSTransition, StyledDayPicker } from "./Styles";
+export var DatePicker = function DatePicker(_ref) {
   var className = _ref.className,
       onChange = _ref.onChange,
       onDayClick = _ref.onDayClick,
@@ -37,50 +30,43 @@ var DatePicker = function DatePicker(_ref) {
       _ref$fixedWeeks = _ref.fixedWeeks,
       fixedWeeks = _ref$fixedWeeks === void 0 ? true : _ref$fixedWeeks,
       defaultModifiers = _ref.modifiers,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      enteredTo = _useState2[0],
-      setEnteredTo = _useState2[1];
+      enteredTo = _useState[0],
+      setEnteredTo = _useState[1];
+  var _useState2 = useState(),
+      enteredFrom = _useState2[0],
+      setEnteredFrom = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      enteredFrom = _useState4[0],
-      setEnteredFrom = _useState4[1];
-  var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      stopScroll = _useState6[0],
-      setStopScroll = _useState6[1];
-  var _useState7 = useState(true),
-      _useState8 = _slicedToArray(_useState7, 2),
-      direction = _useState8[0],
-      setDirection = _useState8[1];
-  var _useState9 = useState(function () {
-    return (selectedDays === null || selectedDays === void 0 ? void 0 : selectedDays.from) instanceof Date && (selectedDays === null || selectedDays === void 0 ? void 0 : selectedDays.to) instanceof Date;
+      stopScroll = _useState3[0],
+      setStopScroll = _useState3[1];
+  var _useState4 = useState(true),
+      direction = _useState4[0],
+      setDirection = _useState4[1];
+  var _useState5 = useState(function () {
+    return (selectedDays == null ? void 0 : selectedDays.from) instanceof Date && (selectedDays == null ? void 0 : selectedDays.to) instanceof Date;
   }),
-      _useState10 = _slicedToArray(_useState9, 2),
-      isPreselected = _useState10[0],
-      setIsPreselected = _useState10[1];
+      isPreselected = _useState5[0],
+      setIsPreselected = _useState5[1];
-  var _useState11 = useState(selectionMode === "quarterly" || selectionMode === "monthly"),
-      _useState12 = _slicedToArray(_useState11, 2),
-      showMonthPicker = _useState12[0],
-      setShowMonthPicker = _useState12[1];
+  var _useState6 = useState(selectionMode === "quarterly" || selectionMode === "monthly"),
+      showMonthPicker = _useState6[0],
+      setShowMonthPicker = _useState6[1];
-  var _useState13 = useState(defaultModifiers),
-      _useState14 = _slicedToArray(_useState13, 2),
-      modifiers = _useState14[0],
-      setModifiers = _useState14[1];
+  var _useState7 = useState(defaultModifiers),
+      modifiers = _useState7[0],
+      setModifiers = _useState7[1];
   var week = firstDayOfWeek === 0 ? "week" : "isoWeek";
   useEffect(function () {
     if (enteredFrom instanceof Date && enteredTo instanceof Date) {
       setModifiers(function (prev) {
-        return _objectSpread(_objectSpread({}, prev), {}, {
+        return _extends({}, prev, {
           hovered: {
             from: enteredFrom,
             to: enteredTo
@@ -109,7 +95,7 @@ var DatePicker = function DatePicker(_ref) {
     } // reset the selectedDays if the user clicks on the same day
-    if (!dateRequired && (selectedDays !== null && selectedDays !== void 0 && selectedDays.from && moment(day).isSame(moment(selectedDays.from), "day") || selectedDays !== null && selectedDays !== void 0 && selectedDays.to && moment(day).isSame(moment(selectedDays.to), "day"))) {
+    if (!dateRequired && (selectedDays != null && selectedDays.from && moment(day).isSame(moment(selectedDays.from), "day") || selectedDays != null && selectedDays.to && moment(day).isSame(moment(selectedDays.to), "day"))) {
       setEnteredTo(undefined);
       setEnteredFrom(undefined);
       return onChange(undefined);
@@ -123,7 +109,7 @@ var DatePicker = function DatePicker(_ref) {
     }
     if (selectionMode === "weekly") {
-      if (!dateRequired && selectedDays !== null && selectedDays !== void 0 && selectedDays.from && moment(day).isSame(moment(selectedDays.from), week)) {
+      if (!dateRequired && selectedDays != null && selectedDays.from && moment(day).isSame(moment(selectedDays.from), week)) {
         return onChange(undefined);
       }
@@ -142,8 +128,8 @@ var DatePicker = function DatePicker(_ref) {
         });
       }
-      if (!selectedDays || selectedDays !== null && selectedDays !== void 0 && selectedDays.from && selectedDays !== null && selectedDays !== void 0 && selectedDays.to && !moment(selectedDays.from).isSame(moment(selectedDays.to))) {
-        if (!dateRequired && selectedDays !== null && selectedDays !== void 0 && selectedDays.from && selectedDays !== null && selectedDays !== void 0 && selectedDays.to && moment(day).isBetween(moment(selectedDays.from), moment(selectedDays.to))) {
+      if (!selectedDays || selectedDays != null && selectedDays.from && selectedDays != null && selectedDays.to && !moment(selectedDays.from).isSame(moment(selectedDays.to))) {
+        if (!dateRequired && selectedDays != null && selectedDays.from && selectedDays != null && selectedDays.to && moment(day).isBetween(moment(selectedDays.from), moment(selectedDays.to))) {
           setEnteredTo(day);
           setEnteredFrom(day);
           return onChange(undefined);
@@ -156,7 +142,7 @@ var DatePicker = function DatePicker(_ref) {
         });
       }
-      if (selectedDays !== null && selectedDays !== void 0 && selectedDays.from && DateUtils.isDayAfter(day, selectedDays.from)) {
+      if (selectedDays != null && selectedDays.from && DateUtils.isDayAfter(day, selectedDays.from)) {
         setEnteredTo(undefined);
         setEnteredFrom(undefined);
         return onChange({
@@ -165,7 +151,7 @@ var DatePicker = function DatePicker(_ref) {
         });
       }
-      if (selectedDays !== null && selectedDays !== void 0 && selectedDays.to) {
+      if (selectedDays != null && selectedDays.to) {
         setEnteredTo(undefined);
         setEnteredFrom(undefined);
         return onChange({
@@ -180,7 +166,7 @@ var DatePicker = function DatePicker(_ref) {
       return false;
     }
-    if (selectedDays !== null && selectedDays !== void 0 && selectedDays.from && selectedDays !== null && selectedDays !== void 0 && selectedDays.to) {
+    if (selectedDays != null && selectedDays.from && selectedDays != null && selectedDays.to) {
       return moment(selectedDays.from).isSame(selectedDays.to);
     }
   }, [selectionMode, selectedDays]);
@@ -201,12 +187,12 @@ var DatePicker = function DatePicker(_ref) {
       setEnteredTo(moment(day).endOf(week).toDate());
     }
-    if (selectionMode !== "weekly" && (!selectedDays || selectedDays !== null && selectedDays !== void 0 && selectedDays.from && selectedDays !== null && selectedDays !== void 0 && selectedDays.to && !moment(selectedDays.from).isSame(moment(selectedDays.to)))) {
+    if (selectionMode !== "weekly" && (!selectedDays || selectedDays != null && selectedDays.from && selectedDays != null && selectedDays.to && !moment(selectedDays.from).isSame(moment(selectedDays.to)))) {
       setEnteredTo(day);
       setEnteredFrom(day);
     }
-    if (isSelectedFirstDay() && selectedDays !== null && selectedDays !== void 0 && selectedDays.from) {
+    if (isSelectedFirstDay() && selectedDays != null && selectedDays.from) {
       setEnteredFrom(selectedDays.from);
       setEnteredTo(day);
     }
@@ -245,7 +231,7 @@ var DatePicker = function DatePicker(_ref) {
     setShowMonthPicker(true);
   }, [showMonthPicker, selectionMode]);
   var customNavBarElement = useCallback(function (props) {
-    return /*#__PURE__*/jsx(CustomNavBarElement, _objectSpread(_objectSpread({}, props), {}, {
+    return /*#__PURE__*/React.createElement(CustomNavBarElement, _extends({}, props, {
       showMonthPicker: showMonthPicker,
       month: month,
       onChangeDirection: setDirection,
@@ -256,7 +242,7 @@ var DatePicker = function DatePicker(_ref) {
   var handleYearMonthChange = useCallback(function (m) {
     if (onChange) {
       if (selectionMode === "monthly") {
-        if (!dateRequired && selectedDays !== null && selectedDays !== void 0 && selectedDays.from && moment(m).isSame(moment(selectedDays.from), "month")) {
+        if (!dateRequired && selectedDays != null && selectedDays.from && moment(m).isSame(moment(selectedDays.from), "month")) {
           return onChange(undefined);
         }
@@ -267,7 +253,7 @@ var DatePicker = function DatePicker(_ref) {
       }
       if (selectionMode === "quarterly") {
-        if (!dateRequired && selectedDays !== null && selectedDays !== void 0 && selectedDays.from && moment(m).isSame(moment(selectedDays.from).startOf("quarter"), "quarter")) {
+        if (!dateRequired && selectedDays != null && selectedDays.from && moment(m).isSame(moment(selectedDays.from).startOf("quarter"), "quarter")) {
           return onChange(undefined);
         }
@@ -282,13 +268,13 @@ var DatePicker = function DatePicker(_ref) {
   }, [onMonthChange, onChange, selectedDays, selectionMode, dateRequired]);
   var text = useMemo(function () {
     if (showMonthPicker) {
-      return "".concat(month.getFullYear());
+      return "" + month.getFullYear();
     }
-    return "".concat(moment(month).format("MMMM"), " ").concat(moment(month).isSame(moment(), "year") ? "" : month.getFullYear());
+    return moment(month).format("MMMM") + " " + (moment(month).isSame(moment(), "year") ? "" : month.getFullYear());
   }, [showMonthPicker, month]);
   var handleYearMonthForm = useCallback(function (props) {
-    return /*#__PURE__*/jsx(YearMonthPicker, _objectSpread(_objectSpread({}, props), {}, {
+    return /*#__PURE__*/React.createElement(YearMonthPicker, _extends({}, props, {
       text: text,
       selectedDays: selectedDays,
       onChange: handleYearMonthChange,
@@ -337,37 +323,33 @@ var DatePicker = function DatePicker(_ref) {
       document.removeEventListener("keydown", onKeyDownCallback);
     };
   }, [month, onMonthChange, showMonthPicker, onKeyDownCallback]);
-  return /*#__PURE__*/jsx(StyledDatePicker, {
+  return /*#__PURE__*/React.createElement(StyledDatePicker, {
     className: "c-date-picker-wrapper",
-    onWheel: onWheel,
-    children: /*#__PURE__*/jsx(SwitchTransition, {
-      mode: "out-in",
-      children: /*#__PURE__*/jsx(StyledDatePickerCSSTransition, {
-        timeout: 300,
-        classNames: "c-date-picker__animation",
-        $direction: direction,
-        children: /*#__PURE__*/jsx(StyledDayPicker, _objectSpread(_objectSpread({}, rest), {}, {
-          disabledDays: disabledDays,
-          selectedDays: selectedDays,
-          onDayClick: handleDayClick,
-          modifiers: modifiers,
-          onDayMouseEnter: handleDayMouseEnter,
-          onDayMouseLeave: onDayMouseLeave,
-          className: className,
-          $isYearlyView: showMonthPicker,
-          month: month,
-          navbarElement: customNavBarElement,
-          onCaptionClick: togglePicker,
-          captionElement: handleYearMonthForm,
-          classNames: customClassNames,
-          fixedWeeks: fixedWeeks,
-          firstDayOfWeek: firstDayOfWeek
-        }))
-      }, showMonthPicker ? month.getFullYear() : month.getMonth())
-    })
-  });
+    onWheel: onWheel
+  }, /*#__PURE__*/React.createElement(SwitchTransition, {
+    mode: "out-in"
+  }, /*#__PURE__*/React.createElement(StyledDatePickerCSSTransition, {
+    key: showMonthPicker ? month.getFullYear() : month.getMonth(),
+    timeout: 300,
+    classNames: "c-date-picker__animation",
+    $direction: direction
+  }, /*#__PURE__*/React.createElement(StyledDayPicker, _extends({}, rest, {
+    disabledDays: disabledDays,
+    selectedDays: selectedDays,
+    onDayClick: handleDayClick,
+    modifiers: modifiers,
+    onDayMouseEnter: handleDayMouseEnter,
+    onDayMouseLeave: onDayMouseLeave,
+    className: className,
+    $isYearlyView: showMonthPicker,
+    month: month,
+    navbarElement: customNavBarElement,
+    onCaptionClick: togglePicker,
+    captionElement: handleYearMonthForm,
+    classNames: customClassNames,
+    fixedWeeks: fixedWeeks,
+    firstDayOfWeek: firstDayOfWeek
+  })))));
 };
 DatePicker.displayName = "DatePicker";
-export { DatePicker };
-//# sourceMappingURL=DatePicker.js.map
+//# sourceMappingURL=DatePicker.js.map

package/dist/esm/components/DatePicker/DatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.js","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { FC, useState, useCallback, useMemo, useEffect } from \"react\";\nimport {\n DayPickerProps,\n DateUtils,\n RangeModifier,\n Modifiers,\n DayModifiers,\n} from \"react-day-picker\";\nimport { customClassNames } from \"./ClassNames\";\nimport { SwitchTransition } from \"react-transition-group\";\nimport moment from \"moment\";\nimport { YearMonthPicker } from \"../Pickers/YearMonthPicker\";\nimport { CustomNavBarElement } from \"./CustomNavBarElement\";\nimport {\n StyledDatePicker,\n StyledDatePickerCSSTransition,\n StyledDayPicker,\n} from \"./Styles\";\n\nexport interface IDatePicker extends DayPickerProps {\n /** Calls when value is picked /\n onChange?: (dates?: { from: Date; to: Date }) => void;\n /* Called when day is clicked /\n onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n /* Set selected day or days /\n selectedDays?: RangeModifier;\n /* Set selection range /\n selectionMode?: string;\n /* Set is date required /\n dateRequired?: boolean;\n /* Set first day of week /\n firstDayOfWeek?: number;\n /* Set fixed number of weeks in month */\n fixedWeeks?: boolean;\n}\n\nexport const DatePicker: FC<IDatePicker> = ({\n className,\n onChange,\n onDayClick,\n selectedDays,\n disabledDays,\n selectionMode = \"daily\",\n month = new Date(),\n onMonthChange = (): null => null,\n dateRequired = false,\n firstDayOfWeek = 0,\n fixedWeeks = true,\n modifiers: defaultModifiers,\n ...rest\n}) => {\n const [enteredTo, setEnteredTo] = useState<Date>();\n const [enteredFrom, setEnteredFrom] = useState<Date>();\n const [stopScroll, setStopScroll] = useState<Date>();\n const [direction, setDirection] = useState(true);\n const [isPreselected, setIsPreselected] = useState(() => {\n return (\n selectedDays?.from instanceof Date && selectedDays?.to instanceof Date\n );\n });\n const [showMonthPicker, setShowMonthPicker] = useState(\n selectionMode === \"quarterly\" \|\| selectionMode === \"monthly\"\n );\n const [modifiers, setModifiers] = useState<Partial<Modifiers> \| undefined>(\n defaultModifiers\n );\n const week = firstDayOfWeek === 0 ? \"week\" : \"isoWeek\";\n\n useEffect(() => {\n if (enteredFrom instanceof Date && enteredTo instanceof Date) {\n setModifiers((prev) => {\n return { ...prev, hovered: { from: enteredFrom, to: enteredTo } };\n });\n } else {\n setModifiers(defaultModifiers);\n }\n }, [enteredTo, enteredFrom, defaultModifiers]);\n\n const handleDayClick = useCallback(\n (day: Date, modifiers: DayModifiers) => {\n if (onDayClick) {\n onDayClick(day, modifiers);\n }\n if (!onChange) {\n return;\n }\n if (month.getMonth() !== day.getMonth()) {\n onMonthChange(day);\n }\n if (modifiers[\"c-DayPicker-Day--disabled\"] \|\| selectionMode === \"none\") {\n return;\n }\n // reset the selectedDays if the user clicks on the same day\n if (\n !dateRequired &&\n ((selectedDays?.from &&\n moment(day).isSame(moment(selectedDays.from), \"day\")) \|\|\n (selectedDays?.to &&\n moment(day).isSame(moment(selectedDays.to), \"day\")))\n ) {\n setEnteredTo(undefined);\n setEnteredFrom(undefined);\n\n return onChange(undefined);\n }\n\n if (selectionMode === \"daily\") {\n return onChange({ from: day, to: day });\n }\n\n if (selectionMode === \"weekly\") {\n if (\n !dateRequired &&\n selectedDays?.from &&\n moment(day).isSame(moment(selectedDays.from), week)\n ) {\n return onChange(undefined);\n }\n return onChange({\n from: moment(day).startOf(week).toDate(),\n to: moment(day).endOf(week).toDate(),\n });\n }\n\n if (selectionMode === \"custom\") {\n if (isPreselected) {\n setIsPreselected(false);\n return onChange({ from: day, to: day });\n }\n if (\n !selectedDays \|\|\n (selectedDays?.from &&\n selectedDays?.to &&\n !moment(selectedDays.from).isSame(moment(selectedDays.to)))\n ) {\n if (\n !dateRequired &&\n selectedDays?.from &&\n selectedDays?.to &&\n moment(day).isBetween(\n moment(selectedDays.from),\n moment(selectedDays.to)\n )\n ) {\n setEnteredTo(day);\n setEnteredFrom(day);\n return onChange(undefined);\n }\n setEnteredFrom(day);\n return onChange({ from: day, to: day });\n }\n if (\n selectedDays?.from &&\n DateUtils.isDayAfter(day, selectedDays.from)\n ) {\n setEnteredTo(undefined);\n setEnteredFrom(undefined);\n return onChange({ from: selectedDays.from, to: day });\n }\n if (selectedDays?.to) {\n setEnteredTo(undefined);\n setEnteredFrom(undefined);\n return onChange({ from: day, to: selectedDays.to });\n }\n }\n },\n [\n onDayClick,\n onChange,\n month,\n selectionMode,\n dateRequired,\n selectedDays,\n onMonthChange,\n week,\n isPreselected,\n ]\n );\n\n const isSelectedFirstDay = useCallback(() => {\n if (selectionMode !== \"custom\") {\n return false;\n }\n if (selectedDays?.from && selectedDays?.to) {\n return moment(selectedDays.from).isSame(selectedDays.to);\n }\n }, [selectionMode, selectedDays]);\n\n const handleDayMouseEnter = useCallback(\n (day: Date) => {\n if (isPreselected && selectionMode !== \"weekly\") {\n setEnteredTo(day);\n setEnteredFrom(day);\n return;\n }\n if (selectionMode === \"daily\") {\n setEnteredTo(day);\n setEnteredFrom(day);\n }\n if (selectionMode === \"weekly\") {\n setEnteredFrom(moment(day).startOf(week).toDate());\n setEnteredTo(moment(day).endOf(week).toDate());\n }\n\n if (\n selectionMode !== \"weekly\" &&\n (!selectedDays \|\|\n (selectedDays?.from &&\n selectedDays?.to &&\n !moment(selectedDays.from).isSame(moment(selectedDays.to))))\n ) {\n setEnteredTo(day);\n setEnteredFrom(day);\n }\n\n if (isSelectedFirstDay() && selectedDays?.from) {\n setEnteredFrom(selectedDays.from);\n setEnteredTo(day);\n }\n },\n [selectionMode, isSelectedFirstDay, selectedDays, week, isPreselected]\n );\n\n const onDayMouseLeave = useCallback(() => {\n if (\n selectionMode === \"weekly\" \|\|\n selectionMode === \"daily\" \|\|\n selectionMode === \"custom\"\n ) {\n setEnteredFrom(undefined);\n setEnteredTo(undefined);\n }\n }, [setEnteredFrom, setEnteredTo, selectionMode]);\n\n const onWheel = useCallback(\n (e: { deltaY: number }) => {\n if (\n stopScroll &&\n (new Date().getTime() - stopScroll.getTime()) / 1000 < 0.9\n ) {\n return;\n }\n const nextMonth = showMonthPicker\n ? DateUtils.addMonths(month, 12)\n : DateUtils.addMonths(month, 1);\n const previousMonth = showMonthPicker\n ? DateUtils.addMonths(month, -12)\n : DateUtils.addMonths(month, -1);\n if (e.deltaY > 0.9) {\n setDirection(true);\n onMonthChange(nextMonth);\n setStopScroll(new Date());\n }\n if (e.deltaY < -0.9) {\n setDirection(false);\n onMonthChange(previousMonth);\n setStopScroll(new Date());\n }\n },\n [stopScroll, showMonthPicker, month, onMonthChange]\n );\n\n const togglePicker = useCallback(() => {\n if (selectionMode !== \"monthly\" && selectionMode !== \"quarterly\") {\n return setShowMonthPicker(!showMonthPicker);\n }\n setShowMonthPicker(true);\n }, [showMonthPicker, selectionMode]);\n\n const customNavBarElement = useCallback(\n (props) => {\n return (\n <CustomNavBarElement\n {...props}\n showMonthPicker={showMonthPicker}\n month={month}\n onChangeDirection={setDirection}\n onMonthChange={onMonthChange}\n onClick={togglePicker}\n />\n );\n },\n [showMonthPicker, month, onMonthChange, togglePicker]\n );\n\n const handleYearMonthChange = useCallback(\n (m: Date) => {\n if (onChange) {\n if (selectionMode === \"monthly\") {\n if (\n !dateRequired &&\n selectedDays?.from &&\n moment(m).isSame(moment(selectedDays.from), \"month\")\n ) {\n return onChange(undefined);\n }\n onChange({\n from: moment(m).startOf(\"month\").toDate(),\n to: moment(m).endOf(\"month\").toDate(),\n });\n }\n if (selectionMode === \"quarterly\") {\n if (\n !dateRequired &&\n selectedDays?.from &&\n moment(m).isSame(\n moment(selectedDays.from).startOf(\"quarter\"),\n \"quarter\"\n )\n ) {\n return onChange(undefined);\n }\n onChange({\n from: moment(m).startOf(\"quarter\").toDate(),\n to: moment(m).endOf(\"quarter\").toDate(),\n });\n }\n }\n onMonthChange(m);\n },\n [onMonthChange, onChange, selectedDays, selectionMode, dateRequired]\n );\n\n const text = useMemo(() => {\n if (showMonthPicker) {\n return `${month.getFullYear()}`;\n }\n return `${moment(month).format(\"MMMM\")} ${\n moment(month).isSame(moment(), \"year\") ? \"\" : month.getFullYear()\n }`;\n }, [showMonthPicker, month]);\n\n const handleYearMonthForm = useCallback(\n (props) => {\n return (\n <YearMonthPicker\n {...props}\n text={text}\n selectedDays={selectedDays}\n onChange={handleYearMonthChange}\n isShown={showMonthPicker}\n selectionMode={selectionMode}\n />\n );\n },\n [text, selectedDays, handleYearMonthChange, showMonthPicker, selectionMode]\n );\n\n const onKeyDownCallback = useCallback(\n (e: KeyboardEvent) => {\n // Right Arrow\n if (e.key === \"ArrowRight\") {\n setDirection(true);\n if (showMonthPicker) {\n onMonthChange(new Date(month.getFullYear() + 1, month.getMonth()));\n } else {\n onMonthChange(new Date(month.getFullYear(), month.getMonth() + 1));\n }\n }\n // Left Arrow\n if (e.key === \"ArrowLeft\") {\n setDirection(false);\n if (showMonthPicker) {\n onMonthChange(new Date(month.getFullYear() - 1, month.getMonth()));\n } else {\n onMonthChange(new Date(month.getFullYear(), month.getMonth() - 1));\n }\n }\n // Up Arrow\n if (e.key === \"ArrowUp\") {\n setDirection(true);\n onMonthChange(new Date(month.getFullYear() + 1, month.getMonth()));\n }\n // Down Arrow\n if (e.key === \"ArrowDown\") {\n setDirection(false);\n onMonthChange(new Date(month.getFullYear() - 1, month.getMonth()));\n }\n },\n [showMonthPicker, onMonthChange, month]\n );\n\n useEffect(() => {\n document.addEventListener(\"keydown\", onKeyDownCallback);\n return (): void => {\n document.removeEventListener(\"keydown\", onKeyDownCallback);\n };\n }, [month, onMonthChange, showMonthPicker, onKeyDownCallback]);\n\n return (\n <StyledDatePicker className=\"c-date-picker-wrapper\" onWheel={onWheel}>\n <SwitchTransition mode=\"out-in\">\n <StyledDatePickerCSSTransition\n key={showMonthPicker ? month.getFullYear() : month.getMonth()}\n timeout={300}\n classNames={\"c-date-picker__animation\"}\n $direction={direction}\n >\n <StyledDayPicker\n {...rest}\n disabledDays={disabledDays}\n selectedDays={selectedDays}\n onDayClick={handleDayClick}\n modifiers={modifiers}\n onDayMouseEnter={handleDayMouseEnter}\n onDayMouseLeave={onDayMouseLeave}\n className={className}\n $isYearlyView={showMonthPicker}\n month={month}\n navbarElement={customNavBarElement}\n onCaptionClick={togglePicker}\n captionElement={handleYearMonthForm}\n classNames={customClassNames}\n fixedWeeks={fixedWeeks}\n firstDayOfWeek={firstDayOfWeek}\n />\n </StyledDatePickerCSSTransition>\n </SwitchTransition>\n </StyledDatePicker>\n );\n};\n\nDatePicker.displayName = \"DatePicker\";\n"],"names":["DatePicker","className","onChange","onDayClick","selectedDays","disabledDays","selectionMode","month","Date","onMonthChange","dateRequired","firstDayOfWeek","fixedWeeks","defaultModifiers","modifiers","rest","useState","enteredTo","setEnteredTo","enteredFrom","setEnteredFrom","stopScroll","setStopScroll","direction","setDirection","from","to","isPreselected","setIsPreselected","showMonthPicker","setShowMonthPicker","setModifiers","week","useEffect","prev","hovered","handleDayClick","useCallback","day","getMonth","moment","isSame","undefined","startOf","toDate","endOf","isBetween","DateUtils","isDayAfter","isSelectedFirstDay","handleDayMouseEnter","onDayMouseLeave","onWheel","e","getTime","nextMonth","addMonths","previousMonth","deltaY","togglePicker","customNavBarElement","props","_jsx","handleYearMonthChange","m","text","useMemo","getFullYear","format","handleYearMonthForm","onKeyDownCallback","key","document","addEventListener","removeEventListener","customClassNames","displayName"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":["React","useState","useCallback","useMemo","useEffect","DateUtils","customClassNames","SwitchTransition","moment","YearMonthPicker","CustomNavBarElement","StyledDatePicker","StyledDatePickerCSSTransition","StyledDayPicker","DatePicker","className","onChange","onDayClick","selectedDays","disabledDays","selectionMode","month","Date","onMonthChange","dateRequired","firstDayOfWeek","fixedWeeks","defaultModifiers","modifiers","rest","enteredTo","setEnteredTo","enteredFrom","setEnteredFrom","stopScroll","setStopScroll","direction","setDirection","from","to","isPreselected","setIsPreselected","showMonthPicker","setShowMonthPicker","setModifiers","week","prev","hovered","handleDayClick","day","getMonth","isSame","undefined","startOf","toDate","endOf","isBetween","isDayAfter","isSelectedFirstDay","handleDayMouseEnter","onDayMouseLeave","onWheel","e","getTime","nextMonth","addMonths","previousMonth","deltaY","togglePicker","customNavBarElement","props","handleYearMonthChange","m","text","getFullYear","format","handleYearMonthForm","onKeyDownCallback","key","document","addEventListener","removeEventListener","displayName"],"mappings":"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","sourcesContent":["import React, { FC, useState, useCallback, useMemo, useEffect } from \"react\";\nimport {\n DayPickerProps,\n DateUtils,\n RangeModifier,\n Modifiers,\n DayModifiers,\n} from \"react-day-picker\";\nimport { customClassNames } from \"./ClassNames\";\nimport { SwitchTransition } from \"react-transition-group\";\nimport moment from \"moment\";\nimport { YearMonthPicker } from \"../Pickers/YearMonthPicker\";\nimport { CustomNavBarElement } from \"./CustomNavBarElement\";\nimport {\n StyledDatePicker,\n StyledDatePickerCSSTransition,\n StyledDayPicker,\n} from \"./Styles\";\n\nexport interface IDatePicker extends DayPickerProps {\n /** Calls when value is picked /\n onChange?: (dates?: { from: Date; to: Date }) => void;\n /* Called when day is clicked /\n onDayClick?: (day: Date, modifiers: DayModifiers) => void;\n /* Set selected day or days /\n selectedDays?: RangeModifier;\n /* Set selection range /\n selectionMode?: string;\n /* Set is date required /\n dateRequired?: boolean;\n /* Set first day of week /\n firstDayOfWeek?: number;\n /* Set fixed number of weeks in month */\n fixedWeeks?: boolean;\n}\n\nexport const DatePicker: FC<IDatePicker> = ({\n className,\n onChange,\n onDayClick,\n selectedDays,\n disabledDays,\n selectionMode = \"daily\",\n month = new Date(),\n onMonthChange = (): null => null,\n dateRequired = false,\n firstDayOfWeek = 0,\n fixedWeeks = true,\n modifiers: defaultModifiers,\n ...rest\n}) => {\n const [enteredTo, setEnteredTo] = useState<Date>();\n const [enteredFrom, setEnteredFrom] = useState<Date>();\n const [stopScroll, setStopScroll] = useState<Date>();\n const [direction, setDirection] = useState(true);\n const [isPreselected, setIsPreselected] = useState(() => {\n return (\n selectedDays?.from instanceof Date && selectedDays?.to instanceof Date\n );\n });\n const [showMonthPicker, setShowMonthPicker] = useState(\n selectionMode === \"quarterly\" \|\| selectionMode === \"monthly\"\n );\n const [modifiers, setModifiers] = useState<Partial<Modifiers> \| undefined>(\n defaultModifiers\n );\n const week = firstDayOfWeek === 0 ? \"week\" : \"isoWeek\";\n\n useEffect(() => {\n if (enteredFrom instanceof Date && enteredTo instanceof Date) {\n setModifiers((prev) => {\n return { ...prev, hovered: { from: enteredFrom, to: enteredTo } };\n });\n } else {\n setModifiers(defaultModifiers);\n }\n }, [enteredTo, enteredFrom, defaultModifiers]);\n\n const handleDayClick = useCallback(\n (day: Date, modifiers: DayModifiers) => {\n if (onDayClick) {\n onDayClick(day, modifiers);\n }\n if (!onChange) {\n return;\n }\n if (month.getMonth() !== day.getMonth()) {\n onMonthChange(day);\n }\n if (modifiers[\"c-DayPicker-Day--disabled\"] \|\| selectionMode === \"none\") {\n return;\n }\n // reset the selectedDays if the user clicks on the same day\n if (\n !dateRequired &&\n ((selectedDays?.from &&\n moment(day).isSame(moment(selectedDays.from), \"day\")) \|\|\n (selectedDays?.to &&\n moment(day).isSame(moment(selectedDays.to), \"day\")))\n ) {\n setEnteredTo(undefined);\n setEnteredFrom(undefined);\n\n return onChange(undefined);\n }\n\n if (selectionMode === \"daily\") {\n return onChange({ from: day, to: day });\n }\n\n if (selectionMode === \"weekly\") {\n if (\n !dateRequired &&\n selectedDays?.from &&\n moment(day).isSame(moment(selectedDays.from), week)\n ) {\n return onChange(undefined);\n }\n return onChange({\n from: moment(day).startOf(week).toDate(),\n to: moment(day).endOf(week).toDate(),\n });\n }\n\n if (selectionMode === \"custom\") {\n if (isPreselected) {\n setIsPreselected(false);\n return onChange({ from: day, to: day });\n }\n if (\n !selectedDays \|\|\n (selectedDays?.from &&\n selectedDays?.to &&\n !moment(selectedDays.from).isSame(moment(selectedDays.to)))\n ) {\n if (\n !dateRequired &&\n selectedDays?.from &&\n selectedDays?.to &&\n moment(day).isBetween(\n moment(selectedDays.from),\n moment(selectedDays.to)\n )\n ) {\n setEnteredTo(day);\n setEnteredFrom(day);\n return onChange(undefined);\n }\n setEnteredFrom(day);\n return onChange({ from: day, to: day });\n }\n if (\n selectedDays?.from &&\n DateUtils.isDayAfter(day, selectedDays.from)\n ) {\n setEnteredTo(undefined);\n setEnteredFrom(undefined);\n return onChange({ from: selectedDays.from, to: day });\n }\n if (selectedDays?.to) {\n setEnteredTo(undefined);\n setEnteredFrom(undefined);\n return onChange({ from: day, to: selectedDays.to });\n }\n }\n },\n [\n onDayClick,\n onChange,\n month,\n selectionMode,\n dateRequired,\n selectedDays,\n onMonthChange,\n week,\n isPreselected,\n ]\n );\n\n const isSelectedFirstDay = useCallback(() => {\n if (selectionMode !== \"custom\") {\n return false;\n }\n if (selectedDays?.from && selectedDays?.to) {\n return moment(selectedDays.from).isSame(selectedDays.to);\n }\n }, [selectionMode, selectedDays]);\n\n const handleDayMouseEnter = useCallback(\n (day: Date) => {\n if (isPreselected && selectionMode !== \"weekly\") {\n setEnteredTo(day);\n setEnteredFrom(day);\n return;\n }\n if (selectionMode === \"daily\") {\n setEnteredTo(day);\n setEnteredFrom(day);\n }\n if (selectionMode === \"weekly\") {\n setEnteredFrom(moment(day).startOf(week).toDate());\n setEnteredTo(moment(day).endOf(week).toDate());\n }\n\n if (\n selectionMode !== \"weekly\" &&\n (!selectedDays \|\|\n (selectedDays?.from &&\n selectedDays?.to &&\n !moment(selectedDays.from).isSame(moment(selectedDays.to))))\n ) {\n setEnteredTo(day);\n setEnteredFrom(day);\n }\n\n if (isSelectedFirstDay() && selectedDays?.from) {\n setEnteredFrom(selectedDays.from);\n setEnteredTo(day);\n }\n },\n [selectionMode, isSelectedFirstDay, selectedDays, week, isPreselected]\n );\n\n const onDayMouseLeave = useCallback(() => {\n if (\n selectionMode === \"weekly\" \|\|\n selectionMode === \"daily\" \|\|\n selectionMode === \"custom\"\n ) {\n setEnteredFrom(undefined);\n setEnteredTo(undefined);\n }\n }, [setEnteredFrom, setEnteredTo, selectionMode]);\n\n const onWheel = useCallback(\n (e: { deltaY: number }) => {\n if (\n stopScroll &&\n (new Date().getTime() - stopScroll.getTime()) / 1000 < 0.9\n ) {\n return;\n }\n const nextMonth = showMonthPicker\n ? DateUtils.addMonths(month, 12)\n : DateUtils.addMonths(month, 1);\n const previousMonth = showMonthPicker\n ? DateUtils.addMonths(month, -12)\n : DateUtils.addMonths(month, -1);\n if (e.deltaY > 0.9) {\n setDirection(true);\n onMonthChange(nextMonth);\n setStopScroll(new Date());\n }\n if (e.deltaY < -0.9) {\n setDirection(false);\n onMonthChange(previousMonth);\n setStopScroll(new Date());\n }\n },\n [stopScroll, showMonthPicker, month, onMonthChange]\n );\n\n const togglePicker = useCallback(() => {\n if (selectionMode !== \"monthly\" && selectionMode !== \"quarterly\") {\n return setShowMonthPicker(!showMonthPicker);\n }\n setShowMonthPicker(true);\n }, [showMonthPicker, selectionMode]);\n\n const customNavBarElement = useCallback(\n (props) => {\n return (\n <CustomNavBarElement\n {...props}\n showMonthPicker={showMonthPicker}\n month={month}\n onChangeDirection={setDirection}\n onMonthChange={onMonthChange}\n onClick={togglePicker}\n />\n );\n },\n [showMonthPicker, month, onMonthChange, togglePicker]\n );\n\n const handleYearMonthChange = useCallback(\n (m: Date) => {\n if (onChange) {\n if (selectionMode === \"monthly\") {\n if (\n !dateRequired &&\n selectedDays?.from &&\n moment(m).isSame(moment(selectedDays.from), \"month\")\n ) {\n return onChange(undefined);\n }\n onChange({\n from: moment(m).startOf(\"month\").toDate(),\n to: moment(m).endOf(\"month\").toDate(),\n });\n }\n if (selectionMode === \"quarterly\") {\n if (\n !dateRequired &&\n selectedDays?.from &&\n moment(m).isSame(\n moment(selectedDays.from).startOf(\"quarter\"),\n \"quarter\"\n )\n ) {\n return onChange(undefined);\n }\n onChange({\n from: moment(m).startOf(\"quarter\").toDate(),\n to: moment(m).endOf(\"quarter\").toDate(),\n });\n }\n }\n onMonthChange(m);\n },\n [onMonthChange, onChange, selectedDays, selectionMode, dateRequired]\n );\n\n const text = useMemo(() => {\n if (showMonthPicker) {\n return `${month.getFullYear()}`;\n }\n return `${moment(month).format(\"MMMM\")} ${\n moment(month).isSame(moment(), \"year\") ? \"\" : month.getFullYear()\n }`;\n }, [showMonthPicker, month]);\n\n const handleYearMonthForm = useCallback(\n (props) => {\n return (\n <YearMonthPicker\n {...props}\n text={text}\n selectedDays={selectedDays}\n onChange={handleYearMonthChange}\n isShown={showMonthPicker}\n selectionMode={selectionMode}\n />\n );\n },\n [text, selectedDays, handleYearMonthChange, showMonthPicker, selectionMode]\n );\n\n const onKeyDownCallback = useCallback(\n (e: KeyboardEvent) => {\n // Right Arrow\n if (e.key === \"ArrowRight\") {\n setDirection(true);\n if (showMonthPicker) {\n onMonthChange(new Date(month.getFullYear() + 1, month.getMonth()));\n } else {\n onMonthChange(new Date(month.getFullYear(), month.getMonth() + 1));\n }\n }\n // Left Arrow\n if (e.key === \"ArrowLeft\") {\n setDirection(false);\n if (showMonthPicker) {\n onMonthChange(new Date(month.getFullYear() - 1, month.getMonth()));\n } else {\n onMonthChange(new Date(month.getFullYear(), month.getMonth() - 1));\n }\n }\n // Up Arrow\n if (e.key === \"ArrowUp\") {\n setDirection(true);\n onMonthChange(new Date(month.getFullYear() + 1, month.getMonth()));\n }\n // Down Arrow\n if (e.key === \"ArrowDown\") {\n setDirection(false);\n onMonthChange(new Date(month.getFullYear() - 1, month.getMonth()));\n }\n },\n [showMonthPicker, onMonthChange, month]\n );\n\n useEffect(() => {\n document.addEventListener(\"keydown\", onKeyDownCallback);\n return (): void => {\n document.removeEventListener(\"keydown\", onKeyDownCallback);\n };\n }, [month, onMonthChange, showMonthPicker, onKeyDownCallback]);\n\n return (\n <StyledDatePicker className=\"c-date-picker-wrapper\" onWheel={onWheel}>\n <SwitchTransition mode=\"out-in\">\n <StyledDatePickerCSSTransition\n key={showMonthPicker ? month.getFullYear() : month.getMonth()}\n timeout={300}\n classNames={\"c-date-picker__animation\"}\n $direction={direction}\n >\n <StyledDayPicker\n {...rest}\n disabledDays={disabledDays}\n selectedDays={selectedDays}\n onDayClick={handleDayClick}\n modifiers={modifiers}\n onDayMouseEnter={handleDayMouseEnter}\n onDayMouseLeave={onDayMouseLeave}\n className={className}\n $isYearlyView={showMonthPicker}\n month={month}\n navbarElement={customNavBarElement}\n onCaptionClick={togglePicker}\n captionElement={handleYearMonthForm}\n classNames={customClassNames}\n fixedWeeks={fixedWeeks}\n firstDayOfWeek={firstDayOfWeek}\n />\n </StyledDatePickerCSSTransition>\n </SwitchTransition>\n </StyledDatePicker>\n );\n};\n\nDatePicker.displayName = \"DatePicker\";\n"],"file":"DatePicker.js"}

package/dist/esm/components/DatePicker/Styles.js CHANGED Viewed

@@ -1,17 +1,16 @@
-import styled, { css } from 'styled-components';
-import { FontStyle } from '../FontStyle.js';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-import DayPicker from 'react-day-picker';
-import { CSSTransition } from 'react-transition-group';
-var StyledDatePicker = styled.div.withConfig({
+import styled, { css } from "styled-components";
+import { FontStyle } from "../FontStyle";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import DayPicker from "react-day-picker";
+import { CSSTransition } from "react-transition-group";
+export var StyledDatePicker = styled.div.withConfig({
   displayName: "Styles__StyledDatePicker",
   componentId: "sc-18towna-0"
 })(["", " ", " overflow:hidden;min-width:230px;", ""], FontStyle, BoxSizingStyle, {
   "display": "flex",
   "justifyContent": "center"
 });
-var StyledDayPicker = styled(DayPicker).withConfig({
+export var StyledDayPicker = styled(DayPicker).withConfig({
   displayName: "Styles__StyledDayPicker",
   componentId: "sc-18towna-1"
 })(["", " width:230px;", " .c-DayPicker-Month{display:table;user-select:none;border-collapse:separate;border-spacing:4px;}.c-DayPicker-wrapper{position:relative;flex-direction:row;user-select:none;}.c-DayPicker-Caption{display:table-caption;margin-bottom:0.5em;padding:0 0.5em;", "}.c-DayPicker-Weekday{font-size:11px;display:table-cell;padding:0.5em;text-align:center;", "}.c-DayPicker-Body{display:table-row-group;font-size:13px;", "}.c-DayPicker-Day{display:table-cell;border-radius:50%;vertical-align:middle;text-align:center;cursor:pointer;transition-duration:0.3s;width:27px;height:27px;line-height:27px;}.c-DayPicker{display:inline-block;font-size:1rem;}.c-DayPicker-Months{display:flex;flex-wrap:wrap;justify-content:center;}.c-DayPicker-NavButton--interactionDisabled{display:none;}.c-DayPicker-Weekdays{text-decoration:none;display:table-header-group;margin-top:1em;}.c-DayPicker-WeekdaysRow{display:table-row;}.c-DayPicker-Weekday *{display:block;border-bottom:none;text-decoration:none;overflow:hidden;text-overflow:\"\";white-space:nowrap;width:12px;letter-spacing:10px;transform:translateX(30%);}.c-DayPicker-Week{display:table-row;}.c-DayPicker--interactionDisabled .c-DayPicker-Day{cursor:default;}.hovered:not(.c-DayPicker-Day--selected){background-color:var(--color-primary-300);color:var(--color-theme-900);}.c-DayPicker-Day--today{font-weight:700;color:var(--color-primary);position:relative;&:after{position:absolute;content:\"\";bottom:3px;height:3px;width:3px;border-radius:3px;margin:0 auto;left:0;right:0;background:var(--color-primary);}&.hovered:not(.c-DayPicker-Day--selected){color:var(--color-primary);&:after{background-color:var(--color-primary);}}}.c-DayPicker-Day--userAvailability{color:var(--red-alert);&.hovered:not(.c-DayPicker-Day--selected){background-color:rgba(237,97,97,0.1);color:var(--red-alert);}&.c-DayPicker-Day--today{color:var(--red-alert);&:after{background-color:var(--red-alert);}&.hovered:not(.c-DayPicker-Day--selected):after{background-color:var(--red-alert);}}}.c-DayPicker-Day--selected{background-color:var(--color-primary);color:var(--color-theme-100);&.c-DayPicker-Day--today{color:var(--color-theme-100);&:after{background-color:var(--color-theme-100);}}&.c-DayPicker-Day--userAvailability{background-color:var(--red-alert);color:var(--color-theme-100);}}.c-DayPicker-Day--nonWorkingDay{color:var(--color-theme-500);&.hovered:not(.c-DayPicker-Day--selected){color:var(--color-theme-500);}&.c-DayPicker-Day--today{color:var(--color-primary-500);&:after{background-color:var(--color-primary-500);}&.hovered:not(.c-DayPicker-Day--selected){color:var(--color-theme-500);&:after{background-color:var(--color-theme-500);}}}&.c-DayPicker-Day--userAvailability{&.hovered:not(.c-DayPicker-Day--selected){color:var(--color-theme-500);background-color:var(--color-primary-300);&.c-DayPicker-Day--today:after{background-color:var(--color-theme-500);}}}&.c-DayPicker-Day--selected{color:rgba(255,255,255,0.6);background-color:var(--color-primary);.neon &{color:rgba(0,0,0,0.4);}&.c-DayPicker-Day--today{color:rgba(255,255,255,0.6);.neon &{color:rgba(0,0,0,0.4);}&:after{background-color:rgba(255,255,255,0.6);.neon &{background-color:rgba(0,0,0,0.4);}}}}}.c-DayPicker-Day--disabled{cursor:default;color:var(--color-theme-500);&.hovered{color:var(--color-theme-500);}}.c-DayPicker-Day--outside{cursor:default;opacity:0.15;color:var(--color-theme-900);&.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected){background:var(--color-primary-300);}&.c-DayPicker-Day--userAvailability:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--nonWorkingDay.hovered:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--nonWorkingDay:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected),&.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected){color:var(--color-theme-900);}&.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,&.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after{background-color:var(--color-theme-900);}&.hovered:not(.c-DayPicker-Day--selected){background:var(--color-primary-400);}&.c-DayPicker-Day--selected{color:var(--page-paper-main);background:var(--color-primary);.neon &{color:var(--page-paper-main);}&.c-DayPicker-Day--today{&:after{background:var(--page-paper-main);.neon &{background:var(--page-paper-main);}}&.c-DayPicker-Day--nonWorkingDay{color:var(--page-paper-main);.neon &{color:var(--page-paper-main);}}}}}"], {
@@ -27,7 +26,7 @@ var StyledDayPicker = styled(DayPicker).withConfig({
   "color": "var(--color-theme-900)",
   "fontWeight": "700"
 });
-var StyledDatePickerCSSTransition = styled(CSSTransition).withConfig({
+export var StyledDatePickerCSSTransition = styled(CSSTransition).withConfig({
   displayName: "Styles__StyledDatePickerCSSTransition",
   componentId: "sc-18towna-2"
 })(["", ""], function (props) {
@@ -36,6 +35,4 @@ var StyledDatePickerCSSTransition = styled(CSSTransition).withConfig({
 StyledDatePickerCSSTransition.displayName = "StyledDatePickerCSSTransition";
 StyledDatePicker.displayName = "StyledDatePicker";
 StyledDayPicker.displayName = "StyledDayPicker";
-export { StyledDatePicker, StyledDatePickerCSSTransition, StyledDayPicker };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/DatePicker/Styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Styles.js","sources":["../../../../src/components/DatePicker/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport DayPicker from \"react-day-picker\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledDatePicker = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n overflow: hidden;\n min-width: 230px;\n\n ${tw`tw-flex tw-justify-center`}\n`;\n\nexport const StyledDayPicker = styled(DayPicker)<{ $isYearlyView: boolean }>`\n ${tw`tw-bg-page-paper-main`}\n width: 230px;\n\n ${(props) =>\n props.$isYearlyView &&\n css`\n .c-DayPicker-Weekdays,\n .c-DayPicker-Body {\n opacity: 0 !important;\n }\n `}\n\n .c-DayPicker-Month {\n display: table;\n user-select: none;\n border-collapse: separate;\n border-spacing: 4px;\n }\n\n .c-DayPicker-wrapper {\n position: relative;\n flex-direction: row;\n user-select: none;\n }\n\n .c-DayPicker-Caption {\n display: table-caption;\n margin-bottom: 0.5em;\n padding: 0 0.5em;\n ${tw`tw-text-center tw-text-theme-900`}\n }\n\n .c-DayPicker-Weekday {\n font-size: 11px;\n display: table-cell;\n padding: 0.5em;\n text-align: center;\n ${tw`tw-text-theme-600`}\n }\n\n .c-DayPicker-Body {\n display: table-row-group;\n font-size: 13px;\n ${tw`tw-text-theme-900 tw-font-bold`}\n }\n\n .c-DayPicker-Day {\n display: table-cell;\n border-radius: 50%;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n transition-duration: 0.3s;\n width: 27px;\n height: 27px;\n line-height: 27px;\n }\n\n .c-DayPicker {\n display: inline-block;\n font-size: 1rem;\n }\n\n .c-DayPicker-Months {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .c-DayPicker-NavButton--interactionDisabled {\n display: none;\n }\n\n .c-DayPicker-Weekdays {\n text-decoration: none;\n display: table-header-group;\n margin-top: 1em;\n }\n\n .c-DayPicker-WeekdaysRow {\n display: table-row;\n }\n\n .c-DayPicker-Weekday * {\n display: block;\n border-bottom: none;\n text-decoration: none;\n overflow: hidden;\n text-overflow: \"\";\n white-space: nowrap;\n width: 12px;\n letter-spacing: 10px;\n transform: translateX(30%);\n }\n\n .c-DayPicker-Week {\n display: table-row;\n }\n\n .c-DayPicker--interactionDisabled .c-DayPicker-Day {\n cursor: default;\n }\n\n .hovered:not(.c-DayPicker-Day--selected) {\n background-color: var(--color-primary-300);\n color: var(--color-theme-900);\n }\n\n .c-DayPicker-Day--today {\n font-weight: 700;\n color: var(--color-primary);\n position: relative;\n\n &:after {\n position: absolute;\n content: \"\";\n bottom: 3px;\n height: 3px;\n width: 3px;\n border-radius: 3px;\n margin: 0 auto;\n left: 0;\n right: 0;\n background: var(--color-primary);\n }\n &.hovered:not(.c-DayPicker-Day--selected) {\n color: var(--color-primary);\n &:after {\n background-color: var(--color-primary);\n }\n }\n }\n\n .c-DayPicker-Day--userAvailability {\n color: var(--red-alert);\n &.hovered:not(.c-DayPicker-Day--selected) {\n background-color: rgba(237, 97, 97, 0.1);\n color: var(--red-alert);\n }\n &.c-DayPicker-Day--today {\n color: var(--red-alert);\n &:after {\n background-color: var(--red-alert);\n }\n &.hovered:not(.c-DayPicker-Day--selected):after {\n background-color: var(--red-alert);\n }\n }\n }\n\n .c-DayPicker-Day--selected {\n background-color: var(--color-primary);\n color: var(--color-theme-100);\n &.c-DayPicker-Day--today {\n color: var(--color-theme-100);\n &:after {\n background-color: var(--color-theme-100);\n }\n }\n &.c-DayPicker-Day--userAvailability {\n background-color: var(--red-alert);\n color: var(--color-theme-100);\n }\n }\n\n .c-DayPicker-Day--nonWorkingDay {\n color: var(--color-theme-500);\n &.hovered:not(.c-DayPicker-Day--selected) {\n color: var(--color-theme-500);\n }\n &.c-DayPicker-Day--today {\n color: var(--color-primary-500);\n &:after {\n background-color: var(--color-primary-500);\n }\n &.hovered:not(.c-DayPicker-Day--selected) {\n color: var(--color-theme-500);\n &:after {\n background-color: var(--color-theme-500);\n }\n }\n }\n &.c-DayPicker-Day--userAvailability {\n &.hovered:not(.c-DayPicker-Day--selected) {\n color: var(--color-theme-500);\n background-color: var(--color-primary-300);\n &.c-DayPicker-Day--today:after {\n background-color: var(--color-theme-500);\n }\n }\n }\n &.c-DayPicker-Day--selected {\n color: rgba(255, 255, 255, 0.6);\n background-color: var(--color-primary);\n .neon & {\n color: rgba(0, 0, 0, 0.4);\n }\n &.c-DayPicker-Day--today {\n color: rgba(255, 255, 255, 0.6);\n .neon & {\n color: rgba(0, 0, 0, 0.4);\n }\n &:after {\n background-color: rgba(255, 255, 255, 0.6);\n .neon & {\n background-color: rgba(0, 0, 0, 0.4);\n }\n }\n }\n }\n }\n .c-DayPicker-Day--disabled {\n cursor: default;\n color: var(--color-theme-500);\n &.hovered {\n color: var(--color-theme-500);\n }\n }\n\n .c-DayPicker-Day--outside {\n cursor: default;\n opacity: 0.15;\n color: var(--color-theme-900);\n\n &.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected) {\n background: var(--color-primary-300);\n }\n &.c-DayPicker-Day--userAvailability:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--nonWorkingDay.hovered:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--nonWorkingDay:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected) {\n color: var(--color-theme-900);\n }\n\n &.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after {\n background-color: var(--color-theme-900);\n }\n\n &.hovered:not(.c-DayPicker-Day--selected) {\n background: var(--color-primary-400);\n }\n\n &.c-DayPicker-Day--selected {\n color: var(--page-paper-main);\n background: var(--color-primary);\n .neon & {\n color: var(--page-paper-main);\n }\n &.c-DayPicker-Day--today {\n &:after {\n background: var(--page-paper-main);\n .neon & {\n background: var(--page-paper-main);\n }\n }\n &.c-DayPicker-Day--nonWorkingDay {\n color: var(--page-paper-main);\n .neon & {\n color: var(--page-paper-main);\n }\n }\n }\n }\n }\n`;\n\nexport const StyledDatePickerCSSTransition = styled(CSSTransition)<{\n $direction: boolean;\n}>`\n ${(props) =>\n props.$direction\n ? css`\n &.c-date-picker__animation-enter {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 0;\n transform: translateY(-20px);\n }\n }\n\n &.c-date-picker__animation-enter-active {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 1;\n transform: translateY(0px);\n transition-duration: 300ms;\n }\n }\n &.c-date-picker__animation-exit {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 1;\n }\n }\n &.c-date-picker__animation-exit-active {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 0;\n transform: translateY(20px);\n transition-duration: 300ms;\n }\n }\n `\n : css`\n &.c-date-picker__animation-enter {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 0;\n transform: translateY(20px);\n }\n }\n\n &.c-date-picker__animation-enter-active {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 1;\n transform: translateY(0px);\n transition-duration: 300ms;\n }\n }\n\n &.c-date-picker__animation-exit {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 1;\n }\n }\n\n &.c-date-picker__animation-exit-active {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 0;\n transform: translateY(-20px);\n transition-duration: 300ms;\n }\n }\n `}\n`;\n\nStyledDatePickerCSSTransition.displayName = \"StyledDatePickerCSSTransition\";\nStyledDatePicker.displayName = \"StyledDatePicker\";\nStyledDayPicker.displayName = \"StyledDayPicker\";\n"],"names":["StyledDatePicker","styled","div","FontStyle","BoxSizingStyle","StyledDayPicker","DayPicker","props","$isYearlyView","css","StyledDatePickerCSSTransition","CSSTransition","$direction","displayName"],"mappings":";;;;;;IAOaA,gBAAgB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,uDACzBC,SADyB,EAEzBC,cAFyB,EAOvB;AAAA;AAAA;AAAA,CAPuB;IAUhBC,eAAe,GAAGJ,MAAM,CAACK,SAAD,CAAT;AAAA;AAAA;AAAA,g1JACtB;AAAA;AAAA,CADsB,EAIxB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,IACAC,GADA,oEADA;AAAA,CAJwB,EA8BpB;AAAA;AAAA;AAAA,CA9BoB,EAsCpB;AAAA;AAAA,CAtCoB,EA4CpB;AAAA;AAAA;AAAA,CA5CoB;IAkRfC,6BAA6B,GAAGT,MAAM,CAACU,aAAD,CAAT;AAAA;AAAA;AAAA,aAGtC,UAACJ,KAAD;AAAA,SACAA,KAAK,CAACK,UAAN,GACIH,GADJ,0eAiCIA,GAjCJ,ueADA;AAAA,CAHsC;AAyE1CC,6BAA6B,CAACG,WAA9B,GAA4C,+BAA5C;AACAb,gBAAgB,CAACa,WAAjB,GAA+B,kBAA/B;AACAR,eAAe,CAACQ,WAAhB,GAA8B,iBAA9B;;;;"}
1	+ {"version":3,"sources":["../../../../src/components/DatePicker/Styles.ts"],"names":["styled","css","FontStyle","BoxSizingStyle","DayPicker","CSSTransition","StyledDatePicker","div","StyledDayPicker","props","$isYearlyView","StyledDatePickerCSSTransition","$direction","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,SAASC,cAAT,QAA+B,mBAA/B;AAEA,OAAOC,SAAP,MAAsB,kBAAtB;AACA,SAASC,aAAT,QAA8B,wBAA9B;AAEA,OAAO,IAAMC,gBAAgB,GAAGN,MAAM,CAACO,GAAV;AAAA;AAAA;AAAA,uDACzBL,SADyB,EAEzBC,cAFyB,EAOvB;AAAA;AAAA;AAAA,CAPuB,CAAtB;AAUP,OAAO,IAAMK,eAAe,GAAGR,MAAM,CAACI,SAAD,CAAT;AAAA;AAAA;AAAA,g1JACtB;AAAA;AAAA,CADsB,EAIxB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,IACAT,GADA,oEADA;AAAA,CAJwB,EA8BpB;AAAA;AAAA;AAAA,CA9BoB,EAsCpB;AAAA;AAAA,CAtCoB,EA4CpB;AAAA;AAAA;AAAA,CA5CoB,CAArB;AAkRP,OAAO,IAAMU,6BAA6B,GAAGX,MAAM,CAACK,aAAD,CAAT;AAAA;AAAA;AAAA,aAGtC,UAACI,KAAD;AAAA,SACAA,KAAK,CAACG,UAAN,GACIX,GADJ,0eAiCIA,GAjCJ,ueADA;AAAA,CAHsC,CAAnC;AAyEPU,6BAA6B,CAACE,WAA9B,GAA4C,+BAA5C;AACAP,gBAAgB,CAACO,WAAjB,GAA+B,kBAA/B;AACAL,eAAe,CAACK,WAAhB,GAA8B,iBAA9B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport tw from \"twin.macro\";\nimport DayPicker from \"react-day-picker\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledDatePicker = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n overflow: hidden;\n min-width: 230px;\n\n ${tw`tw-flex tw-justify-center`}\n`;\n\nexport const StyledDayPicker = styled(DayPicker)<{ $isYearlyView: boolean }>`\n ${tw`tw-bg-page-paper-main`}\n width: 230px;\n\n ${(props) =>\n props.$isYearlyView &&\n css`\n .c-DayPicker-Weekdays,\n .c-DayPicker-Body {\n opacity: 0 !important;\n }\n `}\n\n .c-DayPicker-Month {\n display: table;\n user-select: none;\n border-collapse: separate;\n border-spacing: 4px;\n }\n\n .c-DayPicker-wrapper {\n position: relative;\n flex-direction: row;\n user-select: none;\n }\n\n .c-DayPicker-Caption {\n display: table-caption;\n margin-bottom: 0.5em;\n padding: 0 0.5em;\n ${tw`tw-text-center tw-text-theme-900`}\n }\n\n .c-DayPicker-Weekday {\n font-size: 11px;\n display: table-cell;\n padding: 0.5em;\n text-align: center;\n ${tw`tw-text-theme-600`}\n }\n\n .c-DayPicker-Body {\n display: table-row-group;\n font-size: 13px;\n ${tw`tw-text-theme-900 tw-font-bold`}\n }\n\n .c-DayPicker-Day {\n display: table-cell;\n border-radius: 50%;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n transition-duration: 0.3s;\n width: 27px;\n height: 27px;\n line-height: 27px;\n }\n\n .c-DayPicker {\n display: inline-block;\n font-size: 1rem;\n }\n\n .c-DayPicker-Months {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .c-DayPicker-NavButton--interactionDisabled {\n display: none;\n }\n\n .c-DayPicker-Weekdays {\n text-decoration: none;\n display: table-header-group;\n margin-top: 1em;\n }\n\n .c-DayPicker-WeekdaysRow {\n display: table-row;\n }\n\n .c-DayPicker-Weekday * {\n display: block;\n border-bottom: none;\n text-decoration: none;\n overflow: hidden;\n text-overflow: \"\";\n white-space: nowrap;\n width: 12px;\n letter-spacing: 10px;\n transform: translateX(30%);\n }\n\n .c-DayPicker-Week {\n display: table-row;\n }\n\n .c-DayPicker--interactionDisabled .c-DayPicker-Day {\n cursor: default;\n }\n\n .hovered:not(.c-DayPicker-Day--selected) {\n background-color: var(--color-primary-300);\n color: var(--color-theme-900);\n }\n\n .c-DayPicker-Day--today {\n font-weight: 700;\n color: var(--color-primary);\n position: relative;\n\n &:after {\n position: absolute;\n content: \"\";\n bottom: 3px;\n height: 3px;\n width: 3px;\n border-radius: 3px;\n margin: 0 auto;\n left: 0;\n right: 0;\n background: var(--color-primary);\n }\n &.hovered:not(.c-DayPicker-Day--selected) {\n color: var(--color-primary);\n &:after {\n background-color: var(--color-primary);\n }\n }\n }\n\n .c-DayPicker-Day--userAvailability {\n color: var(--red-alert);\n &.hovered:not(.c-DayPicker-Day--selected) {\n background-color: rgba(237, 97, 97, 0.1);\n color: var(--red-alert);\n }\n &.c-DayPicker-Day--today {\n color: var(--red-alert);\n &:after {\n background-color: var(--red-alert);\n }\n &.hovered:not(.c-DayPicker-Day--selected):after {\n background-color: var(--red-alert);\n }\n }\n }\n\n .c-DayPicker-Day--selected {\n background-color: var(--color-primary);\n color: var(--color-theme-100);\n &.c-DayPicker-Day--today {\n color: var(--color-theme-100);\n &:after {\n background-color: var(--color-theme-100);\n }\n }\n &.c-DayPicker-Day--userAvailability {\n background-color: var(--red-alert);\n color: var(--color-theme-100);\n }\n }\n\n .c-DayPicker-Day--nonWorkingDay {\n color: var(--color-theme-500);\n &.hovered:not(.c-DayPicker-Day--selected) {\n color: var(--color-theme-500);\n }\n &.c-DayPicker-Day--today {\n color: var(--color-primary-500);\n &:after {\n background-color: var(--color-primary-500);\n }\n &.hovered:not(.c-DayPicker-Day--selected) {\n color: var(--color-theme-500);\n &:after {\n background-color: var(--color-theme-500);\n }\n }\n }\n &.c-DayPicker-Day--userAvailability {\n &.hovered:not(.c-DayPicker-Day--selected) {\n color: var(--color-theme-500);\n background-color: var(--color-primary-300);\n &.c-DayPicker-Day--today:after {\n background-color: var(--color-theme-500);\n }\n }\n }\n &.c-DayPicker-Day--selected {\n color: rgba(255, 255, 255, 0.6);\n background-color: var(--color-primary);\n .neon & {\n color: rgba(0, 0, 0, 0.4);\n }\n &.c-DayPicker-Day--today {\n color: rgba(255, 255, 255, 0.6);\n .neon & {\n color: rgba(0, 0, 0, 0.4);\n }\n &:after {\n background-color: rgba(255, 255, 255, 0.6);\n .neon & {\n background-color: rgba(0, 0, 0, 0.4);\n }\n }\n }\n }\n }\n .c-DayPicker-Day--disabled {\n cursor: default;\n color: var(--color-theme-500);\n &.hovered {\n color: var(--color-theme-500);\n }\n }\n\n .c-DayPicker-Day--outside {\n cursor: default;\n opacity: 0.15;\n color: var(--color-theme-900);\n\n &.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected) {\n background: var(--color-primary-300);\n }\n &.c-DayPicker-Day--userAvailability:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--userAvailability.hovered:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--nonWorkingDay.hovered:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--nonWorkingDay:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected),\n &.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected) {\n color: var(--color-theme-900);\n }\n\n &.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--userAvailability.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--nonWorkingDay.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--today.hovered:not(.c-DayPicker-Day--selected):after,\n &.c-DayPicker-Day--today:not(.c-DayPicker-Day--selected):after {\n background-color: var(--color-theme-900);\n }\n\n &.hovered:not(.c-DayPicker-Day--selected) {\n background: var(--color-primary-400);\n }\n\n &.c-DayPicker-Day--selected {\n color: var(--page-paper-main);\n background: var(--color-primary);\n .neon & {\n color: var(--page-paper-main);\n }\n &.c-DayPicker-Day--today {\n &:after {\n background: var(--page-paper-main);\n .neon & {\n background: var(--page-paper-main);\n }\n }\n &.c-DayPicker-Day--nonWorkingDay {\n color: var(--page-paper-main);\n .neon & {\n color: var(--page-paper-main);\n }\n }\n }\n }\n }\n`;\n\nexport const StyledDatePickerCSSTransition = styled(CSSTransition)<{\n $direction: boolean;\n}>`\n ${(props) =>\n props.$direction\n ? css`\n &.c-date-picker__animation-enter {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 0;\n transform: translateY(-20px);\n }\n }\n\n &.c-date-picker__animation-enter-active {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 1;\n transform: translateY(0px);\n transition-duration: 300ms;\n }\n }\n &.c-date-picker__animation-exit {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 1;\n }\n }\n &.c-date-picker__animation-exit-active {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 0;\n transform: translateY(20px);\n transition-duration: 300ms;\n }\n }\n `\n : css`\n &.c-date-picker__animation-enter {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 0;\n transform: translateY(20px);\n }\n }\n\n &.c-date-picker__animation-enter-active {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 1;\n transform: translateY(0px);\n transition-duration: 300ms;\n }\n }\n\n &.c-date-picker__animation-exit {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 1;\n }\n }\n\n &.c-date-picker__animation-exit-active {\n .c-DayPicker-Caption,\n .c-DayPicker-Body {\n opacity: 0;\n transform: translateY(-20px);\n transition-duration: 300ms;\n }\n }\n `}\n`;\n\nStyledDatePickerCSSTransition.displayName = \"StyledDatePickerCSSTransition\";\nStyledDatePicker.displayName = \"StyledDatePicker\";\nStyledDayPicker.displayName = \"StyledDayPicker\";\n"],"file":"Styles.js"}