@atlaskit/datetime-picker 17.5.5 → 17.5.7

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/datetime-picker
 
+## 17.5.7
+
+### Patch Changes
+
+- [`3f079fa52f117`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f079fa52f117) -
+  Change lang.replace(\_, -) ensures any ICU format input is normalised to valid BCP 47 before
+  rendering to DOM. This is a no-op when locale is already in BCP 47 format, making the change
+  backward compatible
+
+## 17.5.6
+
+### Patch Changes
+
+- [`d14fcb02e17e7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d14fcb02e17e7) -
+  Fix bad falsy check in functional datetime picker behind feature flag.
+
 ## 17.5.5
 
 ### Patch Changes

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

@@ -32,6 +32,7 @@ var _parseDate = require("../internal/parse-date");
 var _singleValue = require("../internal/single-value");
 var _excluded = ["appearance", "autoFocus", "clearControlLabel", "hideIcon", "openCalendarLabel", "defaultIsOpen", "defaultValue", "disabled", "disabledDateFilter", "icon", "id", "innerProps", "inputLabel", "inputLabelId", "isDisabled", "isInvalid", "isRequired", "label", "name", "onBlur", "onChange", "onFocus", "selectProps", "shouldShowCalendarButton", "spacing", "locale", "value", "isOpen", "maxDate", "minDate", "weekStartDay", "formatDisplayLabel", "testId", "aria-describedby", "placeholder", "nextMonthLabel", "previousMonthLabel"]; /// <reference types="node" />
 // for typing `process`
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }

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

@@ -28,6 +28,7 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0,
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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; } /// <reference types="node" />
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
 var packageVersion = "0.0.0-development";
 var compiledStyles = {

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

@@ -31,6 +31,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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; } /// <reference types="node" />
 // for typing `process`
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
 var packageVersion = "0.0.0-development";
 var analyticsAttributes = {
@@ -131,7 +132,7 @@ var DateTimePicker = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, _ref)
     zoneValue = _useState0[0],
     setZoneValue = _useState0[1];
   (0, _react.useEffect)(function () {
-    if (providedValue) {
+    if (providedValue !== undefined) {
       setValue(providedValue);
     }
   }, [providedValue]);

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

@@ -24,7 +24,7 @@ var _singleValue = require("../internal/single-value");
 var _excluded = ["styles"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; } // oxlint-disable-next-line @atlassian/no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
 var packageVersion = "0.0.0-development";
 var menuStyles = {

package/dist/cjs/internal/date-picker-migration.js

@@ -27,6 +27,8 @@ var _index = require("./index");
  * broken out to be it's own function.
  */
 
+// oxlint-disable-next-line @atlassian/no-restricted-imports
+
 var isDateDisabled = exports.isDateDisabled = function isDateDisabled(date, di) {
   var disabled = di.disabled;
   return disabled.indexOf(date) > -1;

package/dist/cjs/internal/menu.js

@@ -18,6 +18,7 @@ var _layering = require("@atlaskit/layering");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _fixedLayer = _interopRequireDefault(require("../internal/fixed-layer"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 /**
  * @param isos A series of ISO dates.
  * @returns The last valid date within the array of ISO strings.

package/dist/cjs/internal/parse-date.js

@@ -7,6 +7,8 @@ exports.getSafeCalendarValue = getSafeCalendarValue;
 exports.getShortISOString = getShortISOString;
 var _dateFns = require("date-fns");
 var _parseTokens = require("./parse-tokens");
+// oxlint-disable-next-line @atlassian/no-restricted-imports
+
 /**
  * Converts a Date object into an ISO date, formatted `YYYY-MM-DD`.
  *

package/dist/cjs/internal/single-value.js

@@ -8,6 +8,7 @@ exports.makeSingleValue = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _select = require("@atlaskit/select");
 var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles", "getValue", "hasValue", "isDisabled", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
 /**
@@ -47,7 +48,7 @@ function makeSingleValue(_ref) {
       hasValue: hasValue,
       innerProps: {
         id: id,
-        lang: lang
+        lang: (0, _platformFeatureFlags.fg)('platform-dst-single-value-lang-replace') ? lang.replace('_', '-') : lang
       },
       isDisabled: isDisabled,
       isMulti: isMulti,

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

@@ -6,6 +6,8 @@ import { ax, ix } from "@compiled/react/runtime";
 /// <reference types="node" />
 // for typing `process`
 import { forwardRef, useCallback, useEffect, useReducer, useRef, useState } from 'react';
+
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { isValid, parseISO } from 'date-fns';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import { IconButton } from '@atlaskit/button/new';

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

@@ -5,6 +5,7 @@ import { ax, ix } from "@compiled/react/runtime";
 /// <reference types="node" />
 
 import React from 'react';
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { format, isValid, parseISO } from 'date-fns';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import SelectClearIcon from '@atlaskit/icon/core/cross-circle';

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

@@ -6,6 +6,8 @@ import { ax, ix } from "@compiled/react/runtime";
 // for typing `process`
 
 import React, { forwardRef, useCallback, useEffect, useState } from 'react';
+
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { format, isValid, parseISO } from 'date-fns';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import { IconButton } from '@atlaskit/button/new';
@@ -89,7 +91,7 @@ const DateTimePicker = /*#__PURE__*/forwardRef(({
   const [value, setValue] = useState(defaultValue || '');
   const [zoneValue, setZoneValue] = useState('');
   useEffect(() => {
-    if (providedValue) {
+    if (providedValue !== undefined) {
       setValue(providedValue);
     }
   }, [providedValue]);

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

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useCallback, useEffect, useReducer, useState } from 'react';
+
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { format, isValid } from 'date-fns';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import __noop from '@atlaskit/ds-lib/noop';

package/dist/es2019/internal/date-picker-migration.js

@@ -16,6 +16,7 @@
  * broken out to be it's own function.
  */
 
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { format, lastDayOfMonth, parseISO } from 'date-fns';
 import { convertTokens } from './parse-tokens';
 import { defaultDateFormat, padToTwo, placeholderDatetime } from './index';

package/dist/es2019/internal/menu.js

@@ -4,6 +4,8 @@ import "./menu.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment } from 'react';
+
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { isValid, parseISO } from 'date-fns';
 import Calendar from '@atlaskit/calendar';
 import { Layering } from '@atlaskit/layering';

package/dist/es2019/internal/parse-date.js

@@ -1,3 +1,4 @@
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { format } from 'date-fns';
 import { convertTokens } from './parse-tokens';
 

package/dist/es2019/internal/single-value.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { components } from '@atlaskit/select';
 
 /**
@@ -40,7 +41,7 @@ export const makeSingleValue =
     hasValue: hasValue,
     innerProps: {
       id,
-      lang
+      lang: fg('platform-dst-single-value-lang-replace') ? lang.replace('_', '-') : lang
     },
     isDisabled: isDisabled,
     isMulti: isMulti,

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

@@ -12,6 +12,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /// <reference types="node" />
 // for typing `process`
 import { forwardRef, useCallback, useEffect, useReducer, useRef, useState } from 'react';
+
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { isValid, parseISO } from 'date-fns';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import { IconButton } from '@atlaskit/button/new';

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

@@ -14,6 +14,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /// <reference types="node" />
 
 import React from 'react';
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { format, isValid, parseISO } from 'date-fns';
 import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
 import SelectClearIcon from '@atlaskit/icon/core/cross-circle';

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

@@ -13,6 +13,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // for typing `process`
 
 import React, { forwardRef, useCallback, useEffect, useState } from 'react';
+
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { format, isValid, parseISO } from 'date-fns';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import { IconButton } from '@atlaskit/button/new';
@@ -124,7 +126,7 @@ var DateTimePicker = /*#__PURE__*/forwardRef(function (_ref2, _ref) {
     zoneValue = _useState0[0],
     setZoneValue = _useState0[1];
   useEffect(function () {
-    if (providedValue) {
+    if (providedValue !== undefined) {
       setValue(providedValue);
     }
   }, [providedValue]);

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

@@ -6,6 +6,8 @@ var _excluded = ["styles"];
 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 React, { forwardRef, useCallback, useEffect, useReducer, useState } from 'react';
+
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { format, isValid } from 'date-fns';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import __noop from '@atlaskit/ds-lib/noop';

package/dist/esm/internal/date-picker-migration.js

@@ -17,6 +17,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  * broken out to be it's own function.
  */
 
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { format, lastDayOfMonth, parseISO } from 'date-fns';
 import { convertTokens } from './parse-tokens';
 import { defaultDateFormat, padToTwo, placeholderDatetime } from './index';

package/dist/esm/internal/menu.js

@@ -4,6 +4,8 @@ import "./menu.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { Fragment } from 'react';
+
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { isValid, parseISO } from 'date-fns';
 import Calendar from '@atlaskit/calendar';
 import { Layering } from '@atlaskit/layering';

package/dist/esm/internal/parse-date.js

@@ -1,3 +1,4 @@
+// oxlint-disable-next-line @atlassian/no-restricted-imports
 import { format } from 'date-fns';
 import { convertTokens } from './parse-tokens';
 

package/dist/esm/internal/single-value.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles", "getValue", "hasValue", "isDisabled", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { components } from '@atlaskit/select';
 
 /**
@@ -41,7 +42,7 @@ function makeSingleValue(_ref) {
       hasValue: hasValue,
       innerProps: {
         id: id,
-        lang: lang
+        lang: fg('platform-dst-single-value-lang-replace') ? lang.replace('_', '-') : lang
       },
       isDisabled: isDisabled,
       isMulti: isMulti,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "17.5.5",
+	"version": "17.5.7",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -32,19 +32,19 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.1.0",
+		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/calendar": "^17.2.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^6.0.0",
-		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/icon": "^33.1.0",
 		"@atlaskit/layering": "^3.6.0",
 		"@atlaskit/locale": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/select": "^21.8.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/primitives": "^18.1.0",
+		"@atlaskit/select": "^21.9.0",
+		"@atlaskit/tokens": "^11.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"date-fns": "^2.17.0"
@@ -59,15 +59,16 @@
 		"@atlaskit/code": "^17.4.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/docs": "^11.7.0",
-		"@atlaskit/form": "^15.4.0",
+		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/modal-dialog": "^14.11.0",
-		"@atlaskit/popup": "^4.13.0",
+		"@atlaskit/modal-dialog": "^14.13.0",
+		"@atlaskit/popup": "^4.14.0",
 		"@atlaskit/range": "^10.0.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/toggle": "^15.2.0",
+		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",
@@ -111,6 +112,9 @@
 		},
 		"platform-dst-shape-theme-default": {
 			"type": "boolean"
+		},
+		"platform-dst-single-value-lang-replace": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/datetime-picker/"