@fkui/vue 6.0.1 → 6.2.0

package/dist/types/tsdoc-metadata.json

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

package/htmlvalidate/elements/components.js

@@ -430,6 +430,15 @@ module.exports = defineMetadata({
         inherit: "f-label#description",
     },
 
+    "f-page-layout": {
+        flow: true,
+        attributes: {
+            layout: {
+                required: true,
+            },
+        },
+    },
+
     "f-progressbar": {
         flow: true,
         requiredAttributes: ["aria-label"],

package/htmlvalidate/rules/classdeprecated.rule.js

@@ -1,31 +1,54 @@
-const { Rule } = require("html-validate");
+const { Rule, DOMTokenList } = require("html-validate");
 const { getDocumentationUrl } = require("./common");
 
+const deprecatedClasses = [
+    {
+        name: "navbar",
+        description:
+            "`.navbar` and related classes are deprecated and should be replaced with Vue components `FPageHeader` and `FNavigationMenu` or their HTML and style.",
+        url: "/components/page-layout/fpageheader.html",
+    },
+    {
+        name: "button--text",
+        description:
+            "`.button--text` class is deprecated and should be replaced with `button--discrete`",
+        url: "/components/button.html",
+    },
+];
+
 class ClassDeprecated extends Rule {
-    documentation() {
+    documentation({ description, url }) {
         return {
-            description:
-                "The class button--text is deprecated and should be replaced with button--discrete",
-            url: getDocumentationUrl("/components/button.html"),
+            description,
+            url: getDocumentationUrl(url),
         };
     }
 
     setup() {
-        /* listen on dom ready event */
-        this.on("dom:ready", (event) => {
-            this.reportDeprecatedClass(event);
-        });
-    }
+        this.on("attr", (event) => {
+            const { key, value, valueLocation } = event;
+            const hasClassValue = key === "class" && typeof value === "string";
+            if (!hasClassValue) {
+                return;
+            }
 
-    reportDeprecatedClass(event) {
-        const buttons = event.document.querySelectorAll(".button--text");
+            const tokens = new DOMTokenList(event.value, valueLocation);
 
-        for (const button of buttons) {
-            this.report(
-                button,
-                "['button--text'] is deprecated, please use ['button--discrete'] instead",
-            );
-        }
+            for (const { item, location } of tokens.iterator()) {
+                for (const deprecatedClass of deprecatedClasses) {
+                    if (deprecatedClass.name !== item) {
+                        continue;
+                    }
+
+                    this.report({
+                        node: event.target,
+                        location,
+                        message: "`.{{ name }}` class is deprecated.",
+                        context: deprecatedClass,
+                    });
+                }
+            }
+        });
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/vue",
-  "version": "6.0.1",
+  "version": "6.2.0",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
@@ -24,7 +24,8 @@
     },
     "./cypress": {
       "types": "./dist/types/cypress.d.ts",
-      "default": "./dist/cjs/cypress.js"
+      "require": "./dist/cjs/cypress.cjs.js",
+      "import": "./dist/esm/cypress.esm.js"
     },
     "./htmlvalidate": "./htmlvalidate/index.cjs",
     "./htmlvalidate/cypress": "./htmlvalidate/cypress.js",
@@ -48,7 +49,7 @@
     "build:api": "fk-api-extractor --patch-augmentations api-extractor.*.json",
     "build:dts": "vue-tsc -b",
     "build:lib": "fk-build-vue-lib",
-    "build:pageobjects": "esbuild --bundle --platform=node --target=node12.0 --sourcemap --outfile=dist/cjs/cypress.js ./src/cypress/index.ts",
+    "build:pageobjects": "node build-pageobjects.mjs",
     "clean": "rimraf -g .jest-cache *.tsbuildinfo coverage dist public temp test-results",
     "prepack": "release-prepack --bundle --retain-scripts",
     "postpack": "release-postpack",
@@ -59,9 +60,9 @@
     "unit:watch": "jest --watch"
   },
   "peerDependencies": {
-    "@fkui/date": "^6.0.1",
-    "@fkui/design": "^6.0.1",
-    "@fkui/logic": "^6.0.1",
+    "@fkui/date": "^6.2.0",
+    "@fkui/design": "^6.2.0",
+    "@fkui/logic": "^6.2.0",
     "fk-icons": "^4.30.1",
     "html-validate": ">= 7.9.0",
     "vue": "^3.5.0"
@@ -78,5 +79,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "57374ff76f56c2587a9290facb0894c89bbe7ea6"
+  "gitHead": "b75730a2c2bee0c0fe8243d2de511b77c88dcbee"
 }