@atlaskit/calendar 13.3.1 → 13.3.3

package/dist/esm/calendar.js

@@ -29,7 +29,7 @@ var boxStyles = xcss({
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.3.1"
+  packageVersion: "13.3.3"
 };
 var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
   var day = _ref.day,
@@ -185,58 +185,55 @@ var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
     return "".concat(monthsLong[previousMonth], " ").concat(showPreviousYear ? yearValue - 1 : yearValue);
   };
   var headerId = useUniqueId('month-year-header');
-  return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-static-element-interactions
-    jsx("div", {
-      className: className,
-      style: style,
-      onBlur: handleContainerBlur,
-      onFocus: handleContainerFocus,
-      "data-testid": testId && "".concat(testId, "--container"),
-      ref: ref
-    }, jsx(Box, {
-      xcss: boxStyles,
-      padding: "space.200",
-      "aria-label": "calendar",
-      testId: testId && "".concat(testId, "--calendar")
-    }, jsx(Stack, {
-      space: "space.150"
-    }, jsx(Header
-    // The month number needs to be translated to index in the month
-    // name array e.g. 1 (January) -> 0
-    , {
-      monthLongTitle: monthsLong[monthValue - 1],
-      year: yearValue,
-      nextMonthLabel: nextMonthLabel,
-      previousMonthLabel: previousMonthLabel,
-      nextHeading: getNextHeading(),
-      previousHeading: getPreviousHeading(),
-      handleClickNext: handleClickNext,
-      handleClickPrev: handleClickPrev,
-      headerId: headerId,
-      mode: mode,
-      tabIndex: tabIndex,
-      testId: testId
-    }), jsx(Box, {
-      role: "grid",
-      tabIndex: tabIndex,
-      onKeyDown: handleContainerKeyDown,
-      "aria-labelledby": headerId,
-      testId: testId && "".concat(testId, "--calendar-dates")
-    }, jsx(WeekHeaderComponent, {
-      daysShort: daysShort,
-      mode: mode,
-      testId: testId
-    }), jsx(WeekDaysComponent, {
-      weeks: weeks,
-      handleClickDay: handleClickDay,
-      mode: mode,
-      monthsLong: monthsLong,
-      shouldSetFocus: shouldSetFocus,
-      tabIndex: tabIndex,
-      testId: testId
-    })))))
-  );
+  return jsx("div", {
+    className: className,
+    style: style,
+    onBlur: handleContainerBlur,
+    onFocus: handleContainerFocus,
+    "data-testid": testId && "".concat(testId, "--container"),
+    ref: ref
+  }, jsx(Box, {
+    xcss: boxStyles,
+    padding: "space.200",
+    "aria-label": "calendar",
+    testId: testId && "".concat(testId, "--calendar")
+  }, jsx(Stack, {
+    space: "space.150"
+  }, jsx(Header
+  // The month number needs to be translated to index in the month
+  // name array e.g. 1 (January) -> 0
+  , {
+    monthLongTitle: monthsLong[monthValue - 1],
+    year: yearValue,
+    nextMonthLabel: nextMonthLabel,
+    previousMonthLabel: previousMonthLabel,
+    nextHeading: getNextHeading(),
+    previousHeading: getPreviousHeading(),
+    handleClickNext: handleClickNext,
+    handleClickPrev: handleClickPrev,
+    headerId: headerId,
+    mode: mode,
+    tabIndex: tabIndex,
+    testId: testId
+  }), jsx(Box, {
+    role: "grid",
+    tabIndex: tabIndex,
+    onKeyDown: handleContainerKeyDown,
+    "aria-labelledby": headerId,
+    testId: testId && "".concat(testId, "--calendar-dates")
+  }, jsx(WeekHeaderComponent, {
+    daysShort: daysShort,
+    mode: mode,
+    testId: testId
+  }), jsx(WeekDaysComponent, {
+    weeks: weeks,
+    handleClickDay: handleClickDay,
+    mode: mode,
+    monthsLong: monthsLong,
+    shouldSetFocus: shouldSetFocus,
+    tabIndex: tabIndex,
+    testId: testId
+  })))));
 });
 
 /**

package/dist/esm/internal/components/date.js

@@ -4,30 +4,30 @@ import { css, jsx } from '@emotion/react';
 import noop from '@atlaskit/ds-lib/noop';
 import { Grid } from '@atlaskit/primitives';
 import { dateCellStyles as getDateCellStyles } from '../styles/date';
-var Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date(_ref, ref) {
-  var day = _ref.children,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$isFocused = _ref.isFocused,
-    isFocused = _ref$isFocused === void 0 ? false : _ref$isFocused,
-    _ref$isToday = _ref.isToday,
-    isToday = _ref$isToday === void 0 ? false : _ref$isToday,
-    dayLong = _ref.dayLong,
-    month = _ref.month,
-    monthLong = _ref.monthLong,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? noop : _ref$onClick,
-    _ref$isPreviouslySele = _ref.isPreviouslySelected,
-    isPreviouslySelected = _ref$isPreviouslySele === void 0 ? false : _ref$isPreviouslySele,
-    _ref$isSelected = _ref.isSelected,
-    isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-    _ref$isSibling = _ref.isSibling,
-    isSibling = _ref$isSibling === void 0 ? false : _ref$isSibling,
-    year = _ref.year,
-    mode = _ref.mode,
-    shouldSetFocus = _ref.shouldSetFocus,
-    tabIndex = _ref.tabIndex,
-    testId = _ref.testId;
+var Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date(_ref2, _ref) {
+  var day = _ref2.children,
+    _ref2$isDisabled = _ref2.isDisabled,
+    isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
+    _ref2$isFocused = _ref2.isFocused,
+    isFocused = _ref2$isFocused === void 0 ? false : _ref2$isFocused,
+    _ref2$isToday = _ref2.isToday,
+    isToday = _ref2$isToday === void 0 ? false : _ref2$isToday,
+    dayLong = _ref2.dayLong,
+    month = _ref2.month,
+    monthLong = _ref2.monthLong,
+    _ref2$onClick = _ref2.onClick,
+    onClick = _ref2$onClick === void 0 ? noop : _ref2$onClick,
+    _ref2$isPreviouslySel = _ref2.isPreviouslySelected,
+    isPreviouslySelected = _ref2$isPreviouslySel === void 0 ? false : _ref2$isPreviouslySel,
+    _ref2$isSelected = _ref2.isSelected,
+    isSelected = _ref2$isSelected === void 0 ? false : _ref2$isSelected,
+    _ref2$isSibling = _ref2.isSibling,
+    isSibling = _ref2$isSibling === void 0 ? false : _ref2$isSibling,
+    year = _ref2.year,
+    mode = _ref2.mode,
+    shouldSetFocus = _ref2.shouldSetFocus,
+    tabIndex = _ref2.tabIndex,
+    testId = _ref2.testId;
   var dateRef = useRef({
     day: day,
     month: month,

package/dist/esm/internal/components/week-days.js

@@ -12,39 +12,34 @@ var WeekDays = /*#__PURE__*/memo(function WeekDays(_ref) {
     shouldSetFocus = _ref.shouldSetFocus,
     tabIndex = _ref.tabIndex,
     testId = _ref.testId;
-  return (
-    // TODO: Determine if there is a better way to render the button (should be
-    // fixed with introduction of keyboard accessibility of Calendar in
-    // DSP-9939) (DSP-11588)
-    jsx(Box, {
-      role: "rowgroup",
-      testId: testId && "".concat(testId, "--month")
-    }, weeks.map(function (week, i) {
-      return jsx(WeekdayGrid, {
-        key: i,
-        testId: testId && "".concat(testId, "--week")
-      }, week.values.map(function (weekDay) {
-        return jsx(DateComponent, {
-          key: "".concat(week.id, "-").concat(weekDay.id),
-          isDisabled: weekDay.isDisabled,
-          isFocused: weekDay.isFocused,
-          isToday: weekDay.isToday,
-          dayLong: weekDay.weekDayName,
-          month: weekDay.month,
-          monthLong: monthsLong[weekDay.month - 1],
-          onClick: handleClickDay,
-          isPreviouslySelected: weekDay.isPreviouslySelected,
-          isSelected: weekDay.isSelected,
-          isSibling: weekDay.isSiblingMonth,
-          year: weekDay.year,
-          mode: mode,
-          shouldSetFocus: shouldSetFocus,
-          tabIndex: tabIndex,
-          testId: testId
-        }, weekDay.day);
-      }));
-    }))
-  );
+  return jsx(Box, {
+    role: "rowgroup",
+    testId: testId && "".concat(testId, "--month")
+  }, weeks.map(function (week, i) {
+    return jsx(WeekdayGrid, {
+      key: i,
+      testId: testId && "".concat(testId, "--week")
+    }, week.values.map(function (weekDay) {
+      return jsx(DateComponent, {
+        key: "".concat(week.id, "-").concat(weekDay.id),
+        isDisabled: weekDay.isDisabled,
+        isFocused: weekDay.isFocused,
+        isToday: weekDay.isToday,
+        dayLong: weekDay.weekDayName,
+        month: weekDay.month,
+        monthLong: monthsLong[weekDay.month - 1],
+        onClick: handleClickDay,
+        isPreviouslySelected: weekDay.isPreviouslySelected,
+        isSelected: weekDay.isSelected,
+        isSibling: weekDay.isSiblingMonth,
+        year: weekDay.year,
+        mode: mode,
+        shouldSetFocus: shouldSetFocus,
+        tabIndex: tabIndex,
+        testId: testId
+      }, weekDay.day);
+    }));
+  }));
 });
 WeekDays.displayName = 'WeekDays';
 

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

@@ -47,7 +47,7 @@ export default function useHandleDateChange(_ref) {
     yearValue = _ref$year[0],
     setYearValue = _ref$year[1],
     _ref$shouldSetFocus = _slicedToArray(_ref.shouldSetFocus, 2),
-    shouldSetFocus = _ref$shouldSetFocus[0],
+    _shouldSetFocus = _ref$shouldSetFocus[0],
     setShouldSetFocus = _ref$shouldSetFocus[1],
     onChange = _ref.onChange;
   var dateRef = useRef({

package/dist/types/internal/hooks/use-handle-date-change.d.ts

@@ -1,6 +1,6 @@
 import type { ChangeEvent } from '../../types';
 import type { ArrowKeys } from '../types';
-export default function useHandleDateChange({ day: [dayValue, setDayValue], month: [monthValue, setMonthValue], year: [yearValue, setYearValue], shouldSetFocus: [shouldSetFocus, setShouldSetFocus], onChange, }: {
+export default function useHandleDateChange({ day: [dayValue, setDayValue], month: [monthValue, setMonthValue], year: [yearValue, setYearValue], shouldSetFocus: [_shouldSetFocus, setShouldSetFocus], onChange, }: {
     day: readonly [number, (newValue: number) => void];
     month: readonly [number, (newValue: number) => void];
     year: readonly [number, (newValue: number) => void];

package/dist/types-ts4.5/internal/hooks/use-handle-date-change.d.ts

@@ -1,6 +1,6 @@
 import type { ChangeEvent } from '../../types';
 import type { ArrowKeys } from '../types';
-export default function useHandleDateChange({ day: [dayValue, setDayValue], month: [monthValue, setMonthValue], year: [yearValue, setYearValue], shouldSetFocus: [shouldSetFocus, setShouldSetFocus], onChange, }: {
+export default function useHandleDateChange({ day: [dayValue, setDayValue], month: [monthValue, setMonthValue], year: [yearValue, setYearValue], shouldSetFocus: [_shouldSetFocus, setShouldSetFocus], onChange, }: {
     day: readonly [
         number,
         (newValue: number) => void

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/calendar",
-  "version": "13.3.1",
+  "version": "13.3.3",
   "description": "An interactive calendar for date selection experiences.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -24,15 +24,15 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.9.0",
-    "@atlaskit/ds-explorations": "^2.2.0",
+    "@atlaskit/button": "^16.13.0",
+    "@atlaskit/ds-explorations": "^3.0.0",
     "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/heading": "^1.3.0",
+    "@atlaskit/heading": "^1.4.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/locale": "^2.5.0",
-    "@atlaskit/primitives": "^1.3.0",
+    "@atlaskit/locale": "^2.6.0",
+    "@atlaskit/primitives": "^1.9.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.18.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "date-fns": "^2.17.0",