@atlaskit/calendar 13.3.0 → 13.3.2

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

@@ -10,15 +10,15 @@ import { Grid } from '@atlaskit/primitives';
  */
 var WeekDayGrid = function WeekDayGrid(_ref) {
   var testId = _ref.testId,
-    children = _ref.children;
-  return (
-    // TODO: Determine if there is a better way to render the row (should be
-    // fixed with introduction of keyboard accessibility of Calendar in DSP-9939) (DSP-11588)
-    jsx(Grid, {
-      testId: testId,
-      templateColumns: "repeat(7, minmax(max-content, 1fr))",
-      role: "row"
-    }, children)
-  );
+    children = _ref.children,
+    isHidden = _ref.isHidden;
+  var row = jsx(Grid, {
+    testId: testId,
+    templateColumns: "repeat(7, minmax(max-content, 1fr))",
+    role: "row"
+  }, children);
+  return isHidden ? jsx("div", {
+    "aria-hidden": "true"
+  }, row) : row;
 };
 export default WeekDayGrid;

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/components/week-header.js

@@ -18,10 +18,10 @@ var WeekHeader = /*#__PURE__*/memo(function WeekHeader(_ref) {
   var daysShort = _ref.daysShort,
     testId = _ref.testId;
   return jsx(WeekDayGrid, {
+    isHidden: true,
     testId: testId && "".concat(testId, "--column-headers")
   }, daysShort.map(function (shortDay) {
     return jsx(Box, {
-      "aria-hidden": "true",
       padding: "space.100",
       xcss: columnHeaderStyles,
       key: shortDay,

package/dist/types/internal/components/week-day-grid.d.ts

@@ -4,6 +4,7 @@ import { jsx } from '@emotion/react';
 interface WeekDayGridProps extends React.HTMLAttributes<HTMLElement> {
     testId?: string;
     children: ReactNode;
+    isHidden?: boolean;
 }
 /**
  * __Week day grid__
@@ -11,5 +12,5 @@ interface WeekDayGridProps extends React.HTMLAttributes<HTMLElement> {
  * A week day grid aligns elements in a 7 wide grid layout.
  *
  */
-declare const WeekDayGrid: ({ testId, children }: WeekDayGridProps) => jsx.JSX.Element;
+declare const WeekDayGrid: ({ testId, children, isHidden }: WeekDayGridProps) => jsx.JSX.Element;
 export default WeekDayGrid;

package/dist/types-ts4.5/internal/components/week-day-grid.d.ts

@@ -4,6 +4,7 @@ import { jsx } from '@emotion/react';
 interface WeekDayGridProps extends React.HTMLAttributes<HTMLElement> {
     testId?: string;
     children: ReactNode;
+    isHidden?: boolean;
 }
 /**
  * __Week day grid__
@@ -11,5 +12,5 @@ interface WeekDayGridProps extends React.HTMLAttributes<HTMLElement> {
  * A week day grid aligns elements in a 7 wide grid layout.
  *
  */
-declare const WeekDayGrid: ({ testId, children }: WeekDayGridProps) => jsx.JSX.Element;
+declare const WeekDayGrid: ({ testId, children, isHidden }: WeekDayGridProps) => jsx.JSX.Element;
 export default WeekDayGrid;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/calendar",
-  "version": "13.3.0",
+  "version": "13.3.2",
   "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.10.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.2.0",
-    "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.18.0",
+    "@atlaskit/primitives": "^1.6.0",
+    "@atlaskit/theme": "^12.6.0",
+    "@atlaskit/tokens": "^1.25.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "date-fns": "^2.17.0",