@atlaskit/datetime-picker 13.0.2 → 13.0.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/datetime-picker
 
+## 13.0.4
+
+### Patch Changes
+
+- [#60029](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60029) [`b9826ea49c47`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b9826ea49c47) - Update dependencies that were impacted by HOT-106483 to latest.
+
+## 13.0.3
+
+### Patch Changes
+
+- [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147) [`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) - Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
+
 ## 13.0.2
 
 ### Patch Changes

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

@@ -38,9 +38,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 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; }
 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() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.2";
+var packageVersion = "13.0.4";
 function getValidDate(iso) {
   var date = (0, _dateFns.parseISO)(iso);
   return (0, _dateFns.isValid)(date) ? {
@@ -62,14 +62,14 @@ var menuStyles = (0, _react2.css)({
 var Menu = function Menu(_ref) {
   var selectProps = _ref.selectProps,
     innerProps = _ref.innerProps;
-  return /*#__PURE__*/React.createElement(_layering.UNSAFE_LAYERING, {
+  return (0, _react2.jsx)(_layering.UNSAFE_LAYERING, {
     isDisabled: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.layering_qmiw3') ? false : true
-  }, /*#__PURE__*/React.createElement(_fixedLayer.default, {
+  }, (0, _react2.jsx)(_fixedLayer.default, {
     inputValue: selectProps.inputValue,
     containerRef: selectProps.calendarContainerRef,
-    content: /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
+    content: (0, _react2.jsx)("div", (0, _extends2.default)({
       css: menuStyles
-    }, innerProps), /*#__PURE__*/React.createElement(_calendar.default, (0, _extends2.default)({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
+    }, innerProps), (0, _react2.jsx)(_calendar.default, (0, _extends2.default)({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
       disabled: selectProps.calendarDisabled,
       disabledDateFilter: selectProps.calendarDisabledDateFilter,
       minDate: selectProps.calendarMinDate,
@@ -468,10 +468,9 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
         previousMonthLabel: previousMonthLabel
       };
       return (
-        /*#__PURE__*/
         // These event handlers must be on this element because the events come
         // from different child elements.
-        React.createElement("div", (0, _extends2.default)({}, innerProps, {
+        (0, _react2.jsx)("div", (0, _extends2.default)({}, innerProps, {
           role: "presentation",
           onBlur: this.onContainerBlur,
           onClick: this.onInputClick,
@@ -479,12 +478,12 @@ var DatePicker = exports.DatePickerWithoutAnalytics = /*#__PURE__*/function (_Co
           onKeyDown: this.onInputKeyDown,
           ref: this.getContainerRef,
           "data-testid": testId && "".concat(testId, "--container")
-        }), /*#__PURE__*/React.createElement("input", {
+        }), (0, _react2.jsx)("input", {
           name: name,
           type: "hidden",
           value: value,
           "data-testid": testId && "".concat(testId, "--input")
-        }), /*#__PURE__*/React.createElement(_select.default, (0, _extends2.default)({
+        }), (0, _react2.jsx)(_select.default, (0, _extends2.default)({
           appearance: this.props.appearance,
           enableAnimation: false,
           menuIsOpen: menuIsOpen,

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

@@ -29,9 +29,9 @@ var _utils = require("./utils");
 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() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 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; }
+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.0.2";
+var packageVersion = "13.0.4";
 var isInvalidBorderStyles = (0, _react2.css)({
   borderColor: "var(--ds-border-danger, ".concat(_colors.R400, ")")
 });
@@ -306,19 +306,19 @@ var DateTimePicker = exports.DateTimePickerWithoutAnalytics = /*#__PURE__*/funct
       var isClearable = Boolean(dateValue || timeValue);
       var notFocusedOrIsDisabled = !(isFocused || isDisabled);
       var ariaLabelledbyId = id && "label--".concat(id);
-      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+      return (0, _react2.jsx)("div", (0, _extends2.default)({
         css: [baseContainerStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, bothProps.appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, bothProps.isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (bothProps.isInvalid ? isInvalidHoverStyles : hoverStyles), bothProps.appearance === 'none' && noBgStyles]
       }, innerProps, {
         "aria-labelledby": innerProps['aria-labelledby'] || ariaLabelledbyId,
         "data-testid": testId
-      }), /*#__PURE__*/_react.default.createElement("input", {
+      }), (0, _react2.jsx)("input", {
         name: name,
         type: "hidden",
         value: value,
         "data-testid": testId && "".concat(testId, "--input")
-      }), /*#__PURE__*/_react.default.createElement("div", {
+      }), (0, _react2.jsx)("div", {
         css: datePickerContainerStyles
-      }, /*#__PURE__*/_react.default.createElement(_datePicker.default, (0, _extends2.default)({}, bothProps, {
+      }, (0, _react2.jsx)(_datePicker.default, (0, _extends2.default)({}, bothProps, {
         autoFocus: autoFocus,
         dateFormat: dateFormat,
         hideIcon: true,
@@ -328,9 +328,9 @@ var DateTimePicker = exports.DateTimePickerWithoutAnalytics = /*#__PURE__*/funct
         value: dateValue,
         locale: locale,
         testId: testId && "".concat(testId, "--datepicker")
-      }, datePickerProps))), /*#__PURE__*/_react.default.createElement("div", {
+      }, datePickerProps))), (0, _react2.jsx)("div", {
         css: timePickerContainerStyles
-      }, /*#__PURE__*/_react.default.createElement(_timePicker.default, (0, _extends2.default)({}, bothProps, {
+      }, (0, _react2.jsx)(_timePicker.default, (0, _extends2.default)({}, bothProps, {
         hideIcon: true,
         onChange: this.onTimeChange,
         selectProps: mergedTimePickerSelectProps,
@@ -340,7 +340,7 @@ var DateTimePicker = exports.DateTimePickerWithoutAnalytics = /*#__PURE__*/funct
         timeFormat: timeFormat,
         locale: locale,
         testId: testId && "".concat(testId, "--timepicker")
-      }, timePickerProps))), isClearable && !isDisabled ? /*#__PURE__*/_react.default.createElement(_clearButton.default, {
+      }, timePickerProps))), isClearable && !isDisabled ? (0, _react2.jsx)(_clearButton.default, {
         inputId: id,
         buttonStyles: iconContainerStyles,
         onClick: this.onClear,

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

@@ -38,7 +38,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() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.2";
+var packageVersion = "13.0.4";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/cjs/internal/clear-button.js

@@ -5,7 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("@emotion/react");
 var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
+/** @jsx jsx */
+
 /**
  * __Clear button__
  */
@@ -21,21 +24,21 @@ var ClearButton = function ClearButton(_ref) {
     onClick = _ref.onClick;
   var labelId = inputId && "label--".concat(inputId);
   var clearButtonId = inputId && "clear-btn--".concat(inputId);
-  return /*#__PURE__*/React.createElement("button", {
+  return (0, _react.jsx)("button", {
     "aria-labelledby": inputId ? "".concat(clearButtonId, " ").concat(labelId) : "".concat(clearButtonId),
     css: buttonStyles,
     type: "button",
     tabIndex: -1,
     "data-testid": "".concat(dataTestId, "--clear--btn"),
     onClick: onClick
-  }, /*#__PURE__*/React.createElement("span", {
+  }, (0, _react.jsx)("span", {
     hidden: true,
     id: clearButtonId
-  }, "Clear"), /*#__PURE__*/React.createElement("span", {
+  }, "Clear"), (0, _react.jsx)("span", {
     style: {
       display: 'flex'
     }
-  }, /*#__PURE__*/React.createElement(_selectClear.default, {
+  }, (0, _react.jsx)(_selectClear.default, {
     size: iconSize,
     label: inputId ? '' : label,
     primaryColor: primaryColor

package/dist/cjs/internal/clear-indicator.js

@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
 var _select = require("@atlaskit/select");
 var _clearButton = _interopRequireDefault(require("./clear-button"));
 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; }
+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 buttonStyles = (0, _react.css)({
   display: 'flex',
   alignItems: 'center',
@@ -24,11 +24,11 @@ var buttonStyles = (0, _react.css)({
  *
  */
 var ClearIndicator = function ClearIndicator(props) {
-  return /*#__PURE__*/React.createElement(_select.components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
+  return (0, _react.jsx)(_select.components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       'aria-hidden': 'false'
     })
-  }), /*#__PURE__*/React.createElement(_clearButton.default, {
+  }), (0, _react.jsx)(_clearButton.default, {
     buttonStyles: buttonStyles,
     inputId: props.selectProps.inputId,
     dataTestId: props.selectProps.testId

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

@@ -1,7 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
+/** @jsx jsx */
 import { Component } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { format, isValid, lastDayOfMonth, parseISO } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -19,7 +20,7 @@ import FixedLayer from '../internal/fixed-layer';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.0.2";
+const packageVersion = "13.0.4";
 function getValidDate(iso) {
   const date = parseISO(iso);
   return isValid(date) ? {
@@ -41,14 +42,14 @@ const menuStyles = css({
 const Menu = ({
   selectProps,
   innerProps
-}) => /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
+}) => jsx(UNSAFE_LAYERING, {
   isDisabled: getBooleanFF('platform.design-system-team.layering_qmiw3') ? false : true
-}, /*#__PURE__*/React.createElement(FixedLayer, {
+}, jsx(FixedLayer, {
   inputValue: selectProps.inputValue,
   containerRef: selectProps.calendarContainerRef,
-  content: /*#__PURE__*/React.createElement("div", _extends({
+  content: jsx("div", _extends({
     css: menuStyles
-  }, innerProps), /*#__PURE__*/React.createElement(Calendar, _extends({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
+  }, innerProps), jsx(Calendar, _extends({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
     disabled: selectProps.calendarDisabled,
     disabledDateFilter: selectProps.calendarDisabledDateFilter,
     minDate: selectProps.calendarMinDate,
@@ -467,10 +468,9 @@ class DatePicker extends Component {
       previousMonthLabel
     };
     return (
-      /*#__PURE__*/
       // These event handlers must be on this element because the events come
       // from different child elements.
-      React.createElement("div", _extends({}, innerProps, {
+      jsx("div", _extends({}, innerProps, {
         role: "presentation",
         onBlur: this.onContainerBlur,
         onClick: this.onInputClick,
@@ -478,12 +478,12 @@ class DatePicker extends Component {
         onKeyDown: this.onInputKeyDown,
         ref: this.getContainerRef,
         "data-testid": testId && `${testId}--container`
-      }), /*#__PURE__*/React.createElement("input", {
+      }), jsx("input", {
         name: name,
         type: "hidden",
         value: value,
         "data-testid": testId && `${testId}--input`
-      }), /*#__PURE__*/React.createElement(Select, _extends({
+      }), jsx(Select, _extends({
         appearance: this.props.appearance,
         enableAnimation: false,
         menuIsOpen: menuIsOpen,

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

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/** @jsx jsx */
 import React from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { format, isValid, parseISO } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -14,7 +15,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.0.2";
+const packageVersion = "13.0.4";
 const isInvalidBorderStyles = css({
   borderColor: `var(--ds-border-danger, ${R400})`
 });
@@ -291,19 +292,19 @@ class DateTimePicker extends React.Component {
     const isClearable = Boolean(dateValue || timeValue);
     const notFocusedOrIsDisabled = !(isFocused || isDisabled);
     const ariaLabelledbyId = id && `label--${id}`;
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return jsx("div", _extends({
       css: [baseContainerStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, bothProps.appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, bothProps.isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (bothProps.isInvalid ? isInvalidHoverStyles : hoverStyles), bothProps.appearance === 'none' && noBgStyles]
     }, innerProps, {
       "aria-labelledby": innerProps['aria-labelledby'] || ariaLabelledbyId,
       "data-testid": testId
-    }), /*#__PURE__*/React.createElement("input", {
+    }), jsx("input", {
       name: name,
       type: "hidden",
       value: value,
       "data-testid": testId && `${testId}--input`
-    }), /*#__PURE__*/React.createElement("div", {
+    }), jsx("div", {
       css: datePickerContainerStyles
-    }, /*#__PURE__*/React.createElement(DatePicker, _extends({}, bothProps, {
+    }, jsx(DatePicker, _extends({}, bothProps, {
       autoFocus: autoFocus,
       dateFormat: dateFormat,
       hideIcon: true,
@@ -313,9 +314,9 @@ class DateTimePicker extends React.Component {
       value: dateValue,
       locale: locale,
       testId: testId && `${testId}--datepicker`
-    }, datePickerProps))), /*#__PURE__*/React.createElement("div", {
+    }, datePickerProps))), jsx("div", {
       css: timePickerContainerStyles
-    }, /*#__PURE__*/React.createElement(TimePicker, _extends({}, bothProps, {
+    }, jsx(TimePicker, _extends({}, bothProps, {
       hideIcon: true,
       onChange: this.onTimeChange,
       selectProps: mergedTimePickerSelectProps,
@@ -325,7 +326,7 @@ class DateTimePicker extends React.Component {
       timeFormat: timeFormat,
       locale: locale,
       testId: testId && `${testId}--timepicker`
-    }, timePickerProps))), isClearable && !isDisabled ? /*#__PURE__*/React.createElement(ClearButton, {
+    }, timePickerProps))), isClearable && !isDisabled ? jsx(ClearButton, {
       inputId: id,
       buttonStyles: iconContainerStyles,
       onClick: this.onClear,

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

@@ -17,7 +17,7 @@ import parseTime from '../internal/parse-time';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "13.0.2";
+const packageVersion = "13.0.4";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/es2019/internal/clear-button.js

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 /**
  * __Clear button__
@@ -13,21 +15,21 @@ const ClearButton = ({
 }) => {
   const labelId = inputId && `label--${inputId}`;
   const clearButtonId = inputId && `clear-btn--${inputId}`;
-  return /*#__PURE__*/React.createElement("button", {
+  return jsx("button", {
     "aria-labelledby": inputId ? `${clearButtonId} ${labelId}` : `${clearButtonId}`,
     css: buttonStyles,
     type: "button",
     tabIndex: -1,
     "data-testid": `${dataTestId}--clear--btn`,
     onClick: onClick
-  }, /*#__PURE__*/React.createElement("span", {
+  }, jsx("span", {
     hidden: true,
     id: clearButtonId
-  }, "Clear"), /*#__PURE__*/React.createElement("span", {
+  }, "Clear"), jsx("span", {
     style: {
       display: 'flex'
     }
-  }, /*#__PURE__*/React.createElement(SelectClearIcon, {
+  }, jsx(SelectClearIcon, {
     size: iconSize,
     label: inputId ? '' : label,
     primaryColor: primaryColor

package/dist/es2019/internal/clear-indicator.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { css } from '@emotion/react';
+/** @jsx jsx */
+
+import { css, jsx } from '@emotion/react';
 import { components } from '@atlaskit/select';
 import ClearButton from './clear-button';
 const buttonStyles = css({
@@ -15,12 +17,12 @@ const buttonStyles = css({
  *
  */
 const ClearIndicator = props => {
-  return /*#__PURE__*/React.createElement(components.ClearIndicator, _extends({}, props, {
+  return jsx(components.ClearIndicator, _extends({}, props, {
     innerProps: {
       ...props.innerProps,
       'aria-hidden': 'false'
     }
-  }), /*#__PURE__*/React.createElement(ClearButton, {
+  }), jsx(ClearButton, {
     buttonStyles: buttonStyles,
     inputId: props.selectProps.inputId,
     dataTestId: props.selectProps.testId

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

@@ -11,8 +11,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+/** @jsx jsx */
 import { Component } from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { format, isValid, lastDayOfMonth, parseISO } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -30,7 +31,7 @@ import FixedLayer from '../internal/fixed-layer';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.2";
+var packageVersion = "13.0.4";
 function getValidDate(iso) {
   var date = parseISO(iso);
   return isValid(date) ? {
@@ -52,14 +53,14 @@ var menuStyles = css({
 var Menu = function Menu(_ref) {
   var selectProps = _ref.selectProps,
     innerProps = _ref.innerProps;
-  return /*#__PURE__*/React.createElement(UNSAFE_LAYERING, {
+  return jsx(UNSAFE_LAYERING, {
     isDisabled: getBooleanFF('platform.design-system-team.layering_qmiw3') ? false : true
-  }, /*#__PURE__*/React.createElement(FixedLayer, {
+  }, jsx(FixedLayer, {
     inputValue: selectProps.inputValue,
     containerRef: selectProps.calendarContainerRef,
-    content: /*#__PURE__*/React.createElement("div", _extends({
+    content: jsx("div", _extends({
       css: menuStyles
-    }, innerProps), /*#__PURE__*/React.createElement(Calendar, _extends({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
+    }, innerProps), jsx(Calendar, _extends({}, getValidDate(selectProps.calendarValue), getValidDate(selectProps.calendarView), {
       disabled: selectProps.calendarDisabled,
       disabledDateFilter: selectProps.calendarDisabledDateFilter,
       minDate: selectProps.calendarMinDate,
@@ -458,10 +459,9 @@ var DatePicker = /*#__PURE__*/function (_Component) {
         previousMonthLabel: previousMonthLabel
       };
       return (
-        /*#__PURE__*/
         // These event handlers must be on this element because the events come
         // from different child elements.
-        React.createElement("div", _extends({}, innerProps, {
+        jsx("div", _extends({}, innerProps, {
           role: "presentation",
           onBlur: this.onContainerBlur,
           onClick: this.onInputClick,
@@ -469,12 +469,12 @@ var DatePicker = /*#__PURE__*/function (_Component) {
           onKeyDown: this.onInputKeyDown,
           ref: this.getContainerRef,
           "data-testid": testId && "".concat(testId, "--container")
-        }), /*#__PURE__*/React.createElement("input", {
+        }), jsx("input", {
           name: name,
           type: "hidden",
           value: value,
           "data-testid": testId && "".concat(testId, "--input")
-        }), /*#__PURE__*/React.createElement(Select, _extends({
+        }), jsx(Select, _extends({
           appearance: this.props.appearance,
           enableAnimation: false,
           menuIsOpen: menuIsOpen,

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

@@ -10,8 +10,9 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 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) { _defineProperty(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 */
 import React from 'react';
-import { css } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import { format, isValid, parseISO } from 'date-fns';
 import pick from 'lodash/pick';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -24,7 +25,7 @@ import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.2";
+var packageVersion = "13.0.4";
 var isInvalidBorderStyles = css({
   borderColor: "var(--ds-border-danger, ".concat(R400, ")")
 });
@@ -299,19 +300,19 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
       var isClearable = Boolean(dateValue || timeValue);
       var notFocusedOrIsDisabled = !(isFocused || isDisabled);
       var ariaLabelledbyId = id && "label--".concat(id);
-      return /*#__PURE__*/React.createElement("div", _extends({
+      return jsx("div", _extends({
         css: [baseContainerStyles, isDisabled && isDisabledStyles, isFocused && isFocusedStyles, bothProps.appearance === 'subtle' && (isFocused ? subtleFocusedBgStyles : subtleBgStyles), isFocused && isFocusedBorderStyles, bothProps.isInvalid && isInvalidBorderStyles, notFocusedOrIsDisabled && (bothProps.isInvalid ? isInvalidHoverStyles : hoverStyles), bothProps.appearance === 'none' && noBgStyles]
       }, innerProps, {
         "aria-labelledby": innerProps['aria-labelledby'] || ariaLabelledbyId,
         "data-testid": testId
-      }), /*#__PURE__*/React.createElement("input", {
+      }), jsx("input", {
         name: name,
         type: "hidden",
         value: value,
         "data-testid": testId && "".concat(testId, "--input")
-      }), /*#__PURE__*/React.createElement("div", {
+      }), jsx("div", {
         css: datePickerContainerStyles
-      }, /*#__PURE__*/React.createElement(DatePicker, _extends({}, bothProps, {
+      }, jsx(DatePicker, _extends({}, bothProps, {
         autoFocus: autoFocus,
         dateFormat: dateFormat,
         hideIcon: true,
@@ -321,9 +322,9 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
         value: dateValue,
         locale: locale,
         testId: testId && "".concat(testId, "--datepicker")
-      }, datePickerProps))), /*#__PURE__*/React.createElement("div", {
+      }, datePickerProps))), jsx("div", {
         css: timePickerContainerStyles
-      }, /*#__PURE__*/React.createElement(TimePicker, _extends({}, bothProps, {
+      }, jsx(TimePicker, _extends({}, bothProps, {
         hideIcon: true,
         onChange: this.onTimeChange,
         selectProps: mergedTimePickerSelectProps,
@@ -333,7 +334,7 @@ var DateTimePicker = /*#__PURE__*/function (_React$Component) {
         timeFormat: timeFormat,
         locale: locale,
         testId: testId && "".concat(testId, "--timepicker")
-      }, timePickerProps))), isClearable && !isDisabled ? /*#__PURE__*/React.createElement(ClearButton, {
+      }, timePickerProps))), isClearable && !isDisabled ? jsx(ClearButton, {
         inputId: id,
         buttonStyles: iconContainerStyles,
         onClick: this.onClear,

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

@@ -30,7 +30,7 @@ import parseTime from '../internal/parse-time';
 import { makeSingleValue } from '../internal/single-value';
 import { convertTokens } from './utils';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "13.0.2";
+var packageVersion = "13.0.4";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',

package/dist/esm/internal/clear-button.js

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import SelectClearIcon from '@atlaskit/icon/glyph/select-clear';
 /**
  * __Clear button__
@@ -14,21 +16,21 @@ var ClearButton = function ClearButton(_ref) {
     onClick = _ref.onClick;
   var labelId = inputId && "label--".concat(inputId);
   var clearButtonId = inputId && "clear-btn--".concat(inputId);
-  return /*#__PURE__*/React.createElement("button", {
+  return jsx("button", {
     "aria-labelledby": inputId ? "".concat(clearButtonId, " ").concat(labelId) : "".concat(clearButtonId),
     css: buttonStyles,
     type: "button",
     tabIndex: -1,
     "data-testid": "".concat(dataTestId, "--clear--btn"),
     onClick: onClick
-  }, /*#__PURE__*/React.createElement("span", {
+  }, jsx("span", {
     hidden: true,
     id: clearButtonId
-  }, "Clear"), /*#__PURE__*/React.createElement("span", {
+  }, "Clear"), jsx("span", {
     style: {
       display: 'flex'
     }
-  }, /*#__PURE__*/React.createElement(SelectClearIcon, {
+  }, jsx(SelectClearIcon, {
     size: iconSize,
     label: inputId ? '' : label,
     primaryColor: primaryColor

package/dist/esm/internal/clear-indicator.js

@@ -1,7 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
-import { css } from '@emotion/react';
+/** @jsx jsx */
+
+import { css, jsx } from '@emotion/react';
 import { components } from '@atlaskit/select';
 import ClearButton from './clear-button';
 var buttonStyles = css({
@@ -17,11 +19,11 @@ var buttonStyles = css({
  *
  */
 var ClearIndicator = function ClearIndicator(props) {
-  return /*#__PURE__*/React.createElement(components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
+  return jsx(components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
     innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
       'aria-hidden': 'false'
     })
-  }), /*#__PURE__*/React.createElement(ClearButton, {
+  }), jsx(ClearButton, {
     buttonStyles: buttonStyles,
     inputId: props.selectProps.inputId,
     dataTestId: props.selectProps.testId

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/datetime-picker",
-  "version": "13.0.2",
+  "version": "13.0.4",
   "description": "A date time picker allows the user to select an associated date and time.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,14 +33,14 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/calendar": "^14.0.0",
+    "@atlaskit/calendar": "^14.0.3",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/layering": "^0.2.0",
     "@atlaskit/locale": "^2.6.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/popper": "^5.5.0",
-    "@atlaskit/select": "^17.0.0",
+    "@atlaskit/select": "^17.0.3",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.29.0",
     "@babel/runtime": "^7.0.0",
@@ -55,9 +55,9 @@
   "devDependencies": {
     "@af/accessibility-testing": "*",
     "@af/integration-testing": "*",
-    "@atlaskit/button": "^16.17.0",
+    "@atlaskit/button": "^16.18.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/form": "^9.0.0",
+    "@atlaskit/form": "^9.0.3",
     "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/popup": "^1.11.0",
     "@atlaskit/range": "^7.1.0",