@fkui/vue 6.3.1 → 6.5.0

package/htmlvalidate/elements/components.js

@@ -507,7 +507,7 @@ module.exports = defineMetadata({
             description: ["/.+/"],
             type: ["text", "date", "numeric", "action"],
         },
-        requiredAttributes: ["name", "title"],
+        requiredAttributes: ["title"],
         permittedContent: ["@phrasing", "button", "f-badge"],
     },
 
@@ -930,7 +930,7 @@ module.exports = defineMetadata({
     "f-crud-dataset": {
         flow: true,
         interactive: true,
-        slots: ["default", "add", "delete", "modify", "add-button"],
+        slots: ["default", "add", "delete", "modify", "add-button", "buttons"],
         requiredSlots: ["default"],
         attributes: {
             value: ["/.*/"],

package/htmlvalidate/rules/ftablecolumn-name.rule.js

@@ -0,0 +1,58 @@
+const { Rule } = require("html-validate/node");
+const { getDocumentationUrl } = require("./common");
+
+class FTableColumnName extends Rule {
+    documentation() {
+        return {
+            description:
+                "`<f-sort-filter-dataset>` requires `name` attribute to be set for each `<f-table-column>` with a unique value.",
+            url: getDocumentationUrl(
+                "/components/table-and-list/fsortfilterdataset.html",
+            ),
+        };
+    }
+
+    setup() {
+        this.on("dom:ready", (event) => {
+            const sorters = event.document.querySelectorAll(
+                "f-sort-filter-dataset",
+            );
+
+            for (const sorter of sorters) {
+                this.validateSorterColumns(sorter);
+            }
+        });
+    }
+
+    validateSorterColumns(sorter) {
+        const columns = sorter.querySelectorAll("f-table-column");
+        const seenNames = new Set();
+
+        for (const column of columns) {
+            const hasName = column.hasAttribute("name");
+            if (!hasName) {
+                this.report(
+                    column,
+                    '<f-table-column> is missing required "name" attribute.',
+                );
+                continue;
+            }
+
+            const { value: name, valueLocation } = column.getAttribute("name");
+            if (name.length === 0) {
+                // Empty name attribute already handled by component rules.
+                continue;
+            }
+            if (seenNames.has(name)) {
+                this.report({
+                    location: valueLocation,
+                    message: `"${name}" is not unique.`,
+                });
+            }
+
+            seenNames.add(name);
+        }
+    }
+}
+
+module.exports = FTableColumnName;

package/htmlvalidate/rules/index.js

@@ -4,6 +4,7 @@ const PreferFIcon = require("./prefer-ficon.rule");
 const requiredmaxlength = require("./requiredmaxlength.rule");
 const ftextfieldFormatterValidation = require("./ftextfieldFormatterValidation.rule");
 const NoTemplateModal = require("./no-template-modal.rule");
+const FTableColumnName = require("./ftablecolumn-name.rule");
 
 module.exports = {
     "fkui/button-group": buttongroup,
@@ -12,4 +13,5 @@ module.exports = {
     "fkui/required-max-length": requiredmaxlength,
     "fkui/ftextfield-formatter-validation": ftextfieldFormatterValidation,
     "fkui/no-template-modal": NoTemplateModal,
+    "fkui/ftablecolumn-name": FTableColumnName,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/vue",
-  "version": "6.3.1",
+  "version": "6.5.0",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
@@ -60,9 +60,9 @@
     "unit:watch": "jest --watch"
   },
   "peerDependencies": {
-    "@fkui/date": "^6.3.1",
-    "@fkui/design": "^6.3.1",
-    "@fkui/logic": "^6.3.1",
+    "@fkui/date": "^6.5.0",
+    "@fkui/design": "^6.5.0",
+    "@fkui/logic": "^6.5.0",
     "fk-icons": "^4.30.1",
     "html-validate": ">= 7.9.0",
     "vue": "^3.5.0"
@@ -79,5 +79,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "bc7431b02d30435cc2a179f6e5e1ab205ca2f7f4"
+  "gitHead": "9ee7787552c9291983645d9fc4a6a19d9afff267"
 }