@navikt/aksel 5.18.3 → 6.1.0

package/dist/codemod/migrations.js

@@ -77,6 +77,14 @@ exports.migrations = {
             path: "v4.0.0/date/date",
         },
     ],
+    "v6.0.0": [
+        {
+            description: "Removes `backgroundColor` and `avatarBgColor` properties from `Chat` and `Chat.Bubble`",
+            value: "v6-chat",
+            path: "v6.0.0/chat/chat",
+            warning: "Remember to update use of `variant`-prop to match previous use of colors. If needed the component exposes css-variables for custom overrides",
+        },
+    ],
 };
 function getMigrationPath(str) {
     var _a;

package/dist/codemod/transforms/v6.0.0/chat/chat.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const lineterminator_1 = require("../../../utils/lineterminator");
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+function transformer(file, api) {
+    const j = api.jscodeshift;
+    let localName = "Chat";
+    const root = j(file.source);
+    /* Finds used name for Chat component */
+    root
+        .find(j.ImportDeclaration)
+        .filter((path) => path.node.source.value === "@navikt/ds-react")
+        .forEach((imp) => {
+        imp.value.specifiers.forEach((x) => {
+            if (x.imported.name === "Chat" && x.local.name !== x.imported.name) {
+                localName = x.local.name;
+            }
+        });
+    });
+    root
+        .find(j.JSXElement, {
+        openingElement: {
+            name: {
+                name: localName,
+            },
+        },
+    })
+        .forEach((path) => {
+        j(path)
+            .find(j.JSXAttribute, {
+            name: {
+                name: "backgroundColor",
+            },
+        })
+            .remove();
+        j(path)
+            .find(j.JSXAttribute, {
+            name: {
+                name: "avatarBgColor",
+            },
+        })
+            .remove();
+    });
+    root
+        .find(j.JSXElement, {
+        openingElement: {
+            name: {
+                type: "JSXMemberExpression",
+                object: {
+                    name: localName,
+                },
+                property: {
+                    name: "Bubble",
+                },
+            },
+        },
+    })
+        .forEach((path) => {
+        j(path)
+            .find(j.JSXAttribute, {
+            name: {
+                name: "backgroundColor",
+            },
+        })
+            .remove();
+    });
+    return root.toSource((0, lineterminator_1.getLineTerminator)(file.source));
+}
+exports.default = transformer;

package/dist/codemod/utils/check.js

@@ -40,9 +40,10 @@ const testUtils_1 = require("jscodeshift/dist/testUtils");
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const prettier_1 = __importDefault(require("prettier"));
+const vitest_1 = require("vitest");
 function check(dirName, { fixture, migration, extension = "js", options = {} }) {
-    describe(migration, () => {
-        it(fixture, () => __awaiter(this, void 0, void 0, function* () {
+    (0, vitest_1.describe)(migration, () => {
+        (0, vitest_1.test)(fixture, () => __awaiter(this, void 0, void 0, function* () {
             const fixtureDir = node_path_1.default.join(dirName);
             const inputPath = node_path_1.default.join(fixtureDir, `${fixture}.input.${extension}`);
             const parser = extension;
@@ -54,7 +55,7 @@ function check(dirName, { fixture, migration, extension = "js", options = {} })
                 source,
             });
             // Format output and expected with prettier for white spaces and line breaks consistency
-            expect(yield prettier_1.default.format(output, {
+            (0, vitest_1.expect)(yield prettier_1.default.format(output, {
                 parser: parser === "js" ? "typescript" : parser,
             })).toBe(yield prettier_1.default.format(expected, {
                 parser: parser === "js" ? "typescript" : parser,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/aksel",
-  "version": "5.18.3",
+  "version": "6.1.0",
   "description": "Aksel command line interface. Handles css-imports, codemods and more",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -18,8 +18,8 @@
     "clean": "rimraf dist",
     "build": "yarn clean && tsc -p tsconfig.json",
     "dev": "tsc --watch -p tsconfig.json",
-    "test": "yarn build && NODE_OPTIONS=--experimental-vm-modules yarn jest",
-    "test:watch": "NODE_OPTIONS=--experimental-vm-modules yarn jest --watch"
+    "test": "vitest run",
+    "test:watch": "vitest watch"
   },
   "bin": "./dist/index.js",
   "repository": {
@@ -29,7 +29,7 @@
   },
   "homepage": "https://aksel.nav.no/grunnleggende/kode/kommandolinje",
   "dependencies": {
-    "@navikt/ds-css": "5.18.3",
+    "@navikt/ds-css": "6.1.0",
     "axios": "1.6.0",
     "chalk": "4.1.0",
     "clipboardy": "^2.3.0",
@@ -44,12 +44,9 @@
     "react-scanner": "^1.1.0"
   },
   "devDependencies": {
-    "@types/inquirer": "^9.0.3",
-    "@types/jest": "^29.0.0",
-    "jest": "^29.0.0",
     "rimraf": "3.0.2",
-    "ts-jest": "^29.0.0",
-    "typescript": "^5.1.6"
+    "typescript": "^5.1.6",
+    "vitest": "^1.2.2"
   },
   "sideEffects": false,
   "engines": {