@atlaskit/datetime-picker 15.10.6 → 15.11.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/datetime-picker
 
+## 15.11.1
+
+### Patch Changes
+
+- [#105750](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105750)
+  [`5b235146d0faa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5b235146d0faa) -
+  Resolve dependency issue that masks test matcher problems.
+
+## 15.11.0
+
+### Minor Changes
+
+- [#102000](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102000)
+  [`3e1546043c1c3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3e1546043c1c3) -
+  We are testing adding year buttons to the calendar behind a feature flag. If this fix is
+  successful it will be available in a later release.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.10.6
 
 ### Patch Changes

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

@@ -41,7 +41,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 = "15.10.6";
+var packageVersion = "15.11.1";
 var dropdownIndicatorStyles = (0, _primitives.xcss)({
   minWidth: "var(--ds-space-300, 24px)",
   minHeight: "var(--ds-space-300, 24px)",

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

@@ -39,7 +39,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.6";
+var packageVersion = "15.11.1";
 var analyticsAttributes = {
   componentName: 'datePicker',
   packageName: packageName,

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

@@ -37,7 +37,7 @@ var DatePicker = (0, _ffComponent.componentWithCondition)(function () {
   return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
 }, _datePickerFc.default, _datePickerClass.default);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.6";
+var packageVersion = "15.11.1";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = (0, _react2.css)({

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

@@ -37,7 +37,7 @@ function () {
   return (0, _platformFeatureFlags.fg)('dst-date-picker-use-functional-component');
 }, _datePickerFc.default, _datePickerClass.default);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.6";
+var packageVersion = "15.11.1";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

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

@@ -27,7 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.6";
+var packageVersion = "15.11.1";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

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

@@ -25,7 +25,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.10.6";
+const packageVersion = "15.11.1";
 const dropdownIndicatorStyles = xcss({
   minWidth: "var(--ds-space-300, 24px)",
   minHeight: "var(--ds-space-300, 24px)",

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

@@ -24,7 +24,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.10.6";
+const packageVersion = "15.11.1";
 const analyticsAttributes = {
   componentName: 'datePicker',
   packageName,

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

@@ -22,7 +22,7 @@ import DatePickerNew from './date-picker-fc';
 import TimePicker from './time-picker';
 const DatePicker = componentWithCondition(() => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.10.6";
+const packageVersion = "15.11.1";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 const datePickerContainerStyles = css({

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

@@ -18,7 +18,7 @@ const DatePicker = componentWithCondition(
 // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
 () => fg('dst-date-picker-use-functional-component'), DatePickerNew, DatePickerOld);
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "15.10.6";
+const packageVersion = "15.11.1";
 const analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName,

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

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

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

@@ -34,7 +34,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.6";
+var packageVersion = "15.11.1";
 var dropdownIndicatorStyles = xcss({
   minWidth: "var(--ds-space-300, 24px)",
   minHeight: "var(--ds-space-300, 24px)",

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

@@ -30,7 +30,7 @@ import { Menu } from '../internal/menu';
 import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.6";
+var packageVersion = "15.11.1";
 var analyticsAttributes = {
   componentName: 'datePicker',
   packageName: packageName,

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

@@ -33,7 +33,7 @@ var DatePicker = componentWithCondition(function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.6";
+var packageVersion = "15.11.1";
 // Make DatePicker 50% the width of DateTimePicker
 // If rendering an icon container, shrink the TimePicker
 var datePickerContainerStyles = css({

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

@@ -27,7 +27,7 @@ function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.10.6";
+var packageVersion = "15.11.1";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

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

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

package/dist/types/types.d.ts

@@ -185,11 +185,16 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
     openCalendarLabel?: string;
     /**
      * A function for parsing input characters and transforming them into a Date object.
-     * By default parses the date string based off the locale.
+     * By default parses the date string based off the locale. Note that this does
+     * not affect how the resulting value is displayed in the input. Use the
+     * `dateFormat` or `formatDisplayLabel` prop to handle how the value is
+     * displayed.
      */
     parseInputValue?: (date: string, dateFormat: string) => Date;
     /**
      * A function for formatting the date displayed in the input. By default composes together [`date-fns`'s parse method](https://date-fns.org/v1.29.0/docs/parse) and [`date-fns`'s format method](https://date-fns.org/v1.29.0/docs/format) to return a correctly formatted date string.
+     *
+     * Note that this does not affect how the input is parsed. This must be done using the `parseInputValue` prop.
      */
     formatDisplayLabel?: (value: string, dateFormat: string) => string;
     /**
@@ -228,9 +233,14 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      */
     hideIcon?: boolean;
     /**
-     * Format the date with a string that is accepted by [date-fn's format function](https://date-fns.org/v1.29.0/docs/format).
+     * Format the date with a string that is accepted by [date-fns's format
+     * function](https://date-fns.org/v1.29.0/docs/format). **This does not affect
+     * how the input is parsed.** This must be done using the `parseInputValue`
+     * prop.
      *
-     * Note that though we are using `date-fns` version 2, we use [the tokens from `date-fns` version 1](https://date-fns.org/v1.30.1/docs/format) under the hood.
+     * Note that though we are using `date-fns` version 2, we use [the tokens from
+     * `date-fns` version 1](https://date-fns.org/v1.30.1/docs/format) under the
+     * hood.
      */
     dateFormat?: string;
     /**
@@ -294,7 +304,12 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      */
     defaultValue?: string;
     /**
-     * A function for formatting the displayed time value in the input. By default parses with an internal time parser, and formats using the [date-fns format function]((https://date-fns.org/v1.29.0/docs/format))
+     * A function for formatting the displayed time value in the input. By default
+     * parses with an internal time parser, and formats using the [date-fns format
+     * function]((https://date-fns.org/v1.29.0/docs/format)).
+     *
+     * Note that this does not affect how the input is parsed. This must be done
+     * using the `parseInputValue` prop.
      */
     formatDisplayLabel?: (time: string, timeFormat: string) => string;
     /**
@@ -342,8 +357,11 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      */
     onFocus?: React.FocusEventHandler<HTMLElement>;
     /**
-     * A function for parsing input characters and transforming them into either a string or a Date object.
-     * By default parses the string based off the locale.
+     * A function for parsing input characters and transforming them into either a
+     * string or a Date object. By default parses the string based off the locale.
+     * Note that this does not affect how the resulting value is displayed in the
+     * input. To handle this, use either the `timeFormat` or `formatDisplayLabel`
+     * prop.
      */
     parseInputValue?: (time: string, timeFormat: string) => string | Date;
     /**
@@ -373,7 +391,14 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      */
     hideIcon?: boolean;
     /**
-     * Time format that is accepted by [date-fns's format function](https://date-fns.org/v1.29.0/docs/format).
+     * Format the time with a string that is accepted by [date-fns's format
+     * function](https://date-fns.org/v1.29.0/docs/format). **This does not affect
+     * how the input is parsed.** This must be done using the `parseInputValue`
+     * prop.
+     *
+     * Note that though we are using `date-fns` version 2, we use [the tokens from
+     * `date-fns` version 1](https://date-fns.org/v1.30.1/docs/format) under the
+     * hood.
      */
     timeFormat?: string;
     /**

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

@@ -185,11 +185,16 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
     openCalendarLabel?: string;
     /**
      * A function for parsing input characters and transforming them into a Date object.
-     * By default parses the date string based off the locale.
+     * By default parses the date string based off the locale. Note that this does
+     * not affect how the resulting value is displayed in the input. Use the
+     * `dateFormat` or `formatDisplayLabel` prop to handle how the value is
+     * displayed.
      */
     parseInputValue?: (date: string, dateFormat: string) => Date;
     /**
      * A function for formatting the date displayed in the input. By default composes together [`date-fns`'s parse method](https://date-fns.org/v1.29.0/docs/parse) and [`date-fns`'s format method](https://date-fns.org/v1.29.0/docs/format) to return a correctly formatted date string.
+     *
+     * Note that this does not affect how the input is parsed. This must be done using the `parseInputValue` prop.
      */
     formatDisplayLabel?: (value: string, dateFormat: string) => string;
     /**
@@ -228,9 +233,14 @@ export interface DatePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      */
     hideIcon?: boolean;
     /**
-     * Format the date with a string that is accepted by [date-fn's format function](https://date-fns.org/v1.29.0/docs/format).
+     * Format the date with a string that is accepted by [date-fns's format
+     * function](https://date-fns.org/v1.29.0/docs/format). **This does not affect
+     * how the input is parsed.** This must be done using the `parseInputValue`
+     * prop.
      *
-     * Note that though we are using `date-fns` version 2, we use [the tokens from `date-fns` version 1](https://date-fns.org/v1.30.1/docs/format) under the hood.
+     * Note that though we are using `date-fns` version 2, we use [the tokens from
+     * `date-fns` version 1](https://date-fns.org/v1.30.1/docs/format) under the
+     * hood.
      */
     dateFormat?: string;
     /**
@@ -294,7 +304,12 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      */
     defaultValue?: string;
     /**
-     * A function for formatting the displayed time value in the input. By default parses with an internal time parser, and formats using the [date-fns format function]((https://date-fns.org/v1.29.0/docs/format))
+     * A function for formatting the displayed time value in the input. By default
+     * parses with an internal time parser, and formats using the [date-fns format
+     * function]((https://date-fns.org/v1.29.0/docs/format)).
+     *
+     * Note that this does not affect how the input is parsed. This must be done
+     * using the `parseInputValue` prop.
      */
     formatDisplayLabel?: (time: string, timeFormat: string) => string;
     /**
@@ -342,8 +357,11 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      */
     onFocus?: React.FocusEventHandler<HTMLElement>;
     /**
-     * A function for parsing input characters and transforming them into either a string or a Date object.
-     * By default parses the string based off the locale.
+     * A function for parsing input characters and transforming them into either a
+     * string or a Date object. By default parses the string based off the locale.
+     * Note that this does not affect how the resulting value is displayed in the
+     * input. To handle this, use either the `timeFormat` or `formatDisplayLabel`
+     * prop.
      */
     parseInputValue?: (time: string, timeFormat: string) => string | Date;
     /**
@@ -373,7 +391,14 @@ export interface TimePickerBaseProps extends WithAnalyticsEventsProps, PickerSel
      */
     hideIcon?: boolean;
     /**
-     * Time format that is accepted by [date-fns's format function](https://date-fns.org/v1.29.0/docs/format).
+     * Format the time with a string that is accepted by [date-fns's format
+     * function](https://date-fns.org/v1.29.0/docs/format). **This does not affect
+     * how the input is parsed.** This must be done using the `parseInputValue`
+     * prop.
+     *
+     * Note that though we are using `date-fns` version 2, we use [the tokens from
+     * `date-fns` version 1](https://date-fns.org/v1.30.1/docs/format) under the
+     * hood.
      */
     timeFormat?: string;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "15.10.6",
+	"version": "15.11.1",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,9 +39,9 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.2.0",
 		"@atlaskit/button": "^20.3.1",
-		"@atlaskit/calendar": "^16.1.0",
+		"@atlaskit/calendar": "^16.2.0",
 		"@atlaskit/ds-lib": "^3.3.0",
-		"@atlaskit/icon": "^23.3.0",
+		"@atlaskit/icon": "^23.4.0",
 		"@atlaskit/layering": "^1.0.0",
 		"@atlaskit/locale": "^2.8.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
@@ -49,7 +49,7 @@
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/select": "^18.9.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^3.0.0",
+		"@atlaskit/tokens": "^3.2.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -76,7 +76,6 @@
 		"@atlassian/feature-flags-test-utils": "*",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/user-event": "^14.4.3",
-		"@types/testing-library__jest-dom": "^5.14.5",
 		"jest-in-case": "^1.0.2",
 		"jscodeshift": "^0.13.0",
 		"moment": "^2.29.2",

package/__perf__/datepicker.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-import { DatePicker } from '../src';
-
-export default () => <DatePicker isOpen />;

package/__perf__/datetimepicker.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-import { DateTimePicker } from '../src';
-
-export default () => <DateTimePicker />;

package/__perf__/timepicker.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-import { TimePicker } from '../src';
-
-export default () => <TimePicker isOpen />;