@fkui/vue 5.46.0 → 6.0.0

package/dist/types/tsdoc-metadata.json

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

package/htmlvalidate/configs/recommended.js

@@ -9,9 +9,9 @@ module.exports = {
     rules: {
         "fkui/button-group": "error",
         "fkui/class-deprecated": "error",
-        "fkui/deprecated-validator": "error",
         "fkui/prefer-ficon": "error",
         "fkui/required-max-length": "error",
         "fkui/ftextfield-formatter-validation": "error",
+        "fkui/no-template-modal": "error",
     },
 };

package/htmlvalidate/elements/components.js

@@ -365,77 +365,6 @@ module.exports = defineMetadata({
         permittedContent: ["@flow"],
     },
 
-    "f-form": {
-        flow: true,
-        phrasing: true,
-        form: true,
-        slots: ["default", "error-message"],
-        attributes: {
-            "display-error": ["", "false", "true"],
-            "error-scroll": ["center", "top"],
-        },
-        deprecated: {
-            message:
-                "See migration guide: https://forsakringskassan.github.io/latest/components/fform.html",
-            source: "@fkui/vue",
-        },
-    },
-
-    "f-form#default": {
-        permittedContent: ["@flow"],
-    },
-
-    "f-form#error-message": {
-        permittedContent: ["@flow"],
-    },
-
-    "f-form-step": {
-        flow: true,
-        phrasing: true,
-        slots: ["default", "header", "error-message"],
-        permittedDescendants: [
-            {
-                exclude: "f-progressbar",
-            },
-        ],
-        deprecated: {
-            message:
-                "See migration guide: https://forsakringskassan.github.io/latest/components/fform.html",
-            source: "@fkui/vue",
-        },
-    },
-
-    "f-form-step#default": {
-        permittedContent: ["@flow"],
-    },
-
-    "f-form-step#header": {
-        permittedContent: ["@flow"],
-    },
-
-    "f-form-step#error-message": {
-        permittedContent: ["@flow"],
-    },
-
-    "f-form-step-button": {
-        inherit: "button",
-        textContent: "none",
-        attributes: {
-            id: {},
-            "is-open": {},
-            "is-any-field-touched": {},
-            "additional-screenreader-text": {},
-            type: {
-                required: false,
-            },
-        },
-        deprecated: {
-            message:
-                "See migration guide: https://forsakringskassan.github.io/latest/components/fform.html",
-            source: "@fkui/vue",
-        },
-    },
-
     "f-interactive-table": {
         flow: true,
         attributes: {
@@ -563,7 +492,7 @@ module.exports = defineMetadata({
                 enum: ["/.+/"],
             },
             "header-tag": {
-                enum: ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"],
+                enum: ["h1", "h2", "h3", "h4", "h5", "h6"],
             },
             "screen-reader-text": {
                 enum: ["/.+/"],
@@ -954,35 +883,6 @@ module.exports = defineMetadata({
         inherit: "f-label#error-message",
     },
 
-    "f-checkbox-group": {
-        inherit: "f-fieldset",
-        deprecated: {
-            message:
-                "<f-checkbox-group> is deprecated: use <f-fieldset> instead. See migration guide: https://forsakringskassan.github.io/latest/guide/migration/migrating-to-fieldset.html",
-            source: "@fkui/vue",
-        },
-    },
-
-    "f-checkbox-group#default": {
-        inherit: "f-fieldset#default",
-    },
-
-    "f-checkbox-group#label": {
-        inherit: "f-fieldset#label",
-    },
-
-    "f-checkbox-group#tooltip": {
-        inherit: "f-fieldset#tooltip",
-    },
-
-    "f-checkbox-group#description": {
-        inherit: "f-fieldset#description",
-    },
-
-    "f-checkbox-group#error-message": {
-        inherit: "f-fieldset#error-message",
-    },
-
     "f-checkbox-field": {
         flow: true,
         phrasing: true,
@@ -998,19 +898,6 @@ module.exports = defineMetadata({
         inherit: "label",
     },
 
-    "f-checkbox-group-field": {
-        inherit: "f-checkbox-field",
-        deprecated: {
-            message:
-                "<f-checkbox-group-field> is deprecated: rename to <f-checkbox-field>. See migration guide: https://forsakringskassan.github.io/latest/guide/migration/migrating-to-fieldset.html",
-            source: "@fkui/vue",
-        },
-    },
-
-    "f-checkbox-group-field#default": {
-        inherit: "label",
-    },
-
     "f-crud-dataset": {
         flow: true,
         interactive: true,
@@ -1040,40 +927,6 @@ module.exports = defineMetadata({
         requiredAncestors: ["f-crud-dataset"],
     },
 
-    "f-radio-group": {
-        inherit: "f-fieldset",
-        attributes: {
-            "is-horizontal": {
-                boolean: true,
-            },
-        },
-        deprecated: {
-            message:
-                "<f-radio-group> is deprecated: use <f-fieldset> instead. See migration guide: https://forsakringskassan.github.io/latest/guide/migration/migrating-to-fieldset.html",
-            source: "@fkui/vue",
-        },
-    },
-
-    "f-radio-group#default": {
-        inherit: "f-fieldset#default",
-    },
-
-    "f-radio-group#label": {
-        inherit: "f-fieldset#label",
-    },
-
-    "f-radio-group#tooltip": {
-        inherit: "f-fieldset#tooltip",
-    },
-
-    "f-radio-group#description": {
-        inherit: "f-fieldset#description",
-    },
-
-    "f-radio-group#error-message": {
-        inherit: "f-fieldset#error-message",
-    },
-
     "f-radio-field": {
         flow: true,
         phrasing: true,
@@ -1089,19 +942,6 @@ module.exports = defineMetadata({
         inherit: "label",
     },
 
-    "f-radio-group-field": {
-        inherit: "f-radio-field",
-        deprecated: {
-            message:
-                "<f-radio-group-field> is deprecated: rename to <f-radio-field>. See migration guide: https://forsakringskassan.github.io/latest/guide/migration/migrating-to-fieldset.html",
-            source: "@fkui/vue",
-        },
-    },
-
-    "f-radio-group-field#default": {
-        inherit: "label",
-    },
-
     "f-select-field": {
         flow: true,
         phrasing: true,
@@ -1217,14 +1057,7 @@ module.exports = defineMetadata({
         flow: true,
         interactive: true,
         phrasing: false,
-        slots: [
-            "default",
-            "header",
-            "error-message",
-            "input-text-fields",
-            "submit-button-text",
-            "cancel-button-text",
-        ],
+        slots: ["default", "header", "error-message", "input-text-fields"],
         permittedContent: ["@flow", "template"],
         attributes: {
             "aria-close-text": {},
@@ -1373,37 +1206,14 @@ module.exports = defineMetadata({
         slots: ["default", "skip-link-text", "logo", "right"],
         permittedContent: ["@flow", "template"],
         attributes: {
-            "logo-size": {
-                enum: ["small", "large", "responsive"],
-            },
             "skip-link": {
                 enum: ["/.+/"],
-                /* for backwards compatiblity allow the skiplink value to be
-                 * omitted (e.g. same as setting it to true) */
-                omit: true,
-            },
-            "skip-link-href": {
-                enum: ["/^[#].*/"],
                 required: false,
-                deprecated: "use skip-link prop with string instead",
-                allowed(node) {
-                    return node.hasAttribute("skip-link")
-                        ? null
-                        : "requires skip-link prop to be set";
-                },
             },
             "header-tag": {
                 enum: ["span", "h1"],
                 required: false,
             },
-            "router-link-path": {
-                enum: ["/.*/"],
-                required: false,
-            },
-            "router-link-name": {
-                enum: ["/.*/"],
-                required: false,
-            },
         },
     },
 
@@ -1503,4 +1313,16 @@ module.exports = defineMetadata({
         },
         slots: ["default"],
     },
+
+    "f-logo": {
+        flow: true,
+        permittedContent: ["@phrasing"],
+        textContent: "required",
+        attributes: {
+            size: {
+                enum: ["small", "large", "responsive"],
+            },
+        },
+        slots: ["default"],
+    },
 });

package/htmlvalidate/elements/internal-components.js

@@ -163,12 +163,6 @@ module.exports = defineMetadata({
             anchor: {
                 required: true,
             },
-            "always-inline": {
-                boolean: true,
-                required: false,
-                deprecated:
-                    '`always-inline` is deprecated: use `inline="always"` instead.',
-            },
             inline: {
                 required: false,
                 enum: ["always", "never", "auto"],

package/htmlvalidate/rules/deprecated-validator.js

@@ -2,7 +2,7 @@ const { Rule, sliceLocation } = require("html-validate");
 const { getDocumentationUrl } = require("./common");
 
 const replacements = {
-    personnummer: ["personnummerLuhn", "personnummerFormat"],
+    dummy: ["dummyReplacements"],
 };
 const deprecated = Object.keys(replacements);
 

package/htmlvalidate/rules/index.js

@@ -1,15 +1,15 @@
 const buttongroup = require("./buttongroup.rule");
 const classdeprecated = require("./classdeprecated.rule");
-const DeprecatedValidator = require("./deprecated-validator");
 const PreferFIcon = require("./prefer-ficon.rule");
 const requiredmaxlength = require("./requiredmaxlength.rule");
 const ftextfieldFormatterValidation = require("./ftextfieldFormatterValidation.rule");
+const NoTemplateModal = require("./no-template-modal.rule");
 
 module.exports = {
     "fkui/button-group": buttongroup,
     "fkui/class-deprecated": classdeprecated,
-    "fkui/deprecated-validator": DeprecatedValidator,
     "fkui/prefer-ficon": PreferFIcon,
     "fkui/required-max-length": requiredmaxlength,
     "fkui/ftextfield-formatter-validation": ftextfieldFormatterValidation,
+    "fkui/no-template-modal": NoTemplateModal,
 };

package/htmlvalidate/rules/no-template-modal.rule.js

@@ -0,0 +1,44 @@
+const { Rule } = require("html-validate/node");
+const { getDocumentationUrl } = require("./common");
+
+/**
+ * @typedef {import("html-validate/node").ElementReadyEvent} ElementReadyEvent
+ */
+
+/**
+ *
+ * @param {ElementReadyEvent} event
+ */
+function isRelevant(event) {
+    const { target } = event;
+    return (
+        target.is("f-modal") ||
+        target.is("f-confirm-modal") ||
+        target.is("f-form-modal")
+    );
+}
+
+class NoTemplateModal extends Rule {
+    documentation() {
+        return {
+            description:
+                "The template method of using modals is deprecated. Modals need to be the root element in a Vue component and opened using API.",
+            url: getDocumentationUrl("/components/fmodal.html"),
+        };
+    }
+
+    setup() {
+        this.on("element:ready", isRelevant, (event) => {
+            if (event.target.parent.is("#document")) {
+                return;
+            }
+
+            const modalType = event.target.tagName;
+            this.report({
+                message: `${modalType} must be root element.`,
+            });
+        });
+    }
+}
+
+module.exports = NoTemplateModal;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/vue",
-  "version": "5.46.0",
+  "version": "6.0.0",
   "description": "Vue implementation of FKUI components",
   "keywords": [
     "fkui",
@@ -22,9 +22,9 @@
       "require": "./dist/cjs/index.cjs.js",
       "import": "./dist/esm/index.esm.js"
     },
-    "./pageobject": {
-      "types": "./dist/types/pageobject.d.ts",
-      "default": "./dist/cjs/pageobject.js"
+    "./cypress": {
+      "types": "./dist/types/cypress.d.ts",
+      "default": "./dist/cjs/cypress.js"
     },
     "./htmlvalidate": "./htmlvalidate/index.cjs",
     "./htmlvalidate/cypress": "./htmlvalidate/cypress.js",
@@ -38,7 +38,6 @@
     "dist",
     "htmlvalidate",
     "tsconfig-consumer.json",
-    "pageobject.{js,d.ts}",
     "!**/*.spec.{js,ts,d.ts}",
     "!**/.eslintrc.json",
     "!htmlvalidate/tsconfig.json"
@@ -49,7 +48,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/pageobject.js ./src/pageobjects.ts",
+    "build:pageobjects": "esbuild --bundle --platform=node --target=node12.0 --sourcemap --outfile=dist/cjs/cypress.js ./src/cypress/index.ts",
     "clean": "rimraf -g .jest-cache *.tsbuildinfo coverage dist public temp test-results",
     "prepack": "release-prepack --bundle --retain-scripts",
     "postpack": "release-postpack",
@@ -79,5 +78,5 @@
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "fd747e9381e19ec80ac01f58fba96c10e4eda7c3"
+  "gitHead": "490180f46c605ebe3e05fa183a2fa718adb896af"
 }