@atlaskit/link-datasource 1.22.6 → 1.22.7

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/link-datasource
 
+## 1.22.7
+
+### Patch Changes
+
+- [#70616](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70616) [`76068b6be8dc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/76068b6be8dc) - Upgrading to Pragmatic drag and drop 1.0
+- Updated dependencies
+
 ## 1.22.6
 
 ### Patch Changes

package/dist/cjs/ui/issue-like-table/draggable-table-heading.js

@@ -11,14 +11,14 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
-var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge");
-var _boxWithoutTerminal = require("@atlaskit/pragmatic-drag-and-drop-react-indicator/box-without-terminal");
-var _element = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
-var _cancelUnhandled = require("@atlaskit/pragmatic-drag-and-drop/addon/cancel-unhandled");
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/util/combine");
-var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/util/disable-native-drag-preview");
-var _offsetFromPointer = require("@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer");
-var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/util/set-custom-native-drag-preview");
+var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
+var _boxWithoutTerminal = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box-without-terminal");
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
+var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
+var _disableNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview");
+var _pointerOutsideOfPreview = require("@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview");
+var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview");
+var _preventUnhandled = require("@atlaskit/pragmatic-drag-and-drop/prevent-unhandled");
 var _styled = require("./styled");
 var _utils = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -104,7 +104,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
   (0, _react.useEffect)(function () {
     var cell = mainHeaderCellRef.current;
     (0, _tinyInvariant.default)(cell);
-    return (0, _combine.combine)((0, _element.draggable)({
+    return (0, _combine.combine)((0, _adapter.draggable)({
       element: cell,
       getInitialData: function getInitialData() {
         return {
@@ -117,7 +117,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
       onGenerateDragPreview: function onGenerateDragPreview(_ref2) {
         var nativeSetDragImage = _ref2.nativeSetDragImage;
         (0, _setCustomNativeDragPreview.setCustomNativeDragPreview)({
-          getOffset: (0, _offsetFromPointer.offsetFromPointer)({
+          getOffset: (0, _pointerOutsideOfPreview.pointerOutsideOfPreview)({
             x: '18px',
             y: '18px'
           }),
@@ -152,7 +152,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
   (0, _react.useEffect)(function () {
     var dropTarget = dropTargetRef.current;
     (0, _tinyInvariant.default)(dropTarget);
-    return (0, _element.dropTargetForElements)({
+    return (0, _adapter.dropTargetForElements)({
       element: dropTarget,
       getIsSticky: function getIsSticky() {
         return true;
@@ -189,7 +189,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
 
   // During dragging anywhere we want to remove `pointerEvents: 'none'` from all the drop targets
   (0, _react.useEffect)(function () {
-    return (0, _element.monitorForElements)({
+    return (0, _adapter.monitorForElements)({
       canMonitor: function canMonitor(_ref5) {
         var source = _ref5.source;
         return source.data.type === 'table-header' && source.data.tableId === tableId;
@@ -215,7 +215,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
     (0, _tinyInvariant.default)(resizeHandle);
     var mainHeaderCell = mainHeaderCellRef.current;
     (0, _tinyInvariant.default)(mainHeaderCell);
-    return (0, _element.draggable)({
+    return (0, _adapter.draggable)({
       element: resizeHandle,
       getInitialData: function getInitialData() {
         // metadata related to currently dragging item (can be read by drop events etc)
@@ -234,7 +234,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
           nativeSetDragImage: nativeSetDragImage
         });
         // Block drag operations outside `@atlaskit/pragmatic-drag-and-drop`
-        _cancelUnhandled.cancelUnhandled.start();
+        _preventUnhandled.preventUnhandled.start();
         setState({
           type: 'resizing',
           initialWidth: width
@@ -253,7 +253,7 @@ var DraggableTableHeading = exports.DraggableTableHeading = function DraggableTa
         mainHeaderCell.style.setProperty('width', "".concat(proposedWidth, "px"));
       },
       onDrop: function onDrop() {
-        _cancelUnhandled.cancelUnhandled.stop();
+        _preventUnhandled.preventUnhandled.stop();
         setState(idleState);
         if (onWidthChange) {
           var cssWidth = +mainHeaderCell.style.getPropertyValue('width').slice(0, -2);

package/dist/cjs/ui/issue-like-table/index.js

@@ -19,11 +19,11 @@ var _reactIntlNext = require("react-intl-next");
 var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _linkingCommon = require("@atlaskit/linking-common");
-var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge");
+var _closestEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge");
 var _reorderWithEdge = require("@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge");
 var _pragmaticDragAndDropReactBeautifulDndAutoscroll = require("@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll");
-var _element = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
-var _combine = require("@atlaskit/pragmatic-drag-and-drop/util/combine");
+var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
+var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -326,7 +326,7 @@ var IssueLikeDataTableView = exports.IssueLikeDataTableView = function IssueLike
     if (!onVisibleColumnKeysChange || !hasData) {
       return;
     }
-    return (0, _combine.combine)((0, _element.monitorForElements)({
+    return (0, _combine.combine)((0, _adapter.monitorForElements)({
       onDragStart: function onDragStart(_ref8) {
         var location = _ref8.location,
           source = _ref8.source;

package/dist/es2019/ui/issue-like-table/draggable-table-heading.js

@@ -3,14 +3,14 @@ import { useEffect, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import ReactDOM from 'react-dom';
 import invariant from 'tiny-invariant';
-import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
-import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-indicator/box-without-terminal';
-import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
-import { cancelUnhandled } from '@atlaskit/pragmatic-drag-and-drop/addon/cancel-unhandled';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/util/combine';
-import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/util/disable-native-drag-preview';
-import { offsetFromPointer } from '@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer';
-import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/util/set-custom-native-drag-preview';
+import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box-without-terminal';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';
+import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview';
+import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
+import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
 import { TableHeading } from './styled';
 import { COLUMN_MIN_WIDTH, getWidthCss } from './utils';
 const verticallyAlignedStyles = css({
@@ -100,7 +100,7 @@ export const DraggableTableHeading = ({
         nativeSetDragImage
       }) {
         setCustomNativeDragPreview({
-          getOffset: offsetFromPointer({
+          getOffset: pointerOutsideOfPreview({
             x: '18px',
             y: '18px'
           }),
@@ -219,7 +219,7 @@ export const DraggableTableHeading = ({
           nativeSetDragImage
         });
         // Block drag operations outside `@atlaskit/pragmatic-drag-and-drop`
-        cancelUnhandled.start();
+        preventUnhandled.start();
         setState({
           type: 'resizing',
           initialWidth: width
@@ -241,7 +241,7 @@ export const DraggableTableHeading = ({
         mainHeaderCell.style.setProperty('width', `${proposedWidth}px`);
       },
       onDrop() {
-        cancelUnhandled.stop();
+        preventUnhandled.stop();
         setState(idleState);
         if (onWidthChange) {
           let cssWidth = +mainHeaderCell.style.getPropertyValue('width').slice(0, -2);

package/dist/es2019/ui/issue-like-table/index.js

@@ -7,11 +7,11 @@ import { useIntl } from 'react-intl-next';
 import invariant from 'tiny-invariant';
 import Heading from '@atlaskit/heading';
 import { Skeleton } from '@atlaskit/linking-common';
-import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
+import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import { reorderWithEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge';
 import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll';
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/util/combine';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { Flex } from '@atlaskit/primitives';
 import { N40 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';

package/dist/esm/ui/issue-like-table/draggable-table-heading.js

@@ -7,14 +7,14 @@ import { useEffect, useRef, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import ReactDOM from 'react-dom';
 import invariant from 'tiny-invariant';
-import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
-import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-indicator/box-without-terminal';
-import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
-import { cancelUnhandled } from '@atlaskit/pragmatic-drag-and-drop/addon/cancel-unhandled';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/util/combine';
-import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/util/disable-native-drag-preview';
-import { offsetFromPointer } from '@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer';
-import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/util/set-custom-native-drag-preview';
+import { attachClosestEdge, extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
+import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box-without-terminal';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { draggable, dropTargetForElements, monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+import { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';
+import { pointerOutsideOfPreview } from '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview';
+import { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';
+import { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';
 import { TableHeading } from './styled';
 import { COLUMN_MIN_WIDTH, getWidthCss } from './utils';
 var verticallyAlignedStyles = css({
@@ -111,7 +111,7 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref) {
       onGenerateDragPreview: function onGenerateDragPreview(_ref2) {
         var nativeSetDragImage = _ref2.nativeSetDragImage;
         setCustomNativeDragPreview({
-          getOffset: offsetFromPointer({
+          getOffset: pointerOutsideOfPreview({
             x: '18px',
             y: '18px'
           }),
@@ -228,7 +228,7 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref) {
           nativeSetDragImage: nativeSetDragImage
         });
         // Block drag operations outside `@atlaskit/pragmatic-drag-and-drop`
-        cancelUnhandled.start();
+        preventUnhandled.start();
         setState({
           type: 'resizing',
           initialWidth: width
@@ -247,7 +247,7 @@ export var DraggableTableHeading = function DraggableTableHeading(_ref) {
         mainHeaderCell.style.setProperty('width', "".concat(proposedWidth, "px"));
       },
       onDrop: function onDrop() {
-        cancelUnhandled.stop();
+        preventUnhandled.stop();
         setState(idleState);
         if (onWidthChange) {
           var cssWidth = +mainHeaderCell.style.getPropertyValue('width').slice(0, -2);

package/dist/esm/ui/issue-like-table/index.js

@@ -16,11 +16,11 @@ import { useIntl } from 'react-intl-next';
 import invariant from 'tiny-invariant';
 import Heading from '@atlaskit/heading';
 import { Skeleton } from '@atlaskit/linking-common';
-import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge';
+import { extractClosestEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
 import { reorderWithEdge } from '@atlaskit/pragmatic-drag-and-drop-hitbox/util/reorder-with-edge';
 import { autoScroller } from '@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll';
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/adapter/element';
-import { combine } from '@atlaskit/pragmatic-drag-and-drop/util/combine';
+import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
+import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { Flex } from '@atlaskit/primitives';
 import { N40 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-datasource",
-  "version": "1.22.6",
+  "version": "1.22.7",
   "description": "UI Components to support linking platform dataset feature",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
     "@atlaskit/empty-state": "^7.7.0",
     "@atlaskit/form": "^9.0.3",
     "@atlaskit/heading": "^1.6.0",
-    "@atlaskit/icon": "^22.0.0",
+    "@atlaskit/icon": "^22.1.0",
     "@atlaskit/icon-object": "^6.3.0",
     "@atlaskit/image": "^1.1.0",
     "@atlaskit/intl-messages-provider": "^1.0.0",
@@ -55,11 +55,11 @@
     "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.5",
     "@atlaskit/platform-feature-flags": "^0.2.4",
-    "@atlaskit/pragmatic-drag-and-drop": "^0.25.0",
-    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^0.12.0",
-    "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^0.6.0",
-    "@atlaskit/pragmatic-drag-and-drop-react-indicator": "^0.18.0",
-    "@atlaskit/primitives": "^2.0.0",
+    "@atlaskit/pragmatic-drag-and-drop": "^1.0.0",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.0",
+    "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-autoscroll": "^1.0.0",
+    "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.0.0",
+    "@atlaskit/primitives": "^2.1.0",
     "@atlaskit/select": "^17.1.0",
     "@atlaskit/smart-card": "^26.47.0",
     "@atlaskit/spinner": "^16.0.0",