@dnncommunity/dnn-elements 0.24.3-beta.1 → 0.24.4-beta.3

package/dist/collection/eslint-plugin/__tests__/no-label-slot-in-checkbox.tests.js

@@ -0,0 +1,26 @@
+import { RuleTester } from "eslint";
+import { noLabelSlotInCheckbox } from "../src/rules/no-label-slot-in-checkbox";
+const tsParser = require.resolve("@typescript-eslint/parser");
+const ruleTester = new RuleTester({
+    parser: tsParser,
+    parserOptions: {
+        ecmaVersion: 2022,
+        ecmaFeatures: {
+            jsx: true,
+        },
+        sourceType: "module",
+    },
+});
+ruleTester.run("no-label-slot-in-checkbox", noLabelSlotInCheckbox, {
+    valid: [
+        { code: "<dnn-checkbox></dnn-checkbox>" },
+    ],
+    invalid: [
+        {
+            code: "<dnn-checkbox onClick={e => console.log(e)}><label>Label Text</label></dnn-checkbox>",
+            errors: [{ messageId: "noLabelSlotInCheckbox" }],
+            output: "<label>\nLabel Text\n<dnn-checkbox onClick={e => console.log(e)}></dnn-checkbox>\n</label>",
+        },
+    ],
+});
+//# sourceMappingURL=no-label-slot-in-checkbox.tests.js.map

package/dist/collection/eslint-plugin/__tests__/no-label-slot-in-checkbox.tests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-label-slot-in-checkbox.tests.js","sourceRoot":"","sources":["../../../src/eslint-plugin/__tests__/no-label-slot-in-checkbox.tests.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;AAE9D,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC;IAC9B,MAAM,EAAE,QAAQ;IAChB,aAAa,EAAE;QACX,WAAW,EAAE,IAAI;QACjB,YAAY,EAAE;YACV,GAAG,EAAE,IAAI;SACZ;QACD,UAAU,EAAE,QAAQ;KACvB;CACJ,CAAC,CAAC;AAEH,UAAU,CAAC,GAAG,CAAC,2BAA2B,EAAE,qBAAqB,EAAE;IAC/D,KAAK,EAAE;QACH,EAAE,IAAI,EAAE,+BAA+B,EAAE;KAC5C;IACD,OAAO,EAAE;QACL;YACI,IAAI,EAAE,sFAAsF;YAC5F,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;YAChD,MAAM,EAAE,4FAA4F;SACvG;KACJ;CACJ,CAAC,CAAC","sourcesContent":["import { RuleTester } from \"eslint\";\r\nimport { noLabelSlotInCheckbox } from \"../src/rules/no-label-slot-in-checkbox\";\r\nconst tsParser = require.resolve(\"@typescript-eslint/parser\");\r\n\r\nconst ruleTester = new RuleTester({\r\n    parser: tsParser,\r\n    parserOptions: {\r\n        ecmaVersion: 2022,\r\n        ecmaFeatures: {\r\n            jsx: true,\r\n        },\r\n        sourceType: \"module\",\r\n    },\r\n});\r\n\r\nruleTester.run(\"no-label-slot-in-checkbox\", noLabelSlotInCheckbox, {\r\n    valid: [\r\n        { code: \"<dnn-checkbox></dnn-checkbox>\" },\r\n    ],\r\n    invalid: [\r\n        {\r\n            code: \"<dnn-checkbox onClick={e => console.log(e)}><label>Label Text</label></dnn-checkbox>\",\r\n            errors: [{ messageId: \"noLabelSlotInCheckbox\" }],\r\n            output: \"<label>\\nLabel Text\\n<dnn-checkbox onClick={e => console.log(e)}></dnn-checkbox>\\n</label>\",\r\n        },\r\n    ],\r\n});"]}

package/dist/collection/eslint-plugin/index.js

@@ -0,0 +1,5 @@
+import { noLabelSlotInCheckbox } from "./src/rules/no-label-slot-in-checkbox";
+export const rules = {
+    "no-label-slot-in-checkbox": noLabelSlotInCheckbox
+};
+//# sourceMappingURL=index.js.map

package/dist/collection/eslint-plugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/eslint-plugin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAE9E,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,2BAA2B,EAAE,qBAAqB;CACrD,CAAC","sourcesContent":["import { noLabelSlotInCheckbox } from \"./src/rules/no-label-slot-in-checkbox\";\r\n\r\nexport const rules = {\r\n    \"no-label-slot-in-checkbox\": noLabelSlotInCheckbox\r\n};"]}

package/dist/collection/eslint-plugin/src/rules/no-label-slot-in-checkbox.js

@@ -0,0 +1,58 @@
+export const noLabelSlotInCheckbox = {
+    meta: {
+        type: "problem",
+        docs: {
+            description: "Disallow label slot in checkbox",
+            recommended: true,
+            url: "https://github.com/DNNCommunity/dnn-elements/releases/tag/v0.24.0",
+        },
+        messages: {
+            noLabelSlotInCheckbox: "Label slot is not allowed in dnn-checkbox, wrap dnn-checkbox with a label instead."
+        },
+        fixable: "code",
+    },
+    create(context) {
+        return {
+            JSXOpeningElement(node) {
+                if (node.type === "JSXOpeningElement") {
+                    const jsxNode = node;
+                    if (jsxNode.name.type === "JSXIdentifier" && jsxNode.name.name === "dnn-checkbox") {
+                        const parent = context.getAncestors().find(ancestor => ancestor.type === "JSXElement");
+                        if (parent) {
+                            const hasLabel = parent.children.some(child => {
+                                return child.type === "JSXElement" &&
+                                    child.openingElement.name.type === "JSXIdentifier" &&
+                                    child.openingElement.name.name === "label";
+                            });
+                            if (hasLabel) {
+                                context.report({
+                                    node: node,
+                                    messageId: "noLabelSlotInCheckbox",
+                                    fix: (fixer) => {
+                                        if (parent && parent.type === "JSXElement" && Array.isArray(parent.children)) {
+                                            const label = parent.children.find(child => child &&
+                                                child.type === "JSXElement" &&
+                                                child.openingElement &&
+                                                child.openingElement.name &&
+                                                child.openingElement.name.type === "JSXIdentifier" &&
+                                                child.openingElement.name.name === "label");
+                                            if (label && label.type === "JSXElement") {
+                                                const labelText = context.sourceCode.getText(label).replace(/<label>|<\/label>/g, '').trim();
+                                                const checkboxText = context.sourceCode.getText(node);
+                                                // Combine the label text and checkbox into a label wrapper with multiline formatting
+                                                const fixedText = `<label>\n${labelText}\n${checkboxText}</dnn-checkbox>\n</label>`;
+                                                return fixer.replaceText(parent, fixedText);
+                                            }
+                                        }
+                                        return null;
+                                    }
+                                });
+                            }
+                        }
+                    }
+                }
+            }
+        };
+    }
+};
+//# sourceMappingURL=no-label-slot-in-checkbox.js.map

package/dist/collection/eslint-plugin/src/rules/no-label-slot-in-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-label-slot-in-checkbox.js","sourceRoot":"","sources":["../../../../src/eslint-plugin/src/rules/no-label-slot-in-checkbox.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,qBAAqB,GAAoB;IAClD,IAAI,EAAE;QACF,IAAI,EAAE,SAAS;QACf,IAAI,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,WAAW,EAAE,IAAI;YACjB,GAAG,EAAE,mEAAmE;SAC3E;QACD,QAAQ,EAAE;YACN,qBAAqB,EAAE,oFAAoF;SAC9G;QACD,OAAO,EAAE,MAAM;KAClB;IACD,MAAM,CAAC,OAAyB;QAC5B,OAAO;YACH,iBAAiB,CAAC,IAAe;gBAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,mBAAmB,EAAE,CAAC;oBACpC,MAAM,OAAO,GAAG,IAAyB,CAAC;oBAC1C,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;wBAChF,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC;wBACvF,IAAI,MAAM,EAAE,CAAC;4BACT,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;gCAC1C,OAAO,KAAK,CAAC,IAAI,KAAK,YAAY;oCAC9B,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe;oCAClD,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;4BACnD,CAAC,CAAC,CAAC;4BACH,IAAI,QAAQ,EAAE,CAAC;gCACX,OAAO,CAAC,MAAM,CAAC;oCACX,IAAI,EAAE,IAAI;oCACV,SAAS,EAAE,uBAAuB;oCAClC,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE;wCACX,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,YAAY,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;4CAC3E,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CACvC,KAAK;gDACL,KAAK,CAAC,IAAI,KAAK,YAAY;gDAC3B,KAAK,CAAC,cAAc;gDACpB,KAAK,CAAC,cAAc,CAAC,IAAI;gDACzB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe;gDAClD,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;4CAEhD,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;gDACvC,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;gDAC7F,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gDAEtD,qFAAqF;gDACrF,MAAM,SAAS,GAAG,YAAY,SAAS,KAAK,YAAY,2BAA2B,CAAC;gDAEpF,OAAO,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;4CAChD,CAAC;wCACL,CAAC;wCAED,OAAO,IAAI,CAAC;oCAChB,CAAC;iCACJ,CAAC,CAAC;4BACP,CAAC;wBACL,CAAC;oBACL,CAAC;gBACL,CAAC;YACL,CAAC;SACJ,CAAC;IACN,CAAC;CACJ,CAAC","sourcesContent":["import type { Rule } from 'eslint';\r\nimport type { JSXOpeningElement } from \"estree-jsx\";\r\n\r\nexport const noLabelSlotInCheckbox: Rule.RuleModule = {\r\n    meta: {\r\n        type: \"problem\",\r\n        docs: {\r\n            description: \"Disallow label slot in checkbox\",\r\n            recommended: true,\r\n            url: \"https://github.com/DNNCommunity/dnn-elements/releases/tag/v0.24.0\",\r\n        },\r\n        messages: {\r\n            noLabelSlotInCheckbox: \"Label slot is not allowed in dnn-checkbox, wrap dnn-checkbox with a label instead.\"\r\n        },\r\n        fixable: \"code\",\r\n    },\r\n    create(context: Rule.RuleContext): Rule.RuleListener {\r\n        return {\r\n            JSXOpeningElement(node: Rule.Node) {\r\n                if (node.type === \"JSXOpeningElement\") {\r\n                    const jsxNode = node as JSXOpeningElement;\r\n                    if (jsxNode.name.type === \"JSXIdentifier\" && jsxNode.name.name === \"dnn-checkbox\") {\r\n                        const parent = context.getAncestors().find(ancestor => ancestor.type === \"JSXElement\");\r\n                        if (parent) {\r\n                            const hasLabel = parent.children.some(child => {\r\n                                return child.type === \"JSXElement\" &&\r\n                                    child.openingElement.name.type === \"JSXIdentifier\" &&\r\n                                    child.openingElement.name.name === \"label\";\r\n                            });\r\n                            if (hasLabel) {\r\n                                context.report({\r\n                                    node: node,\r\n                                    messageId: \"noLabelSlotInCheckbox\",\r\n                                    fix: (fixer) => {\r\n                                        if (parent && parent.type === \"JSXElement\" && Array.isArray(parent.children)) {\r\n                                            const label = parent.children.find(child => \r\n                                                child &&\r\n                                                child.type === \"JSXElement\" &&\r\n                                                child.openingElement &&\r\n                                                child.openingElement.name &&\r\n                                                child.openingElement.name.type === \"JSXIdentifier\" &&\r\n                                                child.openingElement.name.name === \"label\");\r\n\r\n                                            if (label && label.type === \"JSXElement\") {\r\n                                                const labelText = context.sourceCode.getText(label).replace(/<label>|<\\/label>/g, '').trim();\r\n                                                const checkboxText = context.sourceCode.getText(node);\r\n\r\n                                                // Combine the label text and checkbox into a label wrapper with multiline formatting\r\n                                                const fixedText = `<label>\\n${labelText}\\n${checkboxText}</dnn-checkbox>\\n</label>`;\r\n\r\n                                                return fixer.replaceText(parent, fixedText);\r\n                                            }\r\n                                        }\r\n\r\n                                        return null;\r\n                                    }\r\n                                });\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        };\r\n    }\r\n};\r\n"]}

package/dist/types/eslint-plugin/__tests__/no-label-slot-in-checkbox.tests.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/eslint-plugin/dist/no-label-slot-in-checkbox.d.ts

@@ -0,0 +1,2 @@
+import type { Rule } from 'eslint';
+export declare const noLabelSlotInCheckbox: Rule.RuleModule;

package/dist/types/eslint-plugin/index.d.ts

@@ -0,0 +1,3 @@
+export declare const rules: {
+    "no-label-slot-in-checkbox": import("eslint").Rule.RuleModule;
+};

package/dist/types/eslint-plugin/src/rules/no-label-slot-in-checkbox.d.ts

@@ -0,0 +1,2 @@
+import type { Rule } from 'eslint';
+export declare const noLabelSlotInCheckbox: Rule.RuleModule;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnncommunity/dnn-elements",
-  "version": "0.24.3-beta.1",
+  "version": "0.24.4-beta.3",
   "description": "Dnn themed custom elements.",
   "repository": "https://github.com/dnncommunity/dnn-elements",
   "homepage": "https://dnncommunity.github.io/dnn-elements",
@@ -15,10 +15,11 @@
   "unpkg": "dist/dnn/dnn.js",
   "files": [
     "dist/",
-    "loader/"
+    "loader/",
+    "src/eslint-plugin/"
   ],
   "scripts": {
-    "build": "npm run eslint && stencil build --docs",
+    "build": "npm run build:eslint-plugin && npm run eslint && stencil build --docs",
     "postbuild": "license-checker-rseidelsohn --out licenses.json --json --direct --relativeLicensePath --relativeModulePath",
     "watch": "stencil build --dev --watch",
     "start": "stencil build --dev --watch --serve",
@@ -26,11 +27,13 @@
     "poststart": "license-checker-rseidelsohn --out licenses.json --json --direct --relativeLicensePath --relativeModulePath",
     "test": "stencil test --spec --e2e",
     "test.watch": "stencil test --spec --e2e --watchAll",
+    "test.eslint": "jest --config jest.eslint.config.js",
     "generate": "stencil generate",
     "eslint": "eslint",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "deploy-storybook": "gh-pages -d storybook-static --branch site"
+    "build-storybook": "echo 'Storybook build is disabled for this release.'",
+    "deploy-storybook": "gh-pages -d storybook-static --branch site",
+    "build:eslint-plugin": "tsc -p src/eslint-plugin/tsconfig.json"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.1.0",
@@ -48,6 +51,7 @@
     "@storybook/web-components": "^8.3.2",
     "@storybook/web-components-webpack5": "^8.3.2",
     "@timkendrick/monaco-editor": "^0.0.9",
+    "@types/estree-jsx": "^1.0.5",
     "@types/jest": "^29.5.10",
     "@typescript-eslint/eslint-plugin": "^8.0.1",
     "@typescript-eslint/parser": "^8.0.1",
@@ -67,8 +71,8 @@
     "react-dom": "^18.2.0",
     "rollup-plugin-node-polyfills": "^0.2.1",
     "storybook": "^8.3.2",
-    "typescript": "5.6.3",
-    "typescript-debounce-decorator": "^0.0.18"
+    "ts-jest": "^29.3.2",
+    "typescript": "5.6.3"
   },
   "dependencies": {
     "jodit": "^4.2.27"

package/src/eslint-plugin/__tests__/no-label-slot-in-checkbox.tests.ts

@@ -0,0 +1,27 @@
+import { RuleTester } from "eslint";
+import { noLabelSlotInCheckbox } from "../src/rules/no-label-slot-in-checkbox";
+const tsParser = require.resolve("@typescript-eslint/parser");
+
+const ruleTester = new RuleTester({
+    parser: tsParser,
+    parserOptions: {
+        ecmaVersion: 2022,
+        ecmaFeatures: {
+            jsx: true,
+        },
+        sourceType: "module",
+    },
+});
+
+ruleTester.run("no-label-slot-in-checkbox", noLabelSlotInCheckbox, {
+    valid: [
+        { code: "<dnn-checkbox></dnn-checkbox>" },
+    ],
+    invalid: [
+        {
+            code: "<dnn-checkbox onClick={e => console.log(e)}><label>Label Text</label></dnn-checkbox>",
+            errors: [{ messageId: "noLabelSlotInCheckbox" }],
+            output: "<label>\nLabel Text\n<dnn-checkbox onClick={e => console.log(e)}></dnn-checkbox>\n</label>",
+        },
+    ],
+});

package/src/eslint-plugin/dist/no-label-slot-in-checkbox.d.ts

@@ -0,0 +1,2 @@
+import type { Rule } from 'eslint';
+export declare const noLabelSlotInCheckbox: Rule.RuleModule;

package/src/eslint-plugin/dist/no-label-slot-in-checkbox.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.noLabelSlotInCheckbox = void 0;
+exports.noLabelSlotInCheckbox = {
+    meta: {
+        type: "problem",
+        docs: {
+            description: "Disallow label slot in checkbox",
+            recommended: true,
+            url: "https://github.com/DNNCommunity/dnn-elements/releases/tag/v0.24.0",
+        },
+        messages: {
+            noLabelSlotInCheckbox: "Label slot is not allowed in dnn-checkbox, wrap dnn-checkbox with a label instead."
+        },
+        fixable: "code",
+    },
+    create(context) {
+        return {
+            JSXOpeningElement(node) {
+                if (node.type === "JSXOpeningElement") {
+                    const jsxNode = node;
+                    if (jsxNode.name.type === "JSXIdentifier" && jsxNode.name.name === "dnn-checkbox") {
+                        const parent = context.getAncestors().find(ancestor => ancestor.type === "JSXElement");
+                        if (parent) {
+                            const hasLabel = parent.children.some(child => {
+                                return child.type === "JSXElement" &&
+                                    child.openingElement.name.type === "JSXIdentifier" &&
+                                    child.openingElement.name.name === "label";
+                            });
+                            if (hasLabel) {
+                                context.report({
+                                    node: node,
+                                    messageId: "noLabelSlotInCheckbox",
+                                    fix: (fixer) => {
+                                        if (parent && parent.type === "JSXElement" && Array.isArray(parent.children)) {
+                                            const label = parent.children.find(child => child &&
+                                                child.type === "JSXElement" &&
+                                                child.openingElement &&
+                                                child.openingElement.name &&
+                                                child.openingElement.name.type === "JSXIdentifier" &&
+                                                child.openingElement.name.name === "label");
+                                            if (label && label.type === "JSXElement") {
+                                                const labelText = context.sourceCode.getText(label).replace(/<label>|<\/label>/g, '').trim();
+                                                const checkboxText = context.sourceCode.getText(node);
+                                                // Combine the label text and checkbox into a label wrapper with multiline formatting
+                                                const fixedText = `<label>\n${labelText}\n${checkboxText}</dnn-checkbox>\n</label>`;
+                                                return fixer.replaceText(parent, fixedText);
+                                            }
+                                        }
+                                        return null;
+                                    }
+                                });
+                            }
+                        }
+                    }
+                }
+            }
+        };
+    }
+};
+//# sourceMappingURL=no-label-slot-in-checkbox.js.map

package/src/eslint-plugin/dist/no-label-slot-in-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-label-slot-in-checkbox.js","sourceRoot":"","sources":["../src/rules/no-label-slot-in-checkbox.ts"],"names":[],"mappings":";;;AAGa,QAAA,qBAAqB,GAAoB;IAClD,IAAI,EAAE;QACF,IAAI,EAAE,SAAS;QACf,IAAI,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,WAAW,EAAE,IAAI;YACjB,GAAG,EAAE,mEAAmE;SAC3E;QACD,QAAQ,EAAE;YACN,qBAAqB,EAAE,oFAAoF;SAC9G;QACD,OAAO,EAAE,MAAM;KAClB;IACD,MAAM,CAAC,OAAyB;QAC5B,OAAO;YACH,iBAAiB,CAAC,IAAe;gBAC7B,IAAI,IAAI,CAAC,IAAI,KAAK,mBAAmB,EAAE,CAAC;oBACpC,MAAM,OAAO,GAAG,IAAyB,CAAC;oBAC1C,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;wBAChF,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC;wBACvF,IAAI,MAAM,EAAE,CAAC;4BACT,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;gCAC1C,OAAO,KAAK,CAAC,IAAI,KAAK,YAAY;oCAC9B,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe;oCAClD,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;4BACnD,CAAC,CAAC,CAAC;4BACH,IAAI,QAAQ,EAAE,CAAC;gCACX,OAAO,CAAC,MAAM,CAAC;oCACX,IAAI,EAAE,IAAI;oCACV,SAAS,EAAE,uBAAuB;oCAClC,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE;wCACX,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,YAAY,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;4CAC3E,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CACvC,KAAK;gDACL,KAAK,CAAC,IAAI,KAAK,YAAY;gDAC3B,KAAK,CAAC,cAAc;gDACpB,KAAK,CAAC,cAAc,CAAC,IAAI;gDACzB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe;gDAClD,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;4CAEhD,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;gDACvC,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;gDAC7F,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gDAEtD,qFAAqF;gDACrF,MAAM,SAAS,GAAG,YAAY,SAAS,KAAK,YAAY,2BAA2B,CAAC;gDAEpF,OAAO,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;4CAChD,CAAC;wCACL,CAAC;wCAED,OAAO,IAAI,CAAC;oCAChB,CAAC;iCACJ,CAAC,CAAC;4BACP,CAAC;wBACL,CAAC;oBACL,CAAC;gBACL,CAAC;YACL,CAAC;SACJ,CAAC;IACN,CAAC;CACJ,CAAC"}

package/src/eslint-plugin/index.ts

@@ -0,0 +1,5 @@
+import { noLabelSlotInCheckbox } from "./src/rules/no-label-slot-in-checkbox";
+
+export const rules = {
+    "no-label-slot-in-checkbox": noLabelSlotInCheckbox
+};

package/src/eslint-plugin/src/rules/no-label-slot-in-checkbox.ts

@@ -0,0 +1,65 @@
+import type { Rule } from 'eslint';
+import type { JSXOpeningElement } from "estree-jsx";
+
+export const noLabelSlotInCheckbox: Rule.RuleModule = {
+    meta: {
+        type: "problem",
+        docs: {
+            description: "Disallow label slot in checkbox",
+            recommended: true,
+            url: "https://github.com/DNNCommunity/dnn-elements/releases/tag/v0.24.0",
+        },
+        messages: {
+            noLabelSlotInCheckbox: "Label slot is not allowed in dnn-checkbox, wrap dnn-checkbox with a label instead."
+        },
+        fixable: "code",
+    },
+    create(context: Rule.RuleContext): Rule.RuleListener {
+        return {
+            JSXOpeningElement(node: Rule.Node) {
+                if (node.type === "JSXOpeningElement") {
+                    const jsxNode = node as JSXOpeningElement;
+                    if (jsxNode.name.type === "JSXIdentifier" && jsxNode.name.name === "dnn-checkbox") {
+                        const parent = context.getAncestors().find(ancestor => ancestor.type === "JSXElement");
+                        if (parent) {
+                            const hasLabel = parent.children.some(child => {
+                                return child.type === "JSXElement" &&
+                                    child.openingElement.name.type === "JSXIdentifier" &&
+                                    child.openingElement.name.name === "label";
+                            });
+                            if (hasLabel) {
+                                context.report({
+                                    node: node,
+                                    messageId: "noLabelSlotInCheckbox",
+                                    fix: (fixer) => {
+                                        if (parent && parent.type === "JSXElement" && Array.isArray(parent.children)) {
+                                            const label = parent.children.find(child => 
+                                                child &&
+                                                child.type === "JSXElement" &&
+                                                child.openingElement &&
+                                                child.openingElement.name &&
+                                                child.openingElement.name.type === "JSXIdentifier" &&
+                                                child.openingElement.name.name === "label");
+
+                                            if (label && label.type === "JSXElement") {
+                                                const labelText = context.sourceCode.getText(label).replace(/<label>|<\/label>/g, '').trim();
+                                                const checkboxText = context.sourceCode.getText(node);
+
+                                                // Combine the label text and checkbox into a label wrapper with multiline formatting
+                                                const fixedText = `<label>\n${labelText}\n${checkboxText}</dnn-checkbox>\n</label>`;
+
+                                                return fixer.replaceText(parent, fixedText);
+                                            }
+                                        }
+
+                                        return null;
+                                    }
+                                });
+                            }
+                        }
+                    }
+                }
+            }
+        };
+    }
+};

package/src/eslint-plugin/tsconfig.json

@@ -0,0 +1,16 @@
+{
+    "compilerOptions": {
+      "target": "ES2022",
+      "module": "CommonJS",
+      "moduleResolution": "Node",
+      "outDir": "./dist",
+      "strict": true,
+      "esModuleInterop": true,
+      "declaration": true,
+      "skipLibCheck": true,
+      "types": ["jest", "node", "estree-jsx"],
+      "forceConsistentCasingInFileNames": true,
+      "sourceMap": true
+    },
+    "include": ["src", "jest.config.js"]
+  }