From 8637aa7402a3afcebea77860a171996d483b5289 Mon Sep 17 00:00:00 2001
From: Jan Monschke <janmonschke@fastmail.com>
Date: Thu, 13 Aug 2020 11:37:22 +0200
Subject: [PATCH 1/3] [patch] `strict` config: Turn off `label-has-for`

`label-has-for` has been deprecated and is already turned off in the recommended rule set.
Context: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/label-has-for.md
---
 src/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/index.js b/src/index.js
index 2b1f4c4c8..ee4a6ef64 100644
--- a/src/index.js
+++ b/src/index.js
@@ -264,7 +264,7 @@ module.exports = {
             ],
           },
         ],
-        'jsx-a11y/label-has-for': 'error',
+        'jsx-a11y/label-has-for': 'off',
         'jsx-a11y/label-has-associated-control': 'error',
         'jsx-a11y/media-has-caption': 'error',
         'jsx-a11y/mouse-events-have-key-events': 'error',

From 854da0c073cad654eb41d02e00d1e1efa7111223 Mon Sep 17 00:00:00 2001
From: Jesse Renee Beach <splendidnoise@gmail.com>
Date: Thu, 24 Dec 2020 13:41:14 -0800
Subject: [PATCH 2/3] Ran npm update; latest packages

---
 package.json | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index cf6c08719..2324a62e8 100644
--- a/package.json
+++ b/package.json
@@ -30,15 +30,15 @@
     "jest": "jest --coverage __tests__/**/*"
   },
   "devDependencies": {
-    "@babel/cli": "^7.11.6",
-    "@babel/core": "^7.11.6",
-    "@babel/plugin-transform-flow-strip-types": "^7.10.4",
+    "@babel/cli": "^7.12.10",
+    "@babel/core": "^7.12.10",
+    "@babel/plugin-transform-flow-strip-types": "^7.12.10",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^24.9.0",
     "babel-preset-airbnb": "^5.0.0",
     "coveralls": "^3.1.0",
     "eslint": "^3 || ^4 || ^5 || ^6 || ^7",
-    "eslint-config-airbnb-base": "^14.2.0",
+    "eslint-config-airbnb-base": "^14.2.1",
     "eslint-plugin-flowtype": "^5.2.0",
     "eslint-plugin-import": "^2.22.1",
     "estraverse": "^5.2.0",
@@ -48,7 +48,7 @@
     "jest": "^24.9.0",
     "jscodeshift": "^0.7.0",
     "minimist": "^1.2.5",
-    "object.assign": "^4.1.1",
+    "object.assign": "^4.1.2",
     "rimraf": "^3.0.2",
     "safe-publish-latest": "^1.1.4",
     "to-ast": "^1.0.0"
@@ -58,16 +58,16 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.11.2",
+    "@babel/runtime": "^7.12.5",
     "aria-query": "^4.2.2",
-    "array-includes": "^3.1.1",
+    "array-includes": "^3.1.2",
     "ast-types-flow": "^0.0.7",
-    "axe-core": "^4.0.2",
+    "axe-core": "^4.1.1",
     "axobject-query": "^2.2.0",
     "damerau-levenshtein": "^1.0.6",
-    "emoji-regex": "^9.0.0",
+    "emoji-regex": "^9.2.0",
     "has": "^1.0.3",
-    "jsx-ast-utils": "^3.1.0",
+    "jsx-ast-utils": "^3.2.0",
     "language-tags": "^1.0.5"
   },
   "peerDependencies": {

From 7d5511d41a24f4291609c4542a7b659827011425 Mon Sep 17 00:00:00 2001
From: Zackary Hall <hallzac2@isu.edu>
Date: Thu, 8 Oct 2020 09:14:57 -0600
Subject: [PATCH 3/3] [New] `label-has-associated-control`: Add glob support

Fixes #720.
---
 .../label-has-associated-control-test.js      |  6 +++
 .../src/util/mayContainChildComponent-test.js | 48 +++++++++++++++++++
 docs/rules/label-has-associated-control.md    |  2 +-
 package.json                                  |  3 +-
 src/util/mayContainChildComponent.js          |  3 +-
 5 files changed, 59 insertions(+), 3 deletions(-)

diff --git a/__tests__/src/rules/label-has-associated-control-test.js b/__tests__/src/rules/label-has-associated-control-test.js
index 782fb112f..ec8002f80 100644
--- a/__tests__/src/rules/label-has-associated-control-test.js
+++ b/__tests__/src/rules/label-has-associated-control-test.js
@@ -36,6 +36,9 @@ const htmlForValid = [
   { code: '<CustomLabel htmlFor="js_id" label="A label" />', options: [{ labelAttributes: ['label'], labelComponents: ['CustomLabel'] }] },
   // Custom label attributes.
   { code: '<label htmlFor="js_id" label="A label" />', options: [{ labelAttributes: ['label'] }] },
+  // Glob support for controlComponents option.
+  { code: '<CustomLabel htmlFor="js_id" aria-label="A label" />', options: [{ controlComponents: ['Custom*'] }] },
+  { code: '<CustomLabel htmlFor="js_id" aria-label="A label" />', options: [{ controlComponents: ['*Label'] }] },
 ];
 const nestingValid = [
   { code: '<label>A label<input /></label>' },
@@ -57,6 +60,9 @@ const nestingValid = [
   { code: '<label><span>A label<CustomInput /></span></label>', options: [{ controlComponents: ['CustomInput'] }] },
   { code: '<CustomLabel><span>A label<CustomInput /></span></CustomLabel>', options: [{ controlComponents: ['CustomInput'], labelComponents: ['CustomLabel'] }] },
   { code: '<CustomLabel><span label="A label"><CustomInput /></span></CustomLabel>', options: [{ controlComponents: ['CustomInput'], labelComponents: ['CustomLabel'], labelAttributes: ['label'] }] },
+  // Glob support for controlComponents option.
+  { code: '<label><span>A label<CustomInput /></span></label>', options: [{ controlComponents: ['Custom*'] }] },
+  { code: '<label><span>A label<CustomInput /></span></label>', options: [{ controlComponents: ['*Input'] }] },
 ];
 
 const bothValid = [
diff --git a/__tests__/src/util/mayContainChildComponent-test.js b/__tests__/src/util/mayContainChildComponent-test.js
index b27eefde2..6cdd5ba41 100644
--- a/__tests__/src/util/mayContainChildComponent-test.js
+++ b/__tests__/src/util/mayContainChildComponent-test.js
@@ -104,4 +104,52 @@ describe('mayContainChildComponent', () => {
       });
     });
   });
+
+  describe('Glob name matching', () => {
+    describe('component name contains question mark ? - match any single character', () => {
+      it('should return true', () => {
+        expect(mayContainChildComponent(
+          JSXElementMock('div', [], [
+            JSXElementMock('FancyComponent'),
+          ]),
+          'Fanc?Co??onent',
+        )).toBe(true);
+      });
+      it('should return false', () => {
+        expect(mayContainChildComponent(
+          JSXElementMock('div', [], [
+            JSXElementMock('FancyComponent'),
+          ]),
+          'FancyComponent?',
+        )).toBe(false);
+      });
+    });
+
+    describe('component name contains asterisk * - match zero or more characters', () => {
+      it('should return true', () => {
+        expect(mayContainChildComponent(
+          JSXElementMock('div', [], [
+            JSXElementMock('FancyComponent'),
+          ]),
+          'Fancy*',
+        )).toBe(true);
+      });
+      it('should return true', () => {
+        expect(mayContainChildComponent(
+          JSXElementMock('div', [], [
+            JSXElementMock('FancyComponent'),
+          ]),
+          '*Component',
+        )).toBe(true);
+      });
+      it('should return true', () => {
+        expect(mayContainChildComponent(
+          JSXElementMock('div', [], [
+            JSXElementMock('FancyComponent'),
+          ]),
+          'Fancy*C*t',
+        )).toBe(true);
+      });
+    });
+  });
 });
diff --git a/docs/rules/label-has-associated-control.md b/docs/rules/label-has-associated-control.md
index 14e12c134..7037f07e1 100644
--- a/docs/rules/label-has-associated-control.md
+++ b/docs/rules/label-has-associated-control.md
@@ -101,7 +101,7 @@ This rule takes one optional object argument of type object:
 
 `labelComponents` is a list of custom React Component names that should be checked for an associated control.
 `labelAttributes` is a list of attributes to check on the label component and its children for a label. Use this if you have a custom component that uses a string passed on a prop to render an HTML `label`, for example.
-`controlComponents` is a list of custom React Components names that will output an input element.
+`controlComponents` is a list of custom React Components names that will output an input element. [Glob format](https://linuxhint.com/bash_globbing_tutorial/) is also supported for specifying names (e.g., `Label*` matches `LabelComponent` but not `CustomLabel`, `????Label` matches `LinkLabel` but not `CustomLabel`).
 `assert` asserts that the label has htmlFor, a nested label, both or either. Available options: `'htmlFor', 'nesting', 'both', 'either'`.
 `depth` (default 2, max 25) is an integer that determines how deep within a `JSXElement` label the rule should look for text content or an element with a label to determine if the `label` element will have an accessible label.
 
diff --git a/package.json b/package.json
index 2324a62e8..a73b987e7 100644
--- a/package.json
+++ b/package.json
@@ -68,7 +68,8 @@
     "emoji-regex": "^9.2.0",
     "has": "^1.0.3",
     "jsx-ast-utils": "^3.2.0",
-    "language-tags": "^1.0.5"
+    "language-tags": "^1.0.5",
+    "minimatch": "^3.0.4"
   },
   "peerDependencies": {
     "eslint": "^3 || ^4 || ^5 || ^6 || ^7"
diff --git a/src/util/mayContainChildComponent.js b/src/util/mayContainChildComponent.js
index bce434197..ddd98306f 100644
--- a/src/util/mayContainChildComponent.js
+++ b/src/util/mayContainChildComponent.js
@@ -9,6 +9,7 @@
 
 import { elementType } from 'jsx-ast-utils';
 import type { Node } from 'ast-types-flow';
+import minimatch from 'minimatch';
 
 export default function mayContainChildComponent(
   root: Node,
@@ -37,7 +38,7 @@ export default function mayContainChildComponent(
         if (
           childNode.type === 'JSXElement'
           && childNode.openingElement
-          && elementType(childNode.openingElement) === componentName
+          && minimatch(elementType(childNode.openingElement), componentName)
         ) {
           return true;
         }