@atlaskit/eslint-plugin-design-system 13.4.1 → 13.5.0

package/dist/esm/presets/recommended-flat.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::4f6ee2ae56e1c0534f0f8e3fde314cc7>>
+ * @codegen <<SignedSource::abef9d23f187fcebf6ab9cdeb874229b>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -39,6 +39,7 @@ export default {
     '@atlaskit/design-system/use-modal-dialog-close-button': 'warn',
     '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
+    '@atlaskit/design-system/use-should-render-to-parent': 'warn',
     '@atlaskit/design-system/use-tag-group-label': 'warn',
     '@atlaskit/design-system/use-visually-hidden': 'error'
   }

package/dist/esm/presets/recommended.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::85c1f4ada9dac0f66e87e3734a36cb6b>>
+ * @codegen <<SignedSource::3d1a55011e92acf33daaf53e8bfc3532>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -38,6 +38,7 @@ export default {
     '@atlaskit/design-system/use-modal-dialog-close-button': 'warn',
     '@atlaskit/design-system/use-onboarding-spotlight-label': 'warn',
     '@atlaskit/design-system/use-popup-label': 'warn',
+    '@atlaskit/design-system/use-should-render-to-parent': 'warn',
     '@atlaskit/design-system/use-tag-group-label': 'warn',
     '@atlaskit/design-system/use-visually-hidden': 'error'
   }

package/dist/esm/rules/consistent-css-prop-usage/index.js

@@ -2,8 +2,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { getIdentifierInParentScope, insertAtStartOfFile, insertImportDeclaration, isNodeOfType } from 'eslint-codemod-utils';
 import estraverse from 'estraverse';
 import assign from 'lodash/assign';

package/dist/esm/rules/ensure-design-token-usage/color.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { node as generate, isNodeOfType } from 'eslint-codemod-utils';
 import { getIsException } from '../utils/get-is-exception';
 import { includesHardCodedColor, isHardCodedColor, isLegacyColor, isLegacyNamedColor } from '../utils/is-color';

package/dist/esm/rules/ensure-design-token-usage/index.js

@@ -1,6 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { getImportSources } from '@atlaskit/eslint-utils/is-supported-import';

package/dist/esm/rules/ensure-design-token-usage/spacing.js

@@ -2,8 +2,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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; }
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType, property } from 'eslint-codemod-utils';
 import { emToPixels, findTokenNameByPropertyValue, getRawExpression, getTokenNodeForValue, getTokenReplacement, getValue, insertTokensImport, isAuto, isCalc, isValidSpacingValue, isZero, splitShorthandValues } from './utils';
 export var lintObjectForSpacing = function lintObjectForSpacing(node, context, ruleConfig, fontSize, tokenNode) {

package/dist/esm/rules/ensure-design-token-usage/utils.js

@@ -1,6 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { callExpression, identifier, insertAtStartOfFile, insertImportDeclaration, isNodeOfType, literal } from 'eslint-codemod-utils';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { spacing as spacingScale } from '@atlaskit/tokens/tokens-raw';

package/dist/esm/rules/ensure-icon-color/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { createIsFromImportSourceFor } from '../no-custom-icons/checks/is-from-import-source';
 import { createLintRule } from '../utils/create-rule';

package/dist/esm/rules/index.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::66749852497ab0f2dc3214dd47aaf598>>
+ * @codegen <<SignedSource::f169e765038e90ec6531f19333f70cfb>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 import consistentCssPropUsage from './consistent-css-prop-usage';
@@ -49,6 +49,7 @@ import useOnboardingSpotlightLabel from './use-onboarding-spotlight-label';
 import usePopupLabel from './use-popup-label';
 import usePrimitives from './use-primitives';
 import usePrimitivesText from './use-primitives-text';
+import useShouldRenderToParent from './use-should-render-to-parent';
 import useTagGroupLabel from './use-tag-group-label';
 import useTokensSpace from './use-tokens-space';
 import useTokensTypography from './use-tokens-typography';
@@ -100,6 +101,7 @@ export var rules = {
   'use-popup-label': usePopupLabel,
   'use-primitives': usePrimitives,
   'use-primitives-text': usePrimitivesText,
+  'use-should-render-to-parent': useShouldRenderToParent,
   'use-tag-group-label': useTagGroupLabel,
   'use-tokens-space': useTokensSpace,
   'use-tokens-typography': useTokensTypography,

package/dist/esm/rules/no-boolean-autofocus-on-modal-dialog/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { JSXAttribute } from '../../ast-nodes/jsx-attribute';
 import { JSXElementHelper } from '../../ast-nodes/jsx-element';

package/dist/esm/rules/no-custom-icons/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { createLintRule } from '../utils/create-rule';
 import { errorBoundary } from '../utils/error-boundary';
 import { hasProp } from './checks/has-prop';

package/dist/esm/rules/no-deprecated-design-token-usage/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import renameMapping from '@atlaskit/tokens/rename-mapping';
 import { getTokenId } from '@atlaskit/tokens/token-ids';
 import { createLintRule } from '../utils/create-rule';

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-bind-all.js

@@ -1,8 +1,6 @@
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { getModuleOfIdentifier } from '../../utils/get-import-node-by-source';

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-bind.js

@@ -1,8 +1,6 @@
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { getModuleOfIdentifier } from '../../utils/get-import-node-by-source';

package/dist/esm/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-jsx-attribute.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { getModuleOfIdentifier } from '../../utils/get-import-node-by-source';

package/dist/esm/rules/no-html-anchor/node-types/jsx-element/index.js

@@ -1,8 +1,6 @@
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-/* eslint-disable @repo/internal/react/require-jsdoc */
-
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import * as ast from '../../../../ast-nodes';
 import { isSupportedForLint } from '../supported';

package/dist/esm/rules/no-html-button/node-types/jsx-element/index.js

@@ -1,5 +1,3 @@
-/* eslint-disable @repo/internal/react/require-jsdoc */
-
 import * as ast from '../../../../ast-nodes';
 import { isSupportedForLint } from '../supported';
 export var JSXElement = {

package/dist/esm/rules/no-margin/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { createLintRule } from '../utils/create-rule';
 var rule = createLintRule({

package/dist/esm/rules/no-nested-styles/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getScope } from '@atlaskit/eslint-utils/context-compat';
 import { createLintRule } from '../utils/create-rule';

package/dist/esm/rules/no-physical-properties/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { createLintRule } from '../utils/create-rule';
 import { physicalLogicalMap } from './logical-physical-map';

package/dist/esm/rules/no-unsafe-design-token-usage/index.js

@@ -1,8 +1,6 @@
 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; }
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import renameMapping from '@atlaskit/tokens/rename-mapping';
 import tokenDefaultValues from '@atlaskit/tokens/token-default-values';

package/dist/esm/rules/use-button-group-label/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { createLintRule } from '../utils/create-rule';
 var elementsAccessibleNameProps = ['label', 'titleId'];

package/dist/esm/rules/use-datetime-picker-calendar-button/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { JSXAttribute } from '../../ast-nodes/jsx-attribute';
 import { JSXElementHelper } from '../../ast-nodes/jsx-element';

package/dist/esm/rules/use-drawer-label/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { createLintRule } from '../utils/create-rule';
 var elementsAccessibleNameProps = ['label', 'titleId'];

package/dist/esm/rules/use-heading-level-in-spotlight-card/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getScope } from '@atlaskit/eslint-utils/context-compat';
 import { createLintRule } from '../utils/create-rule';

package/dist/esm/rules/use-href-in-link-item/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getScope } from '@atlaskit/eslint-utils/context-compat';
 import { createLintRule } from '../utils/create-rule';

package/dist/esm/rules/use-href-in-link-item/utils.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { findIdentifierInParentScope } from '../utils/find-in-parent';
 var invalidHrefValues = ['', '#', null, undefined];

package/dist/esm/rules/use-menu-section-title/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { createLintRule } from '../utils/create-rule';
 var elementsAccessibleNameProps = ['title', 'titleId'];

package/dist/esm/rules/use-modal-dialog-close-button/index.js

@@ -1,8 +1,6 @@
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { JSXAttribute } from '../../ast-nodes/jsx-attribute';
 import { JSXElementHelper } from '../../ast-nodes/jsx-element';

package/dist/esm/rules/use-onboarding-spotlight-label/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { createLintRule } from '../utils/create-rule';
 var elementsAccessibleNameProps = ['label', 'titleId', 'heading'];

package/dist/esm/rules/use-popup-label/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { createLintRule } from '../utils/create-rule';
 var elementsAccessibleNameProps = ['label', 'titleId'];

package/dist/esm/rules/use-should-render-to-parent/index.js

@@ -0,0 +1,107 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { createLintRule } from '../utils/create-rule';
+export var RULE_NAME = 'use-should-render-to-parent';
+var PROP_NAME = 'shouldRenderToParent';
+var message = "Setting the `".concat(PROP_NAME, "` prop to anything other than `true` causes accessibility issues. Only set to `false` as a last resort.");
+export var addProp = "Add `".concat(PROP_NAME, "` prop.");
+export var setPropToTrue = "Set `".concat(PROP_NAME, "` prop to `true`.");
+var components = ['@atlaskit/popup', '@atlaskit/dropdown-menu'];
+var rule = createLintRule({
+  meta: {
+    name: RULE_NAME,
+    type: 'suggestion',
+    docs: {
+      description: "Encourages makers to use the `".concat(PROP_NAME, "` where possible in Atlassian Design System `Popup` and `DropdownMenu` components."),
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      missingShouldRenderToParentProp: "The default value of `".concat(PROP_NAME, "` is `false`. ").concat(message),
+      falseShouldRenderToParentProp: message
+    },
+    hasSuggestions: true
+  },
+  create: function create(context) {
+    var componentLocalName;
+    return {
+      ImportDeclaration: function ImportDeclaration(node) {
+        var source = node.source.value;
+        if (typeof source !== 'string') {
+          return;
+        }
+        if (!components.includes(source)) {
+          return;
+        }
+        if (!node.specifiers.length) {
+          return;
+        }
+        var defaultImport = node.specifiers.filter(function (spec) {
+          return spec.type === 'ImportDefaultSpecifier';
+        });
+        var namedImport = node.specifiers.filter(function (spec) {
+          return spec.type === 'ImportSpecifier';
+        });
+
+        // If popup or dropdown menu and using a default import
+        if (defaultImport.length && defaultImport[0].local) {
+          componentLocalName = defaultImport[0].local.name;
+          // or if popup and using a named import
+        } else if (namedImport.length && namedImport[0].type === 'ImportSpecifier' && namedImport[0].imported.name === 'Popup') {
+          componentLocalName = namedImport[0].local.name;
+        }
+      },
+      JSXElement: function JSXElement(node) {
+        if (!isNodeOfType(node, 'JSXElement')) {
+          return;
+        }
+        if (!isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        var name = node.openingElement.name.name;
+        if (name === componentLocalName) {
+          var prop = node.openingElement.attributes.find(function (attr) {
+            return isNodeOfType(attr, 'JSXAttribute') && isNodeOfType(attr.name, 'JSXIdentifier') && attr.name.name === PROP_NAME;
+          });
+
+          // If the prop does not exist, throw
+          if (!prop) {
+            return context.report({
+              node: node.openingElement.name,
+              messageId: 'missingShouldRenderToParentProp',
+              suggest: [{
+                desc: addProp,
+                fix: function fix(fixer) {
+                  return [fixer.insertTextAfter(node.openingElement.name, " ".concat(PROP_NAME))];
+                }
+              }]
+            });
+          }
+
+          // If the prop is a boolean attribute with no value (set to `true`),
+          // it's valid
+          if (!('value' in prop) || prop.value === null) {
+            return;
+          }
+
+          // If the prop has a falsy literal value or a falsy value in an
+          // expression container, throw
+          if (isNodeOfType(prop.value, 'Literal') && !prop.value.value || isNodeOfType(prop.value, 'JSXExpressionContainer') && prop.value.expression.type === 'Literal' && !prop.value.expression.value) {
+            return context.report({
+              node: prop,
+              messageId: 'falseShouldRenderToParentProp',
+              suggest: [{
+                desc: setPropToTrue,
+                fix: function fix(fixer) {
+                  return [fixer.replaceText(prop, PROP_NAME)];
+                }
+              }]
+            });
+          }
+        }
+      }
+    };
+  }
+});
+export default rule;

package/dist/esm/rules/use-tag-group-label/index.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { createLintRule } from '../utils/create-rule';
 var elementsAccessibleNameProps = ['label', 'titleId'];

package/dist/esm/rules/use-visually-hidden/fix-jsx.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { closestOfType } from 'eslint-codemod-utils';
 import { getImportedNodeBySource } from '../utils/get-import-node-by-source';
 import { IMPORT_NAME, VISUALLY_HIDDEN_IMPORT, VISUALLY_HIDDEN_SOURCE } from './constants';

package/dist/esm/rules/use-visually-hidden/fix-vanilla.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { getImportedNodeBySource } from '../utils/get-import-node-by-source';
 import { IMPORT_NAME, VISUALLY_HIDDEN_IMPORT, VISUALLY_HIDDEN_SOURCE } from './constants';
 import { getFirstImport } from './utils';

package/dist/esm/rules/use-visually-hidden/index.js

@@ -1,6 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { closestOfType, hasImportDeclaration, isNodeOfType } from 'eslint-codemod-utils';
 import { getDeclaredVariables, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { createLintRule } from '../utils/create-rule';

package/dist/esm/rules/use-visually-hidden/utils.js

@@ -1,8 +1,4 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
-
-// eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
 var referenceObject = {
   width: '1px',
   height: '1px',

package/dist/esm/rules/utils/create-no-tagged-template-expression-rule/get-tagged-template-expression-offset.js

@@ -1,5 +1,4 @@
 // Original source from Compiled https://github.com/atlassian-labs/compiled/blob/master/packages/eslint-plugin/src/utils/create-no-tagged-template-expression-rule/get-tagged-template-expression-offset.ts
-// eslint-disable-next-line import/no-extraneous-dependencies
 
 export var getTaggedTemplateExpressionOffset = function getTaggedTemplateExpressionOffset(node) {
   var parent = node.parent;

package/dist/esm/rules/utils/create-no-tagged-template-expression-rule/index.js

@@ -1,10 +1,6 @@
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-/* eslint-disable @atlassian/tangerine/import/entry-points */
-
 // Original source from Compiled https://github.com/atlassian-labs/compiled/blob/master/packages/eslint-plugin/src/utils/create-no-tagged-template-expression-rule/index.ts
 
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import esquery from 'esquery';
 import { getScope, getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { getImportSources, isEmotion } from '@atlaskit/eslint-utils/is-supported-import';

package/dist/esm/rules/utils/create-no-tagged-template-expression-rule/to-arguments.js

@@ -4,7 +4,6 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 // Original source from Compiled https://github.com/atlassian-labs/compiled/blob/master/packages/eslint-plugin/src/utils/create-no-tagged-template-expression-rule/to-arguments.ts
-// eslint-disable-next-line import/no-extraneous-dependencies
 
 var getArguments = function getArguments(chars) {
   var expressions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];

package/dist/esm/rules/utils/error-boundary.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 // Need to intersect type RuleListener with a generic function to allow use of Parameters<...> to be used
 
 // Allow config to be to be easily passed from rules

package/dist/esm/rules/utils/find-in-parent.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 /**
  * This will search first matched identifier in same and parent scopes.
  * Returns first matched identifer otherwise null.

package/dist/esm/rules/utils/get-import-node-by-source.js

@@ -1,8 +1,6 @@
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 /**
  * @param {SourceCode} source The eslint source
  * @param {string} path The path specified to find

package/dist/esm/rules/utils/get-is-exception.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var getNodeValue = function getNodeValue(node) {
   var _node$value;
   switch (node.type) {

package/dist/esm/rules/utils/is-node.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 import { isNodeOfType } from 'eslint-codemod-utils';
 import { getSourceCode } from '@atlaskit/eslint-utils/context-compat';
 import { isXcss } from '@atlaskit/eslint-utils/is-supported-import';

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

@@ -61,6 +61,7 @@ export declare const plugin: {
         'use-popup-label': import("eslint").Rule.RuleModule;
         'use-primitives': import("eslint").Rule.RuleModule;
         'use-primitives-text': import("eslint").Rule.RuleModule;
+        'use-should-render-to-parent': import("eslint").Rule.RuleModule;
         'use-tag-group-label': import("eslint").Rule.RuleModule;
         'use-tokens-space': import("eslint").Rule.RuleModule;
         'use-tokens-typography': import("eslint").Rule.RuleModule;
@@ -115,6 +116,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/use-popup-label': "warn";
                 '@atlaskit/design-system/use-primitives': "warn";
                 '@atlaskit/design-system/use-primitives-text': "warn";
+                '@atlaskit/design-system/use-should-render-to-parent': "warn";
                 '@atlaskit/design-system/use-tag-group-label': "warn";
                 '@atlaskit/design-system/use-tokens-space': "error";
                 '@atlaskit/design-system/use-tokens-typography': "warn";
@@ -171,6 +173,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/use-popup-label': "warn";
                 '@atlaskit/design-system/use-primitives': "warn";
                 '@atlaskit/design-system/use-primitives-text': "warn";
+                '@atlaskit/design-system/use-should-render-to-parent': "warn";
                 '@atlaskit/design-system/use-tag-group-label': "warn";
                 '@atlaskit/design-system/use-tokens-space': "error";
                 '@atlaskit/design-system/use-tokens-typography': "warn";
@@ -211,6 +214,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/use-modal-dialog-close-button': "warn";
                 '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
                 '@atlaskit/design-system/use-popup-label': "warn";
+                '@atlaskit/design-system/use-should-render-to-parent': "warn";
                 '@atlaskit/design-system/use-tag-group-label': "warn";
                 '@atlaskit/design-system/use-visually-hidden': "error";
             };
@@ -251,6 +255,7 @@ export declare const plugin: {
                 '@atlaskit/design-system/use-modal-dialog-close-button': "warn";
                 '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
                 '@atlaskit/design-system/use-popup-label': "warn";
+                '@atlaskit/design-system/use-should-render-to-parent': "warn";
                 '@atlaskit/design-system/use-tag-group-label': "warn";
                 '@atlaskit/design-system/use-visually-hidden': "error";
             };
@@ -306,6 +311,7 @@ declare const configs: {
             '@atlaskit/design-system/use-popup-label': "warn";
             '@atlaskit/design-system/use-primitives': "warn";
             '@atlaskit/design-system/use-primitives-text': "warn";
+            '@atlaskit/design-system/use-should-render-to-parent': "warn";
             '@atlaskit/design-system/use-tag-group-label': "warn";
             '@atlaskit/design-system/use-tokens-space': "error";
             '@atlaskit/design-system/use-tokens-typography': "warn";
@@ -362,6 +368,7 @@ declare const configs: {
             '@atlaskit/design-system/use-popup-label': "warn";
             '@atlaskit/design-system/use-primitives': "warn";
             '@atlaskit/design-system/use-primitives-text': "warn";
+            '@atlaskit/design-system/use-should-render-to-parent': "warn";
             '@atlaskit/design-system/use-tag-group-label': "warn";
             '@atlaskit/design-system/use-tokens-space': "error";
             '@atlaskit/design-system/use-tokens-typography': "warn";
@@ -402,6 +409,7 @@ declare const configs: {
             '@atlaskit/design-system/use-modal-dialog-close-button': "warn";
             '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
             '@atlaskit/design-system/use-popup-label': "warn";
+            '@atlaskit/design-system/use-should-render-to-parent': "warn";
             '@atlaskit/design-system/use-tag-group-label': "warn";
             '@atlaskit/design-system/use-visually-hidden': "error";
         };
@@ -442,6 +450,7 @@ declare const configs: {
             '@atlaskit/design-system/use-modal-dialog-close-button': "warn";
             '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
             '@atlaskit/design-system/use-popup-label': "warn";
+            '@atlaskit/design-system/use-should-render-to-parent': "warn";
             '@atlaskit/design-system/use-tag-group-label': "warn";
             '@atlaskit/design-system/use-visually-hidden': "error";
         };

package/dist/types/presets/all-flat.codegen.d.ts

@@ -46,6 +46,7 @@ declare const _default: {
         '@atlaskit/design-system/use-popup-label': "warn";
         '@atlaskit/design-system/use-primitives': "warn";
         '@atlaskit/design-system/use-primitives-text': "warn";
+        '@atlaskit/design-system/use-should-render-to-parent': "warn";
         '@atlaskit/design-system/use-tag-group-label': "warn";
         '@atlaskit/design-system/use-tokens-space': "error";
         '@atlaskit/design-system/use-tokens-typography': "warn";

package/dist/types/presets/all.codegen.d.ts

@@ -46,6 +46,7 @@ declare const _default: {
         '@atlaskit/design-system/use-popup-label': "warn";
         '@atlaskit/design-system/use-primitives': "warn";
         '@atlaskit/design-system/use-primitives-text': "warn";
+        '@atlaskit/design-system/use-should-render-to-parent': "warn";
         '@atlaskit/design-system/use-tag-group-label': "warn";
         '@atlaskit/design-system/use-tokens-space': "error";
         '@atlaskit/design-system/use-tokens-typography': "warn";

package/dist/types/presets/recommended-flat.codegen.d.ts

@@ -32,6 +32,7 @@ declare const _default: {
         '@atlaskit/design-system/use-modal-dialog-close-button': "warn";
         '@atlaskit/design-system/use-onboarding-spotlight-label': "warn";
         '@atlaskit/design-system/use-popup-label': "warn";
+        '@atlaskit/design-system/use-should-render-to-parent': "warn";
         '@atlaskit/design-system/use-tag-group-label': "warn";
         '@atlaskit/design-system/use-visually-hidden': "error";
     };