@fkui/vue 6.4.0 → 6.5.0

package/dist/types/index.d.ts

@@ -143,14 +143,14 @@ initial: string;
 
 declare const __VLS_component_5: DefineComponent<ExtractPropTypes<    {
 /**
-* Unique (per-table) identifier.
+* Unique (per-table) identifier. Typically set to the row
+* property displayed but any unique string can be used.
 *
-* Typically set to the row property displayed but any unique string can
-* be used.
+* Only required when used with `FSortFilterDataset`.
 */
 name: {
 type: StringConstructor;
-required: true;
+default: undefined;
 };
 /**
 * If set to true, display the column, set to false to hide it.
@@ -226,14 +226,14 @@ validator(value: string): value is FTableColumnType;
 };
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 /**
-* Unique (per-table) identifier.
+* Unique (per-table) identifier. Typically set to the row
+* property displayed but any unique string can be used.
 *
-* Typically set to the row property displayed but any unique string can
-* be used.
+* Only required when used with `FSortFilterDataset`.
 */
 name: {
 type: StringConstructor;
-required: true;
+default: undefined;
 };
 /**
 * If set to true, display the column, set to false to hide it.
@@ -309,12 +309,15 @@ validator(value: string): value is FTableColumnType;
 };
 }>> & Readonly<{}>, {
 type: "text" | "date" | "action" | "numeric";
+name: string;
 description: string;
 shrink: boolean;
 expand: boolean;
 visible: boolean;
 rowHeader: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+element: unknown;
+}, any>;
 
 declare const __VLS_component_6: DefineComponent<IPopupListboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 close: () => any;
@@ -433,7 +436,9 @@ declare function __VLS_template_5(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        element: unknown;
+    };
     rootEl: any;
 };
 
@@ -4152,6 +4157,9 @@ export declare const FDataTable: <T extends object>(__VLS_props: NonNullable<Awa
     attrs: any;
     slots: {
         caption?(_: {}): any;
+        default?(_: {
+            row: {};
+        }): any;
         default?(_: {
             row: T;
         }): any;
@@ -7914,8 +7922,8 @@ export declare const FInteractiveTable: <T extends object, K extends keyof T>(__
     slots: {
         'row-description'?(_: {}): any;
         caption?(_: {}): any;
-        'checkbox-description'?(_: {
-            row: T;
+        default?(_: {
+            row: {};
         }): any;
         default?(_: {
             row: T;
@@ -7929,6 +7937,9 @@ export declare const FInteractiveTable: <T extends object, K extends keyof T>(__
         default?(_: {
             row: T;
         }): any;
+        'checkbox-description'?(_: {
+            row: T;
+        }): any;
         expandable?(_: {
             expandableRow: T;
             parentRow: T;
@@ -14310,7 +14321,7 @@ export declare const FTableColumn: __VLS_WithTemplateSlots_5<typeof __VLS_compon
  */
 export declare interface FTableColumnData {
     id: string;
-    name: string;
+    name?: string;
     title: string;
     description?: string;
     size: FTableColumnSize;

package/dist/types/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.52.2"
+      "packageVersion": "7.52.3"
     }
   ]
 }

package/htmlvalidate/configs/recommended.js

@@ -13,5 +13,6 @@ module.exports = {
         "fkui/required-max-length": "error",
         "fkui/ftextfield-formatter-validation": "error",
         "fkui/no-template-modal": "error",
+        "fkui/ftablecolumn-name": "error",
     },
 };

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"],
     },
 

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.4.0",
+  "version": "6.5.0",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
@@ -60,9 +60,9 @@
     "unit:watch": "jest --watch"
   },
   "peerDependencies": {
-    "@fkui/date": "^6.4.0",
-    "@fkui/design": "^6.4.0",
-    "@fkui/logic": "^6.4.0",
+    "@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": "a5c516be9b76d94394962a524abaf3e6efe0a7be"
+  "gitHead": "9ee7787552c9291983645d9fc4a6a19d9afff267"
 }