@activecollab/components 1.0.6 → 1.0.10

package/dist/cjs/components/DatePicker/DatePicker.js

@@ -0,0 +1,410 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DatePicker = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDayPicker = require("react-day-picker");
+
+var _ClassNames = require("./ClassNames");
+
+var _reactTransitionGroup = require("react-transition-group");
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _YearMonthPicker = require("../Pickers/YearMonthPicker");
+
+var _CustomNavBarElement = require("./CustomNavBarElement");
+
+var _Styles = require("./Styles");
+
+var _excluded = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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 = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      enteredTo = _useState2[0],
+      setEnteredTo = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      enteredFrom = _useState4[0],
+      setEnteredFrom = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(),
+      _useState6 = _slicedToArray(_useState5, 2),
+      stopScroll = _useState6[0],
+      setStopScroll = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(true),
+      _useState8 = _slicedToArray(_useState7, 2),
+      direction = _useState8[0],
+      setDirection = _useState8[1];
+
+  var _useState9 = (0, _react.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;
+  }),
+      _useState10 = _slicedToArray(_useState9, 2),
+      isPreselected = _useState10[0],
+      setIsPreselected = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(selectionMode === "quarterly" || selectionMode === "monthly"),
+      _useState12 = _slicedToArray(_useState11, 2),
+      showMonthPicker = _useState12[0],
+      setShowMonthPicker = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(defaultModifiers),
+      _useState14 = _slicedToArray(_useState13, 2),
+      modifiers = _useState14[0],
+      setModifiers = _useState14[1];
+
+  var week = firstDayOfWeek === 0 ? "week" : "isoWeek";
+  (0, _react.useEffect)(function () {
+    if (enteredFrom instanceof Date && enteredTo instanceof Date) {
+      setModifiers(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          hovered: {
+            from: enteredFrom,
+            to: enteredTo
+          }
+        });
+      });
+    } else {
+      setModifiers(defaultModifiers);
+    }
+  }, [enteredTo, enteredFrom, defaultModifiers]);
+  var handleDayClick = (0, _react.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 !== void 0 && selectedDays.from && (0, _moment.default)(day).isSame((0, _moment.default)(selectedDays.from), "day") || selectedDays !== null && selectedDays !== void 0 && selectedDays.to && (0, _moment.default)(day).isSame((0, _moment.default)(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 !== void 0 && selectedDays.from && (0, _moment.default)(day).isSame((0, _moment.default)(selectedDays.from), week)) {
+        return onChange(undefined);
+      }
+
+      return onChange({
+        from: (0, _moment.default)(day).startOf(week).toDate(),
+        to: (0, _moment.default)(day).endOf(week).toDate()
+      });
+    }
+
+    if (selectionMode === "custom") {
+      if (isPreselected) {
+        setIsPreselected(false);
+        return onChange({
+          from: day,
+          to: day
+        });
+      }
+
+      if (!selectedDays || selectedDays !== null && selectedDays !== void 0 && selectedDays.from && selectedDays !== null && selectedDays !== void 0 && selectedDays.to && !(0, _moment.default)(selectedDays.from).isSame((0, _moment.default)(selectedDays.to))) {
+        if (!dateRequired && selectedDays !== null && selectedDays !== void 0 && selectedDays.from && selectedDays !== null && selectedDays !== void 0 && selectedDays.to && (0, _moment.default)(day).isBetween((0, _moment.default)(selectedDays.from), (0, _moment.default)(selectedDays.to))) {
+          setEnteredTo(day);
+          setEnteredFrom(day);
+          return onChange(undefined);
+        }
+
+        setEnteredFrom(day);
+        return onChange({
+          from: day,
+          to: day
+        });
+      }
+
+      if (selectedDays !== null && selectedDays !== void 0 && selectedDays.from && _reactDayPicker.DateUtils.isDayAfter(day, selectedDays.from)) {
+        setEnteredTo(undefined);
+        setEnteredFrom(undefined);
+        return onChange({
+          from: selectedDays.from,
+          to: day
+        });
+      }
+
+      if (selectedDays !== null && selectedDays !== void 0 && selectedDays.to) {
+        setEnteredTo(undefined);
+        setEnteredFrom(undefined);
+        return onChange({
+          from: day,
+          to: selectedDays.to
+        });
+      }
+    }
+  }, [onDayClick, onChange, month, selectionMode, dateRequired, selectedDays, onMonthChange, week, isPreselected]);
+  var isSelectedFirstDay = (0, _react.useCallback)(function () {
+    if (selectionMode !== "custom") {
+      return false;
+    }
+
+    if (selectedDays !== null && selectedDays !== void 0 && selectedDays.from && selectedDays !== null && selectedDays !== void 0 && selectedDays.to) {
+      return (0, _moment.default)(selectedDays.from).isSame(selectedDays.to);
+    }
+  }, [selectionMode, selectedDays]);
+  var handleDayMouseEnter = (0, _react.useCallback)(function (day) {
+    if (isPreselected && selectionMode !== "weekly") {
+      setEnteredTo(day);
+      setEnteredFrom(day);
+      return;
+    }
+
+    if (selectionMode === "daily") {
+      setEnteredTo(day);
+      setEnteredFrom(day);
+    }
+
+    if (selectionMode === "weekly") {
+      setEnteredFrom((0, _moment.default)(day).startOf(week).toDate());
+      setEnteredTo((0, _moment.default)(day).endOf(week).toDate());
+    }
+
+    if (selectionMode !== "weekly" && (!selectedDays || selectedDays !== null && selectedDays !== void 0 && selectedDays.from && selectedDays !== null && selectedDays !== void 0 && selectedDays.to && !(0, _moment.default)(selectedDays.from).isSame((0, _moment.default)(selectedDays.to)))) {
+      setEnteredTo(day);
+      setEnteredFrom(day);
+    }
+
+    if (isSelectedFirstDay() && selectedDays !== null && selectedDays !== void 0 && selectedDays.from) {
+      setEnteredFrom(selectedDays.from);
+      setEnteredTo(day);
+    }
+  }, [selectionMode, isSelectedFirstDay, selectedDays, week, isPreselected]);
+  var onDayMouseLeave = (0, _react.useCallback)(function () {
+    if (selectionMode === "weekly" || selectionMode === "daily" || selectionMode === "custom") {
+      setEnteredFrom(undefined);
+      setEnteredTo(undefined);
+    }
+  }, [setEnteredFrom, setEnteredTo, selectionMode]);
+  var onWheel = (0, _react.useCallback)(function (e) {
+    if (stopScroll && (new Date().getTime() - stopScroll.getTime()) / 1000 < 0.9) {
+      return;
+    }
+
+    var nextMonth = showMonthPicker ? _reactDayPicker.DateUtils.addMonths(month, 12) : _reactDayPicker.DateUtils.addMonths(month, 1);
+    var previousMonth = showMonthPicker ? _reactDayPicker.DateUtils.addMonths(month, -12) : _reactDayPicker.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 = (0, _react.useCallback)(function () {
+    if (selectionMode !== "monthly" && selectionMode !== "quarterly") {
+      return setShowMonthPicker(!showMonthPicker);
+    }
+
+    setShowMonthPicker(true);
+  }, [showMonthPicker, selectionMode]);
+  var customNavBarElement = (0, _react.useCallback)(function (props) {
+    return /*#__PURE__*/_react.default.createElement(_CustomNavBarElement.CustomNavBarElement, _extends({}, props, {
+      showMonthPicker: showMonthPicker,
+      month: month,
+      onChangeDirection: setDirection,
+      onMonthChange: onMonthChange,
+      onClick: togglePicker
+    }));
+  }, [showMonthPicker, month, onMonthChange, togglePicker]);
+  var handleYearMonthChange = (0, _react.useCallback)(function (m) {
+    if (onChange) {
+      if (selectionMode === "monthly") {
+        if (!dateRequired && selectedDays !== null && selectedDays !== void 0 && selectedDays.from && (0, _moment.default)(m).isSame((0, _moment.default)(selectedDays.from), "month")) {
+          return onChange(undefined);
+        }
+
+        onChange({
+          from: (0, _moment.default)(m).startOf("month").toDate(),
+          to: (0, _moment.default)(m).endOf("month").toDate()
+        });
+      }
+
+      if (selectionMode === "quarterly") {
+        if (!dateRequired && selectedDays !== null && selectedDays !== void 0 && selectedDays.from && (0, _moment.default)(m).isSame((0, _moment.default)(selectedDays.from).startOf("quarter"), "quarter")) {
+          return onChange(undefined);
+        }
+
+        onChange({
+          from: (0, _moment.default)(m).startOf("quarter").toDate(),
+          to: (0, _moment.default)(m).endOf("quarter").toDate()
+        });
+      }
+    }
+
+    onMonthChange(m);
+  }, [onMonthChange, onChange, selectedDays, selectionMode, dateRequired]);
+  var text = (0, _react.useMemo)(function () {
+    if (showMonthPicker) {
+      return "".concat(month.getFullYear());
+    }
+
+    return "".concat((0, _moment.default)(month).format("MMMM"), " ").concat((0, _moment.default)(month).isSame((0, _moment.default)(), "year") ? "" : month.getFullYear());
+  }, [showMonthPicker, month]);
+  var handleYearMonthForm = (0, _react.useCallback)(function (props) {
+    return /*#__PURE__*/_react.default.createElement(_YearMonthPicker.YearMonthPicker, _extends({}, props, {
+      text: text,
+      selectedDays: selectedDays,
+      onChange: handleYearMonthChange,
+      isShown: showMonthPicker,
+      selectionMode: selectionMode
+    }));
+  }, [text, selectedDays, handleYearMonthChange, showMonthPicker, selectionMode]);
+  var onKeyDownCallback = (0, _react.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]);
+  (0, _react.useEffect)(function () {
+    document.addEventListener("keydown", onKeyDownCallback);
+    return function () {
+      document.removeEventListener("keydown", onKeyDownCallback);
+    };
+  }, [month, onMonthChange, showMonthPicker, onKeyDownCallback]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledDatePicker, {
+    className: "c-date-picker-wrapper",
+    onWheel: onWheel
+  }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.SwitchTransition, {
+    mode: "out-in"
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledDatePickerCSSTransition, {
+    key: showMonthPicker ? month.getFullYear() : month.getMonth(),
+    timeout: 300,
+    classNames: "c-date-picker__animation",
+    $direction: direction
+  }, /*#__PURE__*/_react.default.createElement(_Styles.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: _ClassNames.customClassNames,
+    fixedWeeks: fixedWeeks,
+    firstDayOfWeek: firstDayOfWeek
+  })))));
+};
+
+exports.DatePicker = DatePicker;
+DatePicker.displayName = "DatePicker";
+//# sourceMappingURL=DatePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":["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","DateUtils","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","customClassNames","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/cjs/components/DatePicker/Styles.js

@@ -0,0 +1,62 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledDayPicker = exports.StyledDatePickerCSSTransition = exports.StyledDatePicker = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _FontStyle = require("../FontStyle");
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+var _reactDayPicker = _interopRequireDefault(require("react-day-picker"));
+
+var _reactTransitionGroup = require("react-transition-group");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledDatePicker = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledDatePicker",
+  componentId: "sc-18towna-0"
+})(["", " ", " overflow:hidden;min-width:230px;", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
+  "display": "flex",
+  "justifyContent": "center"
+});
+
+exports.StyledDatePicker = StyledDatePicker;
+var StyledDayPicker = (0, _styledComponents.default)(_reactDayPicker.default).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 && (0, _styledComponents.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"
+});
+exports.StyledDayPicker = StyledDayPicker;
+var StyledDatePickerCSSTransition = (0, _styledComponents.default)(_reactTransitionGroup.CSSTransition).withConfig({
+  displayName: "Styles__StyledDatePickerCSSTransition",
+  componentId: "sc-18towna-2"
+})(["", ""], function (props) {
+  return props.$direction ? (0, _styledComponents.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;}}"]) : (0, _styledComponents.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;}}"]);
+});
+exports.StyledDatePickerCSSTransition = StyledDatePickerCSSTransition;
+StyledDatePickerCSSTransition.displayName = "StyledDatePickerCSSTransition";
+StyledDatePicker.displayName = "StyledDatePicker";
+StyledDayPicker.displayName = "StyledDayPicker";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DatePicker/Styles.ts"],"names":["StyledDatePicker","styled","div","FontStyle","BoxSizingStyle","StyledDayPicker","DayPicker","props","$isYearlyView","css","StyledDatePickerCSSTransition","CSSTransition","$direction","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;AAEO,IAAMA,gBAAgB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,uDACzBC,oBADyB,EAEzBC,8BAFyB,EAOvB;AAAA;AAAA;AAAA,CAPuB,CAAtB;;;AAUA,IAAMC,eAAe,GAAG,+BAAOC,uBAAP,CAAH;AAAA;AAAA;AAAA,g1JACtB;AAAA;AAAA,CADsB,EAIxB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,aAAN,QACAC,qBADA,qEADA;AAAA,CAJwB,EA8BpB;AAAA;AAAA;AAAA,CA9BoB,EAsCpB;AAAA;AAAA,CAtCoB,EA4CpB;AAAA;AAAA;AAAA,CA5CoB,CAArB;;AAkRA,IAAMC,6BAA6B,GAAG,+BAAOC,mCAAP,CAAH;AAAA;AAAA;AAAA,aAGtC,UAACJ,KAAD;AAAA,SACAA,KAAK,CAACK,UAAN,OACIH,qBADJ,+eAiCIA,qBAjCJ,weADA;AAAA,CAHsC,CAAnC;;AAyEPC,6BAA6B,CAACG,WAA9B,GAA4C,+BAA5C;AACAb,gBAAgB,CAACa,WAAjB,GAA+B,kBAA/B;AACAR,eAAe,CAACQ,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/cjs/components/DatePicker/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _DatePicker = require("./DatePicker");
+
+Object.keys(_DatePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DatePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DatePicker[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/Dialog/Dialog.js

@@ -0,0 +1,47 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dialog = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Modal = require("../Modal");
+
+var _SlideFromTop = require("../Transitions/SlideFromTop");
+
+var _Styles = require("./Styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Dialog = /*#__PURE__*/(0, _react.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.default.createElement(_Modal.Modal, {
+    ref: ref,
+    open: open,
+    onClose: onClose,
+    disableBackgroundClick: !enableBackgroundClick
+  }, /*#__PURE__*/_react.default.createElement(_SlideFromTop.SlideFromTop, {
+    in: open
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledDialog, {
+    className: (0, _classnames.default)("c-dialog", className)
+  }, children)));
+});
+exports.Dialog = Dialog;
+Dialog.displayName = "Dialog";
+//# sourceMappingURL=Dialog.js.map