@atlaskit/pragmatic-drag-and-drop-react-accessibility 1.3.1 → 2.0.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/drag-handle-button-small.js +4 -4
  3. package/dist/cjs/drag-handle-button.js +2 -2
  4. package/dist/es2019/drag-handle-button-small.js +3 -3
  5. package/dist/es2019/drag-handle-button.js +2 -2
  6. package/dist/esm/drag-handle-button-small.js +3 -3
  7. package/dist/esm/drag-handle-button.js +2 -2
  8. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/pragmatic-drag-and-drop-react-accessibility
2
2
 
3
+ ## 2.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
8
+ [`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
9
+ This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
10
+ status of only supporting React 18 going forward. No explicit breaking change to React support has
11
+ been made in this release, but this is to signify going forward, breaking changes for React 16 or
12
+ React 17 may come via non-major semver releases.
13
+
14
+ Please refer this community post for more details:
15
+ https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 1.3.1
4
22
 
5
23
  ### Patch Changes
package/dist/cjs/drag-handle-button-small.js CHANGED
@@ -9,8 +9,8 @@ exports.DragHandleButtonSmall = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
- var _dragHandle = _interopRequireDefault(require("@atlaskit/icon/utility/drag-handle"));
13
- var _dragHandleDragHandler = _interopRequireDefault(require("@atlaskit/icon/utility/migration/drag-handle--drag-handler"));
12
+ var _dragHandleVertical = _interopRequireDefault(require("@atlaskit/icon/utility/drag-handle-vertical"));
13
+ var _dragHandleVerticalDragHandler = _interopRequireDefault(require("@atlaskit/icon/utility/migration/drag-handle-vertical--drag-handler"));
14
14
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
15
  var _primitives = require("@atlaskit/primitives");
16
16
  var _dragHandleButtonBase = require("./drag-handle-button-base");
@@ -38,10 +38,10 @@ var DragHandleButtonSmall = exports.DragHandleButtonSmall = /*#__PURE__*/(0, _re
38
38
  ref: ref
39
39
  }, buttonProps), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
40
40
  xcss: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') || (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? iconSmallStylesNew : iconSmallStyles
41
- }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? /*#__PURE__*/_react.default.createElement(_dragHandle.default, {
41
+ }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? /*#__PURE__*/_react.default.createElement(_dragHandleVertical.default, {
42
42
  color: "currentColor",
43
43
  label: label
44
- }) : /*#__PURE__*/_react.default.createElement(_dragHandleDragHandler.default, {
44
+ }) : /*#__PURE__*/_react.default.createElement(_dragHandleVerticalDragHandler.default, {
45
45
  color: "currentColor",
46
46
  label: label,
47
47
  LEGACY_size: "small"
package/dist/cjs/drag-handle-button.js CHANGED
@@ -9,7 +9,7 @@ exports.DragHandleButton = void 0;
9
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
- var _dragHandleDragHandler = _interopRequireDefault(require("@atlaskit/icon/utility/migration/drag-handle--drag-handler"));
12
+ var _dragHandleVerticalDragHandler = _interopRequireDefault(require("@atlaskit/icon/utility/migration/drag-handle-vertical--drag-handler"));
13
13
  var _dragHandleButtonBase = require("./drag-handle-button-base");
14
14
  var _excluded = ["label"];
15
15
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -25,7 +25,7 @@ var DragHandleButton = exports.DragHandleButton = /*#__PURE__*/(0, _react.forwar
25
25
  buttonProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
26
26
  return /*#__PURE__*/_react.default.createElement(_dragHandleButtonBase.DragHandleButtonBase, (0, _extends2.default)({
27
27
  ref: ref
28
- }, buttonProps), /*#__PURE__*/_react.default.createElement(_dragHandleDragHandler.default, {
28
+ }, buttonProps), /*#__PURE__*/_react.default.createElement(_dragHandleVerticalDragHandler.default, {
29
29
  color: "currentColor",
30
30
  spacing: "spacious",
31
31
  label: label
package/dist/es2019/drag-handle-button-small.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { forwardRef } from 'react';
3
- import DragHandlerIconNew from '@atlaskit/icon/utility/drag-handle';
4
- import DragHandlerIcon from '@atlaskit/icon/utility/migration/drag-handle--drag-handler';
3
+ import DragHandleVerticalIcon from '@atlaskit/icon/utility/drag-handle-vertical';
4
+ import DragHandlerIcon from '@atlaskit/icon/utility/migration/drag-handle-vertical--drag-handler';
5
5
  import { fg } from '@atlaskit/platform-feature-flags';
6
6
  import { Box, xcss } from '@atlaskit/primitives';
7
7
  import { DragHandleButtonBase } from './drag-handle-button-base';
@@ -27,7 +27,7 @@ export const DragHandleButtonSmall = /*#__PURE__*/forwardRef(function DragHandle
27
27
  ref: ref
28
28
  }, buttonProps), /*#__PURE__*/React.createElement(Box, {
29
29
  xcss: fg('platform-component-visual-refresh') || fg('platform-visual-refresh-icons') ? iconSmallStylesNew : iconSmallStyles
30
- }, fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(DragHandlerIconNew, {
30
+ }, fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(DragHandleVerticalIcon, {
31
31
  color: "currentColor",
32
32
  label: label
33
33
  }) : /*#__PURE__*/React.createElement(DragHandlerIcon, {
package/dist/es2019/drag-handle-button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { forwardRef } from 'react';
3
- import DragHandlerIcon from '@atlaskit/icon/utility/migration/drag-handle--drag-handler';
3
+ import DragHandleVerticalIcon from '@atlaskit/icon/utility/migration/drag-handle-vertical--drag-handler';
4
4
  import { DragHandleButtonBase } from './drag-handle-button-base';
5
5
  /**
6
6
  * A button with pre-configured styling to look like a drag handle.
@@ -14,7 +14,7 @@ export const DragHandleButton = /*#__PURE__*/forwardRef(function DragHandleButto
14
14
  }, ref) {
15
15
  return /*#__PURE__*/React.createElement(DragHandleButtonBase, _extends({
16
16
  ref: ref
17
- }, buttonProps), /*#__PURE__*/React.createElement(DragHandlerIcon, {
17
+ }, buttonProps), /*#__PURE__*/React.createElement(DragHandleVerticalIcon, {
18
18
  color: "currentColor",
19
19
  spacing: "spacious",
20
20
  label: label
package/dist/esm/drag-handle-button-small.js CHANGED
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["label"];
4
4
  import React, { forwardRef } from 'react';
5
- import DragHandlerIconNew from '@atlaskit/icon/utility/drag-handle';
6
- import DragHandlerIcon from '@atlaskit/icon/utility/migration/drag-handle--drag-handler';
5
+ import DragHandleVerticalIcon from '@atlaskit/icon/utility/drag-handle-vertical';
6
+ import DragHandlerIcon from '@atlaskit/icon/utility/migration/drag-handle-vertical--drag-handler';
7
7
  import { fg } from '@atlaskit/platform-feature-flags';
8
8
  import { Box, xcss } from '@atlaskit/primitives';
9
9
  import { DragHandleButtonBase } from './drag-handle-button-base';
@@ -28,7 +28,7 @@ export var DragHandleButtonSmall = /*#__PURE__*/forwardRef(function DragHandleBu
28
28
  ref: ref
29
29
  }, buttonProps), /*#__PURE__*/React.createElement(Box, {
30
30
  xcss: fg('platform-component-visual-refresh') || fg('platform-visual-refresh-icons') ? iconSmallStylesNew : iconSmallStyles
31
- }, fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(DragHandlerIconNew, {
31
+ }, fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(DragHandleVerticalIcon, {
32
32
  color: "currentColor",
33
33
  label: label
34
34
  }) : /*#__PURE__*/React.createElement(DragHandlerIcon, {
package/dist/esm/drag-handle-button.js CHANGED
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  var _excluded = ["label"];
4
4
  import React, { forwardRef } from 'react';
5
- import DragHandlerIcon from '@atlaskit/icon/utility/migration/drag-handle--drag-handler';
5
+ import DragHandleVerticalIcon from '@atlaskit/icon/utility/migration/drag-handle-vertical--drag-handler';
6
6
  import { DragHandleButtonBase } from './drag-handle-button-base';
7
7
  /**
8
8
  * A button with pre-configured styling to look like a drag handle.
@@ -15,7 +15,7 @@ export var DragHandleButton = /*#__PURE__*/forwardRef(function DragHandleButton(
15
15
  buttonProps = _objectWithoutProperties(_ref, _excluded);
16
16
  return /*#__PURE__*/React.createElement(DragHandleButtonBase, _extends({
17
17
  ref: ref
18
- }, buttonProps), /*#__PURE__*/React.createElement(DragHandlerIcon, {
18
+ }, buttonProps), /*#__PURE__*/React.createElement(DragHandleVerticalIcon, {
19
19
  color: "currentColor",
20
20
  spacing: "spacious",
21
21
  label: label
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/pragmatic-drag-and-drop-react-accessibility",
3
- "version": "1.3.1",
3
+ "version": "2.0.0",
4
4
  "description": "An optional package for Pragmatic drag and drop containing react components to assist with setting up accessible experiences",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -36,20 +36,20 @@
36
36
  "./drag-handle-button-small": "./src/drag-handle-button-small.tsx"
37
37
  },
38
38
  "dependencies": {
39
- "@atlaskit/focus-ring": "^2.1.0",
40
- "@atlaskit/icon": "^23.6.0",
41
- "@atlaskit/platform-feature-flags": "^1.0.0",
42
- "@atlaskit/primitives": "^13.4.0",
43
- "@atlaskit/tokens": "^3.3.0",
39
+ "@atlaskit/focus-ring": "^3.0.0",
40
+ "@atlaskit/icon": "^24.0.0",
41
+ "@atlaskit/platform-feature-flags": "^1.1.0",
42
+ "@atlaskit/primitives": "^14.0.0",
43
+ "@atlaskit/tokens": "^4.0.0",
44
44
  "@babel/runtime": "^7.0.0",
45
45
  "@emotion/react": "^11.7.1"
46
46
  },
47
47
  "peerDependencies": {
48
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
48
+ "react": "^18.2.0"
49
49
  },
50
50
  "devDependencies": {
51
51
  "@af/visual-regression": "*",
52
- "@atlaskit/ds-lib": "^3.5.0",
52
+ "@atlaskit/ds-lib": "^4.0.0",
53
53
  "@atlaskit/ssr": "*",
54
54
  "@atlaskit/visual-regression": "*",
55
55
  "@testing-library/react": "^13.4.0",