aloha-vue 2.74.0 → 2.75.0

package/src/ATable/ATableSortingAdditional/__tests__/ATableSortingAdditional.DropdownAPI.test.js

@@ -1,45 +1,45 @@
-import {
-  computed,
-} from "vue";
-import {
-  describe,
-  expect,
-  it,
-} from "@jest/globals";
-
-import DropdownAPI from "../compositionAPI/DropdownAPI";
-
-describe("ATableSortingAdditional DropdownAPI", () => {
-  it("hides the dropdown when there are no columns available", () => {
-    const columnsAll = computed(() => {
-      return [];
-    });
-
-    const {
-      isDropdownVisible,
-    } = DropdownAPI({}, {
-      columnsAll,
-    });
-
-    expect(isDropdownVisible.value).toBe(false);
-  });
-
-  it("shows the dropdown when there are available columns", () => {
-    const columnsAll = computed(() => {
-      return [
-        { label: "Column 1", sortId: "1" },
-        { label: "Column 2", sortId: "2" },
-        { label: "Column 3", sortId: "3" },
-        { label: "Column 4", sortId: "4" },
-      ];
-    });
-
-    const {
-      isDropdownVisible,
-    } = DropdownAPI({}, {
-      columnsAll,
-    });
-
-    expect(isDropdownVisible.value).toBe(true);
-  });
-});
+import {
+  computed,
+} from "vue";
+import {
+  describe,
+  expect,
+  it,
+} from "vitest";
+
+import DropdownAPI from "../compositionAPI/DropdownAPI";
+
+describe("ATableSortingAdditional DropdownAPI", () => {
+  it("hides the dropdown when there are no columns available", () => {
+    const columnsAll = computed(() => {
+      return [];
+    });
+
+    const {
+      isDropdownVisible,
+    } = DropdownAPI({}, {
+      columnsAll,
+    });
+
+    expect(isDropdownVisible.value).toBe(false);
+  });
+
+  it("shows the dropdown when there are available columns", () => {
+    const columnsAll = computed(() => {
+      return [
+        { label: "Column 1", sortId: "1" },
+        { label: "Column 2", sortId: "2" },
+        { label: "Column 3", sortId: "3" },
+        { label: "Column 4", sortId: "4" },
+      ];
+    });
+
+    const {
+      isDropdownVisible,
+    } = DropdownAPI({}, {
+      columnsAll,
+    });
+
+    expect(isDropdownVisible.value).toBe(true);
+  });
+});

package/src/ATable/ATableSortingAdditional/__tests__/ATableSortingAdditional.FormAPI.test.js

@@ -1,95 +1,95 @@
-import {
-  computed,
-  ref,
-} from "vue";
-import {
-  describe,
-  expect,
-  it,
-} from "@jest/globals";
-
-import FormAPI from "../compositionAPI/FormAPI";
-
-import {
-  keyBy,
-} from "lodash-es";
-
-describe("ATableSortingAdditional FormAPI", () => {
-  it("initDataForForm correctly initializes dataForForm", () => {
-    const unappliedModelSort = ref([{ sortId: "1", sortMode: "asc" }]);
-    const columnsAll = computed(() => {
-      return [
-        { label: "Column 1", sortId: "1" },
-      ];
-    });
-    const columnsAllKeyBySortId = computed(() => {
-      return {
-        1: { label: "Column 1", sortId: "1" },
-      };
-    });
-
-    const {
-      dataForForm,
-      initDataForForm,
-    } = FormAPI({}, {
-      columnsAll,
-      columnsAllKeyBySortId,
-      unappliedModelSort,
-    });
-
-    initDataForForm();
-
-    expect(dataForForm.value).toHaveLength(1);
-    expect(dataForForm.value[0].children).toHaveLength(2); // Check that there are two elements: for sortId and sortMode
-    expect(dataForForm.value[0].children[0].data[0].label).toBe("Column 1"); // Checking that the first data element contains the correct label
-  });
-
-  it("initializes dataForForm with correct fieldset and column data", () => {
-    const unappliedModelSort = ref([
-      { sortId: "1", sortMode: "asc" },
-      { sortId: "2", sortMode: "asc" },
-      { sortId: undefined, sortMode: "asc" },
-    ]);
-    const columnsAll = computed(() => {
-      return [
-        { label: "Column 1", sortId: "1" },
-        { label: "Column 2", sortId: "2" },
-        { label: "Column 3", sortId: "3" },
-        { label: "Column 4", sortId: "4" },
-      ];
-    });
-    const columnsAllKeyBySortId = computed(() => {
-      return keyBy(columnsAll.value, "sortId");
-    });
-
-    const {
-      dataForForm,
-      initDataForForm,
-    } = FormAPI({}, {
-      columnsAll,
-      columnsAllKeyBySortId,
-      unappliedModelSort,
-    });
-
-    initDataForForm();
-
-    expect(dataForForm.value).toHaveLength(3); // 3 fieldset
-    expect(dataForForm.value[0].label).toBe("_A_TABLE_SORT_ADDITIONAL_SORT_BY_");
-    expect(dataForForm.value[1].label).toBe("_A_TABLE_SORT_ADDITIONAL_THEN_BY_");
-    expect(dataForForm.value[2].label).toBe("_A_TABLE_SORT_ADDITIONAL_THEN_BY_");
-    expect(dataForForm.value[0].children[0].data).toStrictEqual([
-      { label: "Column 1", sortId: "1" },
-      { label: "Column 3", sortId: "3" },
-      { label: "Column 4", sortId: "4" },
-    ]);
-    expect(dataForForm.value[1].children[0].data).toStrictEqual([
-      { label: "Column 2", sortId: "2" },
-      { label: "Column 3", sortId: "3" },
-      { label: "Column 4", sortId: "4" },
-    ]);
-    expect(dataForForm.value[2].children[0].data).toStrictEqual([
-      { label: "Column 3", sortId: "3" },
-      { label: "Column 4", sortId: "4" },
-    ]);
-  });
-});
+import {
+  computed,
+  ref,
+} from "vue";
+import {
+  describe,
+  expect,
+  it,
+} from "vitest";
+
+import FormAPI from "../compositionAPI/FormAPI";
+
+import {
+  keyBy,
+} from "lodash-es";
+
+describe("ATableSortingAdditional FormAPI", () => {
+  it("initDataForForm correctly initializes dataForForm", () => {
+    const unappliedModelSort = ref([{ sortId: "1", sortMode: "asc" }]);
+    const columnsAll = computed(() => {
+      return [
+        { label: "Column 1", sortId: "1" },
+      ];
+    });
+    const columnsAllKeyBySortId = computed(() => {
+      return {
+        1: { label: "Column 1", sortId: "1" },
+      };
+    });
+
+    const {
+      dataForForm,
+      initDataForForm,
+    } = FormAPI({}, {
+      columnsAll,
+      columnsAllKeyBySortId,
+      unappliedModelSort,
+    });
+
+    initDataForForm();
+
+    expect(dataForForm.value).toHaveLength(1);
+    expect(dataForForm.value[0].children).toHaveLength(2); // Check that there are two elements: for sortId and sortMode
+    expect(dataForForm.value[0].children[0].data[0].label).toBe("Column 1"); // Checking that the first data element contains the correct label
+  });
+
+  it("initializes dataForForm with correct fieldset and column data", () => {
+    const unappliedModelSort = ref([
+      { sortId: "1", sortMode: "asc" },
+      { sortId: "2", sortMode: "asc" },
+      { sortId: undefined, sortMode: "asc" },
+    ]);
+    const columnsAll = computed(() => {
+      return [
+        { label: "Column 1", sortId: "1" },
+        { label: "Column 2", sortId: "2" },
+        { label: "Column 3", sortId: "3" },
+        { label: "Column 4", sortId: "4" },
+      ];
+    });
+    const columnsAllKeyBySortId = computed(() => {
+      return keyBy(columnsAll.value, "sortId");
+    });
+
+    const {
+      dataForForm,
+      initDataForForm,
+    } = FormAPI({}, {
+      columnsAll,
+      columnsAllKeyBySortId,
+      unappliedModelSort,
+    });
+
+    initDataForForm();
+
+    expect(dataForForm.value).toHaveLength(3); // 3 fieldset
+    expect(dataForForm.value[0].label).toBe("_A_TABLE_SORT_ADDITIONAL_SORT_BY_");
+    expect(dataForForm.value[1].label).toBe("_A_TABLE_SORT_ADDITIONAL_THEN_BY_");
+    expect(dataForForm.value[2].label).toBe("_A_TABLE_SORT_ADDITIONAL_THEN_BY_");
+    expect(dataForForm.value[0].children[0].data).toStrictEqual([
+      { label: "Column 1", sortId: "1" },
+      { label: "Column 3", sortId: "3" },
+      { label: "Column 4", sortId: "4" },
+    ]);
+    expect(dataForForm.value[1].children[0].data).toStrictEqual([
+      { label: "Column 2", sortId: "2" },
+      { label: "Column 3", sortId: "3" },
+      { label: "Column 4", sortId: "4" },
+    ]);
+    expect(dataForForm.value[2].children[0].data).toStrictEqual([
+      { label: "Column 3", sortId: "3" },
+      { label: "Column 4", sortId: "4" },
+    ]);
+  });
+});

package/src/ATable/ATableSortingAdditional/__tests__/ATableSortingAdditional.ModelAPI.test.js

@@ -6,7 +6,7 @@ import {
   describe,
   expect,
   it,
-} from "@jest/globals";
+} from "vitest";
 
 import ModelAPI from "../compositionAPI/ModelAPI";
 

package/src/ATable/ATableTd/ATableTd.js

@@ -11,7 +11,10 @@ import LinkAPI from "./compositionAPI/LinkAPI";
 import SlotAPI from "./compositionAPI/SlotAPI";
 import TextAPI from "./compositionAPI/TextAPI";
 
-import CaretRightFill from "aloha-svg/dist/js/bootstrap/CaretRightFill";
+const CaretRightFill = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-right-fill" viewBox="0 0 16 16">
+  <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
+</svg>`;
+
 
 export default {
   name: "ATableTd",

package/src/ATable/ATableTdAction/ATableTdAction.js

@@ -12,13 +12,20 @@ import RowActionsAPI from "../compositionAPI/RowActionsAPI";
 import RowNumberAPI from "./compositionAPI/RowNumberAPI.js";
 import StylesThTdAction from "../ATableHeaderThAction/compositionAPI/StylesThTdAction";
 
-import ChevronDown from "aloha-svg/dist/js/bootstrap/ChevronDown";
-import PlusLg from "aloha-svg/dist/js/bootstrap/PlusLg";
-import ThreeDots from "aloha-svg/dist/js/bootstrap/ThreeDots";
 import {
   isUndefined,
 } from "lodash-es";
 
+const ChevronDown = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/>
+</svg>`;
+const PlusLg = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/>
+</svg>`;
+const ThreeDots = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
+  <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
+</svg>`;
+
 export default {
   name: "ATableTdAction",
   props: {
@@ -52,15 +59,15 @@ export default {
       required: false,
       default: undefined,
     },
-    rowIndex: {
-      type: Number,
-      required: true,
-    },
-    rowIndexPath: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
+    rowIndex: {
+      type: Number,
+      required: true,
+    },
+    rowIndexPath: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
   },
   inject: [
     "columnActionsOnePlusDropdownOptions",

package/src/ATable/ATableTopPanel/ATableTopPanel.js

@@ -17,9 +17,17 @@ import IdAPI from "./compositionAPI/IdAPI";
 import MultipleAPI from "./compositionAPI/MultipleAPI";
 import ViewsAPI from "./compositionAPI/ViewsAPI";
 
-import Search from "aloha-svg/dist/js/bootstrap3/Search";
-import ThreeDots from "aloha-svg/dist/js/bootstrap/ThreeDots";
-import UiChecks from "aloha-svg/dist/js/bootstrap/UiChecks";
+const Search = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 1024 1024">
+    <path d="M761.37 637.327l256.642 256.642q5.988 6.844 5.988 15.399t-5.988 15.399l-93.246 93.246q-6.844 5.988-15.399 5.988t-15.399-5.988l-256.642-256.642q-101.802 66.727-223.278 66.727-171.095 0-292.572-121.477t-121.477-292.572 121.477-292.572 292.572-121.477 292.572 121.477 121.477 292.572q0 121.477-66.727 223.278zM130.887 414.049q0 116.344 82.981 199.325t200.181 82.981 199.753-82.553 82.553-199.753-82.553-199.753-199.753-82.553-200.181 82.981-82.981 199.325z"></path>
+</svg>
+`;
+const ThreeDots = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
+  <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"/>
+</svg>`;
+const UiChecks = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ui-checks" viewBox="0 0 16 16">
+  <path d="M7 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zM2 1a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 8a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm.854-3.646a.5.5 0 0 1-.708 0l-1-1a.5.5 0 1 1 .708-.708l.646.647 1.646-1.647a.5.5 0 1 1 .708.708zm0 8a.5.5 0 0 1-.708 0l-1-1a.5.5 0 0 1 .708-.708l.646.647 1.646-1.647a.5.5 0 0 1 .708.708zM7 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5"/>
+</svg>`;
+
 
 export default {
   name: "ATableTopPanel",