@atlaskit/datetime-picker 12.7.8 → 12.7.9

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 (17) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/date-picker.js +1 -1
  3. package/dist/cjs/components/date-time-picker.js +1 -1
  4. package/dist/cjs/components/time-picker.js +1 -1
  5. package/dist/cjs/internal/fixed-layer.js +11 -12
  6. package/dist/cjs/version.json +1 -1
  7. package/dist/es2019/components/date-picker.js +1 -1
  8. package/dist/es2019/components/date-time-picker.js +1 -1
  9. package/dist/es2019/components/time-picker.js +1 -1
  10. package/dist/es2019/internal/fixed-layer.js +12 -12
  11. package/dist/es2019/version.json +1 -1
  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/fixed-layer.js +11 -12
  16. package/dist/esm/version.json +1 -1
  17. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/datetime-picker
2
2
 
3
+ ## 12.7.9
4
+
5
+ ### Patch Changes
6
+
7
+ - [`6f1daf0e449`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6f1daf0e449) - Prevent calander from overlaying input when at the bottom of viewport
8
+
3
9
  ## 12.7.8
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/components/date-picker.js CHANGED
@@ -37,7 +37,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
37
37
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
38
38
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @repo/internal/react/use-noop */ /** @jsx jsx */ // eslint-disable-next-line no-restricted-imports
39
39
  var packageName = "@atlaskit/datetime-picker";
40
- var packageVersion = "12.7.8";
40
+ var packageVersion = "12.7.9";
41
41
 
42
42
  /* eslint-disable react/no-unused-prop-types */
43
43
 
package/dist/cjs/components/date-time-picker.js CHANGED
@@ -31,7 +31,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
31
31
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
32
32
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /* eslint-disable @repo/internal/react/use-noop */ /** @jsx jsx */ // eslint-disable-next-line no-restricted-imports
33
33
  var packageName = "@atlaskit/datetime-picker";
34
- var packageVersion = "12.7.8";
34
+ var packageVersion = "12.7.9";
35
35
 
36
36
  /* eslint-disable react/no-unused-prop-types */
37
37
 
package/dist/cjs/components/time-picker.js CHANGED
@@ -38,7 +38,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
38
38
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
39
39
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
40
40
  var packageName = "@atlaskit/datetime-picker";
41
- var packageVersion = "12.7.8";
41
+ var packageVersion = "12.7.9";
42
42
 
43
43
  /* eslint-disable react/no-unused-prop-types */
44
44
 
package/dist/cjs/internal/fixed-layer.js CHANGED
@@ -61,6 +61,16 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
61
61
  if (!containerRef) {
62
62
  return /*#__PURE__*/_react.default.createElement("div", null);
63
63
  }
64
+ var divStyles = _objectSpread({
65
+ background: 'transparent',
66
+ position: 'absolute',
67
+ top: 0,
68
+ height: containerRef.getBoundingClientRect().height,
69
+ // Don't block the clear button
70
+ 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') && {
72
+ pointerEvents: 'none'
73
+ });
64
74
  return (
65
75
  /*#__PURE__*/
66
76
  /* Need to wrap layer in a fixed position div so that it will render its content as fixed
@@ -71,18 +81,7 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
71
81
  return /*#__PURE__*/_react.default.createElement("div", {
72
82
  ref: ref,
73
83
  "data-layer-child": true,
74
- style: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') ? {
75
- inset: 0,
76
- pointerEvents: 'none',
77
- background: 'transparent'
78
- } : {
79
- position: 'absolute',
80
- top: 0,
81
- height: containerRef.getBoundingClientRect().height,
82
- // Don't block the clear button
83
- width: containerRef.getBoundingClientRect().width - parseInt(_icon.sizes.small.slice(0, -2)) - (0, _constants.gridSize)(),
84
- background: 'transparent'
85
- }
84
+ style: divStyles
86
85
  });
87
86
  }), /*#__PURE__*/_react.default.createElement(_popper.Popper, null, function (_ref2) {
88
87
  var ref = _ref2.ref,
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "12.7.8",
3
+ "version": "12.7.9",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/date-picker.js CHANGED
@@ -19,7 +19,7 @@ import { defaultDateFormat, EmptyComponent, padToTwo, placeholderDatetime } from
19
19
  import FixedLayer from '../internal/fixed-layer';
20
20
  import { convertTokens } from './utils';
21
21
  const packageName = "@atlaskit/datetime-picker";
22
- const packageVersion = "12.7.8";
22
+ const packageVersion = "12.7.9";
23
23
 
24
24
  /* eslint-disable react/no-unused-prop-types */
25
25
 
package/dist/es2019/components/date-time-picker.js CHANGED
@@ -17,7 +17,7 @@ import DatePicker from './date-picker';
17
17
  import TimePicker from './time-picker';
18
18
  import { convertTokens } from './utils';
19
19
  const packageName = "@atlaskit/datetime-picker";
20
- const packageVersion = "12.7.8";
20
+ const packageVersion = "12.7.9";
21
21
 
22
22
  /* eslint-disable react/no-unused-prop-types */
23
23
 
package/dist/es2019/components/time-picker.js CHANGED
@@ -16,7 +16,7 @@ import FixedLayer from '../internal/fixed-layer';
16
16
  import parseTime from '../internal/parse-time';
17
17
  import { convertTokens } from './utils';
18
18
  const packageName = "@atlaskit/datetime-picker";
19
- const packageVersion = "12.7.8";
19
+ const packageVersion = "12.7.9";
20
20
 
21
21
  /* eslint-disable react/no-unused-prop-types */
22
22
 
package/dist/es2019/internal/fixed-layer.js CHANGED
@@ -33,6 +33,17 @@ export default class FixedLayer extends React.Component {
33
33
  if (!containerRef) {
34
34
  return /*#__PURE__*/React.createElement("div", null);
35
35
  }
36
+ const divStyles = {
37
+ background: 'transparent',
38
+ position: 'absolute',
39
+ top: 0,
40
+ height: containerRef.getBoundingClientRect().height,
41
+ // Don't block the clear button
42
+ width: containerRef.getBoundingClientRect().width - parseInt(sizes.small.slice(0, -2)) - gridSize(),
43
+ ...(getBooleanFF('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') && {
44
+ pointerEvents: 'none'
45
+ })
46
+ };
36
47
  return (
37
48
  /*#__PURE__*/
38
49
  /* Need to wrap layer in a fixed position div so that it will render its content as fixed
@@ -43,18 +54,7 @@ export default class FixedLayer extends React.Component {
43
54
  }) => /*#__PURE__*/React.createElement("div", {
44
55
  ref: ref,
45
56
  "data-layer-child": true,
46
- style: getBooleanFF('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') ? {
47
- inset: 0,
48
- pointerEvents: 'none',
49
- background: 'transparent'
50
- } : {
51
- position: 'absolute',
52
- top: 0,
53
- height: containerRef.getBoundingClientRect().height,
54
- // Don't block the clear button
55
- width: containerRef.getBoundingClientRect().width - parseInt(sizes.small.slice(0, -2)) - gridSize(),
56
- background: 'transparent'
57
- }
57
+ style: divStyles
58
58
  })), /*#__PURE__*/React.createElement(Popper, null, ({
59
59
  ref,
60
60
  style,
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "12.7.8",
3
+ "version": "12.7.9",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/date-picker.js CHANGED
@@ -30,7 +30,7 @@ import { defaultDateFormat, EmptyComponent, padToTwo, placeholderDatetime } from
30
30
  import FixedLayer from '../internal/fixed-layer';
31
31
  import { convertTokens } from './utils';
32
32
  var packageName = "@atlaskit/datetime-picker";
33
- var packageVersion = "12.7.8";
33
+ var packageVersion = "12.7.9";
34
34
 
35
35
  /* eslint-disable react/no-unused-prop-types */
36
36
 
package/dist/esm/components/date-time-picker.js CHANGED
@@ -27,7 +27,7 @@ import DatePicker from './date-picker';
27
27
  import TimePicker from './time-picker';
28
28
  import { convertTokens } from './utils';
29
29
  var packageName = "@atlaskit/datetime-picker";
30
- var packageVersion = "12.7.8";
30
+ var packageVersion = "12.7.9";
31
31
 
32
32
  /* eslint-disable react/no-unused-prop-types */
33
33
 
package/dist/esm/components/time-picker.js CHANGED
@@ -29,7 +29,7 @@ import FixedLayer from '../internal/fixed-layer';
29
29
  import parseTime from '../internal/parse-time';
30
30
  import { convertTokens } from './utils';
31
31
  var packageName = "@atlaskit/datetime-picker";
32
- var packageVersion = "12.7.8";
32
+ var packageVersion = "12.7.9";
33
33
 
34
34
  /* eslint-disable react/no-unused-prop-types */
35
35
 
package/dist/esm/internal/fixed-layer.js CHANGED
@@ -55,6 +55,16 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
55
55
  if (!containerRef) {
56
56
  return /*#__PURE__*/React.createElement("div", null);
57
57
  }
58
+ var divStyles = _objectSpread({
59
+ background: 'transparent',
60
+ position: 'absolute',
61
+ top: 0,
62
+ height: containerRef.getBoundingClientRect().height,
63
+ // Don't block the clear button
64
+ width: containerRef.getBoundingClientRect().width - parseInt(sizes.small.slice(0, -2)) - gridSize()
65
+ }, getBooleanFF('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') && {
66
+ pointerEvents: 'none'
67
+ });
58
68
  return (
59
69
  /*#__PURE__*/
60
70
  /* Need to wrap layer in a fixed position div so that it will render its content as fixed
@@ -65,18 +75,7 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
65
75
  return /*#__PURE__*/React.createElement("div", {
66
76
  ref: ref,
67
77
  "data-layer-child": true,
68
- style: getBooleanFF('platform.design-system-team.date-picker-input-a11y-fix_cbbxs') ? {
69
- inset: 0,
70
- pointerEvents: 'none',
71
- background: 'transparent'
72
- } : {
73
- position: 'absolute',
74
- top: 0,
75
- height: containerRef.getBoundingClientRect().height,
76
- // Don't block the clear button
77
- width: containerRef.getBoundingClientRect().width - parseInt(sizes.small.slice(0, -2)) - gridSize(),
78
- background: 'transparent'
79
- }
78
+ style: divStyles
80
79
  });
81
80
  }), /*#__PURE__*/React.createElement(Popper, null, function (_ref2) {
82
81
  var ref = _ref2.ref,
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "12.7.8",
3
+ "version": "12.7.9",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/datetime-picker",
3
- "version": "12.7.8",
3
+ "version": "12.7.9",
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/"
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/analytics-next": "^9.1.0",
36
- "@atlaskit/calendar": "^13.1.0",
36
+ "@atlaskit/calendar": "^13.2.0",
37
37
  "@atlaskit/ds-lib": "^2.2.0",
38
38
  "@atlaskit/icon": "^21.12.0",
39
39
  "@atlaskit/locale": "^2.5.0",
@@ -41,7 +41,7 @@
41
41
  "@atlaskit/popper": "^5.5.0",
42
42
  "@atlaskit/select": "^16.5.0",
43
43
  "@atlaskit/theme": "^12.5.0",
44
- "@atlaskit/tokens": "^1.13.0",
44
+ "@atlaskit/tokens": "^1.14.0",
45
45
  "@babel/runtime": "^7.0.0",
46
46
  "@emotion/react": "^11.7.1",
47
47
  "date-fns": "^2.17.0",
@@ -53,7 +53,7 @@
53
53
  },
54
54
  "devDependencies": {
55
55
  "@af/accessibility-testing": "*",
56
- "@atlaskit/button": "^16.8.0",
56
+ "@atlaskit/button": "^16.9.0",
57
57
  "@atlaskit/docs": "*",
58
58
  "@atlaskit/form": "^8.11.0",
59
59
  "@atlaskit/modal-dialog": "^12.6.0",