@atlaskit/datetime-picker 13.5.0 → 13.5.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/datetime-picker
 
+## 13.5.2
+
+### Patch Changes
+
+-   [#102225](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102225)
+    [`95ec6562dae8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/95ec6562dae8) -
+    Removal of feature flag platform.design-system-team-date-picker-input-focus-fix_awmzp
+
+## 13.5.1
+
+### Patch Changes
+
+-   Updated dependencies
+
 ## 13.5.0
 
 ### Minor 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.5.0";
+var packageVersion = "13.5.2";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -107,6 +107,7 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCalendarSelect", function (_ref2) {
+      var _this$containerRef;
       var iso = _ref2.iso;
       _this.setState({
         selectInputValue: '',
@@ -121,14 +122,11 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
       // focus functionality. While that would be the 'right react' way to do it, it doesnt
       // post any other benefits; performance wise, we are only searching within the
       // container, making it quick.
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team-date-picker-input-focus-fix_awmzp')) {
-        var _this$containerRef;
-        var innerCombobox = (_this$containerRef = _this.containerRef) === null || _this$containerRef === void 0 ? void 0 : _this$containerRef.querySelector('[role="combobox"]');
-        innerCombobox === null || innerCombobox === void 0 || innerCombobox.focus();
-        _this.setState({
-          isOpen: false
-        });
-      }
+      var innerCombobox = (_this$containerRef = _this.containerRef) === null || _this$containerRef === void 0 ? void 0 : _this$containerRef.querySelector('[role="combobox"]');
+      innerCombobox === null || innerCombobox === void 0 || innerCombobox.focus();
+      _this.setState({
+        isOpen: false
+      });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onInputClick", function () {
       if (!_this.props.isDisabled && !_this.getSafeState().isOpen) {
@@ -207,7 +205,7 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
       var keyPressed = event.key.toLowerCase();
 
       // If the input is focused and the calendar is not visible, handle space and enter clicks
-      if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team-date-picker-input-focus-fix_awmzp') && !_this.state.isOpen && (keyPressed === 'enter' || keyPressed === ' ')) {
+      if (!_this.state.isOpen && (keyPressed === 'enter' || keyPressed === ' ')) {
         _this.setState({
           isOpen: true
         });

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

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

@@ -89,7 +89,9 @@ var FixedLayer = exports.default = /*#__PURE__*/function (_React$Component) {
             update = _ref2.update;
           _this2.update = update;
           return /*#__PURE__*/_react.default.createElement("div", {
-            ref: ref,
+            ref: ref
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+            ,
             style: _objectSpread(_objectSpread({}, style), {}, {
               zIndex: _constants.layers.dialog()
             }),

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.5.0";
+const packageVersion = "13.5.2";
 const datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -84,6 +84,7 @@ class DatePicker extends Component {
     _defineProperty(this, "onCalendarSelect", ({
       iso
     }) => {
+      var _this$containerRef;
       this.setState({
         selectInputValue: '',
         isOpen: false,
@@ -97,14 +98,11 @@ class DatePicker extends Component {
       // focus functionality. While that would be the 'right react' way to do it, it doesnt
       // post any other benefits; performance wise, we are only searching within the
       // container, making it quick.
-      if (getBooleanFF('platform.design-system-team-date-picker-input-focus-fix_awmzp')) {
-        var _this$containerRef;
-        const innerCombobox = (_this$containerRef = this.containerRef) === null || _this$containerRef === void 0 ? void 0 : _this$containerRef.querySelector('[role="combobox"]');
-        innerCombobox === null || innerCombobox === void 0 ? void 0 : innerCombobox.focus();
-        this.setState({
-          isOpen: false
-        });
-      }
+      const innerCombobox = (_this$containerRef = this.containerRef) === null || _this$containerRef === void 0 ? void 0 : _this$containerRef.querySelector('[role="combobox"]');
+      innerCombobox === null || innerCombobox === void 0 ? void 0 : innerCombobox.focus();
+      this.setState({
+        isOpen: false
+      });
     });
     _defineProperty(this, "onInputClick", () => {
       if (!this.props.isDisabled && !this.getSafeState().isOpen) {
@@ -185,7 +183,7 @@ class DatePicker extends Component {
       const keyPressed = event.key.toLowerCase();
 
       // If the input is focused and the calendar is not visible, handle space and enter clicks
-      if (getBooleanFF('platform.design-system-team-date-picker-input-focus-fix_awmzp') && !this.state.isOpen && (keyPressed === 'enter' || keyPressed === ' ')) {
+      if (!this.state.isOpen && (keyPressed === 'enter' || keyPressed === ' ')) {
         this.setState({
           isOpen: true
         });

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

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

@@ -62,7 +62,9 @@ export default class FixedLayer extends React.Component {
       }) => {
         this.update = update;
         return /*#__PURE__*/React.createElement("div", {
-          ref: ref,
+          ref: ref
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          ,
           style: {
             ...style,
             zIndex: layers.dialog()

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.5.0";
+var packageVersion = "13.5.2";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -98,6 +98,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
       });
     });
     _defineProperty(_assertThisInitialized(_this), "onCalendarSelect", function (_ref2) {
+      var _this$containerRef;
       var iso = _ref2.iso;
       _this.setState({
         selectInputValue: '',
@@ -112,14 +113,11 @@ var DatePicker = /*#__PURE__*/function (_Component) {
       // focus functionality. While that would be the 'right react' way to do it, it doesnt
       // post any other benefits; performance wise, we are only searching within the
       // container, making it quick.
-      if (getBooleanFF('platform.design-system-team-date-picker-input-focus-fix_awmzp')) {
-        var _this$containerRef;
-        var innerCombobox = (_this$containerRef = _this.containerRef) === null || _this$containerRef === void 0 ? void 0 : _this$containerRef.querySelector('[role="combobox"]');
-        innerCombobox === null || innerCombobox === void 0 || innerCombobox.focus();
-        _this.setState({
-          isOpen: false
-        });
-      }
+      var innerCombobox = (_this$containerRef = _this.containerRef) === null || _this$containerRef === void 0 ? void 0 : _this$containerRef.querySelector('[role="combobox"]');
+      innerCombobox === null || innerCombobox === void 0 || innerCombobox.focus();
+      _this.setState({
+        isOpen: false
+      });
     });
     _defineProperty(_assertThisInitialized(_this), "onInputClick", function () {
       if (!_this.props.isDisabled && !_this.getSafeState().isOpen) {
@@ -198,7 +196,7 @@ var DatePicker = /*#__PURE__*/function (_Component) {
       var keyPressed = event.key.toLowerCase();
 
       // If the input is focused and the calendar is not visible, handle space and enter clicks
-      if (getBooleanFF('platform.design-system-team-date-picker-input-focus-fix_awmzp') && !_this.state.isOpen && (keyPressed === 'enter' || keyPressed === ' ')) {
+      if (!_this.state.isOpen && (keyPressed === 'enter' || keyPressed === ' ')) {
         _this.setState({
           isOpen: true
         });

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

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

@@ -83,7 +83,9 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
             update = _ref2.update;
           _this2.update = update;
           return /*#__PURE__*/React.createElement("div", {
-            ref: ref,
+            ref: ref
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+            ,
             style: _objectSpread(_objectSpread({}, style), {}, {
               zIndex: layers.dialog()
             }),

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { DateTimePickerBaseProps } from '../types';
+import { type DateTimePickerBaseProps } from '../types';
 type DateTimePickerProps = typeof dateTimePickerDefaultProps & DateTimePickerBaseProps;
 interface State {
     dateValue: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ActionMeta, OptionType, ValueType } from '@atlaskit/select';
-import { Appearance, Spacing, TimePickerBaseProps } from '../types';
+import { type ActionMeta, type OptionType, type ValueType } from '@atlaskit/select';
+import { type Appearance, type Spacing, type TimePickerBaseProps } from '../types';
 type TimePickerProps = typeof timePickerDefaultProps & TimePickerBaseProps;
 interface State {
     isOpen: boolean;

package/dist/types/internal/date-time-picker-container.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { Appearance } from '../types';
+import { type Appearance } from '../types';
 /**
  * This is the container for the datetime picker component.
  */

package/dist/types/internal/fixed-layer-menu.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { MenuProps, OptionType } from '@atlaskit/select';
+import { type MenuProps, type OptionType } from '@atlaskit/select';
 /**
  * This is the fixed layer menu used in the time picker.
  */

package/dist/types/internal/menu.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { MenuProps } from '@atlaskit/select';
+import { type MenuProps } from '@atlaskit/select';
 /**
  * This is the menu used in the select of the date picker.
  */

package/dist/types/internal/single-value.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OptionType, SingleValueProps } from '@atlaskit/select';
+import { type OptionType, type SingleValueProps } from '@atlaskit/select';
 /**
  * This creates a functional component that `react-select` will use to make the
  * SingleValue part of the different pickers.

package/dist/types/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { DropdownIndicatorProps, OptionType, SelectProps } from '@atlaskit/select';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type DropdownIndicatorProps, type OptionType, type SelectProps } from '@atlaskit/select';
 export type Appearance = 'default' | 'subtle' | 'none';
 export type Spacing = 'compact' | 'default';
 export interface DatePickerBaseProps extends WithAnalyticsEventsProps {

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { DateTimePickerBaseProps } from '../types';
+import { type DateTimePickerBaseProps } from '../types';
 type DateTimePickerProps = typeof dateTimePickerDefaultProps & DateTimePickerBaseProps;
 interface State {
     dateValue: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ActionMeta, OptionType, ValueType } from '@atlaskit/select';
-import { Appearance, Spacing, TimePickerBaseProps } from '../types';
+import { type ActionMeta, type OptionType, type ValueType } from '@atlaskit/select';
+import { type Appearance, type Spacing, type TimePickerBaseProps } from '../types';
 type TimePickerProps = typeof timePickerDefaultProps & TimePickerBaseProps;
 interface State {
     isOpen: boolean;

package/dist/types-ts4.5/internal/date-time-picker-container.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { Appearance } from '../types';
+import { type Appearance } from '../types';
 /**
  * This is the container for the datetime picker component.
  */

package/dist/types-ts4.5/internal/fixed-layer-menu.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { MenuProps, OptionType } from '@atlaskit/select';
+import { type MenuProps, type OptionType } from '@atlaskit/select';
 /**
  * This is the fixed layer menu used in the time picker.
  */

package/dist/types-ts4.5/internal/menu.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { MenuProps } from '@atlaskit/select';
+import { type MenuProps } from '@atlaskit/select';
 /**
  * This is the menu used in the select of the date picker.
  */

package/dist/types-ts4.5/internal/single-value.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OptionType, SingleValueProps } from '@atlaskit/select';
+import { type OptionType, type SingleValueProps } from '@atlaskit/select';
 /**
  * This creates a functional component that `react-select` will use to make the
  * SingleValue part of the different pickers.

package/dist/types-ts4.5/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { DropdownIndicatorProps, OptionType, SelectProps } from '@atlaskit/select';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type DropdownIndicatorProps, type OptionType, type SelectProps } from '@atlaskit/select';
 export type Appearance = 'default' | 'subtle' | 'none';
 export type Spacing = 'compact' | 'default';
 export interface DatePickerBaseProps extends WithAnalyticsEventsProps {

package/extract-react-types/date-picker-props.tsx

@@ -1,4 +1,4 @@
-import { DatePickerBaseProps } from '../src/types';
+import { type DatePickerBaseProps } from '../src/types';
 
 export default function DatePickerProps(props: DatePickerBaseProps) {
   return null;

package/extract-react-types/time-picker-props.tsx

@@ -1,4 +1,4 @@
-import { TimePickerBaseProps } from '../src/types';
+import { type TimePickerBaseProps } from '../src/types';
 
 export default function TimePickerProps(props: TimePickerBaseProps) {
   return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/datetime-picker",
-  "version": "13.5.0",
+  "version": "13.5.2",
   "description": "A date time picker allows the user to select an associated date and time.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,14 +42,14 @@
     "@atlaskit/analytics-next": "^9.3.0",
     "@atlaskit/calendar": "^14.2.0",
     "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/icon": "^22.1.0",
+    "@atlaskit/icon": "^22.3.0",
     "@atlaskit/layering": "^0.3.0",
     "@atlaskit/locale": "^2.7.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/popper": "^5.5.0",
-    "@atlaskit/select": "^17.8.0",
-    "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.45.0",
+    "@atlaskit/popper": "^6.0.0",
+    "@atlaskit/select": "^17.10.0",
+    "@atlaskit/theme": "^12.8.0",
+    "@atlaskit/tokens": "^1.49.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "date-fns": "^2.17.0",
@@ -63,16 +63,16 @@
     "@af/accessibility-testing": "*",
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
-    "@atlaskit/button": "^17.14.0",
+    "@atlaskit/button": "^17.17.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/form": "^9.3.0",
+    "@atlaskit/form": "^10.2.0",
     "@atlaskit/modal-dialog": "^12.13.0",
-    "@atlaskit/popup": "^1.16.0",
+    "@atlaskit/popup": "^1.17.0",
     "@atlaskit/range": "^7.2.0",
     "@atlaskit/section-message": "^6.5.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/textfield": "^6.3.0",
-    "@atlaskit/toggle": "^13.0.0",
+    "@atlaskit/toggle": "^13.1.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/feature-flags-test-utils": "*",
@@ -110,9 +110,6 @@
     },
     "platform.design-system-team.date-picker-input-a11y-fix_cbbxs": {
       "type": "boolean"
-    },
-    "platform.design-system-team-date-picker-input-focus-fix_awmzp": {
-      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",