@atlaskit/pragmatic-drag-and-drop-react-accessibility 1.1.11 → 1.1.13

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/pragmatic-drag-and-drop-react-accessibility
 
+## 1.1.13
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.1.12
+
+### Patch Changes
+
+- [#134886](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/134886)
+  [`d477c8582713a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d477c8582713a) -
+  We are updating drag icon as part of visual refresh behind a feature gate.
+
 ## 1.1.11
 
 ### Patch Changes

package/dist/cjs/drag-handle-button-small.js

@@ -10,15 +10,20 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _dragHandler = _interopRequireDefault(require("@atlaskit/icon/glyph/drag-handler"));
+var _dragHandle = _interopRequireDefault(require("@atlaskit/icon/utility/drag-handle"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _dragHandleButtonBase = require("./drag-handle-button-base");
 var _excluded = ["label"];
 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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var iconSmallStyles = (0, _primitives.xcss)({
   display: 'inline-flex',
   marginInline: 'space.negative.050'
 });
+var iconSmallStylesNew = (0, _primitives.xcss)({
+  display: 'inline-flex'
+});
 
 /**
  * A button with pre-configured styling to look like a drag handle.
@@ -32,8 +37,11 @@ var DragHandleButtonSmall = exports.DragHandleButtonSmall = /*#__PURE__*/(0, _re
   return /*#__PURE__*/_react.default.createElement(_dragHandleButtonBase.DragHandleButtonBase, (0, _extends2.default)({
     ref: ref
   }, buttonProps), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: iconSmallStyles
-  }, /*#__PURE__*/_react.default.createElement(_dragHandler.default, {
+    xcss: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? iconSmallStylesNew : iconSmallStyles
+  }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? /*#__PURE__*/_react.default.createElement(_dragHandle.default, {
+    color: "currentColor",
+    label: label
+  }) : /*#__PURE__*/_react.default.createElement(_dragHandler.default, {
     label: label,
     size: "small"
   })));

package/dist/cjs/drag-handle-button.js

@@ -13,7 +13,7 @@ var _dragHandler = _interopRequireDefault(require("@atlaskit/icon/glyph/drag-han
 var _dragHandleButtonBase = require("./drag-handle-button-base");
 var _excluded = ["label"];
 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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * A button with pre-configured styling to look like a drag handle.
  *

package/dist/es2019/drag-handle-button-small.js

@@ -1,12 +1,17 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
 import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
+import DragHandlerIconNew from '@atlaskit/icon/utility/drag-handle';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { DragHandleButtonBase } from './drag-handle-button-base';
 const iconSmallStyles = xcss({
   display: 'inline-flex',
   marginInline: 'space.negative.050'
 });
+const iconSmallStylesNew = xcss({
+  display: 'inline-flex'
+});
 
 /**
  * A button with pre-configured styling to look like a drag handle.
@@ -21,8 +26,11 @@ export const DragHandleButtonSmall = /*#__PURE__*/forwardRef(function DragHandle
   return /*#__PURE__*/React.createElement(DragHandleButtonBase, _extends({
     ref: ref
   }, buttonProps), /*#__PURE__*/React.createElement(Box, {
-    xcss: iconSmallStyles
-  }, /*#__PURE__*/React.createElement(DragHandlerIcon, {
+    xcss: fg('platform-component-visual-refresh') ? iconSmallStylesNew : iconSmallStyles
+  }, fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(DragHandlerIconNew, {
+    color: "currentColor",
+    label: label
+  }) : /*#__PURE__*/React.createElement(DragHandlerIcon, {
     label: label,
     size: "small"
   })));

package/dist/esm/drag-handle-button-small.js

@@ -3,12 +3,17 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["label"];
 import React, { forwardRef } from 'react';
 import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
+import DragHandlerIconNew from '@atlaskit/icon/utility/drag-handle';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { DragHandleButtonBase } from './drag-handle-button-base';
 var iconSmallStyles = xcss({
   display: 'inline-flex',
   marginInline: 'space.negative.050'
 });
+var iconSmallStylesNew = xcss({
+  display: 'inline-flex'
+});
 
 /**
  * A button with pre-configured styling to look like a drag handle.
@@ -22,8 +27,11 @@ export var DragHandleButtonSmall = /*#__PURE__*/forwardRef(function DragHandleBu
   return /*#__PURE__*/React.createElement(DragHandleButtonBase, _extends({
     ref: ref
   }, buttonProps), /*#__PURE__*/React.createElement(Box, {
-    xcss: iconSmallStyles
-  }, /*#__PURE__*/React.createElement(DragHandlerIcon, {
+    xcss: fg('platform-component-visual-refresh') ? iconSmallStylesNew : iconSmallStyles
+  }, fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(DragHandlerIconNew, {
+    color: "currentColor",
+    label: label
+  }) : /*#__PURE__*/React.createElement(DragHandlerIcon, {
     label: label,
     size: "small"
   })));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/pragmatic-drag-and-drop-react-accessibility",
-	"version": "1.1.11",
+	"version": "1.1.13",
 	"description": "An optional package for Pragmatic drag and drop containing react components to assist with setting up accessible experiences",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -9,8 +9,6 @@
 	},
 	"atlassian": {
 		"team": "Design System Team",
-		"inPublicMirror": false,
-		"releaseModel": "continuous",
 		"runReact18": true,
 		"website": {
 			"name": "React accessibility",
@@ -38,10 +36,11 @@
 		"./drag-handle-button-small": "./src/drag-handle-button-small.tsx"
 	},
 	"dependencies": {
-		"@atlaskit/focus-ring": "^1.5.0",
-		"@atlaskit/icon": "^22.11.0",
-		"@atlaskit/primitives": "^12.0.0",
-		"@atlaskit/tokens": "^1.57.0",
+		"@atlaskit/focus-ring": "^1.6.0",
+		"@atlaskit/icon": "^22.18.0",
+		"@atlaskit/platform-feature-flags": "^0.3.0",
+		"@atlaskit/primitives": "^12.2.0",
+		"@atlaskit/tokens": "^2.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
@@ -50,7 +49,7 @@
 	},
 	"devDependencies": {
 		"@af/visual-regression": "*",
-		"@atlaskit/ds-lib": "^2.3.0",
+		"@atlaskit/ds-lib": "^2.6.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/react": "^12.1.5",
@@ -92,5 +91,10 @@
 				"import-no-extraneous-disable-for-examples-and-docs"
 			]
 		}
+	},
+	"platform-feature-flags": {
+		"platform-component-visual-refresh": {
+			"type": "boolean"
+		}
 	}
 }