@atlaskit/datetime-picker 13.7.6 → 13.8.0
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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/components/date-picker.js +1 -1
- package/dist/cjs/components/date-time-picker.js +1 -1
- package/dist/cjs/components/time-picker.js +1 -1
- package/dist/cjs/internal/fixed-layer.js +2 -3
- package/dist/es2019/components/date-picker.js +1 -1
- package/dist/es2019/components/date-time-picker.js +1 -1
- package/dist/es2019/components/time-picker.js +1 -1
- package/dist/es2019/internal/fixed-layer.js +3 -4
- package/dist/esm/components/date-picker.js +1 -1
- package/dist/esm/components/date-time-picker.js +1 -1
- package/dist/esm/components/time-picker.js +1 -1
- package/dist/esm/internal/fixed-layer.js +3 -4
- package/package.json +2 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/datetime-picker
|
|
2
2
|
|
|
3
|
+
## 13.8.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#126987](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/126987)
|
|
8
|
+
[`bb13421c0a089`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bb13421c0a089) -
|
|
9
|
+
Surface removal of scroll locking behaviour without feature flag.
|
|
10
|
+
|
|
3
11
|
## 13.7.6
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -39,7 +39,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
39
39
|
* @jsx jsx
|
|
40
40
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
41
41
|
var packageName = "@atlaskit/datetime-picker";
|
|
42
|
-
var packageVersion = "13.
|
|
42
|
+
var packageVersion = "13.8.0";
|
|
43
43
|
var datePickerDefaultProps = {
|
|
44
44
|
appearance: 'default',
|
|
45
45
|
autoFocus: false,
|
|
@@ -34,7 +34,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
34
34
|
* @jsx jsx
|
|
35
35
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
36
36
|
var packageName = "@atlaskit/datetime-picker";
|
|
37
|
-
var packageVersion = "13.
|
|
37
|
+
var packageVersion = "13.8.0";
|
|
38
38
|
// Make DatePicker 50% the width of DateTimePicker
|
|
39
39
|
// If rendering an icon container, shrink the TimePicker
|
|
40
40
|
var datePickerContainerStyles = (0, _react2.css)({
|
|
@@ -36,7 +36,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
36
36
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line no-restricted-imports
|
|
37
37
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
38
38
|
var packageName = "@atlaskit/datetime-picker";
|
|
39
|
-
var packageVersion = "13.
|
|
39
|
+
var packageVersion = "13.8.0";
|
|
40
40
|
var menuStyles = {
|
|
41
41
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
42
42
|
position: 'static',
|
|
@@ -13,7 +13,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
|
|
|
13
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
|
16
|
-
var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
|
|
17
16
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
18
17
|
var _icon = require("@atlaskit/icon");
|
|
19
18
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
@@ -68,7 +67,7 @@ var FixedLayer = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
68
67
|
height: containerRef.getBoundingClientRect().height,
|
|
69
68
|
// Don't block the clear button
|
|
70
69
|
width: containerRef.getBoundingClientRect().width - parseInt(_icon.sizes.small.slice(0, -2)) - (0, _constants.gridSize)()
|
|
71
|
-
}, (0, _platformFeatureFlags.
|
|
70
|
+
}, (0, _platformFeatureFlags.fg)('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') && {
|
|
72
71
|
pointerEvents: 'none'
|
|
73
72
|
});
|
|
74
73
|
return (
|
|
@@ -76,7 +75,7 @@ var FixedLayer = exports.default = /*#__PURE__*/function (_React$Component) {
|
|
|
76
75
|
/* Need to wrap layer in a fixed position div so that it will render its content as fixed
|
|
77
76
|
* We need to set the intial top value to where the container is and zIndex so that it still
|
|
78
77
|
* applies since we're creating a new stacking context. */
|
|
79
|
-
_react.default.createElement(_popper.Manager, null,
|
|
78
|
+
_react.default.createElement(_popper.Manager, null, /*#__PURE__*/_react.default.createElement(_popper.Reference, null, function (_ref) {
|
|
80
79
|
var ref = _ref.ref;
|
|
81
80
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
82
81
|
ref: ref,
|
|
@@ -21,7 +21,7 @@ import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date'
|
|
|
21
21
|
import { convertTokens } from '../internal/parse-tokens';
|
|
22
22
|
import { makeSingleValue } from '../internal/single-value';
|
|
23
23
|
const packageName = "@atlaskit/datetime-picker";
|
|
24
|
-
const packageVersion = "13.
|
|
24
|
+
const packageVersion = "13.8.0";
|
|
25
25
|
const datePickerDefaultProps = {
|
|
26
26
|
appearance: 'default',
|
|
27
27
|
autoFocus: false,
|
|
@@ -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 = "13.
|
|
23
|
+
const packageVersion = "13.8.0";
|
|
24
24
|
// Make DatePicker 50% the width of DateTimePicker
|
|
25
25
|
// If rendering an icon container, shrink the TimePicker
|
|
26
26
|
const datePickerContainerStyles = css({
|
|
@@ -16,7 +16,7 @@ import parseTime from '../internal/parse-time';
|
|
|
16
16
|
import { convertTokens } from '../internal/parse-tokens';
|
|
17
17
|
import { makeSingleValue } from '../internal/single-value';
|
|
18
18
|
const packageName = "@atlaskit/datetime-picker";
|
|
19
|
-
const packageVersion = "13.
|
|
19
|
+
const packageVersion = "13.8.0";
|
|
20
20
|
const menuStyles = {
|
|
21
21
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
22
22
|
position: 'static',
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import ScrollLock from 'react-scrolllock';
|
|
4
3
|
import noop from '@atlaskit/ds-lib/noop';
|
|
5
4
|
import { sizes } from '@atlaskit/icon';
|
|
6
|
-
import {
|
|
5
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import { Manager, Popper, Reference } from '@atlaskit/popper';
|
|
8
7
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
9
8
|
import { gridSize, layers } from '@atlaskit/theme/constants';
|
|
@@ -40,7 +39,7 @@ export default class FixedLayer extends React.Component {
|
|
|
40
39
|
height: containerRef.getBoundingClientRect().height,
|
|
41
40
|
// Don't block the clear button
|
|
42
41
|
width: containerRef.getBoundingClientRect().width - parseInt(sizes.small.slice(0, -2)) - gridSize(),
|
|
43
|
-
...(
|
|
42
|
+
...(fg('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') && {
|
|
44
43
|
pointerEvents: 'none'
|
|
45
44
|
})
|
|
46
45
|
};
|
|
@@ -49,7 +48,7 @@ export default class FixedLayer extends React.Component {
|
|
|
49
48
|
/* Need to wrap layer in a fixed position div so that it will render its content as fixed
|
|
50
49
|
* We need to set the intial top value to where the container is and zIndex so that it still
|
|
51
50
|
* applies since we're creating a new stacking context. */
|
|
52
|
-
React.createElement(Manager, null,
|
|
51
|
+
React.createElement(Manager, null, /*#__PURE__*/React.createElement(Reference, null, ({
|
|
53
52
|
ref
|
|
54
53
|
}) => /*#__PURE__*/React.createElement("div", {
|
|
55
54
|
ref: ref,
|
|
@@ -32,7 +32,7 @@ import { getSafeCalendarValue, getShortISOString } from '../internal/parse-date'
|
|
|
32
32
|
import { convertTokens } from '../internal/parse-tokens';
|
|
33
33
|
import { makeSingleValue } from '../internal/single-value';
|
|
34
34
|
var packageName = "@atlaskit/datetime-picker";
|
|
35
|
-
var packageVersion = "13.
|
|
35
|
+
var packageVersion = "13.8.0";
|
|
36
36
|
var datePickerDefaultProps = {
|
|
37
37
|
appearance: 'default',
|
|
38
38
|
autoFocus: false,
|
|
@@ -30,7 +30,7 @@ import { convertTokens } from '../internal/parse-tokens';
|
|
|
30
30
|
import DatePicker from './date-picker';
|
|
31
31
|
import TimePicker from './time-picker';
|
|
32
32
|
var packageName = "@atlaskit/datetime-picker";
|
|
33
|
-
var packageVersion = "13.
|
|
33
|
+
var packageVersion = "13.8.0";
|
|
34
34
|
// Make DatePicker 50% the width of DateTimePicker
|
|
35
35
|
// If rendering an icon container, shrink the TimePicker
|
|
36
36
|
var datePickerContainerStyles = css({
|
|
@@ -28,7 +28,7 @@ import parseTime from '../internal/parse-time';
|
|
|
28
28
|
import { convertTokens } from '../internal/parse-tokens';
|
|
29
29
|
import { makeSingleValue } from '../internal/single-value';
|
|
30
30
|
var packageName = "@atlaskit/datetime-picker";
|
|
31
|
-
var packageVersion = "13.
|
|
31
|
+
var packageVersion = "13.8.0";
|
|
32
32
|
var menuStyles = {
|
|
33
33
|
/* Need to remove default absolute positioning as that causes issues with position fixed */
|
|
34
34
|
position: 'static',
|
|
@@ -10,10 +10,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
10
10
|
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); }; }
|
|
11
11
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import ScrollLock from 'react-scrolllock';
|
|
14
13
|
import noop from '@atlaskit/ds-lib/noop';
|
|
15
14
|
import { sizes } from '@atlaskit/icon';
|
|
16
|
-
import {
|
|
15
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
17
16
|
import { Manager, Popper, Reference } from '@atlaskit/popper';
|
|
18
17
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
19
18
|
import { gridSize, layers } from '@atlaskit/theme/constants';
|
|
@@ -62,7 +61,7 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
|
|
|
62
61
|
height: containerRef.getBoundingClientRect().height,
|
|
63
62
|
// Don't block the clear button
|
|
64
63
|
width: containerRef.getBoundingClientRect().width - parseInt(sizes.small.slice(0, -2)) - gridSize()
|
|
65
|
-
},
|
|
64
|
+
}, fg('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') && {
|
|
66
65
|
pointerEvents: 'none'
|
|
67
66
|
});
|
|
68
67
|
return (
|
|
@@ -70,7 +69,7 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
|
|
|
70
69
|
/* Need to wrap layer in a fixed position div so that it will render its content as fixed
|
|
71
70
|
* We need to set the intial top value to where the container is and zIndex so that it still
|
|
72
71
|
* applies since we're creating a new stacking context. */
|
|
73
|
-
React.createElement(Manager, null,
|
|
72
|
+
React.createElement(Manager, null, /*#__PURE__*/React.createElement(Reference, null, function (_ref) {
|
|
74
73
|
var ref = _ref.ref;
|
|
75
74
|
return /*#__PURE__*/React.createElement("div", {
|
|
76
75
|
ref: ref,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/datetime-picker",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.8.0",
|
|
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/"
|
|
@@ -53,8 +53,7 @@
|
|
|
53
53
|
"@babel/runtime": "^7.0.0",
|
|
54
54
|
"@emotion/react": "^11.7.1",
|
|
55
55
|
"date-fns": "^2.17.0",
|
|
56
|
-
"lodash": "^4.17.21"
|
|
57
|
-
"react-scrolllock": "^5.0.1"
|
|
56
|
+
"lodash": "^4.17.21"
|
|
58
57
|
},
|
|
59
58
|
"peerDependencies": {
|
|
60
59
|
"react": "^16.8.0 || ^17.0.0 || ~18.2.0"
|
|
@@ -106,9 +105,6 @@
|
|
|
106
105
|
"platform-feature-flags": {
|
|
107
106
|
"platform.design-system-team.date-picker-input-a11y-fix_cbbxs": {
|
|
108
107
|
"type": "boolean"
|
|
109
|
-
},
|
|
110
|
-
"platform.design-system-team.remove-scroll-lock-on-datetime-picker_6h6oi": {
|
|
111
|
-
"type": "boolean"
|
|
112
108
|
}
|
|
113
109
|
},
|
|
114
110
|
"homepage": "https://atlassian.design/components/datetime-picker/"
|