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

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

@@ -12,12 +12,8 @@ var _isSupportedImport = require("@atlaskit/eslint-utils/is-supported-import");
 var _generate = require("./generate");
 var _getTaggedTemplateExpressionOffset = require("./get-tagged-template-expression-offset");
 var _toArguments = require("./to-arguments");
-/* 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
-
 var noTaggedTemplateExpressionRuleSchema = exports.noTaggedTemplateExpressionRuleSchema = [{
   type: 'object',
   properties: {

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

@@ -11,7 +11,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/cjs/rules/utils/error-boundary.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.errorBoundary = errorBoundary;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _typeof2 = _interopRequireDefault(require("@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/cjs/rules/utils/find-in-parent.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.findIdentifierInParentScope = findIdentifierInParentScope;
-// 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/cjs/rules/utils/get-import-node-by-source.js

@@ -7,8 +7,6 @@ exports.getModuleOfIdentifier = exports.getImportedNodeBySource = void 0;
 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/cjs/rules/utils/get-is-exception.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getIsException = void 0;
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var getNodeValue = function getNodeValue(node) {
   var _node$value;
   switch (node.type) {

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

@@ -8,8 +8,6 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _isSupportedImport = require("@atlaskit/eslint-utils/is-supported-import");
 var _astNodes = require("../../ast-nodes");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var _isDecendantOfGlobalToken = exports.isDecendantOfGlobalToken = function isDecendantOfGlobalToken(node) {
   if ((0, _eslintCodemodUtils.isNodeOfType)(node, 'CallExpression') && (0, _eslintCodemodUtils.isNodeOfType)(node.callee, 'Identifier') && (node.callee.name === 'token' || node.callee.name === 'getTokenValue')) {
     return true;

package/dist/es2019/ast-nodes/object.js

@@ -1,5 +1,3 @@
-/* eslint-disable @repo/internal/react/require-jsdoc */
-
 import { identifier, isNodeOfType, literal, property } from 'eslint-codemod-utils';
 const ASTObjectExpression = {
   /**

package/dist/es2019/presets/all-flat.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9b616276b6c3b9db3c1d886bf8de4fc4>>
+ * @codegen <<SignedSource::d6f1473b4b8a65399a9c887b4ba1912e>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -53,6 +53,7 @@ export 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/es2019/presets/all.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::96ec2e315f96de68a6448317cce334ce>>
+ * @codegen <<SignedSource::011cbb2ac5166d9a4a1d1cab68d0156d>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -52,6 +52,7 @@ export 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/es2019/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/es2019/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/es2019/rules/consistent-css-prop-usage/index.js

@@ -1,5 +1,3 @@
-// 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/es2019/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/es2019/rules/ensure-design-token-usage/index.js

@@ -1,5 +1,3 @@
-// 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/es2019/rules/ensure-design-token-usage/spacing.js

@@ -1,5 +1,3 @@
-// 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 const lintObjectForSpacing = (node, context, ruleConfig, fontSize, tokenNode) => {

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

@@ -1,5 +1,3 @@
-// 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/es2019/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/es2019/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 const 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/es2019/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/es2019/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/es2019/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/es2019/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-bind-all.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/es2019/rules/no-direct-use-of-web-platform-drag-and-drop/checks/is-blocked-bind.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/es2019/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/es2019/rules/no-html-anchor/node-types/jsx-element/index.js

@@ -1,5 +1,3 @@
-/* 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/es2019/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 const JSXElement = {

package/dist/es2019/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';
 const rule = createLintRule({

package/dist/es2019/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/es2019/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/es2019/rules/no-unsafe-design-token-usage/index.js

@@ -1,5 +1,3 @@
-// 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/es2019/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';
 const elementsAccessibleNameProps = ['label', 'titleId'];

package/dist/es2019/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/es2019/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';
 const elementsAccessibleNameProps = ['label', 'titleId'];

package/dist/es2019/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/es2019/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/es2019/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';
 const invalidHrefValues = ['', '#', null, undefined];

package/dist/es2019/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';
 const elementsAccessibleNameProps = ['title', 'titleId'];

package/dist/es2019/rules/use-modal-dialog-close-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/es2019/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';
 const elementsAccessibleNameProps = ['label', 'titleId', 'heading'];

package/dist/es2019/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';
 const elementsAccessibleNameProps = ['label', 'titleId'];

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

@@ -0,0 +1,97 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+import { isNodeOfType } from 'eslint-codemod-utils';
+import { createLintRule } from '../utils/create-rule';
+export const RULE_NAME = 'use-should-render-to-parent';
+const PROP_NAME = 'shouldRenderToParent';
+const message = `Setting the \`${PROP_NAME}\` prop to anything other than \`true\` causes accessibility issues. Only set to \`false\` as a last resort.`;
+export const addProp = `Add \`${PROP_NAME}\` prop.`;
+export const setPropToTrue = `Set \`${PROP_NAME}\` prop to \`true\`.`;
+const components = ['@atlaskit/popup', '@atlaskit/dropdown-menu'];
+const rule = createLintRule({
+  meta: {
+    name: RULE_NAME,
+    type: 'suggestion',
+    docs: {
+      description: `Encourages makers to use the \`${PROP_NAME}\` where possible in Atlassian Design System \`Popup\` and \`DropdownMenu\` components.`,
+      recommended: true,
+      severity: 'warn'
+    },
+    messages: {
+      missingShouldRenderToParentProp: `The default value of \`${PROP_NAME}\` is \`false\`. ${message}`,
+      falseShouldRenderToParentProp: message
+    },
+    hasSuggestions: true
+  },
+  create(context) {
+    let componentLocalName;
+    return {
+      ImportDeclaration(node) {
+        const source = node.source.value;
+        if (typeof source !== 'string') {
+          return;
+        }
+        if (!components.includes(source)) {
+          return;
+        }
+        if (!node.specifiers.length) {
+          return;
+        }
+        const defaultImport = node.specifiers.filter(spec => spec.type === 'ImportDefaultSpecifier');
+        const namedImport = node.specifiers.filter(spec => 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(node) {
+        if (!isNodeOfType(node, 'JSXElement')) {
+          return;
+        }
+        if (!isNodeOfType(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        const name = node.openingElement.name.name;
+        if (name === componentLocalName) {
+          const prop = node.openingElement.attributes.find(attr => 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: fixer => [fixer.insertTextAfter(node.openingElement.name, ` ${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: fixer => [fixer.replaceText(prop, PROP_NAME)]
+              }]
+            });
+          }
+        }
+      }
+    };
+  }
+});
+export default rule;

package/dist/es2019/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';
 const elementsAccessibleNameProps = ['label', 'titleId'];

package/dist/es2019/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/es2019/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/es2019/rules/use-visually-hidden/index.js

@@ -1,5 +1,3 @@
-// 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/es2019/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
 const referenceObject = {
   width: '1px',
   height: '1px',

package/dist/es2019/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 const getTaggedTemplateExpressionOffset = node => {
   const {

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

@@ -1,9 +1,5 @@
-/* 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/es2019/rules/utils/create-no-tagged-template-expression-rule/to-arguments.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/to-arguments.ts
-// eslint-disable-next-line import/no-extraneous-dependencies
 
 const getArguments = (chars, expressions = []) => {
   if (!chars.trim().length && expressions) {

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

@@ -1,5 +1,3 @@
-// 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/es2019/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/es2019/rules/utils/get-import-node-by-source.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 /**
  * @param {SourceCode} source The eslint source
  * @param {string} path The path specified to find

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

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

package/dist/es2019/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/esm/ast-nodes/object.js

@@ -1,5 +1,3 @@
-/* eslint-disable @repo/internal/react/require-jsdoc */
-
 import { identifier, isNodeOfType, literal, property } from 'eslint-codemod-utils';
 var ASTObjectExpression = {
   /**

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

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::9b616276b6c3b9db3c1d886bf8de4fc4>>
+ * @codegen <<SignedSource::d6f1473b4b8a65399a9c887b4ba1912e>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -53,6 +53,7 @@ export 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/esm/presets/all.codegen.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::96ec2e315f96de68a6448317cce334ce>>
+ * @codegen <<SignedSource::011cbb2ac5166d9a4a1d1cab68d0156d>>
  * @codegenCommand yarn workspace @atlaskit/eslint-plugin-design-system codegen
  */
 
@@ -52,6 +52,7 @@ export 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',