@atlaskit/datetime-picker 13.8.1 → 13.10.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/datetime-picker
 
+## 13.10.0
+
+### Minor Changes
+
+- [#128236](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/128236)
+  [`84388abdd587a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/84388abdd587a) -
+  The platform.design-system-team.date-picker-input-a11y-fix_cbbxs feature flag has been removed.
+
+## 13.9.0
+
+### Minor Changes
+
+- [#127511](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/127511)
+  [`db30e29344013`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/db30e29344013) -
+  Widening range of `react` and `react-dom` peer dependencies from `^16.8.0 || ^17.0.0 || ~18.2.0`
+  to the wider range of ``^16.8.0 || ^17.0.0 || ^18.0.0` (where applicable).
+
+  This change has been done to enable usage of `react@18.3` as well as to have a consistent peer
+  dependency range for `react` and `react-dom` for `/platform` packages.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.8.1
 
 ### Patch Changes

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

@@ -22,7 +22,6 @@ var _pick = _interopRequireDefault(require("lodash/pick"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _calendar = _interopRequireDefault(require("@atlaskit/icon/glyph/calendar"));
 var _locale = require("@atlaskit/locale");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _select = _interopRequireWildcard(require("@atlaskit/select"));
 var _internal = require("../internal");
 var _menu = require("../internal/menu");
@@ -39,7 +38,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.8.1";
+var packageVersion = "13.10.0";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -237,7 +236,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
         case 'backspace':
         case 'delete':
           {
-            var inputCount = (0, _platformFeatureFlags.fg)('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') ? 1 : 0;
+            var inputCount = 0;
             if (value && event.target instanceof HTMLInputElement && event.target.value.length <= inputCount) {
               // If being cleared from keyboard, don't change behaviour
               _this.setState({
@@ -414,11 +413,7 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
         isOpen = _this$getSafeState6.isOpen,
         selectInputValue = _this$getSafeState6.selectInputValue;
       var actualSelectInputValue;
-      if ((0, _platformFeatureFlags.fg)('platform.design-system-team.date-picker-input-a11y-fix_cbbxs')) {
-        actualSelectInputValue = selectInputValue || (value ? this.formatDate(value) : undefined);
-      } else {
-        actualSelectInputValue = selectInputValue;
-      }
+      actualSelectInputValue = selectInputValue;
       var menuIsOpen = isOpen && !isDisabled;
       var showClearIndicator = Boolean((value || selectInputValue) && !hideIcon);
       var dropDownIcon = appearance === 'subtle' || hideIcon || showClearIndicator ? null : icon;

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

@@ -34,7 +34,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.8.1";
+var packageVersion = "13.10.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.8.1";
+var packageVersion = "13.10.0";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/cjs/internal/fixed-layer.js

@@ -15,7 +15,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _icon = require("@atlaskit/icon");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popper = require("@atlaskit/popper");
 var _constants = require("@atlaskit/theme/constants");
 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; }
@@ -60,16 +59,14 @@ var FixedLayer = exports.default = /*#__PURE__*/function (_React$Component) {
       if (!containerRef) {
         return /*#__PURE__*/_react.default.createElement("div", null);
       }
-      var divStyles = _objectSpread({
+      var divStyles = {
         background: 'transparent',
         position: 'absolute',
         top: 0,
         height: containerRef.getBoundingClientRect().height,
         // Don't block the clear button
         width: containerRef.getBoundingClientRect().width - parseInt(_icon.sizes.small.slice(0, -2)) - (0, _constants.gridSize)()
-      }, (0, _platformFeatureFlags.fg)('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') && {
-        pointerEvents: 'none'
-      });
+      };
       return (
         /*#__PURE__*/
         /* Need to wrap layer in a fixed position div so that it will render its content as fixed

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

@@ -13,7 +13,6 @@ import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import CalendarIcon from '@atlaskit/icon/glyph/calendar';
 import { createLocalizationProvider } from '@atlaskit/locale';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Select, { mergeStyles } from '@atlaskit/select';
 import { defaultDateFormat, EmptyComponent, padToTwo, placeholderDatetime } from '../internal';
 import { Menu } from '../internal/menu';
@@ -21,7 +20,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.8.1";
+const packageVersion = "13.10.0";
 const datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -217,7 +216,7 @@ class DatePickerComponent extends Component {
         case 'backspace':
         case 'delete':
           {
-            const inputCount = fg('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') ? 1 : 0;
+            const inputCount = 0;
             if (value && event.target instanceof HTMLInputElement && event.target.value.length <= inputCount) {
               // If being cleared from keyboard, don't change behaviour
               this.setState({
@@ -413,11 +412,7 @@ class DatePickerComponent extends Component {
       selectInputValue
     } = this.getSafeState();
     let actualSelectInputValue;
-    if (fg('platform.design-system-team.date-picker-input-a11y-fix_cbbxs')) {
-      actualSelectInputValue = selectInputValue || (value ? this.formatDate(value) : undefined);
-    } else {
-      actualSelectInputValue = selectInputValue;
-    }
+    actualSelectInputValue = selectInputValue;
     const menuIsOpen = isOpen && !isDisabled;
     const showClearIndicator = Boolean((value || selectInputValue) && !hideIcon);
     const dropDownIcon = appearance === 'subtle' || hideIcon || showClearIndicator ? null : icon;

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

@@ -20,7 +20,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.8.1";
+const packageVersion = "13.10.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.8.1";
+const packageVersion = "13.10.0";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/es2019/internal/fixed-layer.js

@@ -2,7 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import noop from '@atlaskit/ds-lib/noop';
 import { sizes } from '@atlaskit/icon';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize, layers } from '@atlaskit/theme/constants';
@@ -38,10 +37,7 @@ export default class FixedLayer extends React.Component {
       top: 0,
       height: containerRef.getBoundingClientRect().height,
       // Don't block the clear button
-      width: containerRef.getBoundingClientRect().width - parseInt(sizes.small.slice(0, -2)) - gridSize(),
-      ...(fg('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') && {
-        pointerEvents: 'none'
-      })
+      width: containerRef.getBoundingClientRect().width - parseInt(sizes.small.slice(0, -2)) - gridSize()
     };
     return (
       /*#__PURE__*/

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

@@ -24,7 +24,6 @@ import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import CalendarIcon from '@atlaskit/icon/glyph/calendar';
 import { createLocalizationProvider } from '@atlaskit/locale';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Select, { mergeStyles } from '@atlaskit/select';
 import { defaultDateFormat, EmptyComponent, padToTwo, placeholderDatetime } from '../internal';
 import { Menu } from '../internal/menu';
@@ -32,7 +31,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.8.1";
+var packageVersion = "13.10.0";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -230,7 +229,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
         case 'backspace':
         case 'delete':
           {
-            var inputCount = fg('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') ? 1 : 0;
+            var inputCount = 0;
             if (value && event.target instanceof HTMLInputElement && event.target.value.length <= inputCount) {
               // If being cleared from keyboard, don't change behaviour
               _this.setState({
@@ -407,11 +406,7 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
         isOpen = _this$getSafeState6.isOpen,
         selectInputValue = _this$getSafeState6.selectInputValue;
       var actualSelectInputValue;
-      if (fg('platform.design-system-team.date-picker-input-a11y-fix_cbbxs')) {
-        actualSelectInputValue = selectInputValue || (value ? this.formatDate(value) : undefined);
-      } else {
-        actualSelectInputValue = selectInputValue;
-      }
+      actualSelectInputValue = selectInputValue;
       var menuIsOpen = isOpen && !isDisabled;
       var showClearIndicator = Boolean((value || selectInputValue) && !hideIcon);
       var dropDownIcon = appearance === 'subtle' || hideIcon || showClearIndicator ? null : icon;

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

@@ -30,7 +30,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.8.1";
+var packageVersion = "13.10.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.8.1";
+var packageVersion = "13.10.0";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/esm/internal/fixed-layer.js

@@ -12,7 +12,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 import noop from '@atlaskit/ds-lib/noop';
 import { sizes } from '@atlaskit/icon';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Manager, Popper, Reference } from '@atlaskit/popper';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize, layers } from '@atlaskit/theme/constants';
@@ -54,16 +53,14 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
       if (!containerRef) {
         return /*#__PURE__*/React.createElement("div", null);
       }
-      var divStyles = _objectSpread({
+      var divStyles = {
         background: 'transparent',
         position: 'absolute',
         top: 0,
         height: containerRef.getBoundingClientRect().height,
         // Don't block the clear button
         width: containerRef.getBoundingClientRect().width - parseInt(sizes.small.slice(0, -2)) - gridSize()
-      }, fg('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') && {
-        pointerEvents: 'none'
-      });
+      };
       return (
         /*#__PURE__*/
         /* Need to wrap layer in a fixed position div so that it will render its content as fixed

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "13.8.1",
+	"version": "13.10.0",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,39 +39,38 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^10.0.0",
-		"@atlaskit/calendar": "^14.4.0",
-		"@atlaskit/ds-lib": "^2.3.0",
-		"@atlaskit/icon": "^22.10.0",
-		"@atlaskit/layering": "^0.3.0",
-		"@atlaskit/locale": "^2.7.0",
-		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/popper": "^6.1.0",
-		"@atlaskit/select": "^17.11.0",
-		"@atlaskit/theme": "^12.11.0",
-		"@atlaskit/tokens": "^1.57.0",
+		"@atlaskit/analytics-next": "^10.1.0",
+		"@atlaskit/calendar": "^14.5.0",
+		"@atlaskit/ds-lib": "^2.4.0",
+		"@atlaskit/icon": "^22.12.0",
+		"@atlaskit/layering": "^0.4.0",
+		"@atlaskit/locale": "^2.8.0",
+		"@atlaskit/popper": "^6.2.0",
+		"@atlaskit/select": "^17.13.0",
+		"@atlaskit/theme": "^12.12.0",
+		"@atlaskit/tokens": "^1.58.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"date-fns": "^2.17.0",
 		"lodash": "^4.17.21"
 	},
 	"peerDependencies": {
-		"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
+		"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
 	},
 	"devDependencies": {
 		"@af/accessibility-testing": "*",
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
-		"@atlaskit/button": "^19.1.0",
+		"@atlaskit/button": "^19.2.0",
 		"@atlaskit/docs": "*",
-		"@atlaskit/form": "^10.4.0",
-		"@atlaskit/modal-dialog": "^12.14.0",
-		"@atlaskit/popup": "^1.20.0",
-		"@atlaskit/range": "^7.3.0",
-		"@atlaskit/section-message": "^6.5.0",
+		"@atlaskit/form": "^10.5.0",
+		"@atlaskit/modal-dialog": "^12.15.0",
+		"@atlaskit/popup": "^1.22.0",
+		"@atlaskit/range": "^7.4.0",
+		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/textfield": "^6.4.0",
-		"@atlaskit/toggle": "^13.2.0",
+		"@atlaskit/textfield": "^6.5.0",
+		"@atlaskit/toggle": "^13.3.0",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/feature-flags-test-utils": "*",
 		"@testing-library/react": "^12.1.5",
@@ -102,10 +101,5 @@
 			"deprecation": "no-deprecated-imports"
 		}
 	},
-	"platform-feature-flags": {
-		"platform.design-system-team.date-picker-input-a11y-fix_cbbxs": {
-			"type": "boolean"
-		}
-	},
 	"homepage": "https://atlassian.design/components/datetime-picker/"
 }