@atlaskit/datetime-picker 14.0.0 → 14.0.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/datetime-picker
 
+## 14.0.2
+
+### Patch Changes
+
+- [#136647](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/136647)
+  [`a3f810c087f5d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a3f810c087f5d) -
+  Internal changes based on calendar API changes.
+- Updated dependencies
+
+## 14.0.1
+
+### Patch Changes
+
+- [#134343](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/134343)
+  [`e6aa0942ed680`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e6aa0942ed680) -
+  Deprecated props that were missed in the last deprecation patch, `13.11.1`.
+
 ## 14.0.0
 
 ### Major Changes

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

@@ -37,7 +37,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 = "14.0.0";
+var packageVersion = "14.0.2";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -75,7 +75,6 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
     var _this;
     (0, _classCallCheck2.default)(this, DatePickerComponent);
     _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calendarRef", null);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "containerRef", null);
     // All state needs to be accessed via this function so that the state is mapped from props
     // correctly to allow controlled/uncontrolled usage.
@@ -305,9 +304,6 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
         _this.onClear();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "refCalendar", function (ref) {
-      _this.calendarRef = ref;
-    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelectInputChange", function (selectInputValue, actionMeta) {
       var onInputChange = _this.props.selectProps.onInputChange;
       if (onInputChange) {
@@ -434,7 +430,6 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
       } : {};
       var calendarProps = {
         calendarContainerRef: this.containerRef,
-        calendarRef: this.refCalendar,
         calendarDisabled: disabled,
         calendarDisabledDateFilter: disabledDateFilter,
         calendarMaxDate: maxDate,
@@ -514,7 +509,6 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
           calendarLocale: calendarProps.calendarLocale,
           calendarMaxDate: calendarProps.calendarMaxDate,
           calendarMinDate: calendarProps.calendarMinDate,
-          calendarRef: calendarProps.calendarRef,
           calendarValue: calendarProps.calendarValue,
           calendarView: calendarProps.calendarView,
           calendarWeekStartDay: calendarProps.calendarWeekStartDay,

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

@@ -35,7 +35,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 = "14.0.0";
+var packageVersion = "14.0.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

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

package/dist/cjs/internal/menu.js

@@ -72,7 +72,6 @@ var Menu = exports.Menu = function Menu(_ref) {
       onChange: selectProps.onCalendarChange,
       onSelect: selectProps.onCalendarSelect,
       previousMonthLabel: selectProps.previousMonthLabel,
-      calendarRef: selectProps.calendarRef,
       selected: [selectProps.calendarValue],
       shouldSetFocusOnCurrentDay: selectProps.shouldSetFocusOnCurrentDay,
       locale: selectProps.calendarLocale,

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

@@ -19,7 +19,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 = "14.0.0";
+const packageVersion = "14.0.2";
 const datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -51,7 +51,6 @@ const datePickerDefaultProps = {
 class DatePickerComponent extends Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "calendarRef", null);
     _defineProperty(this, "containerRef", null);
     // All state needs to be accessed via this function so that the state is mapped from props
     // correctly to allow controlled/uncontrolled usage.
@@ -284,9 +283,6 @@ class DatePickerComponent extends Component {
         this.onClear();
       }
     });
-    _defineProperty(this, "refCalendar", ref => {
-      this.calendarRef = ref;
-    });
     _defineProperty(this, "handleSelectInputChange", (selectInputValue, actionMeta) => {
       const {
         onInputChange
@@ -436,7 +432,6 @@ class DatePickerComponent extends Component {
     } : {};
     const calendarProps = {
       calendarContainerRef: this.containerRef,
-      calendarRef: this.refCalendar,
       calendarDisabled: disabled,
       calendarDisabledDateFilter: disabledDateFilter,
       calendarMaxDate: maxDate,
@@ -516,7 +511,6 @@ class DatePickerComponent extends Component {
         calendarLocale: calendarProps.calendarLocale,
         calendarMaxDate: calendarProps.calendarMaxDate,
         calendarMinDate: calendarProps.calendarMinDate,
-        calendarRef: calendarProps.calendarRef,
         calendarValue: calendarProps.calendarValue,
         calendarView: calendarProps.calendarView,
         calendarWeekStartDay: calendarProps.calendarWeekStartDay,

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

@@ -18,7 +18,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "14.0.0";
+const packageVersion = "14.0.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

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

package/dist/es2019/internal/menu.js

@@ -69,7 +69,6 @@ export const Menu = ({
       onChange: selectProps.onCalendarChange,
       onSelect: selectProps.onCalendarSelect,
       previousMonthLabel: selectProps.previousMonthLabel,
-      calendarRef: selectProps.calendarRef,
       selected: [selectProps.calendarValue],
       shouldSetFocusOnCurrentDay: selectProps.shouldSetFocusOnCurrentDay,
       locale: selectProps.calendarLocale,

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

@@ -30,7 +30,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 = "14.0.0";
+var packageVersion = "14.0.2";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,
@@ -68,7 +68,6 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
     var _this;
     _classCallCheck(this, DatePickerComponent);
     _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "calendarRef", null);
     _defineProperty(_assertThisInitialized(_this), "containerRef", null);
     // All state needs to be accessed via this function so that the state is mapped from props
     // correctly to allow controlled/uncontrolled usage.
@@ -298,9 +297,6 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
         _this.onClear();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "refCalendar", function (ref) {
-      _this.calendarRef = ref;
-    });
     _defineProperty(_assertThisInitialized(_this), "handleSelectInputChange", function (selectInputValue, actionMeta) {
       var onInputChange = _this.props.selectProps.onInputChange;
       if (onInputChange) {
@@ -427,7 +423,6 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
       } : {};
       var calendarProps = {
         calendarContainerRef: this.containerRef,
-        calendarRef: this.refCalendar,
         calendarDisabled: disabled,
         calendarDisabledDateFilter: disabledDateFilter,
         calendarMaxDate: maxDate,
@@ -507,7 +502,6 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
           calendarLocale: calendarProps.calendarLocale,
           calendarMaxDate: calendarProps.calendarMaxDate,
           calendarMinDate: calendarProps.calendarMinDate,
-          calendarRef: calendarProps.calendarRef,
           calendarValue: calendarProps.calendarValue,
           calendarView: calendarProps.calendarView,
           calendarWeekStartDay: calendarProps.calendarWeekStartDay,

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

@@ -31,7 +31,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "14.0.0";
+var packageVersion = "14.0.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

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

package/dist/esm/internal/menu.js

@@ -65,7 +65,6 @@ export var Menu = function Menu(_ref) {
       onChange: selectProps.onCalendarChange,
       onSelect: selectProps.onCalendarSelect,
       previousMonthLabel: selectProps.previousMonthLabel,
-      calendarRef: selectProps.calendarRef,
       selected: [selectProps.calendarValue],
       shouldSetFocusOnCurrentDay: selectProps.shouldSetFocusOnCurrentDay,
       locale: selectProps.calendarLocale,

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

@@ -4,7 +4,6 @@
  */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
-import { type CalendarRef } from '@atlaskit/calendar';
 import { type LocalizationProvider } from '@atlaskit/locale';
 import { type ActionMeta, type DropdownIndicatorProps, type GroupType, type InputActionMeta, type OptionType } from '@atlaskit/select';
 import { type Appearance, type DatePickerBaseProps, type Spacing } from '../types';
@@ -70,7 +69,6 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
         spacing: Spacing;
         locale: string;
     };
-    calendarRef: CalendarRef | null;
     containerRef: HTMLElement | null;
     constructor(props: any);
     static getDerivedStateFromProps(nextProps: Readonly<DatePickerProps>, prevState: State): {
@@ -95,7 +93,6 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
     onInputKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
     onClear: () => void;
     onSelectChange: (_value: unknown, action: ActionMeta) => void;
-    refCalendar: (ref: CalendarRef | null) => void;
     handleSelectInputChange: (selectInputValue: string, actionMeta: InputActionMeta) => void;
     getContainerRef: (ref: HTMLElement | null) => void;
     /**

package/dist/types/types.d.ts

@@ -211,6 +211,8 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      * `subtle` will remove the borders, background, and icon.
      *
      * __NOTE:__ Appearance values will be ignored if styles are parsed through `selectProps`.
+     *
+     * @deprecated
      */
     appearance?: Appearance;
     /**
@@ -329,6 +331,8 @@ export interface DateTimePickerBaseProps extends WithAnalyticsEventsProps {
      * Set the appearance of the picker.
      *
      * `subtle` will remove the borders and background.
+     *
+     * @deprecated
      */
     appearance?: Appearance;
     /**

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

@@ -4,7 +4,6 @@
  */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
-import { type CalendarRef } from '@atlaskit/calendar';
 import { type LocalizationProvider } from '@atlaskit/locale';
 import { type ActionMeta, type DropdownIndicatorProps, type GroupType, type InputActionMeta, type OptionType } from '@atlaskit/select';
 import { type Appearance, type DatePickerBaseProps, type Spacing } from '../types';
@@ -70,7 +69,6 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
         spacing: Spacing;
         locale: string;
     };
-    calendarRef: CalendarRef | null;
     containerRef: HTMLElement | null;
     constructor(props: any);
     static getDerivedStateFromProps(nextProps: Readonly<DatePickerProps>, prevState: State): {
@@ -95,7 +93,6 @@ declare class DatePickerComponent extends Component<DatePickerProps, State> {
     onInputKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
     onClear: () => void;
     onSelectChange: (_value: unknown, action: ActionMeta) => void;
-    refCalendar: (ref: CalendarRef | null) => void;
     handleSelectInputChange: (selectInputValue: string, actionMeta: InputActionMeta) => void;
     getContainerRef: (ref: HTMLElement | null) => void;
     /**

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

@@ -211,6 +211,8 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      * `subtle` will remove the borders, background, and icon.
      *
      * __NOTE:__ Appearance values will be ignored if styles are parsed through `selectProps`.
+     *
+     * @deprecated
      */
     appearance?: Appearance;
     /**
@@ -329,6 +331,8 @@ export interface DateTimePickerBaseProps extends WithAnalyticsEventsProps {
      * Set the appearance of the picker.
      *
      * `subtle` will remove the borders and background.
+     *
+     * @deprecated
      */
     appearance?: Appearance;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "14.0.0",
+	"version": "14.0.2",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,10 +28,6 @@
 	},
 	"atlassian": {
 		"team": "Design System Team",
-		"releaseModel": "continuous",
-		"productPushConsumption": [
-			"jira"
-		],
 		"website": {
 			"name": "Date time picker",
 			"category": "Components"
@@ -40,9 +36,9 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/calendar": "^14.5.0",
+		"@atlaskit/calendar": "^15.0.0",
 		"@atlaskit/ds-lib": "^2.5.0",
-		"@atlaskit/icon": "^22.14.0",
+		"@atlaskit/icon": "^22.15.0",
 		"@atlaskit/layering": "^0.4.0",
 		"@atlaskit/locale": "^2.8.0",
 		"@atlaskit/popper": "^6.2.0",
@@ -65,7 +61,7 @@
 		"@atlaskit/docs": "*",
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/modal-dialog": "^12.15.0",
-		"@atlaskit/popup": "^1.23.0",
+		"@atlaskit/popup": "^1.24.0",
 		"@atlaskit/range": "^7.4.0",
 		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/ssr": "*",
@@ -81,7 +77,6 @@
 		"moment": "^2.29.2",
 		"react-dom": "^16.8.0",
 		"react-lorem-component": "^0.13.0",
-		"react-test-renderer": "^16.8.0",
 		"typescript": "~5.4.2"
 	},
 	"techstack": {