@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 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.7.6";
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.7.6";
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.7.6";
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.getBooleanFF)('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') && {
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, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.remove-scroll-lock-on-datetime-picker_6h6oi') ? null : /*#__PURE__*/_react.default.createElement(_reactScrolllock.default, null), /*#__PURE__*/_react.default.createElement(_popper.Reference, null, function (_ref) {
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.7.6";
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.7.6";
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.7.6";
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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
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
- ...(getBooleanFF('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') && {
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, getBooleanFF('platform.design-system-team.remove-scroll-lock-on-datetime-picker_6h6oi') ? null : /*#__PURE__*/React.createElement(ScrollLock, null), /*#__PURE__*/React.createElement(Reference, 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.7.6";
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.7.6";
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.7.6";
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 { getBooleanFF } from '@atlaskit/platform-feature-flags';
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
- }, getBooleanFF('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') && {
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, getBooleanFF('platform.design-system-team.remove-scroll-lock-on-datetime-picker_6h6oi') ? null : /*#__PURE__*/React.createElement(ScrollLock, null), /*#__PURE__*/React.createElement(Reference, null, function (_ref) {
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.7.6",
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/"