@atlaskit/calendar 13.3.0 → 13.3.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/calendar
 
+## 13.3.1
+
+### Patch Changes
+
+- [`75b9f4664c6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/75b9f4664c6) - [ux] Hide weekday header row from assistive technologies.
+
 ## 13.3.0
 
 ### Minor Changes

package/dist/cjs/calendar.js

@@ -35,7 +35,7 @@ var boxStyles = (0, _primitives.xcss)({
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.3.0"
+  packageVersion: "13.3.1"
 };
 var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
   var day = _ref.day,

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

@@ -16,16 +16,16 @@ var _primitives = require("@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)
-    (0, _react.jsx)(_primitives.Grid, {
-      testId: testId,
-      templateColumns: "repeat(7, minmax(max-content, 1fr))",
-      role: "row"
-    }, children)
-  );
+    children = _ref.children,
+    isHidden = _ref.isHidden;
+  var row = (0, _react.jsx)(_primitives.Grid, {
+    testId: testId,
+    templateColumns: "repeat(7, minmax(max-content, 1fr))",
+    role: "row"
+  }, children);
+  return isHidden ? (0, _react.jsx)("div", {
+    "aria-hidden": "true"
+  }, row) : row;
 };
 var _default = WeekDayGrid;
 exports.default = _default;

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

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

package/dist/es2019/calendar.js

@@ -25,7 +25,7 @@ const boxStyles = xcss({
 const analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.3.0"
+  packageVersion: "13.3.1"
 };
 const CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar({
   day,

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

@@ -10,13 +10,16 @@ import { Grid } from '@atlaskit/primitives';
  */
 const WeekDayGrid = ({
   testId,
-  children
-}) =>
-// 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,
+  isHidden
+}) => {
+  const 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/es2019/internal/components/week-header.js

@@ -19,9 +19,9 @@ const WeekHeader = /*#__PURE__*/memo(function WeekHeader({
   testId
 }) {
   return jsx(WeekDayGrid, {
+    isHidden: true,
     testId: testId && `${testId}--column-headers`
   }, daysShort.map(shortDay => jsx(Box, {
-    "aria-hidden": "true",
     padding: "space.100",
     xcss: columnHeaderStyles,
     key: shortDay,

package/dist/esm/calendar.js

@@ -29,7 +29,7 @@ var boxStyles = xcss({
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "13.3.0"
+  packageVersion: "13.3.1"
 };
 var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
   var day = _ref.day,

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-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.1",
   "description": "An interactive calendar for date selection experiences.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -30,8 +30,8 @@
     "@atlaskit/heading": "^1.3.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/locale": "^2.5.0",
-    "@atlaskit/primitives": "^1.2.0",
-    "@atlaskit/theme": "^12.5.0",
+    "@atlaskit/primitives": "^1.3.0",
+    "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.18.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",