@activecollab/components 0.1.537 → 1.0.1

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

@@ -0,0 +1,373 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import { DateUtils } from 'react-day-picker';
+import { customClassNames } from './ClassNames.js';
+import { SwitchTransition } from 'react-transition-group';
+import moment from 'moment';
+import { YearMonthPicker } from '../Pickers/YearMonthPicker.js';
+import { CustomNavBarElement } from './CustomNavBarElement.js';
+import { StyledDatePicker, StyledDatePickerCSSTransition, StyledDayPicker } from './Styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var DatePicker = function DatePicker(_ref) {
+  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 = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      enteredTo = _useState2[0],
+      setEnteredTo = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      enteredFrom = _useState4[0],
+      setEnteredFrom = _useState4[1];
+
+  var _useState5 = useState(),
+      _useState6 = _slicedToArray(_useState5, 2),
+      stopScroll = _useState6[0],
+      setStopScroll = _useState6[1];
+
+  var _useState7 = useState(true),
+      _useState8 = _slicedToArray(_useState7, 2),
+      direction = _useState8[0],
+      setDirection = _useState8[1];
+
+  var _useState9 = useState(function () {
+    return (selectedDays === null || selectedDays === void 0 ? void 0 : selectedDays.from) instanceof Date && (selectedDays === null || selectedDays === void 0 ? void 0 : selectedDays.to) instanceof Date;
+  }),
+      _useState10 = _slicedToArray(_useState9, 2),
+      isPreselected = _useState10[0],
+      setIsPreselected = _useState10[1];
+
+  var _useState11 = useState(selectionMode === "quarterly" || selectionMode === "monthly"),
+      _useState12 = _slicedToArray(_useState11, 2),
+      showMonthPicker = _useState12[0],
+      setShowMonthPicker = _useState12[1];
+
+  var _useState13 = useState(defaultModifiers),
+      _useState14 = _slicedToArray(_useState13, 2),
+      modifiers = _useState14[0],
+      setModifiers = _useState14[1];
+
+  var week = firstDayOfWeek === 0 ? "week" : "isoWeek";
+  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 = 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 && moment(day).isSame(moment(selectedDays.from), "day") || selectedDays !== null && selectedDays !== void 0 && 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 !== void 0 && 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 !== void 0 && selectedDays.from && selectedDays !== null && selectedDays !== void 0 && selectedDays.to && !moment(selectedDays.from).isSame(moment(selectedDays.to))) {
+        if (!dateRequired && selectedDays !== null && selectedDays !== void 0 && selectedDays.from && selectedDays !== null && selectedDays !== void 0 && selectedDays.to && moment(day).isBetween(moment(selectedDays.from), moment(selectedDays.to))) {
+          setEnteredTo(day);
+          setEnteredFrom(day);
+          return onChange(undefined);
+        }
+
+        setEnteredFrom(day);
+        return onChange({
+          from: day,
+          to: day
+        });
+      }
+
+      if (selectedDays !== null && selectedDays !== void 0 && selectedDays.from && 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 = useCallback(function () {
+    if (selectionMode !== "custom") {
+      return false;
+    }
+
+    if (selectedDays !== null && selectedDays !== void 0 && selectedDays.from && selectedDays !== null && selectedDays !== void 0 && 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 !== void 0 && selectedDays.from && selectedDays !== null && selectedDays !== void 0 && selectedDays.to && !moment(selectedDays.from).isSame(moment(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 = 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__*/jsx(CustomNavBarElement, _objectSpread(_objectSpread({}, 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 !== void 0 && 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 !== void 0 && 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 "".concat(month.getFullYear());
+    }
+
+    return "".concat(moment(month).format("MMMM"), " ").concat(moment(month).isSame(moment(), "year") ? "" : month.getFullYear());
+  }, [showMonthPicker, month]);
+  var handleYearMonthForm = useCallback(function (props) {
+    return /*#__PURE__*/jsx(YearMonthPicker, _objectSpread(_objectSpread({}, 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__*/jsx(StyledDatePicker, {
+    className: "c-date-picker-wrapper",
+    onWheel: onWheel,
+    children: /*#__PURE__*/jsx(SwitchTransition, {
+      mode: "out-in",
+      children: /*#__PURE__*/jsx(StyledDatePickerCSSTransition, {
+        timeout: 300,
+        classNames: "c-date-picker__animation",
+        $direction: direction,
+        children: /*#__PURE__*/jsx(StyledDayPicker, _objectSpread(_objectSpread({}, rest), {}, {
+          disabledDays: disabledDays,
+          selectedDays: selectedDays,
+          onDayClick: handleDayClick,
+          modifiers: modifiers,
+          onDayMouseEnter: handleDayMouseEnter,
+          onDayMouseLeave: onDayMouseLeave,
+          className: className,
+          $isYearlyView: showMonthPicker,
+          month: month,
+          navbarElement: customNavBarElement,
+          onCaptionClick: togglePicker,
+          captionElement: handleYearMonthForm,
+          classNames: customClassNames,
+          fixedWeeks: fixedWeeks,
+          firstDayOfWeek: firstDayOfWeek
+        }))
+      }, showMonthPicker ? month.getFullYear() : month.getMonth())
+    })
+  });
+};
+DatePicker.displayName = "DatePicker";
+
+export { DatePicker };
+//# sourceMappingURL=DatePicker.js.map

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

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

package/dist/esm/components/DatePicker/Styles.d.ts

@@ -0,0 +1,10 @@
+import DayPicker from "react-day-picker";
+import { CSSTransition } from "react-transition-group";
+export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDayPicker: import("styled-components").StyledComponent<typeof DayPicker, any, {
+    $isYearlyView: boolean;
+}, never>;
+export declare const StyledDatePickerCSSTransition: import("styled-components").StyledComponent<typeof CSSTransition, any, {
+    $direction: boolean;
+}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/DatePicker/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/Styles.ts"],"names":[],"mappings":"AAIA,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,eAAO,MAAM,gBAAgB,oEAQ5B,CAAC;AAEF,eAAO,MAAM,eAAe;mBAAsC,OAAO;SAgRxE,CAAC;AAEF,eAAO,MAAM,6BAA6B;gBAC5B,OAAO;SAsEpB,CAAC"}

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

@@ -0,0 +1,41 @@
+import styled, { css } from 'styled-components';
+import { FontStyle } from '../FontStyle.js';
+import { BoxSizingStyle } from '../BoxSizingStyle.js';
+import DayPicker from 'react-day-picker';
+import { CSSTransition } from 'react-transition-group';
+
+var StyledDatePicker = styled.div.withConfig({
+  displayName: "Styles__StyledDatePicker",
+  componentId: "sc-18towna-0"
+})(["", " ", " overflow:hidden;min-width:230px;", ""], FontStyle, BoxSizingStyle, {
+  "display": "flex",
+  "justifyContent": "center"
+});
+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"
+});
+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";
+
+export { StyledDatePicker, StyledDatePickerCSSTransition, StyledDayPicker };
+//# sourceMappingURL=Styles.js.map

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

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

package/dist/esm/components/Dialog/Dialog.d.ts

@@ -1,5 +1,4 @@
 import React, { ReactNode } from "react";
-import "./Dialog.css";
 interface IDialog {
     open?: boolean;
     onClose?: () => void;

package/dist/esm/components/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,cAAc,CAAC;AAEtB,UAAU,OAAO;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,gFA0BlB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAMrD,UAAU,OAAO;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,gFA0BlB,CAAC"}

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

@@ -0,0 +1,33 @@
+import { forwardRef } from 'react';
+import classnames from 'classnames';
+import { StyledDialog } from './Styles.js';
+import { jsx } from 'react/jsx-runtime';
+import { Modal } from '../Modal/Modal.js';
+import { SlideFromTop } from '../Transitions/SlideFromTop/SlideFromTop.js';
+
+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__*/jsx(Modal, {
+    ref: ref,
+    open: open,
+    onClose: onClose,
+    disableBackgroundClick: !enableBackgroundClick,
+    children: /*#__PURE__*/jsx(SlideFromTop, {
+      in: open,
+      children: /*#__PURE__*/jsx(StyledDialog, {
+        className: classnames("c-dialog", className),
+        children: children
+      })
+    })
+  });
+});
+Dialog.displayName = "Dialog";
+
+export { Dialog };
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"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"],"names":["Dialog","forwardRef","ref","children","open","onClose","className","enableBackgroundClick","_jsx","classnames","displayName"],"mappings":";;;;;;;IAcaA,MAAM,gBAAGC,UAAU,CAC9B,gBAQEC,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,sBACEC,IAAC,KAAD;AACE,IAAA,GAAG,EAAEN,GADP;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,sBAAsB,EAAE,CAACE,qBAJ3B;AAAA,2BAMEC,IAAC,YAAD;AAAc,MAAA,EAAE,EAAEJ,IAAlB;AAAA,6BACEI,IAAC,YAAD;AAAc,QAAA,SAAS,EAAEC,UAAU,CAAC,UAAD,EAAaH,SAAb,CAAnC;AAAA,kBACGH;AADH;AADF;AANF,IADF;AAcD,CAzB6B;AA4BhCH,MAAM,CAACU,WAAP,GAAqB,QAArB;;;;"}

package/dist/esm/components/Dialog/DialogActions.d.ts

@@ -1,4 +1,3 @@
 import { FC, HTMLAttributes } from "react";
-import "./DialogActions.css";
 export declare const DialogActions: FC<HTMLAttributes<HTMLDivElement>>;
 //# sourceMappingURL=DialogActions.d.ts.map

package/dist/esm/components/Dialog/DialogActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogActions.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,qBAAqB,CAAC;AAG7B,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAa5D,CAAC"}
+{"version":3,"file":"DialogActions.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogActions.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIlD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAa5D,CAAC"}

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

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import classnames from 'classnames';
+import { StyledDialogActions } from './Styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["className", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var DialogActions = function DialogActions(_ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(StyledDialogActions, _objectSpread(_objectSpread({
+    className: classnames("c-dialog-actions", className)
+  }, rest), {}, {
+    children: children
+  }));
+};
+DialogActions.displayName = "DialogActions";
+
+export { DialogActions };
+//# sourceMappingURL=DialogActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogActions.js","sources":["../../../../src/components/Dialog/DialogActions.tsx"],"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"],"names":["DialogActions","className","children","rest","_jsx","classnames","displayName"],"mappings":";;;;;;;;;;;;IAIaA,aAAiD,GAAG,SAApDA,aAAoD,OAI3D;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,IACC;;AACJ,sBACEC,IAAC,mBAAD;AACE,IAAA,SAAS,EAAEC,UAAU,CAAC,kBAAD,EAAqBJ,SAArB;AADvB,KAEME,IAFN;AAAA,cAIGD;AAJH,KADF;AAQD;AAEDF,aAAa,CAACM,WAAd,GAA4B,eAA5B;;;;"}

package/dist/esm/components/Dialog/DialogContent.d.ts

@@ -1,4 +1,3 @@
 import { FC, HTMLAttributes } from "react";
-import "./DialogContent.css";
 export declare const DialogContent: FC<HTMLAttributes<HTMLDivElement>>;
 //# sourceMappingURL=DialogContent.d.ts.map

package/dist/esm/components/Dialog/DialogContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,qBAAqB,CAAC;AAG7B,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAa5D,CAAC"}
+{"version":3,"file":"DialogContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/DialogContent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIlD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAa5D,CAAC"}