@atlaskit/datetime-picker 18.1.1 → 18.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/__tests__/playwright/top-layer-focus.spec.tsx +13 -1
  3. package/compass.yml +38 -0
  4. package/dist/cjs/components/date-picker.js +1 -1
  5. package/dist/cjs/components/date-time-picker.js +1 -1
  6. package/dist/cjs/components/time-picker.js +1 -1
  7. package/dist/cjs/internal/single-value.js +1 -2
  8. package/dist/es2019/components/date-picker.js +1 -1
  9. package/dist/es2019/components/date-time-picker.js +1 -1
  10. package/dist/es2019/components/time-picker.js +1 -1
  11. package/dist/es2019/internal/single-value.js +1 -2
  12. package/dist/esm/components/date-picker.js +1 -1
  13. package/dist/esm/components/date-time-picker.js +1 -1
  14. package/dist/esm/components/time-picker.js +1 -1
  15. package/dist/esm/internal/single-value.js +1 -2
  16. package/package.json +12 -27
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 18.1.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`9e0acecb39163`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9e0acecb39163) -
8
+ Cleanup feature gate `platform-dst-single-value-lang-replace`. Locale values in picker selected
9
+ values now always use hyphenated language tags.
10
+ - Updated dependencies
11
+
3
12
  ## 18.1.1
4
13
 
5
14
  ### Patch Changes
package/__tests__/playwright/top-layer-focus.spec.tsx CHANGED
@@ -63,7 +63,7 @@ test.describe('Date picker: top-layer focus contract', () => {
63
63
  await expect(combobox).toBeFocused();
64
64
  });
65
65
 
66
- test('focus movement: Tab cycles between focusables inside the calendar dialog', async ({
66
+ test('focus movement: Tab moves focus and keeps it inside the calendar dialog', async ({
67
67
  page,
68
68
  }) => {
69
69
  await page.visitExample<typeof import('../../examples/testing-top-layer-focus.tsx')>(
@@ -75,11 +75,23 @@ test.describe('Date picker: top-layer focus contract', () => {
75
75
 
76
76
  await page.getByTestId('date-picker--container').click();
77
77
 
78
+ const calendar = page.getByRole('dialog', { name: 'calendar' });
79
+ await expect(calendar).toBeVisible();
80
+
78
81
  const previousYearButton = page.getByTestId('date-picker--calendar--previous-year');
79
82
  await expect(previousYearButton).toBeFocused();
80
83
 
81
84
  // `useFocusWrap` keeps Tab inside the dialog for role="dialog" popovers.
82
85
  await page.keyboard.press('Tab');
83
86
  await expect(previousYearButton).not.toBeFocused();
87
+
88
+ // Focus must stay within the calendar dialog: for a role="dialog" popover
89
+ // `useFocusWrap` intercepts Tab so focus never escapes to page content
90
+ // behind the popover.
91
+ const focusWithinCalendar = await calendar.evaluate(
92
+ (calendarElement) =>
93
+ document.activeElement !== null && calendarElement.contains(document.activeElement),
94
+ );
95
+ expect(focusWithinCalendar).toBe(true);
84
96
  });
85
97
  });
package/compass.yml ADDED
@@ -0,0 +1,38 @@
1
+ configVersion: 1
2
+ id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/2a66e786-e8e6-4a43-8b8d-ad3d3a1efb07
3
+ name: '@atlaskit/datetime-picker'
4
+ ownerId: ari:cloud:identity::team/be19136e-6275-419f-be0c-fcee844b8684 # Design System Engineers
5
+ labels:
6
+ - platform-code
7
+ - platform-afm
8
+ typeId: OTHER
9
+ fields:
10
+ tier: 4
11
+ lifecycle: Active
12
+ isMonorepoProject: true
13
+ links:
14
+ - name: Root Repository
15
+ type: REPOSITORY
16
+ url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
17
+ - name: Slack Channel
18
+ type: CHAT_CHANNEL
19
+ url: https://atlassian.enterprise.slack.com/archives/CFJ9DU39U # #help-design-system
20
+ - name: Datetime Picker
21
+ type: REPOSITORY
22
+ url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/design-system/datetime-picker
23
+ customFields:
24
+ - name: Department
25
+ type: text
26
+ value: Eng - Design System Fundamentals
27
+ - name: Technical Owner
28
+ type: user
29
+ value: ari:cloud:identity::user/557058:86a9b692-7997-49cb-9984-080801b1de91 # Jared Crowe
30
+ - name: Required Reviewers Opt In
31
+ type: boolean
32
+ value: true
33
+ - name: Reviewer Selection Mechanism
34
+ type: text
35
+ value: random(3)
36
+ - name: Required Reviewer Approvals
37
+ type: number
38
+ value: 1
package/dist/cjs/components/date-picker.js CHANGED
@@ -44,7 +44,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
44
44
  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; }
45
45
  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; }
46
46
  var packageName = "@atlaskit/datetime-picker";
47
- var packageVersion = "18.1.0";
47
+ var packageVersion = "18.1.1";
48
48
  var styles = {
49
49
  pickerContainerStyle: "_kqswh2mm",
50
50
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
package/dist/cjs/components/date-time-picker.js CHANGED
@@ -33,7 +33,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
33
33
  // for typing `process`
34
34
  // oxlint-disable-next-line @atlassian/no-restricted-imports
35
35
  var packageName = "@atlaskit/datetime-picker";
36
- var packageVersion = "18.1.0";
36
+ var packageVersion = "18.1.1";
37
37
  var analyticsAttributes = {
38
38
  componentName: 'dateTimePicker',
39
39
  packageName: packageName,
package/dist/cjs/components/time-picker.js CHANGED
@@ -30,7 +30,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
30
30
  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; }
31
31
  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
32
32
  var packageName = "@atlaskit/datetime-picker";
33
- var packageVersion = "18.1.0";
33
+ var packageVersion = "18.1.1";
34
34
  var defaultTimeFormat = 'h:mma';
35
35
  var menuStyles = {
36
36
  /* Need to remove default absolute positioning as that causes issues with position fixed */
package/dist/cjs/internal/single-value.js CHANGED
@@ -8,7 +8,6 @@ exports.makeSingleValue = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
10
  var _react = _interopRequireDefault(require("react"));
11
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
11
  var _select = require("@atlaskit/select");
13
12
  var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles", "getValue", "hasValue", "isDisabled", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
14
13
  /**
@@ -48,7 +47,7 @@ function makeSingleValue(_ref) {
48
47
  hasValue: hasValue,
49
48
  innerProps: {
50
49
  id: id,
51
- lang: (0, _platformFeatureFlags.fg)('platform-dst-single-value-lang-replace') ? lang.replace('_', '-') : lang
50
+ lang: lang.replace('_', '-')
52
51
  },
53
52
  isDisabled: isDisabled,
54
53
  isMulti: isMulti,
package/dist/es2019/components/date-picker.js CHANGED
@@ -31,7 +31,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
31
31
  import { parseDate } from '../internal/parse-date';
32
32
  import { makeSingleValue } from '../internal/single-value';
33
33
  const packageName = "@atlaskit/datetime-picker";
34
- const packageVersion = "18.1.0";
34
+ const packageVersion = "18.1.1";
35
35
  const styles = {
36
36
  pickerContainerStyle: "_kqswh2mm",
37
37
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
package/dist/es2019/components/date-time-picker.js CHANGED
@@ -20,7 +20,7 @@ import { convertTokens } from '../internal/parse-tokens';
20
20
  import DatePicker from './date-picker';
21
21
  import TimePicker from './time-picker';
22
22
  const packageName = "@atlaskit/datetime-picker";
23
- const packageVersion = "18.1.0";
23
+ const packageVersion = "18.1.1";
24
24
  const analyticsAttributes = {
25
25
  componentName: 'dateTimePicker',
26
26
  packageName,
package/dist/es2019/components/time-picker.js CHANGED
@@ -17,7 +17,7 @@ import { convertTokens } from '../internal/parse-tokens';
17
17
  import { placeholderDatetime } from '../internal/placeholder-date-time';
18
18
  import { makeSingleValue } from '../internal/single-value';
19
19
  const packageName = "@atlaskit/datetime-picker";
20
- const packageVersion = "18.1.0";
20
+ const packageVersion = "18.1.1";
21
21
  const defaultTimeFormat = 'h:mma';
22
22
  const menuStyles = {
23
23
  /* Need to remove default absolute positioning as that causes issues with position fixed */
package/dist/es2019/internal/single-value.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
- import { fg } from '@atlaskit/platform-feature-flags';
4
3
  import { components } from '@atlaskit/select';
5
4
 
6
5
  /**
@@ -41,7 +40,7 @@ export const makeSingleValue =
41
40
  hasValue: hasValue,
42
41
  innerProps: {
43
42
  id,
44
- lang: fg('platform-dst-single-value-lang-replace') ? lang.replace('_', '-') : lang
43
+ lang: lang.replace('_', '-')
45
44
  },
46
45
  isDisabled: isDisabled,
47
46
  isMulti: isMulti,
package/dist/esm/components/date-picker.js CHANGED
@@ -37,7 +37,7 @@ import { MenuTopLayer } from '../internal/menu-top-layer';
37
37
  import { parseDate } from '../internal/parse-date';
38
38
  import { makeSingleValue } from '../internal/single-value';
39
39
  var packageName = "@atlaskit/datetime-picker";
40
- var packageVersion = "18.1.0";
40
+ var packageVersion = "18.1.1";
41
41
  var styles = {
42
42
  pickerContainerStyle: "_kqswh2mm",
43
43
  dropdownIndicatorStyles: "_1ul91k8s _1tke1k8s _1e0c1txw _4cvr1h6o _1bah1h6o",
package/dist/esm/components/date-time-picker.js CHANGED
@@ -27,7 +27,7 @@ import { convertTokens } from '../internal/parse-tokens';
27
27
  import DatePicker from './date-picker';
28
28
  import TimePicker from './time-picker';
29
29
  var packageName = "@atlaskit/datetime-picker";
30
- var packageVersion = "18.1.0";
30
+ var packageVersion = "18.1.1";
31
31
  var analyticsAttributes = {
32
32
  componentName: 'dateTimePicker',
33
33
  packageName: packageName,
package/dist/esm/components/time-picker.js CHANGED
@@ -23,7 +23,7 @@ import { convertTokens } from '../internal/parse-tokens';
23
23
  import { placeholderDatetime } from '../internal/placeholder-date-time';
24
24
  import { makeSingleValue } from '../internal/single-value';
25
25
  var packageName = "@atlaskit/datetime-picker";
26
- var packageVersion = "18.1.0";
26
+ var packageVersion = "18.1.1";
27
27
  var defaultTimeFormat = 'h:mma';
28
28
  var menuStyles = {
29
29
  /* Need to remove default absolute positioning as that causes issues with position fixed */
package/dist/esm/internal/single-value.js CHANGED
@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["children", "className", "clearValue", "cx", "data", "getStyles", "getValue", "hasValue", "isDisabled", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
4
4
  import React from 'react';
5
- import { fg } from '@atlaskit/platform-feature-flags';
6
5
  import { components } from '@atlaskit/select';
7
6
 
8
7
  /**
@@ -42,7 +41,7 @@ function makeSingleValue(_ref) {
42
41
  hasValue: hasValue,
43
42
  innerProps: {
44
43
  id: id,
45
- lang: fg('platform-dst-single-value-lang-replace') ? lang.replace('_', '-') : lang
44
+ lang: lang.replace('_', '-')
46
45
  },
47
46
  isDisabled: isDisabled,
48
47
  isMulti: isMulti,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "18.1.1",
3
+ "version": "18.1.2",
4
4
  "description": "A date time picker allows the user to select an associated date and time.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -12,9 +12,7 @@
12
12
  "module": "dist/esm/index.js",
13
13
  "module:es2019": "dist/es2019/index.js",
14
14
  "types": "dist/types/index.d.ts",
15
- "sideEffects": [
16
- "**/*.compiled.css"
17
- ],
15
+ "sideEffects": ["**/*.compiled.css"],
18
16
  "atlaskit:src": "src/index.tsx",
19
17
  "atlassian": {
20
18
  "react-compiler": {
@@ -31,21 +29,21 @@
31
29
  }
32
30
  },
33
31
  "dependencies": {
34
- "@atlaskit/analytics-next": "^12.1.0",
32
+ "@atlaskit/analytics-next": "^12.2.0",
35
33
  "@atlaskit/button": "^24.3.0",
36
34
  "@atlaskit/calendar": "^18.1.0",
37
35
  "@atlaskit/css": "^1.0.0",
38
36
  "@atlaskit/ds-lib": "^8.0.0",
39
- "@atlaskit/icon": "^36.1.0",
37
+ "@atlaskit/icon": "^36.2.0",
40
38
  "@atlaskit/layering": "^4.1.0",
41
39
  "@atlaskit/locale": "^5.0.0",
42
40
  "@atlaskit/platform-feature-flags": "^2.0.0",
43
41
  "@atlaskit/popper": "^8.2.0",
44
- "@atlaskit/primitives": "^20.2.0",
42
+ "@atlaskit/primitives": "^20.5.0",
45
43
  "@atlaskit/react-compiler-gating": "^0.2.0",
46
- "@atlaskit/select": "^22.2.0",
47
- "@atlaskit/tokens": "^15.2.0",
48
- "@atlaskit/top-layer": "^1.2.0",
44
+ "@atlaskit/select": "^22.4.0",
45
+ "@atlaskit/tokens": "^15.5.0",
46
+ "@atlaskit/top-layer": "^1.5.0",
49
47
  "@babel/runtime": "^7.0.0",
50
48
  "@compiled/react": "^0.20.0",
51
49
  "date-fns": "^2.17.0"
@@ -61,7 +59,7 @@
61
59
  "@atlaskit/codemod-utils": "^5.0.0",
62
60
  "@atlaskit/docs": "^12.0.0",
63
61
  "@atlaskit/form": "^16.1.0",
64
- "@atlaskit/heading": "^6.1.0",
62
+ "@atlaskit/heading": "^6.2.0",
65
63
  "@atlaskit/link": "^4.1.0",
66
64
  "@atlaskit/modal-dialog": "^16.1.0",
67
65
  "@atlaskit/popup": "^5.1.0",
@@ -69,7 +67,6 @@
69
67
  "@atlaskit/section-message": "^9.2.0",
70
68
  "@atlaskit/textfield": "^9.1.0",
71
69
  "@atlaskit/toggle": "^17.1.0",
72
- "@atlassian/feature-flags-test-utils": "^1.1.0",
73
70
  "@atlassian/ssr-tests": "workspace:^",
74
71
  "@atlassian/structured-docs-types": "workspace:^",
75
72
  "@testing-library/react": "^16.3.0",
@@ -89,19 +86,10 @@
89
86
  "@repo/internal": {
90
87
  "dom-events": "use-bind-event-listener",
91
88
  "design-system": "v1",
92
- "styling": [
93
- "compiled",
94
- "static"
95
- ],
96
- "ui-components": [
97
- "primitives",
98
- "lite-mode"
99
- ],
89
+ "styling": ["compiled", "static"],
90
+ "ui-components": ["primitives", "lite-mode"],
100
91
  "analytics": "analytics-next",
101
- "design-tokens": [
102
- "color",
103
- "spacing"
104
- ],
92
+ "design-tokens": ["color", "spacing"],
105
93
  "deprecation": "no-deprecated-imports"
106
94
  }
107
95
  },
@@ -111,9 +99,6 @@
111
99
  },
112
100
  "platform-dst-shape-theme-default": {
113
101
  "type": "boolean"
114
- },
115
- "platform-dst-single-value-lang-replace": {
116
- "type": "boolean"
117
102
  }
118
103
  },
119
104
  "homepage": "https://atlassian.design/components/datetime-picker/"