@activecollab/components 1.0.6 → 1.0.10

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

@@ -0,0 +1,54 @@
+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,
+      showPreviousButton = _ref.showPreviousButton,
+      showNextButton = _ref.showNextButton,
+      labels = _ref.labels,
+      localeUtils = _ref.localeUtils,
+      locale = _ref.locale,
+      _ref$showMonthPicker = _ref.showMonthPicker,
+      showMonthPicker = _ref$showMonthPicker === void 0 ? false : _ref$showMonthPicker,
+      onChangeDirection = _ref.onChangeDirection,
+      onMonthChange = _ref.onMonthChange,
+      onClick = _ref.onClick;
+  var nextMonth = showMonthPicker ? DateUtils.addMonths(month, 12) : DateUtils.addMonths(month, 1);
+  var previousMonth = showMonthPicker ? DateUtils.addMonths(month, -12) : DateUtils.addMonths(month, -1);
+  var onNextClick = useCallback(function () {
+    if (onChangeDirection) {
+      onChangeDirection(true);
+    }
+
+    if (onMonthChange) {
+      onMonthChange(nextMonth);
+    }
+  }, [nextMonth, onChangeDirection, onMonthChange]);
+  var onPreviousClick = useCallback(function () {
+    if (onChangeDirection) {
+      onChangeDirection(false);
+    }
+
+    if (onMonthChange) {
+      onMonthChange(previousMonth);
+    }
+  }, [onChangeDirection, onMonthChange, previousMonth]);
+  return /*#__PURE__*/React.createElement(NavBarElement, {
+    className: className,
+    classNames: classNames,
+    month: month,
+    showPreviousButton: showPreviousButton,
+    showNextButton: showNextButton,
+    labels: labels,
+    localeUtils: localeUtils,
+    locale: locale,
+    previousMonth: previousMonth,
+    nextMonth: nextMonth,
+    onNextClick: onNextClick,
+    onPreviousClick: onPreviousClick,
+    onClick: onClick
+  });
+};
+//# sourceMappingURL=CustomNavBarElement.js.map

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

@@ -0,0 +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

@@ -0,0 +1,355 @@
+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"];
+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,
+      selectedDays = _ref.selectedDays,
+      disabledDays = _ref.disabledDays,
+      _ref$selectionMode = _ref.selectionMode,
+      selectionMode = _ref$selectionMode === void 0 ? "daily" : _ref$selectionMode,
+      _ref$month = _ref.month,
+      month = _ref$month === void 0 ? new Date() : _ref$month,
+      _ref$onMonthChange = _ref.onMonthChange,
+      onMonthChange = _ref$onMonthChange === void 0 ? function () {
+    return null;
+  } : _ref$onMonthChange,
+      _ref$dateRequired = _ref.dateRequired,
+      dateRequired = _ref$dateRequired === void 0 ? false : _ref$dateRequired,
+      _ref$firstDayOfWeek = _ref.firstDayOfWeek,
+      firstDayOfWeek = _ref$firstDayOfWeek === void 0 ? 0 : _ref$firstDayOfWeek,
+      _ref$fixedWeeks = _ref.fixedWeeks,
+      fixedWeeks = _ref$fixedWeeks === void 0 ? true : _ref$fixedWeeks,
+      defaultModifiers = _ref.modifiers,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _useState = useState(),
+      enteredTo = _useState[0],
+      setEnteredTo = _useState[1];
+
+  var _useState2 = useState(),
+      enteredFrom = _useState2[0],
+      setEnteredFrom = _useState2[1];
+
+  var _useState3 = useState(),
+      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;
+  }),
+      isPreselected = _useState5[0],
+      setIsPreselected = _useState5[1];
+
+  var _useState6 = useState(selectionMode === "quarterly" || selectionMode === "monthly"),
+      showMonthPicker = _useState6[0],
+      setShowMonthPicker = _useState6[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 _extends({}, prev, {
+          hovered: {
+            from: enteredFrom,
+            to: enteredTo
+          }
+        });
+      });
+    } else {
+      setModifiers(defaultModifiers);
+    }
+  }, [enteredTo, enteredFrom, defaultModifiers]);
+  var handleDayClick = useCallback(function (day, modifiers) {
+    if (onDayClick) {
+      onDayClick(day, modifiers);
+    }
+
+    if (!onChange) {
+      return;
+    }
+
+    if (month.getMonth() !== day.getMonth()) {
+      onMonthChange(day);
+    }
+
+    if (modifiers["c-DayPicker-Day--disabled"] || selectionMode === "none") {
+      return;
+    } // reset the selectedDays if the user clicks on the same 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);
+    }
+
+    if (selectionMode === "daily") {
+      return onChange({
+        from: day,
+        to: day
+      });
+    }
+
+    if (selectionMode === "weekly") {
+      if (!dateRequired && selectedDays != null && selectedDays.from && moment(day).isSame(moment(selectedDays.from), week)) {
+        return onChange(undefined);
+      }
+
+      return onChange({
+        from: moment(day).startOf(week).toDate(),
+        to: moment(day).endOf(week).toDate()
+      });
+    }
+
+    if (selectionMode === "custom") {
+      if (isPreselected) {
+        setIsPreselected(false);
+        return onChange({
+          from: day,
+          to: day
+        });
+      }
+
+      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);
+        }
+
+        setEnteredFrom(day);
+        return onChange({
+          from: day,
+          to: day
+        });
+      }
+
+      if (selectedDays != null && selectedDays.from && DateUtils.isDayAfter(day, selectedDays.from)) {
+        setEnteredTo(undefined);
+        setEnteredFrom(undefined);
+        return onChange({
+          from: selectedDays.from,
+          to: day
+        });
+      }
+
+      if (selectedDays != null && selectedDays.to) {
+        setEnteredTo(undefined);
+        setEnteredFrom(undefined);
+        return onChange({
+          from: day,
+          to: selectedDays.to
+        });
+      }
+    }
+  }, [onDayClick, onChange, month, selectionMode, dateRequired, selectedDays, onMonthChange, week, isPreselected]);
+  var isSelectedFirstDay = useCallback(function () {
+    if (selectionMode !== "custom") {
+      return false;
+    }
+
+    if (selectedDays != null && selectedDays.from && selectedDays != null && selectedDays.to) {
+      return moment(selectedDays.from).isSame(selectedDays.to);
+    }
+  }, [selectionMode, selectedDays]);
+  var handleDayMouseEnter = useCallback(function (day) {
+    if (isPreselected && selectionMode !== "weekly") {
+      setEnteredTo(day);
+      setEnteredFrom(day);
+      return;
+    }
+
+    if (selectionMode === "daily") {
+      setEnteredTo(day);
+      setEnteredFrom(day);
+    }
+
+    if (selectionMode === "weekly") {
+      setEnteredFrom(moment(day).startOf(week).toDate());
+      setEnteredTo(moment(day).endOf(week).toDate());
+    }
+
+    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.from) {
+      setEnteredFrom(selectedDays.from);
+      setEnteredTo(day);
+    }
+  }, [selectionMode, isSelectedFirstDay, selectedDays, week, isPreselected]);
+  var onDayMouseLeave = useCallback(function () {
+    if (selectionMode === "weekly" || selectionMode === "daily" || selectionMode === "custom") {
+      setEnteredFrom(undefined);
+      setEnteredTo(undefined);
+    }
+  }, [setEnteredFrom, setEnteredTo, selectionMode]);
+  var onWheel = useCallback(function (e) {
+    if (stopScroll && (new Date().getTime() - stopScroll.getTime()) / 1000 < 0.9) {
+      return;
+    }
+
+    var nextMonth = showMonthPicker ? DateUtils.addMonths(month, 12) : DateUtils.addMonths(month, 1);
+    var previousMonth = showMonthPicker ? DateUtils.addMonths(month, -12) : DateUtils.addMonths(month, -1);
+
+    if (e.deltaY > 0.9) {
+      setDirection(true);
+      onMonthChange(nextMonth);
+      setStopScroll(new Date());
+    }
+
+    if (e.deltaY < -0.9) {
+      setDirection(false);
+      onMonthChange(previousMonth);
+      setStopScroll(new Date());
+    }
+  }, [stopScroll, showMonthPicker, month, onMonthChange]);
+  var togglePicker = useCallback(function () {
+    if (selectionMode !== "monthly" && selectionMode !== "quarterly") {
+      return setShowMonthPicker(!showMonthPicker);
+    }
+
+    setShowMonthPicker(true);
+  }, [showMonthPicker, selectionMode]);
+  var customNavBarElement = useCallback(function (props) {
+    return /*#__PURE__*/React.createElement(CustomNavBarElement, _extends({}, props, {
+      showMonthPicker: showMonthPicker,
+      month: month,
+      onChangeDirection: setDirection,
+      onMonthChange: onMonthChange,
+      onClick: togglePicker
+    }));
+  }, [showMonthPicker, month, onMonthChange, togglePicker]);
+  var handleYearMonthChange = useCallback(function (m) {
+    if (onChange) {
+      if (selectionMode === "monthly") {
+        if (!dateRequired && selectedDays != null && selectedDays.from && moment(m).isSame(moment(selectedDays.from), "month")) {
+          return onChange(undefined);
+        }
+
+        onChange({
+          from: moment(m).startOf("month").toDate(),
+          to: moment(m).endOf("month").toDate()
+        });
+      }
+
+      if (selectionMode === "quarterly") {
+        if (!dateRequired && selectedDays != null && selectedDays.from && moment(m).isSame(moment(selectedDays.from).startOf("quarter"), "quarter")) {
+          return onChange(undefined);
+        }
+
+        onChange({
+          from: moment(m).startOf("quarter").toDate(),
+          to: moment(m).endOf("quarter").toDate()
+        });
+      }
+    }
+
+    onMonthChange(m);
+  }, [onMonthChange, onChange, selectedDays, selectionMode, dateRequired]);
+  var text = useMemo(function () {
+    if (showMonthPicker) {
+      return "" + month.getFullYear();
+    }
+
+    return moment(month).format("MMMM") + " " + (moment(month).isSame(moment(), "year") ? "" : month.getFullYear());
+  }, [showMonthPicker, month]);
+  var handleYearMonthForm = useCallback(function (props) {
+    return /*#__PURE__*/React.createElement(YearMonthPicker, _extends({}, props, {
+      text: text,
+      selectedDays: selectedDays,
+      onChange: handleYearMonthChange,
+      isShown: showMonthPicker,
+      selectionMode: selectionMode
+    }));
+  }, [text, selectedDays, handleYearMonthChange, showMonthPicker, selectionMode]);
+  var onKeyDownCallback = useCallback(function (e) {
+    // Right Arrow
+    if (e.key === "ArrowRight") {
+      setDirection(true);
+
+      if (showMonthPicker) {
+        onMonthChange(new Date(month.getFullYear() + 1, month.getMonth()));
+      } else {
+        onMonthChange(new Date(month.getFullYear(), month.getMonth() + 1));
+      }
+    } // Left Arrow
+
+
+    if (e.key === "ArrowLeft") {
+      setDirection(false);
+
+      if (showMonthPicker) {
+        onMonthChange(new Date(month.getFullYear() - 1, month.getMonth()));
+      } else {
+        onMonthChange(new Date(month.getFullYear(), month.getMonth() - 1));
+      }
+    } // Up Arrow
+
+
+    if (e.key === "ArrowUp") {
+      setDirection(true);
+      onMonthChange(new Date(month.getFullYear() + 1, month.getMonth()));
+    } // Down Arrow
+
+
+    if (e.key === "ArrowDown") {
+      setDirection(false);
+      onMonthChange(new Date(month.getFullYear() - 1, month.getMonth()));
+    }
+  }, [showMonthPicker, onMonthChange, month]);
+  useEffect(function () {
+    document.addEventListener("keydown", onKeyDownCallback);
+    return function () {
+      document.removeEventListener("keydown", onKeyDownCallback);
+    };
+  }, [month, onMonthChange, showMonthPicker, onKeyDownCallback]);
+  return /*#__PURE__*/React.createElement(StyledDatePicker, {
+    className: "c-date-picker-wrapper",
+    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";
+//# sourceMappingURL=DatePicker.js.map

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

@@ -0,0 +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

@@ -0,0 +1,38 @@
+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"
+});
+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);}}}}}"], {
+  "backgroundColor": "var(--page-paper-main)"
+}, function (props) {
+  return props.$isYearlyView && css([".c-DayPicker-Weekdays,.c-DayPicker-Body{opacity:0 !important;}"]);
+}, {
+  "textAlign": "center",
+  "color": "var(--color-theme-900)"
+}, {
+  "color": "var(--color-theme-600)"
+}, {
+  "color": "var(--color-theme-900)",
+  "fontWeight": "700"
+});
+export var StyledDatePickerCSSTransition = styled(CSSTransition).withConfig({
+  displayName: "Styles__StyledDatePickerCSSTransition",
+  componentId: "sc-18towna-2"
+})(["", ""], function (props) {
+  return props.$direction ? css(["&.c-date-picker__animation-enter{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(-20px);}}&.c-date-picker__animation-enter-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;transform:translateY(0px);transition-duration:300ms;}}&.c-date-picker__animation-exit{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;}}&.c-date-picker__animation-exit-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(20px);transition-duration:300ms;}}"]) : css(["&.c-date-picker__animation-enter{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(20px);}}&.c-date-picker__animation-enter-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;transform:translateY(0px);transition-duration:300ms;}}&.c-date-picker__animation-exit{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:1;}}&.c-date-picker__animation-exit-active{.c-DayPicker-Caption,.c-DayPicker-Body{opacity:0;transform:translateY(-20px);transition-duration:300ms;}}"]);
+});
+StyledDatePickerCSSTransition.displayName = "StyledDatePickerCSSTransition";
+StyledDatePicker.displayName = "StyledDatePicker";
+StyledDayPicker.displayName = "StyledDayPicker";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +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"}

package/dist/esm/components/DatePicker/index.js

@@ -0,0 +1,2 @@
+export * from "./DatePicker";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from \"./DatePicker\";\n"],"file":"index.js"}

package/dist/esm/components/Dialog/Dialog.js

@@ -0,0 +1,26 @@
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import { Modal } from "../Modal";
+import { SlideFromTop } from "../Transitions/SlideFromTop";
+import { StyledDialog } from "./Styles";
+export var Dialog = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$open = _ref.open,
+      open = _ref$open === void 0 ? false : _ref$open,
+      onClose = _ref.onClose,
+      className = _ref.className,
+      _ref$enableBackground = _ref.enableBackgroundClick,
+      enableBackgroundClick = _ref$enableBackground === void 0 ? false : _ref$enableBackground;
+  return /*#__PURE__*/React.createElement(Modal, {
+    ref: ref,
+    open: open,
+    onClose: onClose,
+    disableBackgroundClick: !enableBackgroundClick
+  }, /*#__PURE__*/React.createElement(SlideFromTop, {
+    in: open
+  }, /*#__PURE__*/React.createElement(StyledDialog, {
+    className: classnames("c-dialog", className)
+  }, children)));
+});
+Dialog.displayName = "Dialog";
+//# sourceMappingURL=Dialog.js.map

package/dist/esm/components/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":["React","forwardRef","classnames","Modal","SlideFromTop","StyledDialog","Dialog","ref","children","open","onClose","className","enableBackgroundClick","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAA6C,OAA7C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,YAAT,QAA6B,6BAA7B;AACA,SAASC,YAAT,QAA6B,UAA7B;AAUA,OAAO,IAAMC,MAAM,gBAAGL,UAAU,CAC9B,gBAQEM,GARF,EASK;AAAA,MAPDC,QAOC,QAPDA,QAOC;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,KAMN;AAAA,MALDC,OAKC,QALDA,OAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,mCAHDC,qBAGC;AAAA,MAHDA,qBAGC,sCAHuB,KAGvB;AACH,sBACE,oBAAC,KAAD;AACE,IAAA,GAAG,EAAEL,GADP;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,sBAAsB,EAAE,CAACE;AAJ3B,kBAME,oBAAC,YAAD;AAAc,IAAA,EAAE,EAAEH;AAAlB,kBACE,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEP,UAAU,CAAC,UAAD,EAAaS,SAAb;AAAnC,KACGH,QADH,CADF,CANF,CADF;AAcD,CAzB6B,CAAzB;AA4BPF,MAAM,CAACO,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport { Modal } from \"../Modal\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\nimport { StyledDialog } from \"./Styles\";\n\ninterface IDialog {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  children?: ReactNode;\n  enableBackgroundClick?: boolean;\n}\n\nexport const Dialog = forwardRef<HTMLDivElement, IDialog>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n    },\n    ref\n  ) => {\n    return (\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n      >\n        <SlideFromTop in={open}>\n          <StyledDialog className={classnames(\"c-dialog\", className)}>\n            {children}\n          </StyledDialog>\n        </SlideFromTop>\n      </Modal>\n    );\n  }\n);\n\nDialog.displayName = \"Dialog\";\n"],"file":"Dialog.js"}

package/dist/esm/components/Dialog/DialogActions.js

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["className", "children"];
+import React from "react";
+import classnames from "classnames";
+import { StyledDialogActions } from "./Styles";
+export var DialogActions = function DialogActions(_ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledDialogActions, _extends({
+    className: classnames("c-dialog-actions", className)
+  }, rest), children);
+};
+DialogActions.displayName = "DialogActions";
+//# sourceMappingURL=DialogActions.js.map

package/dist/esm/components/Dialog/DialogActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Dialog/DialogActions.tsx"],"names":["React","classnames","StyledDialogActions","DialogActions","className","children","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAA0C,OAA1C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,mBAAT,QAAoC,UAApC;AAEA,OAAO,IAAMC,aAAiD,GAAG,SAApDA,aAAoD,OAI3D;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,mBAAD;AACE,IAAA,SAAS,EAAEL,UAAU,CAAC,kBAAD,EAAqBG,SAArB;AADvB,KAEME,IAFN,GAIGD,QAJH,CADF;AAQD,CAbM;AAePF,aAAa,CAACI,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogActions } from \"./Styles\";\n\nexport const DialogActions: FC<HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n  ...rest\n}) => {\n  return (\n    <StyledDialogActions\n      className={classnames(\"c-dialog-actions\", className)}\n      {...rest}\n    >\n      {children}\n    </StyledDialogActions>\n  );\n};\n\nDialogActions.displayName = \"DialogActions\";\n"],"file":"DialogActions.js"}

package/dist/esm/components/Dialog/DialogContent.js

@@ -0,0 +1,17 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["className", "children"];
+import React from "react";
+import classnames from "classnames";
+import { StyledDialogContent } from "./Styles";
+export var DialogContent = function DialogContent(_ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledDialogContent, _extends({
+    className: classnames("c-dialog-content", className)
+  }, rest), children);
+};
+DialogContent.displayName = "DialogContent";
+//# sourceMappingURL=DialogContent.js.map

package/dist/esm/components/Dialog/DialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Dialog/DialogContent.tsx"],"names":["React","classnames","StyledDialogContent","DialogContent","className","children","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAA0C,OAA1C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,mBAAT,QAAoC,UAApC;AAEA,OAAO,IAAMC,aAAiD,GAAG,SAApDA,aAAoD,OAI3D;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,mBAAD;AACE,IAAA,SAAS,EAAEL,UAAU,CAAC,kBAAD,EAAqBG,SAArB;AADvB,KAEME,IAFN,GAIGD,QAJH,CADF;AAQD,CAbM;AAePF,aAAa,CAACI,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledDialogContent } from \"./Styles\";\n\nexport const DialogContent: FC<HTMLAttributes<HTMLDivElement>> = ({\n  className,\n  children,\n  ...rest\n}) => {\n  return (\n    <StyledDialogContent\n      className={classnames(\"c-dialog-content\", className)}\n      {...rest}\n    >\n      {children}\n    </StyledDialogContent>\n  );\n};\n\nDialogContent.displayName = \"DialogContent\";\n"],"file":"DialogContent.js"}