@atlaskit/codemod-cli 0.19.0 → 0.20.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/codemod-cli
 
+## 0.20.0
+
+### Minor Changes
+
+- [#70616](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70616) [`533c86673290`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/533c86673290) - Adding a new pattern for upgrading Pragmatic drag and drop consumers to `1.0`
+
+  Pattern name: `"upgrade-pragmatic-drag-and-drop-to-stable"`
+
 ## 0.19.0
 
 ### Minor Changes

package/dist/cjs/main.js

@@ -305,7 +305,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context5.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.19.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.20.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
           logger.log(_chalk.default.bgBlue(_chalk.default.black("\uD83D\uDCDA Atlassian-Frontend codemod library @ ".concat(_PACKAGE_VERSION_, " \uD83D\uDCDA"))));
           if (packages && packages.length > 0) {
             logger.log(_chalk.default.gray("Searching for codemods for newer versions of the following packages: ".concat(packages.map(function (pkg) {

package/dist/cjs/presets/index.js

@@ -9,12 +9,13 @@ var _path = _interopRequireDefault(require("path"));
 require("./styled-to-emotion/styled-to-emotion");
 require("./theme-remove-deprecated-mixins/theme-remove-deprecated-mixins");
 require("./migrate-to-new-buttons/migrate-to-new-buttons");
+require("./upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable");
 /**
  * Manually import presets to make sure typescript includes them
  * in the final bundle.
  */
 
-var presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-new-buttons'].map(function (preset) {
+var presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-new-buttons', 'upgrade-pragmatic-drag-and-drop-to-stable'].map(function (preset) {
   return _path.default.join(__dirname, preset, "".concat(preset, ".@(ts|js|tsx)"));
 });
 var _default = exports.default = presets;

package/dist/cjs/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/auto-scroll.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateAutoScroll = updateAutoScroll;
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var scenarios = [{
+  existing: {
+    importPath: '@atlaskit/pragmatic-drag-and-drop-auto-scroll/file',
+    namedImport: 'autoScrollForFiles'
+  },
+  updated: {
+    importPath: '@atlaskit/pragmatic-drag-and-drop-auto-scroll/external',
+    namedImport: 'autoScrollForExternal'
+  }
+}, {
+  existing: {
+    importPath: '@atlaskit/pragmatic-drag-and-drop-auto-scroll/unsafe-overflow/file',
+    namedImport: 'unsafeOverflowAutoScrollForFiles'
+  },
+  updated: {
+    importPath: '@atlaskit/pragmatic-drag-and-drop-auto-scroll/unsafe-overflow/external',
+    namedImport: 'unsafeOverflowAutoScrollForExternal'
+  }
+}];
+function updateAutoScroll(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+  var changed = false;
+  var _iterator = _createForOfIteratorHelper(scenarios),
+    _step;
+  try {
+    var _loop = function _loop() {
+      var scenario = _step.value;
+      var isUsingImport = root.find(j.ImportDeclaration).some(function (path) {
+        return path.node.source.value === scenario.existing.importPath;
+      });
+
+      // move on to the next scenario
+      if (!isUsingImport) {
+        return 1; // continue
+      }
+      changed = true;
+
+      // replace old import path with new import path
+      root.find(j.ImportDeclaration).filter(function (path) {
+        return path.node.source.value === scenario.existing.importPath;
+      })
+      // replace import
+      .map(function (path) {
+        path.node.source.value = scenario.updated.importPath;
+        return path;
+      });
+
+      // replace old named import and usages with new one
+      root.find(j.Identifier).filter(function (path) {
+        return path.value.name === scenario.existing.namedImport;
+      }).replaceWith(j.identifier(scenario.updated.namedImport));
+    };
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      if (_loop()) continue;
+    }
+
+    // Don't format the file if we are not changing anything
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  if (!changed) {
+    return file.source;
+  }
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/cjs/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/element-adapter-types.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shiftCanMonitorArgType = shiftCanMonitorArgType;
+var newImport = '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+function shiftCanMonitorArgType(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+  var isUsingImport = root.find(j.ImportDeclaration).some(function (path) {
+    return path.node.source.value === newImport;
+  });
+
+  // don't change the file if we don't need to
+  if (!isUsingImport) {
+    return file.source;
+  }
+
+  // replace old named import and usages with new one
+  root.find(j.Identifier).filter(function (path) {
+    return path.value.name === 'ElementMonitorCanMonitorArgs';
+  }).replaceWith(j.identifier('ElementMonitorGetFeedbackArgs'));
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/cjs/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/external-adapter.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.moveFromFileAdapterToExternalAdapter = moveFromFileAdapterToExternalAdapter;
+exports.pleaseMigrateMessage = void 0;
+var _codemodUtils = require("@atlaskit/codemod-utils");
+var pleaseMigrateMessage = exports.pleaseMigrateMessage = "\n  The file adapter has been replaced by a new (more powerful) external adapter.\n  Please see our external adapter documentation on how to migrate your file adapter usage.\n\n  We have also included \"containsFiles()\" as an import in this file as it is helpful to\n  restrict your monitors and drop targets to only be for files.\n\n  We have also included \"getFiles()\" as an import as it is a helpful way to extract the files\n  from a drag operation\n\n  dropTargetForExternal({\n    canDrop: containsFiles,\n    onDrop({source}) {\n      const files = getFiles({source});\n    }\n  });\n\n  monitorForExternal({\n    canMonitor: containsFiles,\n    onDrop({source}) {\n      const files = getFiles({source});\n    }\n  });\n\n  - [1.0 upgrade documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/changelog)\n  - [external adapter documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/adapters/external)\n  - [file usage documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/adapters/external/files)\n";
+var oldImportPath = '@atlaskit/pragmatic-drag-and-drop/adapter/file';
+var newImportPath = '@atlaskit/pragmatic-drag-and-drop/external/adapter';
+function moveFromFileAdapterToExternalAdapter(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+  var isUsingFileAdapter = root.find(j.ImportDeclaration).some(function (path) {
+    return path.node.source.value === oldImportPath;
+  });
+  if (!isUsingFileAdapter) {
+    return file.source;
+  }
+
+  // replace old import path with new import path
+  root.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === oldImportPath;
+  })
+  // replace import
+  .map(function (path) {
+    path.node.source.value = newImportPath;
+    return path;
+  })
+  // Add an import for 'containsFiles()' and `getFiles()` as likely this file will need it
+  .insertAfter(j.importDeclaration([j.importSpecifier(j.identifier('containsFiles')), j.importSpecifier(j.identifier('getFiles'))], j.literal('@atlaskit/pragmatic-drag-and-drop/external/file')));
+
+  // update usages of `monitorForFiles` and `dropTargetForFiles`
+  root.find(j.Identifier).filter(function (path) {
+    return path.value.name === 'monitorForFiles';
+  }).replaceWith(j.identifier('monitorForExternal'));
+  root.find(j.Identifier).filter(function (path) {
+    return path.value.name === 'dropTargetForFiles';
+  }).replaceWith(j.identifier('dropTargetForExternal'));
+
+  // add comment to the start of the file
+  (0, _codemodUtils.addCommentToStartOfFile)({
+    j: j,
+    base: root,
+    message: pleaseMigrateMessage
+  });
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/cjs/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/move-to-react-drop-indicator.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.moveToReactDropIndicator = moveToReactDropIndicator;
+var oldPackagePath = '@atlaskit/pragmatic-drag-and-drop-react-indicator';
+var newPackagePath = '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator';
+function isString(value) {
+  return typeof value === 'string';
+}
+function isOldPackagePath(value) {
+  return isString(value) && value.startsWith(oldPackagePath);
+}
+function moveToReactDropIndicator(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+  var isUsingImport = root.find(j.ImportDeclaration).some(function (path) {
+    return isOldPackagePath(path.node.source.value);
+  });
+
+  // Don't format the file if we are not changing anything
+  if (!isUsingImport) {
+    return file.source;
+  }
+
+  // replace imports
+  root.find(j.ImportDeclaration).forEach(function (path) {
+    var value = path.node.source.value;
+    if (isString(value) && isOldPackagePath(path.node.source.value)) {
+      path.node.source.value = value.replace(oldPackagePath, newPackagePath);
+    }
+  });
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/cjs/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/pointer-outside-of-preview.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shiftToPointerOutsideOfPreview = shiftToPointerOutsideOfPreview;
+var paths = {
+  current: '@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer',
+  next: '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview'
+};
+function shiftToPointerOutsideOfPreview(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+  var isUsingImport = root.find(j.ImportDeclaration).some(function (path) {
+    return path.node.source.value === paths.current;
+  });
+
+  // don't change the file if we don't need to
+  if (!isUsingImport) {
+    return file.source;
+  }
+
+  // replace old import path with new import path
+  root.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === paths.current;
+  })
+  // replace import
+  .map(function (path) {
+    path.node.source.value = paths.next;
+    return path;
+  });
+
+  // replace old named import and usages with new one
+  root.find(j.Identifier).filter(function (path) {
+    return path.value.name === 'offsetFromPointer';
+  }).replaceWith(j.identifier('pointerOutsideOfPreview'));
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/cjs/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/prevent-unhandled.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shiftToPreventUnhandled = shiftToPreventUnhandled;
+var paths = {
+  current: '@atlaskit/pragmatic-drag-and-drop/addon/cancel-unhandled',
+  next: '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled'
+};
+function shiftToPreventUnhandled(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+  var isUsingImport = root.find(j.ImportDeclaration).some(function (path) {
+    return path.node.source.value === paths.current;
+  });
+
+  // don't change the file if we don't need to
+  if (!isUsingImport) {
+    return file.source;
+  }
+
+  // replace old import path with new import path
+  root.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === paths.current;
+  })
+  // replace import
+  .map(function (path) {
+    path.node.source.value = paths.next;
+    return path;
+  });
+
+  // replace old named import and usages with new one
+  root.find(j.Identifier).filter(function (path) {
+    return path.value.name === 'cancelUnhandled';
+  }).replaceWith(j.identifier('preventUnhandled'));
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/cjs/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/update-safe-imports.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateSafeImports = updateSafeImports;
+var importMap = {
+  // core package
+  '@atlaskit/pragmatic-drag-and-drop/adapter/element': '@atlaskit/pragmatic-drag-and-drop/element/adapter',
+  '@atlaskit/pragmatic-drag-and-drop/util/set-custom-native-drag-preview': '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview',
+  '@atlaskit/pragmatic-drag-and-drop/util/center-under-pointer': '@atlaskit/pragmatic-drag-and-drop/element/center-under-pointer',
+  '@atlaskit/pragmatic-drag-and-drop/util/preserve-offset-on-source': '@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source',
+  '@atlaskit/pragmatic-drag-and-drop/util/disable-native-drag-preview': '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview',
+  '@atlaskit/pragmatic-drag-and-drop/util/scroll-just-enough-into-view': '@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view',
+  '@atlaskit/pragmatic-drag-and-drop/util/combine': '@atlaskit/pragmatic-drag-and-drop/combine',
+  '@atlaskit/pragmatic-drag-and-drop/util/once': '@atlaskit/pragmatic-drag-and-drop/once',
+  '@atlaskit/pragmatic-drag-and-drop/util/reorder': '@atlaskit/pragmatic-drag-and-drop/reorder',
+  // hitbox package
+  '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge': '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge'
+
+  // Doing cancel-unhandled in it's own transformer as the name is changing too
+  // '@atlaskit/pragmatic-drag-and-drop/addon/cancel-unhandled':
+  //   '@atlaskit/pragmatic-drag-and-drop/cancel-unhandled',
+  // We are doing the name update in another transform
+  // '@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer':
+  //   '@atlaskit/pragmatic-drag-and-drop/element/offset-from-pointer',
+};
+
+function updateSafeImports(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+
+  // avoiding reformatting the file if we are not changing anything
+  var changed = false;
+  root.find(j.ImportDeclaration).forEach(function (path) {
+    var importPath = path.node.source.value;
+    if (typeof importPath === 'string' && importMap[importPath]) {
+      changed = true;
+      path.node.source.value = importMap[importPath];
+    }
+  });
+  if (!changed) {
+    return file.source;
+  }
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/cjs/presets/upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _updateSafeImports = require("./transformers/update-safe-imports");
+var _externalAdapter = require("./transformers/external-adapter");
+var _moveToReactDropIndicator = require("./transformers/move-to-react-drop-indicator");
+var _autoScroll = require("./transformers/auto-scroll");
+var _pointerOutsideOfPreview = require("./transformers/pointer-outside-of-preview");
+var _preventUnhandled = require("./transformers/prevent-unhandled");
+var _elementAdapterTypes = require("./transformers/element-adapter-types");
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var transformers = [_updateSafeImports.updateSafeImports, _externalAdapter.moveFromFileAdapterToExternalAdapter, _moveToReactDropIndicator.moveToReactDropIndicator, _autoScroll.updateAutoScroll, _pointerOutsideOfPreview.shiftToPointerOutsideOfPreview, _preventUnhandled.shiftToPreventUnhandled, _elementAdapterTypes.shiftCanMonitorArgType];
+function transformer(file, api) {
+  var source = file.source;
+  var _iterator = _createForOfIteratorHelper(transformers),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var fn = _step.value;
+      var updated = _objectSpread(_objectSpread({}, file), {}, {
+        source: source
+      });
+      source = fn(updated, api);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return source;
+}

package/dist/es2019/presets/index.js

@@ -7,5 +7,6 @@ import path from 'path';
 import './styled-to-emotion/styled-to-emotion';
 import './theme-remove-deprecated-mixins/theme-remove-deprecated-mixins';
 import './migrate-to-new-buttons/migrate-to-new-buttons';
-const presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-new-buttons'].map(preset => path.join(__dirname, preset, `${preset}.@(ts|js|tsx)`));
+import './upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable';
+const presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-new-buttons', 'upgrade-pragmatic-drag-and-drop-to-stable'].map(preset => path.join(__dirname, preset, `${preset}.@(ts|js|tsx)`));
 export default presets;

package/dist/es2019/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/auto-scroll.js

@@ -0,0 +1,52 @@
+const scenarios = [{
+  existing: {
+    importPath: '@atlaskit/pragmatic-drag-and-drop-auto-scroll/file',
+    namedImport: 'autoScrollForFiles'
+  },
+  updated: {
+    importPath: '@atlaskit/pragmatic-drag-and-drop-auto-scroll/external',
+    namedImport: 'autoScrollForExternal'
+  }
+}, {
+  existing: {
+    importPath: '@atlaskit/pragmatic-drag-and-drop-auto-scroll/unsafe-overflow/file',
+    namedImport: 'unsafeOverflowAutoScrollForFiles'
+  },
+  updated: {
+    importPath: '@atlaskit/pragmatic-drag-and-drop-auto-scroll/unsafe-overflow/external',
+    namedImport: 'unsafeOverflowAutoScrollForExternal'
+  }
+}];
+export function updateAutoScroll(file, api) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  let changed = false;
+  for (const scenario of scenarios) {
+    const isUsingImport = root.find(j.ImportDeclaration).some(path => path.node.source.value === scenario.existing.importPath);
+
+    // move on to the next scenario
+    if (!isUsingImport) {
+      continue;
+    }
+    changed = true;
+
+    // replace old import path with new import path
+    root.find(j.ImportDeclaration).filter(path => path.node.source.value === scenario.existing.importPath)
+    // replace import
+    .map(path => {
+      path.node.source.value = scenario.updated.importPath;
+      return path;
+    });
+
+    // replace old named import and usages with new one
+    root.find(j.Identifier).filter(path => path.value.name === scenario.existing.namedImport).replaceWith(j.identifier(scenario.updated.namedImport));
+  }
+
+  // Don't format the file if we are not changing anything
+  if (!changed) {
+    return file.source;
+  }
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/es2019/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/element-adapter-types.js

@@ -0,0 +1,17 @@
+const newImport = '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+export function shiftCanMonitorArgType(file, api) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const isUsingImport = root.find(j.ImportDeclaration).some(path => path.node.source.value === newImport);
+
+  // don't change the file if we don't need to
+  if (!isUsingImport) {
+    return file.source;
+  }
+
+  // replace old named import and usages with new one
+  root.find(j.Identifier).filter(path => path.value.name === 'ElementMonitorCanMonitorArgs').replaceWith(j.identifier('ElementMonitorGetFeedbackArgs'));
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/es2019/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/external-adapter.js

@@ -0,0 +1,63 @@
+import { addCommentToStartOfFile } from '@atlaskit/codemod-utils';
+export const pleaseMigrateMessage = `
+  The file adapter has been replaced by a new (more powerful) external adapter.
+  Please see our external adapter documentation on how to migrate your file adapter usage.
+
+  We have also included "containsFiles()" as an import in this file as it is helpful to
+  restrict your monitors and drop targets to only be for files.
+
+  We have also included "getFiles()" as an import as it is a helpful way to extract the files
+  from a drag operation
+
+  dropTargetForExternal({
+    canDrop: containsFiles,
+    onDrop({source}) {
+      const files = getFiles({source});
+    }
+  });
+
+  monitorForExternal({
+    canMonitor: containsFiles,
+    onDrop({source}) {
+      const files = getFiles({source});
+    }
+  });
+
+  - [1.0 upgrade documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/changelog)
+  - [external adapter documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/adapters/external)
+  - [file usage documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/adapters/external/files)
+`;
+const oldImportPath = '@atlaskit/pragmatic-drag-and-drop/adapter/file';
+const newImportPath = '@atlaskit/pragmatic-drag-and-drop/external/adapter';
+export function moveFromFileAdapterToExternalAdapter(file, api) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const isUsingFileAdapter = root.find(j.ImportDeclaration).some(path => path.node.source.value === oldImportPath);
+  if (!isUsingFileAdapter) {
+    return file.source;
+  }
+
+  // replace old import path with new import path
+  root.find(j.ImportDeclaration).filter(path => path.node.source.value === oldImportPath)
+  // replace import
+  .map(path => {
+    path.node.source.value = newImportPath;
+    return path;
+  })
+  // Add an import for 'containsFiles()' and `getFiles()` as likely this file will need it
+  .insertAfter(j.importDeclaration([j.importSpecifier(j.identifier('containsFiles')), j.importSpecifier(j.identifier('getFiles'))], j.literal('@atlaskit/pragmatic-drag-and-drop/external/file')));
+
+  // update usages of `monitorForFiles` and `dropTargetForFiles`
+  root.find(j.Identifier).filter(path => path.value.name === 'monitorForFiles').replaceWith(j.identifier('monitorForExternal'));
+  root.find(j.Identifier).filter(path => path.value.name === 'dropTargetForFiles').replaceWith(j.identifier('dropTargetForExternal'));
+
+  // add comment to the start of the file
+  addCommentToStartOfFile({
+    j,
+    base: root,
+    message: pleaseMigrateMessage
+  });
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/es2019/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/move-to-react-drop-indicator.js

@@ -0,0 +1,31 @@
+const oldPackagePath = '@atlaskit/pragmatic-drag-and-drop-react-indicator';
+const newPackagePath = '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator';
+function isString(value) {
+  return typeof value === 'string';
+}
+function isOldPackagePath(value) {
+  return isString(value) && value.startsWith(oldPackagePath);
+}
+export function moveToReactDropIndicator(file, api) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const isUsingImport = root.find(j.ImportDeclaration).some(path => isOldPackagePath(path.node.source.value));
+
+  // Don't format the file if we are not changing anything
+  if (!isUsingImport) {
+    return file.source;
+  }
+
+  // replace imports
+  root.find(j.ImportDeclaration).forEach(path => {
+    const {
+      value
+    } = path.node.source;
+    if (isString(value) && isOldPackagePath(path.node.source.value)) {
+      path.node.source.value = value.replace(oldPackagePath, newPackagePath);
+    }
+  });
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/es2019/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/pointer-outside-of-preview.js

@@ -0,0 +1,28 @@
+const paths = {
+  current: '@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer',
+  next: '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview'
+};
+export function shiftToPointerOutsideOfPreview(file, api) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const isUsingImport = root.find(j.ImportDeclaration).some(path => path.node.source.value === paths.current);
+
+  // don't change the file if we don't need to
+  if (!isUsingImport) {
+    return file.source;
+  }
+
+  // replace old import path with new import path
+  root.find(j.ImportDeclaration).filter(path => path.node.source.value === paths.current)
+  // replace import
+  .map(path => {
+    path.node.source.value = paths.next;
+    return path;
+  });
+
+  // replace old named import and usages with new one
+  root.find(j.Identifier).filter(path => path.value.name === 'offsetFromPointer').replaceWith(j.identifier('pointerOutsideOfPreview'));
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/es2019/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/prevent-unhandled.js

@@ -0,0 +1,28 @@
+const paths = {
+  current: '@atlaskit/pragmatic-drag-and-drop/addon/cancel-unhandled',
+  next: '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled'
+};
+export function shiftToPreventUnhandled(file, api) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const isUsingImport = root.find(j.ImportDeclaration).some(path => path.node.source.value === paths.current);
+
+  // don't change the file if we don't need to
+  if (!isUsingImport) {
+    return file.source;
+  }
+
+  // replace old import path with new import path
+  root.find(j.ImportDeclaration).filter(path => path.node.source.value === paths.current)
+  // replace import
+  .map(path => {
+    path.node.source.value = paths.next;
+    return path;
+  });
+
+  // replace old named import and usages with new one
+  root.find(j.Identifier).filter(path => path.value.name === 'cancelUnhandled').replaceWith(j.identifier('preventUnhandled'));
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/es2019/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/update-safe-imports.js

@@ -0,0 +1,42 @@
+const importMap = {
+  // core package
+  '@atlaskit/pragmatic-drag-and-drop/adapter/element': '@atlaskit/pragmatic-drag-and-drop/element/adapter',
+  '@atlaskit/pragmatic-drag-and-drop/util/set-custom-native-drag-preview': '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview',
+  '@atlaskit/pragmatic-drag-and-drop/util/center-under-pointer': '@atlaskit/pragmatic-drag-and-drop/element/center-under-pointer',
+  '@atlaskit/pragmatic-drag-and-drop/util/preserve-offset-on-source': '@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source',
+  '@atlaskit/pragmatic-drag-and-drop/util/disable-native-drag-preview': '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview',
+  '@atlaskit/pragmatic-drag-and-drop/util/scroll-just-enough-into-view': '@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view',
+  '@atlaskit/pragmatic-drag-and-drop/util/combine': '@atlaskit/pragmatic-drag-and-drop/combine',
+  '@atlaskit/pragmatic-drag-and-drop/util/once': '@atlaskit/pragmatic-drag-and-drop/once',
+  '@atlaskit/pragmatic-drag-and-drop/util/reorder': '@atlaskit/pragmatic-drag-and-drop/reorder',
+  // hitbox package
+  '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge': '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge'
+
+  // Doing cancel-unhandled in it's own transformer as the name is changing too
+  // '@atlaskit/pragmatic-drag-and-drop/addon/cancel-unhandled':
+  //   '@atlaskit/pragmatic-drag-and-drop/cancel-unhandled',
+  // We are doing the name update in another transform
+  // '@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer':
+  //   '@atlaskit/pragmatic-drag-and-drop/element/offset-from-pointer',
+};
+
+export function updateSafeImports(file, api) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+
+  // avoiding reformatting the file if we are not changing anything
+  let changed = false;
+  root.find(j.ImportDeclaration).forEach(path => {
+    const importPath = path.node.source.value;
+    if (typeof importPath === 'string' && importMap[importPath]) {
+      changed = true;
+      path.node.source.value = importMap[importPath];
+    }
+  });
+  if (!changed) {
+    return file.source;
+  }
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/es2019/presets/upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable.js

@@ -0,0 +1,19 @@
+import { updateSafeImports } from './transformers/update-safe-imports';
+import { moveFromFileAdapterToExternalAdapter } from './transformers/external-adapter';
+import { moveToReactDropIndicator } from './transformers/move-to-react-drop-indicator';
+import { updateAutoScroll } from './transformers/auto-scroll';
+import { shiftToPointerOutsideOfPreview } from './transformers/pointer-outside-of-preview';
+import { shiftToPreventUnhandled } from './transformers/prevent-unhandled';
+import { shiftCanMonitorArgType } from './transformers/element-adapter-types';
+const transformers = [updateSafeImports, moveFromFileAdapterToExternalAdapter, moveToReactDropIndicator, updateAutoScroll, shiftToPointerOutsideOfPreview, shiftToPreventUnhandled, shiftCanMonitorArgType];
+export default function transformer(file, api) {
+  let source = file.source;
+  for (const fn of transformers) {
+    const updated = {
+      ...file,
+      source
+    };
+    source = fn(updated, api);
+  }
+  return source;
+}

package/dist/esm/main.js

@@ -298,7 +298,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context5.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.19.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.20.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
           logger.log(chalk.bgBlue(chalk.black("\uD83D\uDCDA Atlassian-Frontend codemod library @ ".concat(_PACKAGE_VERSION_, " \uD83D\uDCDA"))));
           if (packages && packages.length > 0) {
             logger.log(chalk.gray("Searching for codemods for newer versions of the following packages: ".concat(packages.map(function (pkg) {

package/dist/esm/presets/index.js

@@ -7,7 +7,8 @@ import path from 'path';
 import './styled-to-emotion/styled-to-emotion';
 import './theme-remove-deprecated-mixins/theme-remove-deprecated-mixins';
 import './migrate-to-new-buttons/migrate-to-new-buttons';
-var presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-new-buttons'].map(function (preset) {
+import './upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable';
+var presets = ['styled-to-emotion', 'theme-remove-deprecated-mixins', 'migrate-to-new-buttons', 'upgrade-pragmatic-drag-and-drop-to-stable'].map(function (preset) {
   return path.join(__dirname, preset, "".concat(preset, ".@(ts|js|tsx)"));
 });
 export default presets;

package/dist/esm/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/auto-scroll.js

@@ -0,0 +1,73 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var scenarios = [{
+  existing: {
+    importPath: '@atlaskit/pragmatic-drag-and-drop-auto-scroll/file',
+    namedImport: 'autoScrollForFiles'
+  },
+  updated: {
+    importPath: '@atlaskit/pragmatic-drag-and-drop-auto-scroll/external',
+    namedImport: 'autoScrollForExternal'
+  }
+}, {
+  existing: {
+    importPath: '@atlaskit/pragmatic-drag-and-drop-auto-scroll/unsafe-overflow/file',
+    namedImport: 'unsafeOverflowAutoScrollForFiles'
+  },
+  updated: {
+    importPath: '@atlaskit/pragmatic-drag-and-drop-auto-scroll/unsafe-overflow/external',
+    namedImport: 'unsafeOverflowAutoScrollForExternal'
+  }
+}];
+export function updateAutoScroll(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+  var changed = false;
+  var _iterator = _createForOfIteratorHelper(scenarios),
+    _step;
+  try {
+    var _loop = function _loop() {
+      var scenario = _step.value;
+      var isUsingImport = root.find(j.ImportDeclaration).some(function (path) {
+        return path.node.source.value === scenario.existing.importPath;
+      });
+
+      // move on to the next scenario
+      if (!isUsingImport) {
+        return 1; // continue
+      }
+      changed = true;
+
+      // replace old import path with new import path
+      root.find(j.ImportDeclaration).filter(function (path) {
+        return path.node.source.value === scenario.existing.importPath;
+      })
+      // replace import
+      .map(function (path) {
+        path.node.source.value = scenario.updated.importPath;
+        return path;
+      });
+
+      // replace old named import and usages with new one
+      root.find(j.Identifier).filter(function (path) {
+        return path.value.name === scenario.existing.namedImport;
+      }).replaceWith(j.identifier(scenario.updated.namedImport));
+    };
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      if (_loop()) continue;
+    }
+
+    // Don't format the file if we are not changing anything
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  if (!changed) {
+    return file.source;
+  }
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/esm/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/element-adapter-types.js

@@ -0,0 +1,21 @@
+var newImport = '@atlaskit/pragmatic-drag-and-drop/element/adapter';
+export function shiftCanMonitorArgType(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+  var isUsingImport = root.find(j.ImportDeclaration).some(function (path) {
+    return path.node.source.value === newImport;
+  });
+
+  // don't change the file if we don't need to
+  if (!isUsingImport) {
+    return file.source;
+  }
+
+  // replace old named import and usages with new one
+  root.find(j.Identifier).filter(function (path) {
+    return path.value.name === 'ElementMonitorCanMonitorArgs';
+  }).replaceWith(j.identifier('ElementMonitorGetFeedbackArgs'));
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/esm/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/external-adapter.js

@@ -0,0 +1,44 @@
+import { addCommentToStartOfFile } from '@atlaskit/codemod-utils';
+export var pleaseMigrateMessage = "\n  The file adapter has been replaced by a new (more powerful) external adapter.\n  Please see our external adapter documentation on how to migrate your file adapter usage.\n\n  We have also included \"containsFiles()\" as an import in this file as it is helpful to\n  restrict your monitors and drop targets to only be for files.\n\n  We have also included \"getFiles()\" as an import as it is a helpful way to extract the files\n  from a drag operation\n\n  dropTargetForExternal({\n    canDrop: containsFiles,\n    onDrop({source}) {\n      const files = getFiles({source});\n    }\n  });\n\n  monitorForExternal({\n    canMonitor: containsFiles,\n    onDrop({source}) {\n      const files = getFiles({source});\n    }\n  });\n\n  - [1.0 upgrade documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/changelog)\n  - [external adapter documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/adapters/external)\n  - [file usage documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/adapters/external/files)\n";
+var oldImportPath = '@atlaskit/pragmatic-drag-and-drop/adapter/file';
+var newImportPath = '@atlaskit/pragmatic-drag-and-drop/external/adapter';
+export function moveFromFileAdapterToExternalAdapter(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+  var isUsingFileAdapter = root.find(j.ImportDeclaration).some(function (path) {
+    return path.node.source.value === oldImportPath;
+  });
+  if (!isUsingFileAdapter) {
+    return file.source;
+  }
+
+  // replace old import path with new import path
+  root.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === oldImportPath;
+  })
+  // replace import
+  .map(function (path) {
+    path.node.source.value = newImportPath;
+    return path;
+  })
+  // Add an import for 'containsFiles()' and `getFiles()` as likely this file will need it
+  .insertAfter(j.importDeclaration([j.importSpecifier(j.identifier('containsFiles')), j.importSpecifier(j.identifier('getFiles'))], j.literal('@atlaskit/pragmatic-drag-and-drop/external/file')));
+
+  // update usages of `monitorForFiles` and `dropTargetForFiles`
+  root.find(j.Identifier).filter(function (path) {
+    return path.value.name === 'monitorForFiles';
+  }).replaceWith(j.identifier('monitorForExternal'));
+  root.find(j.Identifier).filter(function (path) {
+    return path.value.name === 'dropTargetForFiles';
+  }).replaceWith(j.identifier('dropTargetForExternal'));
+
+  // add comment to the start of the file
+  addCommentToStartOfFile({
+    j: j,
+    base: root,
+    message: pleaseMigrateMessage
+  });
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/esm/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/move-to-react-drop-indicator.js

@@ -0,0 +1,31 @@
+var oldPackagePath = '@atlaskit/pragmatic-drag-and-drop-react-indicator';
+var newPackagePath = '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator';
+function isString(value) {
+  return typeof value === 'string';
+}
+function isOldPackagePath(value) {
+  return isString(value) && value.startsWith(oldPackagePath);
+}
+export function moveToReactDropIndicator(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+  var isUsingImport = root.find(j.ImportDeclaration).some(function (path) {
+    return isOldPackagePath(path.node.source.value);
+  });
+
+  // Don't format the file if we are not changing anything
+  if (!isUsingImport) {
+    return file.source;
+  }
+
+  // replace imports
+  root.find(j.ImportDeclaration).forEach(function (path) {
+    var value = path.node.source.value;
+    if (isString(value) && isOldPackagePath(path.node.source.value)) {
+      path.node.source.value = value.replace(oldPackagePath, newPackagePath);
+    }
+  });
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/esm/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/pointer-outside-of-preview.js

@@ -0,0 +1,34 @@
+var paths = {
+  current: '@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer',
+  next: '@atlaskit/pragmatic-drag-and-drop/element/pointer-outside-of-preview'
+};
+export function shiftToPointerOutsideOfPreview(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+  var isUsingImport = root.find(j.ImportDeclaration).some(function (path) {
+    return path.node.source.value === paths.current;
+  });
+
+  // don't change the file if we don't need to
+  if (!isUsingImport) {
+    return file.source;
+  }
+
+  // replace old import path with new import path
+  root.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === paths.current;
+  })
+  // replace import
+  .map(function (path) {
+    path.node.source.value = paths.next;
+    return path;
+  });
+
+  // replace old named import and usages with new one
+  root.find(j.Identifier).filter(function (path) {
+    return path.value.name === 'offsetFromPointer';
+  }).replaceWith(j.identifier('pointerOutsideOfPreview'));
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/esm/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/prevent-unhandled.js

@@ -0,0 +1,34 @@
+var paths = {
+  current: '@atlaskit/pragmatic-drag-and-drop/addon/cancel-unhandled',
+  next: '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled'
+};
+export function shiftToPreventUnhandled(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+  var isUsingImport = root.find(j.ImportDeclaration).some(function (path) {
+    return path.node.source.value === paths.current;
+  });
+
+  // don't change the file if we don't need to
+  if (!isUsingImport) {
+    return file.source;
+  }
+
+  // replace old import path with new import path
+  root.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === paths.current;
+  })
+  // replace import
+  .map(function (path) {
+    path.node.source.value = paths.next;
+    return path;
+  });
+
+  // replace old named import and usages with new one
+  root.find(j.Identifier).filter(function (path) {
+    return path.value.name === 'cancelUnhandled';
+  }).replaceWith(j.identifier('preventUnhandled'));
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/esm/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/update-safe-imports.js

@@ -0,0 +1,42 @@
+var importMap = {
+  // core package
+  '@atlaskit/pragmatic-drag-and-drop/adapter/element': '@atlaskit/pragmatic-drag-and-drop/element/adapter',
+  '@atlaskit/pragmatic-drag-and-drop/util/set-custom-native-drag-preview': '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview',
+  '@atlaskit/pragmatic-drag-and-drop/util/center-under-pointer': '@atlaskit/pragmatic-drag-and-drop/element/center-under-pointer',
+  '@atlaskit/pragmatic-drag-and-drop/util/preserve-offset-on-source': '@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source',
+  '@atlaskit/pragmatic-drag-and-drop/util/disable-native-drag-preview': '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview',
+  '@atlaskit/pragmatic-drag-and-drop/util/scroll-just-enough-into-view': '@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view',
+  '@atlaskit/pragmatic-drag-and-drop/util/combine': '@atlaskit/pragmatic-drag-and-drop/combine',
+  '@atlaskit/pragmatic-drag-and-drop/util/once': '@atlaskit/pragmatic-drag-and-drop/once',
+  '@atlaskit/pragmatic-drag-and-drop/util/reorder': '@atlaskit/pragmatic-drag-and-drop/reorder',
+  // hitbox package
+  '@atlaskit/pragmatic-drag-and-drop-hitbox/addon/closest-edge': '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge'
+
+  // Doing cancel-unhandled in it's own transformer as the name is changing too
+  // '@atlaskit/pragmatic-drag-and-drop/addon/cancel-unhandled':
+  //   '@atlaskit/pragmatic-drag-and-drop/cancel-unhandled',
+  // We are doing the name update in another transform
+  // '@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer':
+  //   '@atlaskit/pragmatic-drag-and-drop/element/offset-from-pointer',
+};
+
+export function updateSafeImports(file, api) {
+  var j = api.jscodeshift;
+  var root = j(file.source);
+
+  // avoiding reformatting the file if we are not changing anything
+  var changed = false;
+  root.find(j.ImportDeclaration).forEach(function (path) {
+    var importPath = path.node.source.value;
+    if (typeof importPath === 'string' && importMap[importPath]) {
+      changed = true;
+      path.node.source.value = importMap[importPath];
+    }
+  });
+  if (!changed) {
+    return file.source;
+  }
+  return root.toSource({
+    quote: 'single'
+  });
+}

package/dist/esm/presets/upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable.js

@@ -0,0 +1,33 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { updateSafeImports } from './transformers/update-safe-imports';
+import { moveFromFileAdapterToExternalAdapter } from './transformers/external-adapter';
+import { moveToReactDropIndicator } from './transformers/move-to-react-drop-indicator';
+import { updateAutoScroll } from './transformers/auto-scroll';
+import { shiftToPointerOutsideOfPreview } from './transformers/pointer-outside-of-preview';
+import { shiftToPreventUnhandled } from './transformers/prevent-unhandled';
+import { shiftCanMonitorArgType } from './transformers/element-adapter-types';
+var transformers = [updateSafeImports, moveFromFileAdapterToExternalAdapter, moveToReactDropIndicator, updateAutoScroll, shiftToPointerOutsideOfPreview, shiftToPreventUnhandled, shiftCanMonitorArgType];
+export default function transformer(file, api) {
+  var source = file.source;
+  var _iterator = _createForOfIteratorHelper(transformers),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var fn = _step.value;
+      var updated = _objectSpread(_objectSpread({}, file), {}, {
+        source: source
+      });
+      source = fn(updated, api);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return source;
+}

package/dist/types/presets/index.d.ts

@@ -5,5 +5,6 @@
 import './styled-to-emotion/styled-to-emotion';
 import './theme-remove-deprecated-mixins/theme-remove-deprecated-mixins';
 import './migrate-to-new-buttons/migrate-to-new-buttons';
+import './upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable';
 declare const presets: string[];
 export default presets;

package/dist/types/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/auto-scroll.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare function updateAutoScroll(file: FileInfo, api: API): string;

package/dist/types/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/element-adapter-types.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare function shiftCanMonitorArgType(file: FileInfo, api: API): string;

package/dist/types/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/external-adapter.d.ts

@@ -0,0 +1,3 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare const pleaseMigrateMessage = "\n  The file adapter has been replaced by a new (more powerful) external adapter.\n  Please see our external adapter documentation on how to migrate your file adapter usage.\n\n  We have also included \"containsFiles()\" as an import in this file as it is helpful to\n  restrict your monitors and drop targets to only be for files.\n\n  We have also included \"getFiles()\" as an import as it is a helpful way to extract the files\n  from a drag operation\n\n  dropTargetForExternal({\n    canDrop: containsFiles,\n    onDrop({source}) {\n      const files = getFiles({source});\n    }\n  });\n\n  monitorForExternal({\n    canMonitor: containsFiles,\n    onDrop({source}) {\n      const files = getFiles({source});\n    }\n  });\n\n  - [1.0 upgrade documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/changelog)\n  - [external adapter documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/adapters/external)\n  - [file usage documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/adapters/external/files)\n";
+export declare function moveFromFileAdapterToExternalAdapter(file: FileInfo, api: API): string;

package/dist/types/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/move-to-react-drop-indicator.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare function moveToReactDropIndicator(file: FileInfo, api: API): string;

package/dist/types/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/pointer-outside-of-preview.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare function shiftToPointerOutsideOfPreview(file: FileInfo, api: API): string;

package/dist/types/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/prevent-unhandled.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare function shiftToPreventUnhandled(file: FileInfo, api: API): string;

package/dist/types/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/update-safe-imports.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare function updateSafeImports(file: FileInfo, api: API): string;

package/dist/types/presets/upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable.d.ts

@@ -0,0 +1,2 @@
+import { FileInfo, API } from 'jscodeshift';
+export default function transformer(file: FileInfo, api: API): string;

package/dist/types-ts4.5/presets/index.d.ts

@@ -5,5 +5,6 @@
 import './styled-to-emotion/styled-to-emotion';
 import './theme-remove-deprecated-mixins/theme-remove-deprecated-mixins';
 import './migrate-to-new-buttons/migrate-to-new-buttons';
+import './upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable';
 declare const presets: string[];
 export default presets;

package/dist/types-ts4.5/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/auto-scroll.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare function updateAutoScroll(file: FileInfo, api: API): string;

package/dist/types-ts4.5/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/element-adapter-types.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare function shiftCanMonitorArgType(file: FileInfo, api: API): string;

package/dist/types-ts4.5/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/external-adapter.d.ts

@@ -0,0 +1,3 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare const pleaseMigrateMessage = "\n  The file adapter has been replaced by a new (more powerful) external adapter.\n  Please see our external adapter documentation on how to migrate your file adapter usage.\n\n  We have also included \"containsFiles()\" as an import in this file as it is helpful to\n  restrict your monitors and drop targets to only be for files.\n\n  We have also included \"getFiles()\" as an import as it is a helpful way to extract the files\n  from a drag operation\n\n  dropTargetForExternal({\n    canDrop: containsFiles,\n    onDrop({source}) {\n      const files = getFiles({source});\n    }\n  });\n\n  monitorForExternal({\n    canMonitor: containsFiles,\n    onDrop({source}) {\n      const files = getFiles({source});\n    }\n  });\n\n  - [1.0 upgrade documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/changelog)\n  - [external adapter documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/adapters/external)\n  - [file usage documentation](https://atlassian.design/components/pragmatic-drag-and-drop/core-package/adapters/external/files)\n";
+export declare function moveFromFileAdapterToExternalAdapter(file: FileInfo, api: API): string;

package/dist/types-ts4.5/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/move-to-react-drop-indicator.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare function moveToReactDropIndicator(file: FileInfo, api: API): string;

package/dist/types-ts4.5/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/pointer-outside-of-preview.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare function shiftToPointerOutsideOfPreview(file: FileInfo, api: API): string;

package/dist/types-ts4.5/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/prevent-unhandled.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare function shiftToPreventUnhandled(file: FileInfo, api: API): string;

package/dist/types-ts4.5/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/update-safe-imports.d.ts

@@ -0,0 +1,2 @@
+import type { API, FileInfo } from 'jscodeshift';
+export declare function updateSafeImports(file: FileInfo, api: API): string;

package/dist/types-ts4.5/presets/upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable.d.ts

@@ -0,0 +1,2 @@
+import { FileInfo, API } from 'jscodeshift';
+export default function transformer(file: FileInfo, api: API): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/codemod-cli",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "A cli for distributing codemods for atlassian-frontend components and services",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
   "bin": "./bin/codemod-cli.js",
   "dependencies": {
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/tokens": "^1.37.0",
+    "@atlaskit/tokens": "^1.38.0",
     "@babel/runtime": "^7.0.0",
     "@codeshift/utils": "^0.2.4",
     "@types/jscodeshift": "^0.11.0",
@@ -55,6 +55,7 @@
   },
   "devDependencies": {
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "prettier": "^2.8.0",
     "ts-node": "^10.9.1",
     "typescript": "~4.9.5"
   },