@dnncommunity/dnn-elements 0.24.3 → 0.24.4-beta.11

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

@@ -0,0 +1,20 @@
+declare const plugin: {
+    configs: {
+        readonly recommended: {
+            plugins: {
+                "dnn-elements": any;
+            };
+            rules: {
+                "no-label-slot-in-checkbox": import("@typescript-eslint/utils/ts-eslint").RuleModule<"noLabelSlotInCheckbox", [], import("./utils").TypedLintingRuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+            };
+        };
+    };
+    meta: {
+        name: string;
+        version: string;
+    };
+    rules: {
+        "no-label-slot-in-checkbox": import("@typescript-eslint/utils/ts-eslint").RuleModule<"noLabelSlotInCheckbox", [], import("./utils").TypedLintingRuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+    };
+};
+export default plugin;

package/eslint-plugin/dist/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const rules_1 = require("./rules");
+const { name, version } = 
+// `import`ing here would bypass the TSConfig's `"rootDir": "src"`
+// eslint-disable-next-line @typescript-eslint/no-require-imports
+require("../../package.json");
+const plugin = {
+    configs: {
+        get recommended() {
+            return recommended;
+        },
+    },
+    meta: { name, version },
+    rules: rules_1.rules,
+};
+const recommended = {
+    plugins: {
+        "dnn-elements": plugin,
+    },
+    rules: rules_1.rules,
+};
+exports.default = plugin;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAAA,mCAAgC;AAEhC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE;AACrB,kEAAkE;AAClE,iEAAiE;AACjE,OAAO,CAAC,oBAAoB,CAAwC,CAAC;AAEvE,MAAM,MAAM,GAAG;IACX,OAAO,EAAE;QACL,IAAI,WAAW;YACX,OAAO,WAAW,CAAC;QACvB,CAAC;KACJ;IACD,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;IACvB,KAAK,EAAL,aAAK;CACR,CAAC;AAEF,MAAM,WAAW,GAAG;IAChB,OAAO,EAAE;QACL,cAAc,EAAE,MAAM;KACzB;IACD,KAAK,EAAL,aAAK;CACR,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import { rules } from \"./rules\";\r\n\r\nconst { name, version } =\r\n  // `import`ing here would bypass the TSConfig's `\"rootDir\": \"src\"`\r\n  // eslint-disable-next-line @typescript-eslint/no-require-imports\r\n  require(\"../../package.json\") as typeof import(\"../../package.json\");\r\n\r\nconst plugin = {\r\n    configs: {\r\n        get recommended() {\r\n            return recommended;\r\n        },\r\n    },\r\n    meta: { name, version },\r\n    rules,\r\n};\r\n\r\nconst recommended = {\r\n    plugins: {\r\n        \"dnn-elements\": plugin,\r\n    },\r\n    rules,\r\n};\r\n\r\nexport default plugin;"]}

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

@@ -0,0 +1,3 @@
+export declare const rules: {
+    "no-label-slot-in-checkbox": import("@typescript-eslint/utils/ts-eslint").RuleModule<"noLabelSlotInCheckbox", [], import("../utils").TypedLintingRuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;
+};

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rules = void 0;
+const no_label_slot_in_checkbox_1 = require("./no-label-slot-in-checkbox");
+exports.rules = {
+    "no-label-slot-in-checkbox": no_label_slot_in_checkbox_1.rule,
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/rules/index.ts"],"names":[],"mappings":";;;AAAA,2EAA4E;AAE/D,QAAA,KAAK,GAAG;IACjB,2BAA2B,EAAE,gCAAqB;CACrD,CAAA","sourcesContent":["import { rule as noLabelSlotInCheckbox } from \"./no-label-slot-in-checkbox\";\r\n\r\nexport const rules = {\r\n    \"no-label-slot-in-checkbox\": noLabelSlotInCheckbox,\r\n}"]}

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

@@ -0,0 +1 @@
+export declare const rule: import("@typescript-eslint/utils/ts-eslint").RuleModule<"noLabelSlotInCheckbox", [], import("../utils").TypedLintingRuleDocs, import("@typescript-eslint/utils/ts-eslint").RuleListener>;

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rule = void 0;
+const utils_1 = require("../utils");
+exports.rule = (0, utils_1.createRule)({
+    name: "no-label-slot-in-checkbox",
+    defaultOptions: [],
+    meta: {
+        docs: {
+            description: "Disallow label slot in checkbox",
+            recommended: true,
+            url: "https://github.com/DNNCommunity/dnn-elements/releases/tag/v0.24.0",
+        },
+        type: "problem",
+        messages: {
+            noLabelSlotInCheckbox: "Label slot is not allowed in dnn-checkbox, wrap dnn-checkbox with a label instead."
+        },
+        fixable: "code",
+        schema: [], // Ensure schema is defined as an empty array or with the appropriate schema definition
+    },
+    create(context) {
+        return {
+            JSXElement(node) {
+                if (node.openingElement.name.type === "JSXIdentifier" &&
+                    node.openingElement.name.name === "dnn-checkbox") {
+                    const innerContent = node.children
+                        .map(child => context.sourceCode.getText(child))
+                        .join("")
+                        .trim();
+                    if (innerContent) {
+                        context.report({
+                            node,
+                            messageId: "noLabelSlotInCheckbox",
+                            fix: fixer => {
+                                const checkboxText = context.sourceCode.getText(node.openingElement);
+                                const selfClosing = checkboxText.replace(/>$/, " />");
+                                const replacement = `<label>\n${selfClosing}\n${innerContent}\n</label>`;
+                                return fixer.replaceText(node, replacement);
+                            }
+                        });
+                    }
+                }
+            }
+        };
+    },
+});
+//# sourceMappingURL=no-label-slot-in-checkbox.js.map

package/eslint-plugin/dist/rules/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":";;;AAAA,oCAAsC;AAEzB,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAC;IAC3B,IAAI,EAAE,2BAA2B;IACjC,cAAc,EAAE,EAAE;IAClB,IAAI,EAAE;QACF,IAAI,EAAE;YACF,WAAW,EAAE,iCAAiC;YAC9C,WAAW,EAAE,IAAI;YACjB,GAAG,EAAE,mEAAmE;SAC3E;QACD,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE;YACN,qBAAqB,EAAE,oFAAoF;SAC9G;QACD,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,EAAE,EAAE,uFAAuF;KACtG;IACD,MAAM,CAAC,OAAO;QACV,OAAO;YACH,UAAU,CAAC,IAAI;gBACX,IACI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe;oBACjD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,EAClD,CAAC;oBACC,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ;yBAC7B,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;yBAC/C,IAAI,CAAC,EAAE,CAAC;yBACR,IAAI,EAAE,CAAC;oBAEZ,IAAI,YAAY,EAAE,CAAC;wBACf,OAAO,CAAC,MAAM,CAAC;4BACX,IAAI;4BACJ,SAAS,EAAE,uBAAuB;4BAClC,GAAG,EAAE,KAAK,CAAC,EAAE;gCACT,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;gCACrE,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gCAEtD,MAAM,WAAW,GAAG,YAAY,WAAW,KAAK,YAAY,YAAY,CAAC;gCACzE,OAAO,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;4BAChD,CAAC;yBACJ,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC;YACL,CAAC;SACJ,CAAC;IACN,CAAC;CACJ,CAAC,CAAC","sourcesContent":["import { createRule } from \"../utils\";\r\n\r\nexport const rule = createRule({\r\n    name: \"no-label-slot-in-checkbox\",\r\n    defaultOptions: [],\r\n    meta: {\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        type: \"problem\",\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        schema: [], // Ensure schema is defined as an empty array or with the appropriate schema definition\r\n    },\r\n    create(context) {\r\n        return {\r\n            JSXElement(node) {\r\n                if (\r\n                    node.openingElement.name.type === \"JSXIdentifier\" &&\r\n                    node.openingElement.name.name === \"dnn-checkbox\"\r\n                ) {\r\n                    const innerContent = node.children\r\n                        .map(child => context.sourceCode.getText(child))\r\n                        .join(\"\")\r\n                        .trim();\r\n    \r\n                    if (innerContent) {\r\n                        context.report({\r\n                            node,\r\n                            messageId: \"noLabelSlotInCheckbox\",\r\n                            fix: fixer => {\r\n                                const checkboxText = context.sourceCode.getText(node.openingElement);\r\n                                const selfClosing = checkboxText.replace(/>$/, \" />\");\r\n    \r\n                                const replacement = `<label>\\n${selfClosing}\\n${innerContent}\\n</label>`;\r\n                                return fixer.replaceText(node, replacement);\r\n                            }\r\n                        });\r\n                    }\r\n                }\r\n            }\r\n        };\r\n    },\r\n});\r\n"]}

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const rule_tester_1 = require("@typescript-eslint/rule-tester");
+const no_label_slot_in_checkbox_1 = require("./no-label-slot-in-checkbox");
+const ruleTester = new rule_tester_1.RuleTester();
+// Define a reusable configuration for JSX parser options
+const jsxParserOptions = {
+    parserOptions: {
+        ecmaFeatures: {
+            jsx: true,
+        },
+    },
+};
+ruleTester.run("no-label-slot-in-checkbox", no_label_slot_in_checkbox_1.rule, {
+    valid: [
+        {
+            code: "<dnn-checkbox></dnn-checkbox>",
+            languageOptions: jsxParserOptions,
+        },
+    ],
+    invalid: [
+        {
+            code: "<dnn-checkbox onClick={e => console.log(e)}>Something</dnn-checkbox>",
+            languageOptions: jsxParserOptions,
+            errors: [{ messageId: "noLabelSlotInCheckbox" }],
+            output: "<label>\n<dnn-checkbox onClick={e => console.log(e)} />\nSomething\n</label>",
+        },
+    ],
+});
+//# sourceMappingURL=no-label-slot-in-checkbox.tests.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"no-label-slot-in-checkbox.tests.js","sourceRoot":"","sources":["../../src/rules/no-label-slot-in-checkbox.tests.ts"],"names":[],"mappings":";;AAAA,gEAA4D;AAC5D,2EAAmD;AAEnD,MAAM,UAAU,GAAG,IAAI,wBAAU,EAAE,CAAC;AAEpC,yDAAyD;AACzD,MAAM,gBAAgB,GAAG;IACrB,aAAa,EAAE;QACX,YAAY,EAAE;YACV,GAAG,EAAE,IAAI;SACZ;KACJ;CACJ,CAAC;AAEF,UAAU,CAAC,GAAG,CAAC,2BAA2B,EAAE,gCAAI,EAAE;IAC9C,KAAK,EAAE;QACH;YACI,IAAI,EAAE,+BAA+B;YACrC,eAAe,EAAE,gBAAgB;SACpC;KACJ;IACD,OAAO,EAAE;QACL;YACI,IAAI,EAAE,sEAAsE;YAC5E,eAAe,EAAE,gBAAgB;YACjC,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;YAChD,MAAM,EAAE,8EAA8E;SACzF;KACJ;CACJ,CAAC,CAAC","sourcesContent":["import { RuleTester } from \"@typescript-eslint/rule-tester\";\r\nimport { rule } from \"./no-label-slot-in-checkbox\";\r\n\r\nconst ruleTester = new RuleTester();\r\n\r\n// Define a reusable configuration for JSX parser options\r\nconst jsxParserOptions = {\r\n    parserOptions: {\r\n        ecmaFeatures: {\r\n            jsx: true,\r\n        },\r\n    },\r\n};\r\n\r\nruleTester.run(\"no-label-slot-in-checkbox\", rule, {\r\n    valid: [\r\n        {\r\n            code: \"<dnn-checkbox></dnn-checkbox>\",\r\n            languageOptions: jsxParserOptions,\r\n        },\r\n    ],\r\n    invalid: [\r\n        {\r\n            code: \"<dnn-checkbox onClick={e => console.log(e)}>Something</dnn-checkbox>\",\r\n            languageOptions: jsxParserOptions,\r\n            errors: [{ messageId: \"noLabelSlotInCheckbox\" }],\r\n            output: \"<label>\\n<dnn-checkbox onClick={e => console.log(e)} />\\nSomething\\n</label>\",\r\n        },\r\n    ],\r\n});"]}

package/eslint-plugin/dist/utils.d.ts

@@ -0,0 +1,7 @@
+import { ESLintUtils } from "@typescript-eslint/utils";
+export interface TypedLintingRuleDocs {
+    description: string;
+    recommended?: boolean;
+    requiresTyepeChecking?: boolean;
+}
+export declare const createRule: <Options extends readonly unknown[], MessageIds extends string>({ meta, name, ...rule }: Readonly<ESLintUtils.RuleWithMetaAndName<Options, MessageIds, TypedLintingRuleDocs>>) => ESLintUtils.RuleModule<MessageIds, Options, TypedLintingRuleDocs, ESLintUtils.RuleListener>;

package/eslint-plugin/dist/utils.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRule = void 0;
+const utils_1 = require("@typescript-eslint/utils");
+;
+exports.createRule = utils_1.ESLintUtils.RuleCreator(name => `https://github.com/DNNCommunity/dnn-elements/tree/main/packages/stencil-library/eslint-plugin/docs/${name}.md`);
+//# sourceMappingURL=utils.js.map

package/eslint-plugin/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":";;;AAAA,oDAAuD;AAMtD,CAAC;AAEW,QAAA,UAAU,GAAG,mBAAW,CAAC,WAAW,CAC7C,IAAI,CAAC,EAAE,CAAC,sGAAsG,IAAI,KAAK,CAC1H,CAAC","sourcesContent":["import { ESLintUtils } from \"@typescript-eslint/utils\";\r\n\r\nexport interface TypedLintingRuleDocs {\r\n    description: string;\r\n    recommended?: boolean;\r\n    requiresTyepeChecking?: boolean;\r\n};\r\n\r\nexport const createRule = ESLintUtils.RuleCreator<TypedLintingRuleDocs>(\r\n    name => `https://github.com/DNNCommunity/dnn-elements/tree/main/packages/stencil-library/eslint-plugin/docs/${name}.md`\r\n);"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnncommunity/dnn-elements",
-  "version": "0.24.3",
+  "version": "0.24.4-beta.11",
   "description": "Dnn themed custom elements.",
   "repository": "https://github.com/dnncommunity/dnn-elements",
   "homepage": "https://dnncommunity.github.io/dnn-elements",
@@ -15,10 +15,16 @@
   "unpkg": "dist/dnn/dnn.js",
   "files": [
     "dist/",
-    "loader/"
+    "loader/",
+    "eslint-plugin/dist"
   ],
+  "exports": {
+    "./eslint-plugin": {
+      "import": "./eslint-plugin/dist/index.js"
+    }
+  },
   "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 +32,14 @@
     "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",
+    "test.eslint.watch": "jest --config jest.eslint.config.js --watchAll",
     "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 eslint-plugin/tsconfig.json"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.1.0",
@@ -48,9 +57,12 @@
     "@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",
+    "@typescript-eslint/eslint-plugin": "^8.30.1",
+    "@typescript-eslint/parser": "^8.30.1",
+    "@typescript-eslint/rule-tester": "^8.30.1",
+    "@typescript-eslint/utils": "^8.30.1",
     "axe-playwright": "^2.0.1",
     "babel-loader": "^9.1.2",
     "eslint": "^8.57.0",
@@ -67,8 +79,9 @@
     "react-dom": "^18.2.0",
     "rollup-plugin-node-polyfills": "^0.2.1",
     "storybook": "^8.3.2",
+    "ts-jest": "^29.3.2",
     "typescript": "5.6.3",
-    "typescript-debounce-decorator": "^0.0.18"
+    "typescript-eslint": "^8.30.1"
   },
   "dependencies": {
     "jodit": "^4.2.27"