@atlaskit/datetime-picker 18.1.1 → 18.1.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/datetime-picker
 
+## 18.1.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 18.1.2
+
+### Patch Changes
+
+- [`9e0acecb39163`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9e0acecb39163) -
+  Cleanup feature gate `platform-dst-single-value-lang-replace`. Locale values in picker selected
+  values now always use hyphenated language tags.
+- Updated dependencies
+
 ## 18.1.1
 
 ### Patch Changes

package/__tests__/playwright/top-layer-focus.spec.tsx

@@ -63,7 +63,7 @@ test.describe('Date picker: top-layer focus contract', () => {
 		await expect(combobox).toBeFocused();
 	});
 
-	test('focus movement: Tab cycles between focusables inside the calendar dialog', async ({
+	test('focus movement: Tab moves focus and keeps it inside the calendar dialog', async ({
 		page,
 	}) => {
 		await page.visitExample<typeof import('../../examples/testing-top-layer-focus.tsx')>(
@@ -75,11 +75,23 @@ test.describe('Date picker: top-layer focus contract', () => {
 
 		await page.getByTestId('date-picker--container').click();
 
+		const calendar = page.getByRole('dialog', { name: 'calendar' });
+		await expect(calendar).toBeVisible();
+
 		const previousYearButton = page.getByTestId('date-picker--calendar--previous-year');
 		await expect(previousYearButton).toBeFocused();
 
 		// `useFocusWrap` keeps Tab inside the dialog for role="dialog" popovers.
 		await page.keyboard.press('Tab');
 		await expect(previousYearButton).not.toBeFocused();
+
+		// Focus must stay within the calendar dialog: for a role="dialog" popover
+		// `useFocusWrap` intercepts Tab so focus never escapes to page content
+		// behind the popover.
+		const focusWithinCalendar = await calendar.evaluate(
+			(calendarElement) =>
+				document.activeElement !== null && calendarElement.contains(document.activeElement),
+		);
+		expect(focusWithinCalendar).toBe(true);
 	});
 });

package/compass.yml

@@ -0,0 +1,47 @@
+configVersion: 1
+id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/2a66e786-e8e6-4a43-8b8d-ad3d3a1efb07
+name: '@atlaskit/datetime-picker'
+ownerId: ari:cloud:teams::team/814283d6-8695-4329-b2f8-d78b2645722f # Design System Team (ADS)
+labels:
+  - platform-code
+  - platform-afm
+typeId: OTHER
+fields:
+  tier: 4
+  lifecycle: Active
+  isMonorepoProject: true
+links:
+  - name: Root Repository
+    type: REPOSITORY
+    url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
+  - name: Slack Channel
+    type: CHAT_CHANNEL
+    url: https://atlassian.enterprise.slack.com/archives/CFJ9DU39U # #help-design-system
+  - name: Datetime Picker
+    type: REPOSITORY
+    url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/design-system/datetime-picker
+customFields:
+  - name: Department
+    type: text
+    value: Eng - Design System Fundamentals
+  - name: Technical Owner
+    type: user
+    value: ari:cloud:identity::user/557058:86a9b692-7997-49cb-9984-080801b1de91 # Jared Crowe
+  - name: Reviewer Team
+    type: text
+    value: ari:cloud:teams::team/be19136e-6275-419f-be0c-fcee844b8684 # Design System Engineers
+  - name: Required Reviewers Opt In
+    type: boolean
+    value: true
+  - name: Reviewer Selection Mechanism
+    type: text
+    value: random(3)
+  - name: Required Reviewer Approvals
+    type: number
+    value: 1
+  - name: Trusted Committers
+    type: text
+    value: ari:cloud:teams::team/814283d6-8695-4329-b2f8-d78b2645722f # Design System Team (ADS)
+  - name: Trusted Reviewer Teams
+    type: text
+    value: ari:cloud:teams::team/42f4416b-e028-4daa-b2a5-afe213ac75e1 # Design System Designers

package/datetime-picker.docs.tsx

@@ -8,10 +8,14 @@ const documentation: StructuredContentSource = {
 			name: 'DatePicker',
 			description: 'A component for selecting date values with calendar support.',
 			status: 'general-availability',
+			designSource: {
+				figmaUrl:
+					'https://www.figma.com/design/BGz5AdkWe3yTIYdKnTSZuY/ADS-Components?node-id=13285-45993',
+			},
 			import: {
 				name: 'DatePicker',
-				package: '@atlaskit/datetime-picker',
-				type: 'named',
+				package: '@atlaskit/datetime-picker/date-picker',
+				type: 'default',
 				packagePath: path.resolve(__dirname),
 				packageJson: require('./package.json'),
 			},
@@ -49,8 +53,8 @@ const documentation: StructuredContentSource = {
 			status: 'general-availability',
 			import: {
 				name: 'TimePicker',
-				package: '@atlaskit/datetime-picker',
-				type: 'named',
+				package: '@atlaskit/datetime-picker/time-picker',
+				type: 'default',
 				packagePath: path.resolve(__dirname),
 				packageJson: require('./package.json'),
 			},
@@ -89,8 +93,8 @@ const documentation: StructuredContentSource = {
 			status: 'general-availability',
 			import: {
 				name: 'DateTimePicker',
-				package: '@atlaskit/datetime-picker',
-				type: 'named',
+				package: '@atlaskit/datetime-picker/date-time-picker',
+				type: 'default',
 				packagePath: path.resolve(__dirname),
 				packageJson: require('./package.json'),
 			},

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

@@ -44,7 +44,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; }
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.1.0";
+var packageVersion = "18.1.2";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

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

@@ -33,7 +33,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // for typing `process`
 // oxlint-disable-next-line @atlassian/no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.1.0";
+var packageVersion = "18.1.2";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

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

@@ -30,7 +30,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; } // oxlint-disable-next-line @atlassian/no-restricted-imports
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.1.0";
+var packageVersion = "18.1.2";
 var defaultTimeFormat = 'h:mma';
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */

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

@@ -8,7 +8,6 @@ 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"];
 /**
@@ -48,7 +47,7 @@ function makeSingleValue(_ref) {
       hasValue: hasValue,
       innerProps: {
         id: id,
-        lang: (0, _platformFeatureFlags.fg)('platform-dst-single-value-lang-replace') ? lang.replace('_', '-') : lang
+        lang: lang.replace('_', '-')
       },
       isDisabled: isDisabled,
       isMulti: isMulti,

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

@@ -31,7 +31,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
 import { parseDate } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "18.1.0";
+const packageVersion = "18.1.2";
 const styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

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

@@ -20,7 +20,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "18.1.0";
+const packageVersion = "18.1.2";
 const analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName,

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

@@ -17,7 +17,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import { placeholderDatetime } from '../internal/placeholder-date-time';
 import { makeSingleValue } from '../internal/single-value';
 const packageName = "@atlaskit/datetime-picker";
-const packageVersion = "18.1.0";
+const packageVersion = "18.1.2";
 const defaultTimeFormat = 'h:mma';
 const menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */

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

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

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

@@ -37,7 +37,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
 import { parseDate } from '../internal/parse-date';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.1.0";
+var packageVersion = "18.1.2";
 var styles = {
   pickerContainerStyle: "_kqswh2mm",
   dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",

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

@@ -27,7 +27,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import DatePicker from './date-picker';
 import TimePicker from './time-picker';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.1.0";
+var packageVersion = "18.1.2";
 var analyticsAttributes = {
   componentName: 'dateTimePicker',
   packageName: packageName,

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

@@ -23,7 +23,7 @@ import { convertTokens } from '../internal/parse-tokens';
 import { placeholderDatetime } from '../internal/placeholder-date-time';
 import { makeSingleValue } from '../internal/single-value';
 var packageName = "@atlaskit/datetime-picker";
-var packageVersion = "18.1.0";
+var packageVersion = "18.1.2";
 var defaultTimeFormat = 'h:mma';
 var menuStyles = {
   /* Need to remove default absolute positioning as that causes issues with position fixed */

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

@@ -2,7 +2,6 @@ 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';
 
 /**
@@ -42,7 +41,7 @@ function makeSingleValue(_ref) {
       hasValue: hasValue,
       innerProps: {
         id: id,
-        lang: fg('platform-dst-single-value-lang-replace') ? lang.replace('_', '-') : lang
+        lang: lang.replace('_', '-')
       },
       isDisabled: isDisabled,
       isMulti: isMulti,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/datetime-picker",
-	"version": "18.1.1",
+	"version": "18.1.3",
 	"description": "A date time picker allows the user to select an associated date and time.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,21 +31,21 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^12.1.0",
+		"@atlaskit/analytics-next": "^12.2.0",
 		"@atlaskit/button": "^24.3.0",
-		"@atlaskit/calendar": "^18.1.0",
+		"@atlaskit/calendar": "^18.2.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/ds-lib": "^8.0.0",
-		"@atlaskit/icon": "^36.1.0",
+		"@atlaskit/icon": "^37.0.0",
 		"@atlaskit/layering": "^4.1.0",
 		"@atlaskit/locale": "^5.0.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/popper": "^8.2.0",
-		"@atlaskit/primitives": "^20.2.0",
+		"@atlaskit/primitives": "^20.5.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/select": "^22.2.0",
-		"@atlaskit/tokens": "^15.2.0",
-		"@atlaskit/top-layer": "^1.2.0",
+		"@atlaskit/select": "^22.5.0",
+		"@atlaskit/tokens": "^15.5.0",
+		"@atlaskit/top-layer": "^1.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"date-fns": "^2.17.0"
@@ -61,7 +61,7 @@
 		"@atlaskit/codemod-utils": "^5.0.0",
 		"@atlaskit/docs": "^12.0.0",
 		"@atlaskit/form": "^16.1.0",
-		"@atlaskit/heading": "^6.1.0",
+		"@atlaskit/heading": "^6.2.0",
 		"@atlaskit/link": "^4.1.0",
 		"@atlaskit/modal-dialog": "^16.1.0",
 		"@atlaskit/popup": "^5.1.0",
@@ -69,7 +69,6 @@
 		"@atlaskit/section-message": "^9.2.0",
 		"@atlaskit/textfield": "^9.1.0",
 		"@atlaskit/toggle": "^17.1.0",
-		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",
@@ -111,9 +110,6 @@
 		},
 		"platform-dst-shape-theme-default": {
 			"type": "boolean"
-		},
-		"platform-dst-single-value-lang-replace": {
-			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/datetime-picker/"