@atlaskit/datetime-picker 13.2.3 → 13.3.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/datetime-picker
 
+## 13.3.0
+
+### Minor Changes
+
+- [#68248](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/68248) [`22e0fd4f6694`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/22e0fd4f6694) - Move the onBlur event from the input to the input container in `DatePicker`.
+  Add the type `aria-describedby` in to Field component.
+
 ## 13.2.3
 
 ### Patch Changes

package/dist/cjs/components/date-picker.js

@@ -36,7 +36,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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; })(); } /** @jsx jsx */
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.2.3";
+var packageVersion = "13.3.0";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -130,6 +130,9 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
         _this.setState({
           isOpen: false
         });
+        if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.move-onblur-event-to-input-container_3z82c')) {
+          _this.props.onBlur(event);
+        }
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectBlur", function (event) {
@@ -148,7 +151,9 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
           isFocused: false
         });
       }
-      _this.props.onBlur(event);
+      if (!(0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.move-onblur-event-to-input-container_3z82c')) {
+        _this.props.onBlur(event);
+      }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectFocus", function (event) {
       var _this$getSafeState = _this.getSafeState(),

package/dist/cjs/components/date-time-picker.js

@@ -31,7 +31,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.2.3";
+var packageVersion = "13.3.0";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = (0, _react2.css)({

package/dist/cjs/components/time-picker.js

@@ -36,7 +36,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line no-restricted-imports
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.2.3";
+var packageVersion = "13.3.0";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/es2019/components/date-picker.js

@@ -16,7 +16,7 @@ import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date'
 import { convertTokens } from '../internal/parse-tokens';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.2.3";
+const packageVersion = "13.3.0";
 const datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -106,6 +106,9 @@ class DatePicker extends Component {
         this.setState({
           isOpen: false
         });
+        if (getBooleanFF('platform.design-system-team.move-onblur-event-to-input-container_3z82c')) {
+          this.props.onBlur(event);
+        }
       }
     });
     _defineProperty(this, "onSelectBlur", event => {
@@ -124,7 +127,9 @@ class DatePicker extends Component {
           isFocused: false
         });
       }
-      this.props.onBlur(event);
+      if (!getBooleanFF('platform.design-system-team.move-onblur-event-to-input-container_3z82c')) {
+        this.props.onBlur(event);
+      }
     });
     _defineProperty(this, "onSelectFocus", event => {
       const {

package/dist/es2019/components/date-time-picker.js

@@ -15,7 +15,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.2.3";
+const packageVersion = "13.3.0";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 const datePickerContainerStyles = css({

package/dist/es2019/components/time-picker.js

@@ -16,7 +16,7 @@ import parseTime from '../internal/parse-time';
 import { convertTokens } from '../internal/parse-tokens';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.2.3";
+const packageVersion = "13.3.0";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/esm/components/date-picker.js

@@ -27,7 +27,7 @@ import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date'
 import { convertTokens } from '../internal/parse-tokens';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.2.3";
+var packageVersion = "13.3.0";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -121,6 +121,9 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         _this.setState({
           isOpen: false
         });
+        if (getBooleanFF('platform.design-system-team.move-onblur-event-to-input-container_3z82c')) {
+          _this.props.onBlur(event);
+        }
       }
     });
     _defineProperty(_assertThisInitialized(_this), "onSelectBlur", function (event) {
@@ -139,7 +142,9 @@ var DatePicker = /*#__PURE__*/function (_Component) {
           isFocused: false
         });
       }
-      _this.props.onBlur(event);
+      if (!getBooleanFF('platform.design-system-team.move-onblur-event-to-input-container_3z82c')) {
+        _this.props.onBlur(event);
+      }
     });
     _defineProperty(_assertThisInitialized(_this), "onSelectFocus", function (event) {
       var _this$getSafeState = _this.getSafeState(),

package/dist/esm/components/date-time-picker.js

@@ -25,7 +25,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.2.3";
+var packageVersion = "13.3.0";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = css({

package/dist/esm/components/time-picker.js

@@ -28,7 +28,7 @@ import parseTime from '../internal/parse-time';
 import { convertTokens } from '../internal/parse-tokens';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.2.3";
+var packageVersion = "13.3.0";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/types/components/date-picker.d.ts

@@ -92,7 +92,7 @@ declare class DatePicker extends Component<DatePickerProps, State> {
         iso: string;
     }) => void;
     onInputClick: () => void;
-    onContainerBlur: (event: React.FocusEvent<HTMLElement>) => void;
+    onContainerBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
     onSelectBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
     onSelectFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
     onTextInput: (event: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/types-ts4.5/components/date-picker.d.ts

@@ -92,7 +92,7 @@ declare class DatePicker extends Component<DatePickerProps, State> {
         iso: string;
     }) => void;
     onInputClick: () => void;
-    onContainerBlur: (event: React.FocusEvent<HTMLElement>) => void;
+    onContainerBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
     onSelectBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
     onSelectFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
     onTextInput: (event: React.ChangeEvent<HTMLInputElement>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/datetime-picker",
-  "version": "13.2.3",
+  "version": "13.3.0",
   "description": "A date time picker allows the user to select an associated date and time.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -46,9 +46,9 @@
     "@atlaskit/locale": "^2.6.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/popper": "^5.5.0",
-    "@atlaskit/select": "^17.3.0",
-    "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.42.0",
+    "@atlaskit/select": "^17.6.0",
+    "@atlaskit/theme": "^12.7.0",
+    "@atlaskit/tokens": "^1.43.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "date-fns": "^2.17.0",
@@ -62,11 +62,11 @@
     "@af/accessibility-testing": "*",
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
-    "@atlaskit/button": "^17.7.0",
+    "@atlaskit/button": "^17.11.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/form": "^9.0.3",
+    "@atlaskit/form": "^9.1.0",
     "@atlaskit/modal-dialog": "^12.10.0",
-    "@atlaskit/popup": "^1.13.0",
+    "@atlaskit/popup": "^1.14.0",
     "@atlaskit/range": "^7.1.0",
     "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/ssr": "*",
@@ -115,6 +115,9 @@
     },
     "platform.design-system-team.date-picker-input-a11y-fix_cbbxs": {
       "type": "boolean"
+    },
+    "platform.design-system-team.move-onblur-event-to-input-container_3z82c": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",