@atlaskit/calendar 13.0.1 → 13.0.3

package/dist/esm/internal/hooks/use-get-weeks.js

@@ -1,21 +1,18 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { useMemo } from 'react';
 
-import { useMemo } from 'react'; // eslint-disable-next-line no-restricted-imports
-
+// eslint-disable-next-line no-restricted-imports
 import { parseISO } from 'date-fns';
 import { daysPerWeek } from '../constants';
 import dateToString from '../utils/date-to-string';
 import getBaseCalendar from '../utils/get-base-calendar';
-
 function useGetCalendarWithSixthWeek(calendar, _ref) {
   var month = _ref.month,
-      year = _ref.year,
-      weekStartDay = _ref.weekStartDay;
+    year = _ref.year,
+    weekStartDay = _ref.weekStartDay;
   var shouldDisplaySixthWeek = calendar.length % 6;
   var calendarLastValue = calendar[calendar.length - 1];
   return useMemo(function () {
@@ -34,21 +31,21 @@ function useGetCalendarWithSixthWeek(calendar, _ref) {
       });
     }
   }, [calendarLastValue, month, shouldDisplaySixthWeek, weekStartDay, year]);
-} // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+}
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default function useGetWeeks(_ref2) {
   var day = _ref2.day,
-      month = _ref2.month,
-      year = _ref2.year,
-      today = _ref2.today,
-      disabled = _ref2.disabled,
-      disabledDateFilter = _ref2.disabledDateFilter,
-      minDateString = _ref2.minDate,
-      maxDateString = _ref2.maxDate,
-      selected = _ref2.selected,
-      previouslySelected = _ref2.previouslySelected,
-      weekStartDay = _ref2.weekStartDay;
+    month = _ref2.month,
+    year = _ref2.year,
+    today = _ref2.today,
+    disabled = _ref2.disabled,
+    disabledDateFilter = _ref2.disabledDateFilter,
+    minDateString = _ref2.minDate,
+    maxDateString = _ref2.maxDate,
+    selected = _ref2.selected,
+    previouslySelected = _ref2.previouslySelected,
+    weekStartDay = _ref2.weekStartDay;
   var calendar = useMemo(function () {
     return getBaseCalendar(year, month - 1, {
       weekStartDay: weekStartDay
@@ -59,11 +56,9 @@ export default function useGetWeeks(_ref2) {
     year: year,
     weekStartDay: weekStartDay
   });
-
   if (calendarWithSixthWeek) {
     calendar.push.apply(calendar, _toConsumableArray(calendarWithSixthWeek));
   }
-
   var minDate = minDateString ? parseISO(minDateString) : undefined;
   var maxDate = maxDateString ? parseISO(maxDateString) : undefined;
   var needJsDate = minDateString || maxDateString;
@@ -75,7 +70,6 @@ export default function useGetWeeks(_ref2) {
       });
       var JSDate = needJsDate ? parseISO(dateAsString) : undefined;
       var week;
-
       if (date.weekDay === weekStartDay) {
         week = {
           id: dateAsString,
@@ -84,9 +78,9 @@ export default function useGetWeeks(_ref2) {
         weeks.push(week);
       } else {
         week = weeks[weeks.length - 1];
-      } // Define a bunch of `const`s
-
+      }
 
+      // Define a bunch of `const`s
       var isDisabledByArray = disabled ? disabled.indexOf(dateAsString) > -1 : false;
       var isDisabledByFilter = disabledDateFilter ? disabledDateFilter(dateAsString) : false;
       var isDisabledByMin = minDate && JSDate ? JSDate < minDate : false;

package/dist/esm/internal/hooks/use-handle-date-change.js

@@ -1,62 +1,52 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { useCallback, useEffect, useRef } from 'react';
 import { daysPerWeek, monthsPerYear } from '../constants';
 import dateToString from '../utils/date-to-string';
 import getDaysInMonth from '../utils/get-days-in-month';
-
 var getNextMonth = function getNextMonth(monthValue, yearValue) {
   var month = monthValue;
   var year = yearValue;
-
   if (month === monthsPerYear) {
     month = 1;
     year += 1;
   } else {
     month += 1;
   }
-
   return {
     month: month,
     year: year
   };
 };
-
 var getPrevMonth = function getPrevMonth(monthValue, yearValue) {
   var month = monthValue;
   var year = yearValue;
-
   if (month === 1) {
     month = monthsPerYear;
     year -= 1;
   } else {
     month -= 1;
   }
-
   return {
     month: month,
     year: year
   };
-}; // eslint-disable-next-line @repo/internal/react/require-jsdoc
-
+};
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default function useHandleDateChange(_ref) {
   var _ref$day = _slicedToArray(_ref.day, 2),
-      dayValue = _ref$day[0],
-      setDayValue = _ref$day[1],
-      _ref$month = _slicedToArray(_ref.month, 2),
-      monthValue = _ref$month[0],
-      setMonthValue = _ref$month[1],
-      _ref$year = _slicedToArray(_ref.year, 2),
-      yearValue = _ref$year[0],
-      setYearValue = _ref$year[1],
-      onChange = _ref.onChange;
-
+    dayValue = _ref$day[0],
+    setDayValue = _ref$day[1],
+    _ref$month = _slicedToArray(_ref.month, 2),
+    monthValue = _ref$month[0],
+    setMonthValue = _ref$month[1],
+    _ref$year = _slicedToArray(_ref.year, 2),
+    yearValue = _ref$year[0],
+    setYearValue = _ref$year[1],
+    onChange = _ref.onChange;
   var dateRef = useRef({
     day: dayValue,
     month: monthValue,
@@ -71,9 +61,9 @@ export default function useHandleDateChange(_ref) {
   }, [dayValue, monthValue, yearValue]);
   var triggerOnChange = useCallback(function (_ref2) {
     var year = _ref2.year,
-        month = _ref2.month,
-        day = _ref2.day,
-        type = _ref2.type;
+      month = _ref2.month,
+      day = _ref2.day,
+      type = _ref2.type;
     var iso = dateToString({
       year: year,
       month: month,
@@ -92,19 +82,16 @@ export default function useHandleDateChange(_ref) {
   }, [onChange, setDayValue, setMonthValue, setYearValue]);
   var navigate = useCallback(function (type) {
     var _dateRef$current = dateRef.current,
-        day = _dateRef$current.day,
-        month = _dateRef$current.month,
-        year = _dateRef$current.year;
-
+      day = _dateRef$current.day,
+      month = _dateRef$current.month,
+      year = _dateRef$current.year;
     if (type === 'down') {
       var next = day + daysPerWeek;
       var daysInMonth = getDaysInMonth(year, month - 1);
-
       if (next > daysInMonth) {
         var _getNextMonth = getNextMonth(month, year),
-            nextMonth = _getNextMonth.month,
-            nextYear = _getNextMonth.year;
-
+          nextMonth = _getNextMonth.month,
+          nextYear = _getNextMonth.year;
         triggerOnChange({
           year: nextYear,
           month: nextMonth,
@@ -121,12 +108,10 @@ export default function useHandleDateChange(_ref) {
       }
     } else if (type === 'left') {
       var prev = day - 1;
-
       if (prev < 1) {
         var _getPrevMonth = getPrevMonth(month, year),
-            prevMonth = _getPrevMonth.month,
-            prevYear = _getPrevMonth.year;
-
+          prevMonth = _getPrevMonth.month,
+          prevYear = _getPrevMonth.year;
         var prevDay = getDaysInMonth(prevYear, prevMonth - 1);
         triggerOnChange({
           year: prevYear,
@@ -144,14 +129,11 @@ export default function useHandleDateChange(_ref) {
       }
     } else if (type === 'right') {
       var _next = day + 1;
-
       var _daysInMonth = getDaysInMonth(year, month - 1);
-
       if (_next > _daysInMonth) {
         var _getNextMonth2 = getNextMonth(month, year),
-            _nextMonth = _getNextMonth2.month,
-            _nextYear = _getNextMonth2.year;
-
+          _nextMonth = _getNextMonth2.month,
+          _nextYear = _getNextMonth2.year;
         triggerOnChange({
           year: _nextYear,
           month: _nextMonth,
@@ -168,14 +150,11 @@ export default function useHandleDateChange(_ref) {
       }
     } else if (type === 'up') {
       var _prev = day - daysPerWeek;
-
       if (_prev < 1) {
         var _getPrevMonth2 = getPrevMonth(month, year),
-            _prevMonth = _getPrevMonth2.month,
-            _prevYear = _getPrevMonth2.year;
-
+          _prevMonth = _getPrevMonth2.month,
+          _prevYear = _getPrevMonth2.year;
         var _prevDay = getDaysInMonth(_prevYear, _prevMonth - 1) + _prev;
-
         triggerOnChange({
           year: _prevYear,
           month: _prevMonth,
@@ -194,10 +173,9 @@ export default function useHandleDateChange(_ref) {
   }, [triggerOnChange]);
   var handleClickNext = useCallback(function () {
     var _dateRef$current$getN = _objectSpread(_objectSpread({}, dateRef.current), getNextMonth(dateRef.current.month, dateRef.current.year)),
-        day = _dateRef$current$getN.day,
-        month = _dateRef$current$getN.month,
-        year = _dateRef$current$getN.year;
-
+      day = _dateRef$current$getN.day,
+      month = _dateRef$current$getN.month,
+      year = _dateRef$current$getN.year;
     triggerOnChange({
       day: day,
       month: month,
@@ -207,10 +185,9 @@ export default function useHandleDateChange(_ref) {
   }, [triggerOnChange]);
   var handleClickPrev = useCallback(function () {
     var _dateRef$current$getP = _objectSpread(_objectSpread({}, dateRef.current), getPrevMonth(dateRef.current.month, dateRef.current.year)),
-        day = _dateRef$current$getP.day,
-        month = _dateRef$current$getP.month,
-        year = _dateRef$current$getP.year;
-
+      day = _dateRef$current$getP.day,
+      month = _dateRef$current$getP.month,
+      year = _dateRef$current$getP.year;
     triggerOnChange({
       day: day,
       month: month,

package/dist/esm/internal/hooks/use-handle-date-select.js

@@ -1,23 +1,23 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useEffect, useRef } from 'react';
 import { arrowKeys } from '../constants';
-import dateToString from '../utils/date-to-string'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+import dateToString from '../utils/date-to-string';
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default function useHandleDateSelect(_ref) {
   var _ref$day = _slicedToArray(_ref.day, 1),
-      dayValue = _ref$day[0],
-      _ref$month = _slicedToArray(_ref.month, 1),
-      monthValue = _ref$month[0],
-      _ref$year = _slicedToArray(_ref.year, 1),
-      yearValue = _ref$year[0],
-      _ref$selected = _slicedToArray(_ref.selected, 2),
-      selectedValue = _ref$selected[0],
-      setSelectedValue = _ref$selected[1],
-      _ref$previous = _slicedToArray(_ref.previous, 2),
-      setPreviouslySelectedValue = _ref$previous[1],
-      onSelect = _ref.onSelect,
-      navigate = _ref.navigate;
-
+    dayValue = _ref$day[0],
+    _ref$month = _slicedToArray(_ref.month, 1),
+    monthValue = _ref$month[0],
+    _ref$year = _slicedToArray(_ref.year, 1),
+    yearValue = _ref$year[0],
+    _ref$selected = _slicedToArray(_ref.selected, 2),
+    selectedValue = _ref$selected[0],
+    setSelectedValue = _ref$selected[1],
+    _ref$previous = _slicedToArray(_ref.previous, 2),
+    setPreviouslySelectedValue = _ref$previous[1],
+    onSelect = _ref.onSelect,
+    navigate = _ref.navigate;
   var dateRef = useRef({
     day: dayValue,
     month: monthValue,
@@ -32,8 +32,8 @@ export default function useHandleDateSelect(_ref) {
   }, [dayValue, monthValue, yearValue]);
   var triggerOnSelect = useCallback(function (_ref2) {
     var year = _ref2.year,
-        month = _ref2.month,
-        day = _ref2.day;
+      month = _ref2.month,
+      day = _ref2.day;
     var iso = dateToString({
       year: year,
       month: month,
@@ -50,8 +50,8 @@ export default function useHandleDateSelect(_ref) {
   }, [onSelect, selectedValue, setPreviouslySelectedValue, setSelectedValue]);
   var handleClickDay = useCallback(function (_ref3) {
     var year = _ref3.year,
-        month = _ref3.month,
-        day = _ref3.day;
+      month = _ref3.month,
+      day = _ref3.day;
     triggerOnSelect({
       year: year,
       month: month,
@@ -61,7 +61,6 @@ export default function useHandleDateSelect(_ref) {
   var handleContainerKeyDown = useCallback(function (e) {
     var key = e.key;
     var arrowKey = arrowKeys[key];
-
     if (key === 'Enter' || key === ' ') {
       e.preventDefault();
       triggerOnSelect(dateRef.current);

package/dist/esm/internal/hooks/use-locale.js

@@ -3,7 +3,7 @@ import { createLocalizationProvider } from '@atlaskit/locale';
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default function useLocale(_ref) {
   var locale = _ref.locale,
-      weekStartDay = _ref.weekStartDay;
+    weekStartDay = _ref.weekStartDay;
   var l10n = useMemo(function () {
     return createLocalizationProvider(locale);
   }, [locale]);

package/dist/esm/internal/hooks/use-unique-id.js

@@ -1,5 +1,6 @@
-import { useUIDSeed } from 'react-uid'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
+import { useUIDSeed } from 'react-uid';
 
+// eslint-disable-next-line @repo/internal/react/require-jsdoc
 export default function useUniqueId(prefix) {
   var seed = useUIDSeed();
   return "".concat(prefix, "-").concat(seed(prefix));

package/dist/esm/internal/utils/get-base-calendar.js

@@ -3,15 +3,15 @@
  * This will help us fixing any issue we might get or any new functionality we might want to support.
  * Not changing much code below. Just removed those parts which we don't need.
  */
+
 import { daysPerWeek, monthsPerYear } from '../constants';
 import getDaysInMonth from './get-days-in-month';
 export default function getBaseCalendar(year, month) {
   var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
-    weekStartDay: 0
-  },
-      _ref$weekStartDay = _ref.weekStartDay,
-      weekStartDay = _ref$weekStartDay === void 0 ? 0 : _ref$weekStartDay;
-
+      weekStartDay: 0
+    },
+    _ref$weekStartDay = _ref.weekStartDay,
+    weekStartDay = _ref$weekStartDay === void 0 ? 0 : _ref$weekStartDay;
   var date = new Date(Date.UTC(year, month, 1, 0, 0, 0, 0));
   var utcYear = date.getUTCFullYear();
   var utcMonth = date.getUTCMonth();
@@ -28,34 +28,27 @@ export default function getBaseCalendar(year, month) {
   var calculatedMonth;
   var calculatedYear;
   var maxDateCount = lastDate - dateCounter + (lastDay !== 0 ? daysPerWeek - lastDay : 0) + firstDate;
-
   while (dateCounter < maxDateCount) {
     currentDate = dateCounter + 1;
     currentDay = ((dateCounter < 1 ? daysPerWeek + dateCounter : dateCounter) + firstDay) % daysPerWeek;
-
     if (currentDate < 1 || currentDate > lastDate) {
       if (currentDate < 1) {
         calculatedMonth = utcMonth - 1;
         calculatedYear = utcYear;
-
         if (calculatedMonth < 0) {
           calculatedMonth = monthsPerYear - 1;
           calculatedYear--;
         }
-
         currentDate = lastDateOfPreviousMonth + currentDate;
       } else if (currentDate > lastDate) {
         calculatedMonth = utcMonth + 1;
         calculatedYear = utcYear;
-
         if (calculatedMonth > monthsPerYear - 1) {
           calculatedMonth = 0;
           calculatedYear++;
         }
-
         currentDate = dateCounter - lastDate + 1;
       }
-
       if (calculatedMonth !== undefined && calculatedYear !== undefined) {
         currentDateObject = {
           day: currentDate,
@@ -73,10 +66,8 @@ export default function getBaseCalendar(year, month) {
         year: utcYear
       };
     }
-
     calendar.push(currentDateObject);
     dateCounter++;
   }
-
   return calendar;
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/calendar",
-	"version": "13.0.1",
+	"version": "13.0.3",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/calendar",
-  "version": "13.0.1",
+  "version": "13.0.3",
   "description": "An interactive calendar for date selection experiences.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,13 +26,13 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/button": "^16.5.0",
-    "@atlaskit/ds-explorations": "^1.7.0",
+    "@atlaskit/ds-explorations": "^2.0.0",
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/heading": "^1.0.2",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/locale": "^2.3.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@atlaskit/visually-hidden": "^1.1.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",