@atlaskit/datetime-picker 15.9.4 → 15.9.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/datetime-picker
 
+## 15.9.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 15.9.5
+
+### Patch Changes
+
+- [#166087](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/166087)
+  [`3ab7d7da348ab`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3ab7d7da348ab) -
+  Adds side-effect config to support Compiled css extraction in third-party apps
+
 ## 15.9.4
 
 ### Patch Changes

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

@@ -43,7 +43,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.9.4";
+var packageVersion = "15.9.6";
 var dropdownIndicatorStyles = (0, _primitives.xcss)({
   minWidth: "var(--ds-space-300, 24px)",
   minHeight: "var(--ds-space-300, 24px)",
@@ -568,8 +568,11 @@ var DatePickerComponent = exports.DatePickerWithoutAnalytics = /*#__PURE__*/func
       return (
         // These event handlers must be on this element because the events come
         // from different child elements.
+        // Until innerProps is removed, it must remain a div rather than a primitive component.
         (0, _react2.jsx)("div", (0, _extends2.default)({}, innerProps, {
-          css: pickerContainerStyles,
+          css: pickerContainerStyles
+          // Since the onclick, onfocus are passed down, adding role="presentation" prevents typecheck errors.
+          ,
           role: "presentation",
           onBlur: this.onContainerBlur,
           onFocus: this.onContainerFocus,

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.9.4";
+var packageVersion = "15.9.6";
 var analyticsAttributes = {
   componentName: 'datePicker',
   packageName: packageName,
@@ -560,7 +560,8 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
   var openCalendarLabelId = "open-calendar-label--".concat((0, _useId.useId)());
   return (
     // These event handlers must be on this element because the events come
-    // from different child elements.  Cannot use Box primtive until we remove ...innerProps
+    // from different child elements.
+    // Until innerProps is removed, it must remain a div rather than a primitive component.
     (0, _react2.jsx)("div", (0, _extends2.default)({}, innerProps, {
       css: pickerContainerStyles,
       "data-testid": testId && "".concat(testId, "--container"),
@@ -570,7 +571,7 @@ var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedR
       onInput: onTextInput,
       onKeyDown: onInputKeyDown,
       ref: getContainerRef
-      // loophole role="presentation" as it solves the onclick, onfocus, etc. typecheck errors
+      // Since the onclick, onfocus are passed down, adding role="presentation" prevents typecheck errors.
       ,
       role: "presentation"
     }), (0, _react2.jsx)("input", {

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

@@ -38,7 +38,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.9.4";
+var packageVersion = "15.9.6";
 // 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.9.4";
+var packageVersion = "15.9.6";
 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.9.4";
+var packageVersion = "15.9.6";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -317,10 +317,7 @@ var TimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }), /*#__PURE__*/_react.default.createElement(SelectComponent, (0, _extends2.default)({
     "aria-describedby": ariaDescribedBy,
     "aria-label": label || undefined,
-    appearance: appearance
-    // we need this disabled as we might need focus to move to the select
-    // eslint-disable-next-line jsx-a11y/no-autofocus
-    ,
+    appearance: appearance,
     autoFocus: autoFocus,
     clearControlLabel: clearControlLabel,
     components: selectComponents,

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

@@ -26,7 +26,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.9.4";
+const packageVersion = "15.9.6";
 const dropdownIndicatorStyles = xcss({
   minWidth: "var(--ds-space-300, 24px)",
   minHeight: "var(--ds-space-300, 24px)",
@@ -544,8 +544,11 @@ class DatePickerComponent extends Component {
     return (
       // These event handlers must be on this element because the events come
       // from different child elements.
+      // Until innerProps is removed, it must remain a div rather than a primitive component.
       jsx("div", _extends({}, innerProps, {
-        css: pickerContainerStyles,
+        css: pickerContainerStyles
+        // Since the onclick, onfocus are passed down, adding role="presentation" prevents typecheck errors.
+        ,
         role: "presentation",
         onBlur: this.onContainerBlur,
         onFocus: this.onContainerFocus,

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.9.4";
+const packageVersion = "15.9.6";
 const analyticsAttributes = {
   componentName: 'datePicker',
   packageName,
@@ -486,7 +486,8 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const openCalendarLabelId = `open-calendar-label--${useId()}`;
   return (
     // These event handlers must be on this element because the events come
-    // from different child elements.  Cannot use Box primtive until we remove ...innerProps
+    // from different child elements.
+    // Until innerProps is removed, it must remain a div rather than a primitive component.
     jsx("div", _extends({}, innerProps, {
       css: pickerContainerStyles,
       "data-testid": testId && `${testId}--container`,
@@ -496,7 +497,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       onInput: onTextInput,
       onKeyDown: onInputKeyDown,
       ref: getContainerRef
-      // loophole role="presentation" as it solves the onclick, onfocus, etc. typecheck errors
+      // Since the onclick, onfocus are passed down, adding role="presentation" prevents typecheck errors.
       ,
       role: "presentation"
     }), jsx("input", {

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.9.4";
+const packageVersion = "15.9.6";
 // 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.9.4";
+const packageVersion = "15.9.6";
 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.9.4";
+const packageVersion = "15.9.6";
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -263,10 +263,7 @@ const TimePicker = /*#__PURE__*/forwardRef(({
   }), /*#__PURE__*/React.createElement(SelectComponent, _extends({
     "aria-describedby": ariaDescribedBy,
     "aria-label": label || undefined,
-    appearance: appearance
-    // we need this disabled as we might need focus to move to the select
-    // eslint-disable-next-line jsx-a11y/no-autofocus
-    ,
+    appearance: appearance,
     autoFocus: autoFocus,
     clearControlLabel: clearControlLabel,
     components: selectComponents,

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

@@ -36,7 +36,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.9.4";
+var packageVersion = "15.9.6";
 var dropdownIndicatorStyles = xcss({
   minWidth: "var(--ds-space-300, 24px)",
   minHeight: "var(--ds-space-300, 24px)",
@@ -561,8 +561,11 @@ var DatePickerComponent = /*#__PURE__*/function (_Component) {
       return (
         // These event handlers must be on this element because the events come
         // from different child elements.
+        // Until innerProps is removed, it must remain a div rather than a primitive component.
         jsx("div", _extends({}, innerProps, {
-          css: pickerContainerStyles,
+          css: pickerContainerStyles
+          // Since the onclick, onfocus are passed down, adding role="presentation" prevents typecheck errors.
+          ,
           role: "presentation",
           onBlur: this.onContainerBlur,
           onFocus: this.onContainerFocus,

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.9.4";
+var packageVersion = "15.9.6";
 var analyticsAttributes = {
   componentName: 'datePicker',
   packageName: packageName,
@@ -551,7 +551,8 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
   var openCalendarLabelId = "open-calendar-label--".concat(useId());
   return (
     // These event handlers must be on this element because the events come
-    // from different child elements.  Cannot use Box primtive until we remove ...innerProps
+    // from different child elements.
+    // Until innerProps is removed, it must remain a div rather than a primitive component.
     jsx("div", _extends({}, innerProps, {
       css: pickerContainerStyles,
       "data-testid": testId && "".concat(testId, "--container"),
@@ -561,7 +562,7 @@ var DatePicker = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
       onInput: onTextInput,
       onKeyDown: onInputKeyDown,
       ref: getContainerRef
-      // loophole role="presentation" as it solves the onclick, onfocus, etc. typecheck errors
+      // Since the onclick, onfocus are passed down, adding role="presentation" prevents typecheck errors.
       ,
       role: "presentation"
     }), jsx("input", {

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

@@ -34,7 +34,7 @@ var DatePicker = componentWithCondition(function () {
   return fg('dst-date-picker-use-functional-component');
 }, DatePickerNew, DatePickerOld);
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "15.9.4";
+var packageVersion = "15.9.6";
 // 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.9.4";
+var packageVersion = "15.9.6";
 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.9.4";
+var packageVersion = "15.9.6";
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */
   position: 'static',
@@ -307,10 +307,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }), /*#__PURE__*/React.createElement(SelectComponent, _extends({
     "aria-describedby": ariaDescribedBy,
     "aria-label": label || undefined,
-    appearance: appearance
-    // we need this disabled as we might need focus to move to the select
-    // eslint-disable-next-line jsx-a11y/no-autofocus
-    ,
+    appearance: appearance,
     autoFocus: autoFocus,
     clearControlLabel: clearControlLabel,
     components: selectComponents,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "15.9.4",
+	"version": "15.9.6",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -20,7 +20,9 @@
 			]
 		}
 	},
-	"sideEffects": false,
+	"sideEffects": [
+		"**/*.compiled.css"
+	],
 	"atlaskit:src": "src/index.tsx",
 	"af:exports": {
 		".": "./src/index.tsx",
@@ -30,7 +32,7 @@
 		"team": "Design System Team",
 		"website": {
 			"name": "Date time picker",
-			"category": "Components"
+			"category": "Forms and input"
 		},
 		"runReact18": true
 	},
@@ -38,16 +40,16 @@
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/button": "^20.3.1",
 		"@atlaskit/calendar": "^15.1.0",
-		"@atlaskit/ds-lib": "^3.2.0",
-		"@atlaskit/icon": "^22.24.0",
+		"@atlaskit/ds-lib": "^3.3.0",
+		"@atlaskit/icon": "^23.0.0",
 		"@atlaskit/layering": "^0.8.0",
 		"@atlaskit/locale": "^2.8.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
-		"@atlaskit/primitives": "^13.2.0",
-		"@atlaskit/select": "^18.5.0",
+		"@atlaskit/primitives": "^13.3.0",
+		"@atlaskit/select": "^18.7.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.2.0",
+		"@atlaskit/tokens": "^2.4.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -62,13 +64,13 @@
 		"@af/visual-regression": "*",
 		"@atlaskit/codemod-utils": "4.2.4",
 		"@atlaskit/docs": "*",
-		"@atlaskit/form": "^10.5.0",
-		"@atlaskit/modal-dialog": "^12.17.0",
-		"@atlaskit/popup": "^1.29.0",
+		"@atlaskit/form": "^10.6.0",
+		"@atlaskit/modal-dialog": "^12.18.0",
+		"@atlaskit/popup": "^1.30.0",
 		"@atlaskit/range": "^7.4.0",
-		"@atlaskit/section-message": "^6.6.0",
+		"@atlaskit/section-message": "^6.8.0",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/textfield": "^6.5.0",
+		"@atlaskit/textfield": "^6.6.0",
 		"@atlaskit/toggle": "^13.4.0",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/feature-flags-test-utils": "*",

package/types/package.json

@@ -3,7 +3,9 @@
   "main": "../dist/cjs/types.js",
   "module": "../dist/esm/types.js",
   "module:es2019": "../dist/es2019/types.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
     ">=4.5 <5.4": {