@atlaskit/datetime-picker 13.4.0 → 13.5.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/datetime-picker
 
+## 13.5.1
+
+### Patch Changes
+
+-   Updated dependencies
+
+## 13.5.0
+
+### Minor Changes
+
+-   [#96491](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96491)
+    [`67cdb3372708`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/67cdb3372708) -
+    Add support for React 18.
+
 ## 13.4.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.4.0";
+var packageVersion = "13.5.1";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,

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.4.0";
+var packageVersion = "13.5.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/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.4.0";
+var packageVersion = "13.5.1";
 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.4.0";
+const packageVersion = "13.5.1";
 const datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,

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.4.0";
+const packageVersion = "13.5.1";
 // 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.4.0";
+const packageVersion = "13.5.1";
 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.4.0";
+var packageVersion = "13.5.1";
 var datePickerDefaultProps = {
   appearance: 'default',
   autoFocus: false,

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

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.4.0",
+  "version": "13.5.1",
   "description": "A date time picker allows the user to select an associated date and time.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -35,20 +35,21 @@
     "website": {
       "name": "Date time picker",
       "category": "Components"
-    }
+    },
+    "runReact18": true
   },
   "dependencies": {
     "@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.9.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",
@@ -56,22 +57,22 @@
     "react-scrolllock": "^5.0.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0 || ~18.2.0"
   },
   "devDependencies": {
     "@af/accessibility-testing": "*",
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
-    "@atlaskit/button": "^17.14.0",
+    "@atlaskit/button": "^17.16.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/form": "^9.3.0",
+    "@atlaskit/form": "^10.2.0",
     "@atlaskit/modal-dialog": "^12.13.0",
-    "@atlaskit/popup": "^1.15.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": "*",