@atlaskit/calendar 13.3.1 → 13.3.3

package/dist/cjs/calendar.js

@@ -35,7 +35,7 @@ var boxStyles = (0, _primitives.xcss)({
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.3.1"
+  packageVersion: "13.3.3"
 };
 var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
   var day = _ref.day,
@@ -191,58 +191,55 @@ var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_re
     return "".concat(monthsLong[previousMonth], " ").concat(showPreviousYear ? yearValue - 1 : yearValue);
   };
   var headerId = (0, _useUniqueId.default)('month-year-header');
-  return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-static-element-interactions
-    (0, _react2.jsx)("div", {
-      className: className,
-      style: style,
-      onBlur: handleContainerBlur,
-      onFocus: handleContainerFocus,
-      "data-testid": testId && "".concat(testId, "--container"),
-      ref: ref
-    }, (0, _react2.jsx)(_primitives.Box, {
-      xcss: boxStyles,
-      padding: "space.200",
-      "aria-label": "calendar",
-      testId: testId && "".concat(testId, "--calendar")
-    }, (0, _react2.jsx)(_primitives.Stack, {
-      space: "space.150"
-    }, (0, _react2.jsx)(_header.default
-    // 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
-    }), (0, _react2.jsx)(_primitives.Box, {
-      role: "grid",
-      tabIndex: tabIndex,
-      onKeyDown: handleContainerKeyDown,
-      "aria-labelledby": headerId,
-      testId: testId && "".concat(testId, "--calendar-dates")
-    }, (0, _react2.jsx)(_weekHeader.default, {
-      daysShort: daysShort,
-      mode: mode,
-      testId: testId
-    }), (0, _react2.jsx)(_weekDays.default, {
-      weeks: weeks,
-      handleClickDay: handleClickDay,
-      mode: mode,
-      monthsLong: monthsLong,
-      shouldSetFocus: shouldSetFocus,
-      tabIndex: tabIndex,
-      testId: testId
-    })))))
-  );
+  return (0, _react2.jsx)("div", {
+    className: className,
+    style: style,
+    onBlur: handleContainerBlur,
+    onFocus: handleContainerFocus,
+    "data-testid": testId && "".concat(testId, "--container"),
+    ref: ref
+  }, (0, _react2.jsx)(_primitives.Box, {
+    xcss: boxStyles,
+    padding: "space.200",
+    "aria-label": "calendar",
+    testId: testId && "".concat(testId, "--calendar")
+  }, (0, _react2.jsx)(_primitives.Stack, {
+    space: "space.150"
+  }, (0, _react2.jsx)(_header.default
+  // 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
+  }), (0, _react2.jsx)(_primitives.Box, {
+    role: "grid",
+    tabIndex: tabIndex,
+    onKeyDown: handleContainerKeyDown,
+    "aria-labelledby": headerId,
+    testId: testId && "".concat(testId, "--calendar-dates")
+  }, (0, _react2.jsx)(_weekHeader.default, {
+    daysShort: daysShort,
+    mode: mode,
+    testId: testId
+  }), (0, _react2.jsx)(_weekDays.default, {
+    weeks: weeks,
+    handleClickDay: handleClickDay,
+    mode: mode,
+    monthsLong: monthsLong,
+    shouldSetFocus: shouldSetFocus,
+    tabIndex: tabIndex,
+    testId: testId
+  })))));
 });
 
 /**
@@ -264,5 +261,4 @@ var Calendar = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
   });
 }));
 Calendar.displayName = 'Calendar';
-var _default = Calendar;
-exports.default = _default;
+var _default = exports.default = Calendar;

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

@@ -12,30 +12,30 @@ var _primitives = require("@atlaskit/primitives");
 var _date = require("../styles/date");
 /** @jsx jsx */
 
-var Date = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.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.default : _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__*/(0, _react.memo)( /*#__PURE__*/(0, _react.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.default : _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 = (0, _react.useRef)({
     day: day,
     month: month,
@@ -99,5 +99,4 @@ var Date = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
 Date.displayName = 'Date';
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = Date;
-exports.default = _default;
+var _default = exports.default = Date;

package/dist/cjs/internal/components/header.js

@@ -100,5 +100,4 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
 Header.displayName = 'Header';
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;

package/dist/cjs/internal/components/week-day-grid.js

@@ -27,5 +27,4 @@ var WeekDayGrid = function WeekDayGrid(_ref) {
     "aria-hidden": "true"
   }, row) : row;
 };
-var _default = WeekDayGrid;
-exports.default = _default;
+var _default = exports.default = WeekDayGrid;

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

@@ -20,42 +20,36 @@ var WeekDays = /*#__PURE__*/(0, _react.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)
-    (0, _react2.jsx)(_box.default, {
-      role: "rowgroup",
-      testId: testId && "".concat(testId, "--month")
-    }, weeks.map(function (week, i) {
-      return (0, _react2.jsx)(_weekDayGrid.default, {
-        key: i,
-        testId: testId && "".concat(testId, "--week")
-      }, week.values.map(function (weekDay) {
-        return (0, _react2.jsx)(_date.default, {
-          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 (0, _react2.jsx)(_box.default, {
+    role: "rowgroup",
+    testId: testId && "".concat(testId, "--month")
+  }, weeks.map(function (week, i) {
+    return (0, _react2.jsx)(_weekDayGrid.default, {
+      key: i,
+      testId: testId && "".concat(testId, "--week")
+    }, week.values.map(function (weekDay) {
+      return (0, _react2.jsx)(_date.default, {
+        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';
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = WeekDays;
-exports.default = _default;
+var _default = exports.default = WeekDays;

package/dist/cjs/internal/components/week-header.js

@@ -46,5 +46,4 @@ var WeekHeader = /*#__PURE__*/(0, _react.memo)(function WeekHeader(_ref) {
 WeekHeader.displayName = 'WeekHeader';
 
 // eslint-disable-next-line @repo/internal/react/require-jsdoc
-var _default = WeekHeader;
-exports.default = _default;
+var _default = exports.default = WeekHeader;

package/dist/cjs/internal/constants.js

@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.monthsPerYear = exports.daysPerWeek = exports.blankStringArray = exports.arrowKeys = void 0;
-var arrowKeys = {
+var arrowKeys = exports.arrowKeys = {
   ArrowDown: 'down',
   ArrowLeft: 'left',
   ArrowRight: 'right',
   ArrowUp: 'up'
 };
-exports.arrowKeys = arrowKeys;
-var daysPerWeek = 7;
-exports.daysPerWeek = daysPerWeek;
-var monthsPerYear = 12;
-exports.monthsPerYear = monthsPerYear;
-var blankStringArray = [];
-exports.blankStringArray = blankStringArray;
+var daysPerWeek = exports.daysPerWeek = 7;
+var monthsPerYear = exports.monthsPerYear = 12;
+var blankStringArray = exports.blankStringArray = [];

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

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

package/dist/cjs/internal/styles/date.js

@@ -30,7 +30,7 @@ var borderColorFocused = {
   light: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
   dark: "var(--ds-border-focused, ".concat(_colors.B100, ")")
 };
-var dateCellStyles = function dateCellStyles() {
+var dateCellStyles = exports.dateCellStyles = function dateCellStyles() {
   var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
   return {
     all: 'unset',
@@ -100,5 +100,4 @@ var dateCellStyles = function dateCellStyles() {
       color: "var(--ds-text-disabled, ".concat(_colors.N40, ")")
     }
   };
-};
-exports.dateCellStyles = dateCellStyles;
+};

package/dist/es2019/calendar.js

@@ -25,7 +25,7 @@ const boxStyles = xcss({
 const analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.3.1"
+  packageVersion: "13.3.3"
 };
 const CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar({
   day,
@@ -162,58 +162,55 @@ const CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar({
     return `${monthsLong[previousMonth]} ${showPreviousYear ? yearValue - 1 : yearValue}`;
   };
   const 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 && `${testId}--container`,
-      ref: ref
-    }, jsx(Box, {
-      xcss: boxStyles,
-      padding: "space.200",
-      "aria-label": "calendar",
-      testId: testId && `${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 && `${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 && `${testId}--container`,
+    ref: ref
+  }, jsx(Box, {
+    xcss: boxStyles,
+    padding: "space.200",
+    "aria-label": "calendar",
+    testId: testId && `${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 && `${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/es2019/internal/components/date.js

@@ -21,7 +21,7 @@ const Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date({
   shouldSetFocus,
   tabIndex,
   testId
-}, ref) {
+}, _ref) {
   const dateRef = useRef({
     day,
     month,

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

@@ -13,35 +13,30 @@ const WeekDays = /*#__PURE__*/memo(function WeekDays({
   tabIndex,
   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 && `${testId}--month`
-    }, weeks.map((week, i) => jsx(WeekdayGrid, {
-      key: i,
-      testId: testId && `${testId}--week`
-    }, week.values.map(weekDay => jsx(DateComponent, {
-      key: `${week.id}-${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 && `${testId}--month`
+  }, weeks.map((week, i) => jsx(WeekdayGrid, {
+    key: i,
+    testId: testId && `${testId}--week`
+  }, week.values.map(weekDay => jsx(DateComponent, {
+    key: `${week.id}-${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/es2019/internal/hooks/use-handle-date-change.js

@@ -36,7 +36,7 @@ export default function useHandleDateChange({
   day: [dayValue, setDayValue],
   month: [monthValue, setMonthValue],
   year: [yearValue, setYearValue],
-  shouldSetFocus: [shouldSetFocus, setShouldSetFocus],
+  shouldSetFocus: [_shouldSetFocus, setShouldSetFocus],
   onChange
 }) {
   const dateRef = useRef({