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

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/eslint-plugin-design-system
 
+## 13.5.0
+
+### Minor Changes
+
+- [#141971](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/141971)
+  [`c16899828af3d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c16899828af3d) -
+  Add new rule for `shouldRenderToParent` prop usage in popup and dropdown menu components.
+
 ## 13.4.1
 
 ### Patch Changes

package/README.md

@@ -95,6 +95,7 @@ module.exports = {
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-popup-label/README.md">use-popup-label</a>                                                         | Encourages to provide accessible name for Atlassian Design System Popup component.                                                                                                                                                                                                                                  | Yes         |         | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-primitives/README.md">use-primitives</a>                                                           | Encourage the usage of primitives components.                                                                                                                                                                                                                                                                       |             | Yes     | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-primitives-text/README.md">use-primitives-text</a>                                                 | Encourage the usage of text components.                                                                                                                                                                                                                                                                             |             | Yes     | Yes         |
+| <a href="./packages/design-system/eslint-plugin/src/rules/use-should-render-to-parent/README.md">use-should-render-to-parent</a>                                 | Encourages makers to use the `shouldRenderToParent` where possible in Atlassian Design System `Popup` and `DropdownMenu` components.                                                                                                                                                                                | Yes         |         | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-tag-group-label/README.md">use-tag-group-label</a>                                                 | Ensures tag groups are described to assistive technology by a direct label or by another element.                                                                                                                                                                                                                   | Yes         |         | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-tokens-space/README.md">use-tokens-space</a>                                                       | Enforces usage of space design tokens rather than hard-coded values.                                                                                                                                                                                                                                                |             | Yes     | Yes         |
 | <a href="./packages/design-system/eslint-plugin/src/rules/use-tokens-typography/README.md">use-tokens-typography</a>                                             | Enforces usage of design tokens for typography properties rather than hard-coded values.                                                                                                                                                                                                                            |             | Yes     | Yes         |

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

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Object = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-/* eslint-disable @repo/internal/react/require-jsdoc */
-
 var ASTObjectExpression = exports.Object = {
   /**
    * Returns `true` if an object contains a property with the specified name, `false` otherwise.

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * 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
  */
 var _default = exports.default = {
@@ -58,6 +58,7 @@ var _default = exports.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/cjs/presets/all.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * 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
  */
 var _default = exports.default = {
@@ -57,6 +57,7 @@ var _default = exports.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/cjs/presets/recommended-flat.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * 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
  */
 var _default = exports.default = {
@@ -44,6 +44,7 @@ var _default = exports.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/cjs/presets/recommended.codegen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /**
  * 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
  */
 var _default = exports.default = {
@@ -43,6 +43,7 @@ var _default = exports.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/cjs/rules/consistent-css-prop-usage/index.js

@@ -19,8 +19,6 @@ var _astNodes = require("../../ast-nodes");
 var _createRule = require("../utils/create-rule");
 var _getFirstSupportedImport = require("../utils/get-first-supported-import");
 var _getImportNodeBySource = require("../utils/get-import-node-by-source");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var isDOMElementName = function isDOMElementName(elementName) {
   return elementName.charAt(0) !== elementName.charAt(0).toUpperCase() && elementName.charAt(0) === elementName.charAt(0).toLowerCase();
 };

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

@@ -9,8 +9,6 @@ var _getIsException = require("../utils/get-is-exception");
 var _isColor = require("../utils/is-color");
 var _isElevation = require("../utils/is-elevation");
 var _isNode = require("../utils/is-node");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 // TemplateLiteral > Identifier
 var lintTemplateIdentifierForColor = exports.lintTemplateIdentifierForColor = function lintTemplateIdentifierForColor(node, context, config) {
   if (node.type !== 'Identifier') {

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

@@ -17,8 +17,6 @@ var _color = require("./color");
 var _ruleMeta = _interopRequireDefault(require("./rule-meta"));
 var _spacing = require("./spacing");
 var _utils = require("./utils");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var defaultConfig = {
   domains: ['color', 'spacing'],
   applyImport: true,

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

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _utils = require("./utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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; } // eslint-disable-next-line import/no-extraneous-dependencies
+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; }
 var lintObjectForSpacing = exports.lintObjectForSpacing = function lintObjectForSpacing(node, context, ruleConfig, fontSize, tokenNode) {
   if ((0, _eslintCodemodUtils.isNodeOfType)(node.value, 'Literal') && !(0, _utils.isValidSpacingValue)(node.value.value, fontSize)) {
     context.report({

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

@@ -33,8 +33,6 @@ var _tokensRaw = require("@atlaskit/tokens/tokens-raw");
 var _findInParent = require("../utils/find-in-parent");
 var _isColor = require("../utils/is-color");
 var _shape = require("./shape");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var properties = ['padding', 'paddingBlock', 'paddingInline', 'paddingLeft', 'paddingTop', 'paddingRight', 'paddingBottom', 'paddingInline', 'paddingInlineStart', 'paddingInlineEnd', 'paddingBlock', 'paddingBlockStart', 'paddingBlockEnd', 'marginLeft', 'marginTop', 'marginRight', 'marginBottom', 'marginInline', 'marginInlineStart', 'marginInlineEnd', 'marginBlock', 'marginBlockStart', 'marginBlockEnd', 'margin', 'gap', 'rowGap', 'gridRowGap', 'columnGap', 'gridColumnGap', 'top', 'left', 'right', 'bottom', 'inlineStart', 'inlineEnd', 'blockStart', 'blockEnd', 'outline-offset'];
 var spacingValueToToken = Object.fromEntries(_tokensRaw.spacing.map(function (token) {
   return [token.value, token.cleanName];

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

@@ -8,8 +8,6 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _isFromImportSource = require("../no-custom-icons/checks/is-from-import-source");
 var _createRule = require("../utils/create-rule");
 var _errorBoundary = require("../utils/error-boundary");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 /**
  * Returns if the node is a JSXElement with a prop that matches the given name.
  */

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

@@ -51,13 +51,14 @@ var _useOnboardingSpotlightLabel = _interopRequireDefault(require("./use-onboard
 var _usePopupLabel = _interopRequireDefault(require("./use-popup-label"));
 var _usePrimitives = _interopRequireDefault(require("./use-primitives"));
 var _usePrimitivesText = _interopRequireDefault(require("./use-primitives-text"));
+var _useShouldRenderToParent = _interopRequireDefault(require("./use-should-render-to-parent"));
 var _useTagGroupLabel = _interopRequireDefault(require("./use-tag-group-label"));
 var _useTokensSpace = _interopRequireDefault(require("./use-tokens-space"));
 var _useTokensTypography = _interopRequireDefault(require("./use-tokens-typography"));
 var _useVisuallyHidden = _interopRequireDefault(require("./use-visually-hidden"));
 /**
  * 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
  */
 
@@ -108,6 +109,7 @@ var rules = exports.rules = {
   'use-popup-label': _usePopupLabel.default,
   'use-primitives': _usePrimitives.default,
   'use-primitives-text': _usePrimitivesText.default,
+  'use-should-render-to-parent': _useShouldRenderToParent.default,
   'use-tag-group-label': _useTagGroupLabel.default,
   'use-tokens-space': _useTokensSpace.default,
   'use-tokens-typography': _useTokensTypography.default,

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

@@ -8,8 +8,6 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _jsxAttribute = require("../../ast-nodes/jsx-attribute");
 var _jsxElement = require("../../ast-nodes/jsx-element");
 var _createRule = require("../utils/create-rule");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var PROP_NAME = 'autoFocus';
 
 // Lint rule message

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

@@ -8,8 +8,6 @@ var _createRule = require("../utils/create-rule");
 var _errorBoundary = require("../utils/error-boundary");
 var _hasProp = require("./checks/has-prop");
 var _isFromImportSource = require("./checks/is-from-import-source");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var rule = (0, _createRule.createLintRule)({
   meta: {
     name: 'no-custom-icons',

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

@@ -8,8 +8,6 @@ exports.default = void 0;
 var _renameMapping = _interopRequireDefault(require("@atlaskit/tokens/rename-mapping"));
 var _tokenIds = require("@atlaskit/tokens/token-ids");
 var _createRule = require("../utils/create-rule");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var rule = (0, _createRule.createLintRule)({
   meta: {
     name: 'no-deprecated-design-token-usage',

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

@@ -10,7 +10,7 @@ var _getImportNodeBySource = require("../../utils/get-import-node-by-source");
 var _isBlockedEventBinding = require("../shared/is-blocked-event-binding");
 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
+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; }
 function isBlockedBindAll(context, node) {
   var callee = node.callee;
   if (!(0, _eslintCodemodUtils.isNodeOfType)(callee, 'Identifier')) {

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

@@ -10,7 +10,7 @@ var _getImportNodeBySource = require("../../utils/get-import-node-by-source");
 var _isBlockedEventBinding = require("../shared/is-blocked-event-binding");
 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
+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; }
 function isBlockedBind(context, node) {
   var callee = node.callee;
   if (!(0, _eslintCodemodUtils.isNodeOfType)(callee, 'Identifier')) {

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

@@ -8,8 +8,6 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _getImportNodeBySource = require("../../utils/get-import-node-by-source");
 var _blocked = require("../shared/blocked");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 function getJSXElementNameFromAttribute(attribute) {
   var parent = attribute.parent;
   if (!parent) {

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

@@ -12,7 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 */
+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; }
 function isImportDeclaration(node) {
   return node.type === 'ImportDeclaration';
 }

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

@@ -9,8 +9,6 @@ var ast = _interopRequireWildcard(require("../../../../ast-nodes"));
 var _supported = require("../supported");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* eslint-disable @repo/internal/react/require-jsdoc */
-
 var JSXElement = exports.JSXElement = {
   lint: function lint(node, _ref) {
     var context = _ref.context;

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

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _createRule = require("../utils/create-rule");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var rule = (0, _createRule.createLintRule)({
   meta: {
     name: 'no-margin',

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

@@ -8,8 +8,6 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _createRule = require("../utils/create-rule");
 var _findInParent = require("../utils/find-in-parent");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var allowedPrefix = [':', '&:'];
 var allowedResponsiveImports = ['@atlaskit/primitives/responsive', '@atlaskit/primitives'];
 

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

@@ -7,8 +7,6 @@ exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _createRule = require("../utils/create-rule");
 var _logicalPhysicalMap = require("./logical-physical-map");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var rule = (0, _createRule.createLintRule)({
   meta: {
     name: 'no-physical-properties',

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

@@ -15,7 +15,7 @@ var _createRule = require("../utils/create-rule");
 var _isNode = require("../utils/is-node");
 var _isToken = require("../utils/is-token");
 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; } // eslint-disable-next-line import/no-extraneous-dependencies
+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; }
 var rule = (0, _createRule.createLintRule)({
   meta: {
     name: 'no-unsafe-design-token-usage',

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

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _createRule = require("../utils/create-rule");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var elementsAccessibleNameProps = ['label', 'titleId'];
 var rule = (0, _createRule.createLintRule)({
   meta: {

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

@@ -8,8 +8,6 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _jsxAttribute = require("../../ast-nodes/jsx-attribute");
 var _jsxElement = require("../../ast-nodes/jsx-element");
 var _createRule = require("../utils/create-rule");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var DATE_PICKER = 'DatePicker';
 var DATETIME_PICKER = 'DateTimePicker';
 var PROP_NAME = 'shouldShowCalendarButton';

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

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _createRule = require("../utils/create-rule");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var elementsAccessibleNameProps = ['label', 'titleId'];
 var rule = (0, _createRule.createLintRule)({
   meta: {

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

@@ -8,8 +8,6 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _createRule = require("../utils/create-rule");
 var _getImportName = require("../utils/get-import-name");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var headingLevelRequiredSuggestionText = exports.headingLevelRequiredSuggestionText = 'Add a `headingLevel` that is of a contextually relevant level.';
 var rule = (0, _createRule.createLintRule)({
   meta: {

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

@@ -9,8 +9,6 @@ var _contextCompat = require("@atlaskit/eslint-utils/context-compat");
 var _createRule = require("../utils/create-rule");
 var _getImportName = require("../utils/get-import-name");
 var _utils = require("./utils");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var hrefRequiredSuggestionText = exports.hrefRequiredSuggestionText = 'Convert LinkItem to ButtonItem';
 var rule = (0, _createRule.createLintRule)({
   meta: {

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

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.insertButtonItemImport = exports.insertButtonItemDefaultImport = exports.hrefHasInvalidValue = exports.hasImportOfName = exports.getUniqueButtonItemName = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _findInParent = require("../utils/find-in-parent");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var invalidHrefValues = ['', '#', null, undefined];
 var hrefHasInvalidValue = exports.hrefHasInvalidValue = function hrefHasInvalidValue(scope, href) {
   // If doesn't exist,

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

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _createRule = require("../utils/create-rule");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var elementsAccessibleNameProps = ['title', 'titleId'];
 var rule = (0, _createRule.createLintRule)({
   meta: {

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

@@ -10,7 +10,7 @@ var _jsxElement = require("../../ast-nodes/jsx-element");
 var _createRule = require("../utils/create-rule");
 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
+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; }
 var PROP_NAME = 'hasCloseButton';
 
 // Lint rule message

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

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _createRule = require("../utils/create-rule");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var elementsAccessibleNameProps = ['label', 'titleId', 'heading'];
 var rule = (0, _createRule.createLintRule)({
   meta: {

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

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _createRule = require("../utils/create-rule");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var elementsAccessibleNameProps = ['label', 'titleId'];
 var rule = (0, _createRule.createLintRule)({
   meta: {

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

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setPropToTrue = exports.default = exports.addProp = exports.RULE_NAME = void 0;
+var _eslintCodemodUtils = require("eslint-codemod-utils");
+var _createRule = require("../utils/create-rule");
+// eslint-disable-next-line import/no-extraneous-dependencies
+
+var RULE_NAME = exports.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.");
+var addProp = exports.addProp = "Add `".concat(PROP_NAME, "` prop.");
+var setPropToTrue = exports.setPropToTrue = "Set `".concat(PROP_NAME, "` prop to `true`.");
+var components = ['@atlaskit/popup', '@atlaskit/dropdown-menu'];
+var rule = (0, _createRule.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 (!(0, _eslintCodemodUtils.isNodeOfType)(node, 'JSXElement')) {
+          return;
+        }
+        if (!(0, _eslintCodemodUtils.isNodeOfType)(node.openingElement.name, 'JSXIdentifier')) {
+          return;
+        }
+        var name = node.openingElement.name.name;
+        if (name === componentLocalName) {
+          var prop = node.openingElement.attributes.find(function (attr) {
+            return (0, _eslintCodemodUtils.isNodeOfType)(attr, 'JSXAttribute') && (0, _eslintCodemodUtils.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 ((0, _eslintCodemodUtils.isNodeOfType)(prop.value, 'Literal') && !prop.value.value || (0, _eslintCodemodUtils.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)];
+                }
+              }]
+            });
+          }
+        }
+      }
+    };
+  }
+});
+var _default = exports.default = rule;

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

@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _createRule = require("../utils/create-rule");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var elementsAccessibleNameProps = ['label', 'titleId'];
 var rule = (0, _createRule.createLintRule)({
   meta: {

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

@@ -8,8 +8,6 @@ var _eslintCodemodUtils = require("eslint-codemod-utils");
 var _getImportNodeBySource = require("../utils/get-import-node-by-source");
 var _constants = require("./constants");
 var _utils = require("./utils");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var fixJsx = function fixJsx(source, node) {
   return function (fixer) {
     var fixes = [];

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

@@ -7,8 +7,6 @@ exports.default = void 0;
 var _getImportNodeBySource = require("../utils/get-import-node-by-source");
 var _constants = require("./constants");
 var _utils = require("./utils");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var fixVanilla = function fixVanilla(source, node) {
   return function (fixer) {
     var fixes = [];

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

@@ -13,8 +13,6 @@ var _isNode = require("../utils/is-node");
 var _fixJsx = _interopRequireDefault(require("./fix-jsx"));
 var _fixVanilla = _interopRequireDefault(require("./fix-vanilla"));
 var _utils = require("./utils");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
 var THEME_IMPORT_NAMES = ['visuallyHidden', 'assistive'];
 var rule = (0, _createRule.createLintRule)({
   meta: {

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

@@ -5,9 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.makeTemplateLiteralIntoEntries = exports.getObjectLikeness = exports.getFirstImport = exports.countMatchingKeyValues = void 0;
 var _eslintCodemodUtils = require("eslint-codemod-utils");
-// eslint-disable-next-line import/no-extraneous-dependencies
-
-// eslint-disable-next-line @atlaskit/design-system/use-visually-hidden
 var referenceObject = {
   width: '1px',
   height: '1px',

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getTaggedTemplateExpressionOffset = void 0;
 // 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
 
 var getTaggedTemplateExpressionOffset = exports.getTaggedTemplateExpressionOffset = function getTaggedTemplateExpressionOffset(node) {
   var parent = node.parent;