@atlaskit/pragmatic-drag-and-drop-react-accessibility 2.0.5 → 2.0.7
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 +12 -0
- package/dist/cjs/drag-handle-button-small.js +7 -5
- package/dist/cjs/drag-handle-button.js +3 -2
- package/dist/es2019/drag-handle-button-small.js +7 -4
- package/dist/es2019/drag-handle-button.js +3 -2
- package/dist/esm/drag-handle-button-small.js +7 -4
- package/dist/esm/drag-handle-button.js +3 -2
- package/package.json +8 -6
package/CHANGELOG.md
CHANGED
|
@@ -9,12 +9,12 @@ 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 _dragHandleVertical = _interopRequireDefault(require("@atlaskit/icon/
|
|
13
|
-
var _dragHandleVerticalDragHandler = _interopRequireDefault(require("@atlaskit/icon/
|
|
12
|
+
var _dragHandleVertical = _interopRequireDefault(require("@atlaskit/icon/core/drag-handle-vertical"));
|
|
13
|
+
var _dragHandleVerticalDragHandler = _interopRequireDefault(require("@atlaskit/icon/core/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");
|
|
17
|
-
var _excluded = ["label"];
|
|
17
|
+
var _excluded = ["label"]; // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
18
18
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
19
19
|
var iconSmallStyles = (0, _primitives.xcss)({
|
|
20
20
|
display: 'inline-flex',
|
|
@@ -39,10 +39,12 @@ var DragHandleButtonSmall = exports.DragHandleButtonSmall = /*#__PURE__*/(0, _re
|
|
|
39
39
|
xcss: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') || (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? iconSmallStylesNew : iconSmallStyles
|
|
40
40
|
}, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? /*#__PURE__*/_react.default.createElement(_dragHandleVertical.default, {
|
|
41
41
|
color: "currentColor",
|
|
42
|
-
label: label
|
|
42
|
+
label: label,
|
|
43
|
+
size: "small"
|
|
43
44
|
}) : /*#__PURE__*/_react.default.createElement(_dragHandleVerticalDragHandler.default, {
|
|
44
45
|
color: "currentColor",
|
|
45
46
|
label: label,
|
|
46
|
-
LEGACY_size: "small"
|
|
47
|
+
LEGACY_size: "small",
|
|
48
|
+
size: "small"
|
|
47
49
|
})));
|
|
48
50
|
});
|
|
@@ -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 _dragHandleVerticalDragHandler = _interopRequireDefault(require("@atlaskit/icon/
|
|
12
|
+
var _dragHandleVerticalDragHandler = _interopRequireDefault(require("@atlaskit/icon/core/migration/drag-handle-vertical--drag-handler"));
|
|
13
13
|
var _dragHandleButtonBase = require("./drag-handle-button-base");
|
|
14
14
|
var _excluded = ["label"];
|
|
15
15
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -27,6 +27,7 @@ var DragHandleButton = exports.DragHandleButton = /*#__PURE__*/(0, _react.forwar
|
|
|
27
27
|
}, buttonProps), /*#__PURE__*/_react.default.createElement(_dragHandleVerticalDragHandler.default, {
|
|
28
28
|
color: "currentColor",
|
|
29
29
|
spacing: "spacious",
|
|
30
|
-
label: label
|
|
30
|
+
label: label,
|
|
31
|
+
size: "small"
|
|
31
32
|
}));
|
|
32
33
|
});
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
|
-
import DragHandleVerticalIcon from '@atlaskit/icon/
|
|
4
|
-
import DragHandlerIcon from '@atlaskit/icon/
|
|
3
|
+
import DragHandleVerticalIcon from '@atlaskit/icon/core/drag-handle-vertical';
|
|
4
|
+
import DragHandlerIcon from '@atlaskit/icon/core/migration/drag-handle-vertical--drag-handler';
|
|
5
5
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
6
7
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
7
8
|
import { DragHandleButtonBase } from './drag-handle-button-base';
|
|
8
9
|
const iconSmallStyles = xcss({
|
|
@@ -29,10 +30,12 @@ export const DragHandleButtonSmall = /*#__PURE__*/forwardRef(function DragHandle
|
|
|
29
30
|
xcss: fg('platform-component-visual-refresh') || fg('platform-visual-refresh-icons') ? iconSmallStylesNew : iconSmallStyles
|
|
30
31
|
}, fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(DragHandleVerticalIcon, {
|
|
31
32
|
color: "currentColor",
|
|
32
|
-
label: label
|
|
33
|
+
label: label,
|
|
34
|
+
size: "small"
|
|
33
35
|
}) : /*#__PURE__*/React.createElement(DragHandlerIcon, {
|
|
34
36
|
color: "currentColor",
|
|
35
37
|
label: label,
|
|
36
|
-
LEGACY_size: "small"
|
|
38
|
+
LEGACY_size: "small",
|
|
39
|
+
size: "small"
|
|
37
40
|
})));
|
|
38
41
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
|
-
import DragHandleVerticalIcon from '@atlaskit/icon/
|
|
3
|
+
import DragHandleVerticalIcon from '@atlaskit/icon/core/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.
|
|
@@ -17,6 +17,7 @@ export const DragHandleButton = /*#__PURE__*/forwardRef(function DragHandleButto
|
|
|
17
17
|
}, buttonProps), /*#__PURE__*/React.createElement(DragHandleVerticalIcon, {
|
|
18
18
|
color: "currentColor",
|
|
19
19
|
spacing: "spacious",
|
|
20
|
-
label: label
|
|
20
|
+
label: label,
|
|
21
|
+
size: "small"
|
|
21
22
|
}));
|
|
22
23
|
});
|
|
@@ -2,9 +2,10 @@ 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 DragHandleVerticalIcon from '@atlaskit/icon/
|
|
6
|
-
import DragHandlerIcon from '@atlaskit/icon/
|
|
5
|
+
import DragHandleVerticalIcon from '@atlaskit/icon/core/drag-handle-vertical';
|
|
6
|
+
import DragHandlerIcon from '@atlaskit/icon/core/migration/drag-handle-vertical--drag-handler';
|
|
7
7
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
8
|
+
// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
|
|
8
9
|
import { Box, xcss } from '@atlaskit/primitives';
|
|
9
10
|
import { DragHandleButtonBase } from './drag-handle-button-base';
|
|
10
11
|
var iconSmallStyles = xcss({
|
|
@@ -30,10 +31,12 @@ export var DragHandleButtonSmall = /*#__PURE__*/forwardRef(function DragHandleBu
|
|
|
30
31
|
xcss: fg('platform-component-visual-refresh') || fg('platform-visual-refresh-icons') ? iconSmallStylesNew : iconSmallStyles
|
|
31
32
|
}, fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(DragHandleVerticalIcon, {
|
|
32
33
|
color: "currentColor",
|
|
33
|
-
label: label
|
|
34
|
+
label: label,
|
|
35
|
+
size: "small"
|
|
34
36
|
}) : /*#__PURE__*/React.createElement(DragHandlerIcon, {
|
|
35
37
|
color: "currentColor",
|
|
36
38
|
label: label,
|
|
37
|
-
LEGACY_size: "small"
|
|
39
|
+
LEGACY_size: "small",
|
|
40
|
+
size: "small"
|
|
38
41
|
})));
|
|
39
42
|
});
|
|
@@ -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 DragHandleVerticalIcon from '@atlaskit/icon/
|
|
5
|
+
import DragHandleVerticalIcon from '@atlaskit/icon/core/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.
|
|
@@ -18,6 +18,7 @@ export var DragHandleButton = /*#__PURE__*/forwardRef(function DragHandleButton(
|
|
|
18
18
|
}, buttonProps), /*#__PURE__*/React.createElement(DragHandleVerticalIcon, {
|
|
19
19
|
color: "currentColor",
|
|
20
20
|
spacing: "spacious",
|
|
21
|
-
label: label
|
|
21
|
+
label: label,
|
|
22
|
+
size: "small"
|
|
22
23
|
}));
|
|
23
24
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/pragmatic-drag-and-drop-react-accessibility",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.7",
|
|
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",
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
},
|
|
10
10
|
"atlassian": {
|
|
11
11
|
"team": "Design System Team",
|
|
12
|
-
"runReact18": true,
|
|
13
12
|
"website": {
|
|
14
13
|
"name": "React accessibility",
|
|
15
14
|
"category": "Libraries"
|
|
@@ -39,10 +38,10 @@
|
|
|
39
38
|
},
|
|
40
39
|
"dependencies": {
|
|
41
40
|
"@atlaskit/focus-ring": "^3.0.0",
|
|
42
|
-
"@atlaskit/icon": "^
|
|
41
|
+
"@atlaskit/icon": "^27.9.0",
|
|
43
42
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
44
|
-
"@atlaskit/primitives": "^14.
|
|
45
|
-
"@atlaskit/tokens": "^
|
|
43
|
+
"@atlaskit/primitives": "^14.11.0",
|
|
44
|
+
"@atlaskit/tokens": "^6.0.0",
|
|
46
45
|
"@babel/runtime": "^7.0.0",
|
|
47
46
|
"@emotion/react": "^11.7.1"
|
|
48
47
|
},
|
|
@@ -51,7 +50,7 @@
|
|
|
51
50
|
},
|
|
52
51
|
"devDependencies": {
|
|
53
52
|
"@af/visual-regression": "workspace:^",
|
|
54
|
-
"@atlaskit/ds-lib": "^
|
|
53
|
+
"@atlaskit/ds-lib": "^5.0.0",
|
|
55
54
|
"@atlaskit/visual-regression": "workspace:^",
|
|
56
55
|
"@atlassian/ssr-tests": "^0.2.0",
|
|
57
56
|
"@testing-library/react": "^13.4.0",
|
|
@@ -100,6 +99,9 @@
|
|
|
100
99
|
},
|
|
101
100
|
"platform-visual-refresh-icons": {
|
|
102
101
|
"type": "boolean"
|
|
102
|
+
},
|
|
103
|
+
"should-render-to-parent-should-be-true-design-syst": {
|
|
104
|
+
"type": "boolean"
|
|
103
105
|
}
|
|
104
106
|
}
|
|
105
107
|
}
|