@atlaskit/editor-plugin-date 1.0.11 → 1.0.12

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-date
 
+## 1.0.12
+
+### Patch Changes
+
+- [#90781](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/90781) [`566fba222315`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/566fba222315) - Accessible name for datepicker's input field
+
 ## 1.0.11
 
 ### Patch Changes

package/dist/cjs/ui/DatePicker/date-picker-input.js

@@ -12,7 +12,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
@@ -22,12 +21,14 @@ var _form = require("@atlaskit/form");
 var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _formatParse = require("../../utils/formatParse");
 var _internal = require("../../utils/internal");
-var _templateObject;
-/** @jsx jsx */
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-var dateTextFieldWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding: 22px;\n  padding-bottom: ", ";\n"])), "var(--ds-space-150, 12px)");
+var dateTextFieldWrapper = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+  padding: '22px',
+  paddingBottom: "var(--ds-space-150, 12px)"
+});
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var DatePickerInput = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(DatePickerInput, _React$Component);
@@ -212,7 +213,8 @@ var DatePickerInput = /*#__PURE__*/function (_React$Component) {
         onKeyDown: this.handleKeyDown,
         spellCheck: false,
         autoComplete: "off",
-        isInvalid: displayError
+        isInvalid: displayError,
+        "aria-label": formatMessage(_messages.dateMessages.onKeyUpDownText)
       }), displayError && (0, _react2.jsx)(_form.ErrorMessage, null, formatMessage(_messages.dateMessages.invalidDateError)));
     }
   }, {

package/dist/es2019/ui/DatePicker/date-picker-input.js

@@ -11,10 +11,11 @@ import { formatDateType, parseDateType } from '../../utils/formatParse';
 import { adjustDate, findDateSegmentByPosition, isDatePossiblyValid } from '../../utils/internal';
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-const dateTextFieldWrapper = css`
-  padding: 22px;
-  padding-bottom: ${"var(--ds-space-150, 12px)"};
-`;
+const dateTextFieldWrapper = css({
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+  padding: '22px',
+  paddingBottom: "var(--ds-space-150, 12px)"
+});
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class DatePickerInput extends React.Component {
   constructor(props) {
@@ -206,7 +207,8 @@ class DatePickerInput extends React.Component {
       onKeyDown: this.handleKeyDown,
       spellCheck: false,
       autoComplete: "off",
-      isInvalid: displayError
+      isInvalid: displayError,
+      "aria-label": formatMessage(messages.onKeyUpDownText)
     }), displayError && jsx(ErrorMessage, null, formatMessage(messages.invalidDateError)));
   }
   componentDidUpdate() {

package/dist/esm/ui/DatePicker/date-picker-input.js

@@ -5,8 +5,6 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
@@ -21,7 +19,11 @@ import { formatDateType, parseDateType } from '../../utils/formatParse';
 import { adjustDate, findDateSegmentByPosition, isDatePossiblyValid } from '../../utils/internal';
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-var dateTextFieldWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 22px;\n  padding-bottom: ", ";\n"])), "var(--ds-space-150, 12px)");
+var dateTextFieldWrapper = css({
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+  padding: '22px',
+  paddingBottom: "var(--ds-space-150, 12px)"
+});
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var DatePickerInput = /*#__PURE__*/function (_React$Component) {
   _inherits(DatePickerInput, _React$Component);
@@ -206,7 +208,8 @@ var DatePickerInput = /*#__PURE__*/function (_React$Component) {
         onKeyDown: this.handleKeyDown,
         spellCheck: false,
         autoComplete: "off",
-        isInvalid: displayError
+        isInvalid: displayError,
+        "aria-label": formatMessage(messages.onKeyUpDownText)
       }), displayError && jsx(ErrorMessage, null, formatMessage(messages.invalidDateError)));
     }
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-date",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "description": "Date plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -35,7 +35,7 @@
     "@atlaskit/adf-schema": "^35.9.0",
     "@atlaskit/calendar": "^14.2.0",
     "@atlaskit/date": "^0.10.0",
-    "@atlaskit/editor-common": "^78.28.0",
+    "@atlaskit/editor-common": "^78.29.0",
     "@atlaskit/editor-plugin-analytics": "^1.0.0",
     "@atlaskit/editor-plugin-editor-disabled": "^1.0.0",
     "@atlaskit/editor-prosemirror": "3.0.0",