aloha-vue 2.74.0 → 2.75.0

package/src/AFilters/AFiltersSaveModal/compositionAPI/SaveAPI.js

@@ -1,65 +1,65 @@
-import {
-  computed,
-  ref,
-  toRef,
-} from "vue";
-
-import ANotificationAPI from "../../../compositionAPI/ANotificationAPI";
-
-export default function SaveAPI(props, { emit }, {
-  isUpdate = computed(() => false),
-  model = ref({}),
-}) {
-  const changeModelFiltersSaved = toRef(props, "changeModelFiltersSaved");
-  const updateFiltersSaved = toRef(props, "updateFiltersSaved");
-
-  const loading = ref(undefined);
-
-  const {
-    addNotification,
-  } = ANotificationAPI();
-
-  const disabledBtnSave = computed(() => {
-    return !model.value.name;
-  });
-
-  const close = () => {
-    emit("close");
-  };
-
-  const save = async() => {
-    loading.value = true;
-    const isUpdateLocal = isUpdate.value;
-    try {
-      await updateFiltersSaved.value({
-        action: isUpdateLocal ? "update" : "create",
-        label: model.value.name,
-      });
-    } catch (e) {
-      addNotification({
-        text: "_A_FILTERS_SAVE_MSG_ERROR_",
-        type: "danger",
-      });
-      loading.value = false;
-      return;
-    }
-    addNotification({
-      text: isUpdateLocal ?
-        "_A_FILTERS_SAVE_MSG_SUCCESS_UPDATE_{{name}}_" :
-        "_A_FILTERS_SAVE_MSG_SUCCESS_CREATE_{{name}}_",
-      extra: {
-        name: model.value.name,
-      },
-    });
-    changeModelFiltersSaved.value({ model: model.value.name, isCreateOrEdit: true });
-    close();
-    loading.value = false;
-  };
-
-  return {
-    close,
-    disabledBtnSave,
-    loading,
-    save,
-  };
-}
+import {
+  computed,
+  ref,
+  toRef,
+} from "vue";
+
+import ANotificationAPI from "../../../compositionAPI/ANotificationAPI";
+
+export default function SaveAPI(props, { emit }, {
+  isUpdate = computed(() => false),
+  model = ref({}),
+}) {
+  const changeModelFiltersSaved = toRef(props, "changeModelFiltersSaved");
+  const updateFiltersSaved = toRef(props, "updateFiltersSaved");
+
+  const loading = ref(undefined);
+
+  const {
+    addNotification,
+  } = ANotificationAPI();
+
+  const disabledBtnSave = computed(() => {
+    return !model.value.name;
+  });
+
+  const close = () => {
+    emit("close");
+  };
+
+  const save = async() => {
+    loading.value = true;
+    const isUpdateLocal = isUpdate.value;
+    try {
+      await updateFiltersSaved.value({
+        action: isUpdateLocal ? "update" : "create",
+        label: model.value.name,
+      });
+    } catch(e) {
+      addNotification({
+        text: "_A_FILTERS_SAVE_MSG_ERROR_",
+        type: "danger",
+      });
+      loading.value = false;
+      return;
+    }
+    addNotification({
+      text: isUpdateLocal ?
+        "_A_FILTERS_SAVE_MSG_SUCCESS_UPDATE_{{name}}_" :
+        "_A_FILTERS_SAVE_MSG_SUCCESS_CREATE_{{name}}_",
+      extra: {
+        name: model.value.name,
+      },
+    });
+    changeModelFiltersSaved.value({ model: model.value.name, isCreateOrEdit: true });
+    close();
+    loading.value = false;
+  };
+
+  return {
+    close,
+    disabledBtnSave,
+    loading,
+    save,
+  };
+}

package/src/ALinkCopy/ALinkCopy.js

@@ -1,95 +1,98 @@
-import {
-  h,
-} from "vue";
-
-import AButton from "../AButton/AButton";
-import ALink from "../ALink/ALink";
-
-import CopyAPI from "./compositionAPI/CopyAPI";
-
-import Copy from "aloha-svg/dist/js/bootstrap/Copy";
-
-export default {
-  name: "ALinkCopy",
-  props: {
-    alwaysTranslate: {
-      type: Boolean,
-      required: false,
-    },
-    buttonOptions: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-    buttonPosition: {
-      type: String,
-      required: false,
-      default: "right",
-      validator: value => ["right", "left"].indexOf(value) !== -1,
-    },
-    class: {
-      type: [String, Object],
-      required: false,
-      default: undefined,
-    },
-    classDefault: {
-      type: String,
-      required: false,
-      default: "a_btn_group",
-    },
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
-    linkOptions: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-    textCopy: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-  },
-  setup() {
-    const {
-      copyText,
-      linkRef,
-    } = CopyAPI();
-
-    return {
-      copyText,
-      linkRef,
-    };
-  },
-  render() {
-    const BUTTON = h(AButton, {
-      alwaysTranslate: this.alwaysTranslate,
-      class: "a_btn a_btn_secondary",
-      disabled: this.disabled,
-      iconLeft: Copy,
-      textScreenReader: "_A_LINK_COPY_BTN_TITLE_",
-      title: "_A_LINK_COPY_BTN_TITLE_",
-      onClick: this.copyText,
-      ...this.buttonOptions,
-    }, this.$slots?.button);
-
-    return h("div", {
-      class: [
-        this.classDefault,
-        this.class,
-      ],
-      role: "group",
-    }, [
-      this.buttonPosition === "left" && BUTTON,
-      h(ALink, {
-        ref: "linkRef",
-        alwaysTranslate: this.alwaysTranslate,
-        disabled: this.disabled,
-        ...this.linkOptions,
-      }, this.$slots?.link),
-      this.buttonPosition === "right" && BUTTON,
-    ]);
-  },
-};
+import {
+  h,
+} from "vue";
+
+import AButton from "../AButton/AButton";
+import ALink from "../ALink/ALink";
+
+import CopyAPI from "./compositionAPI/CopyAPI";
+
+const Copy = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/>
+</svg>`;
+
+
+export default {
+  name: "ALinkCopy",
+  props: {
+    alwaysTranslate: {
+      type: Boolean,
+      required: false,
+    },
+    buttonOptions: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    buttonPosition: {
+      type: String,
+      required: false,
+      default: "right",
+      validator: value => ["right", "left"].indexOf(value) !== -1,
+    },
+    class: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    classDefault: {
+      type: String,
+      required: false,
+      default: "a_btn_group",
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+    },
+    linkOptions: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    textCopy: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+  },
+  setup() {
+    const {
+      copyText,
+      linkRef,
+    } = CopyAPI();
+
+    return {
+      copyText,
+      linkRef,
+    };
+  },
+  render() {
+    const BUTTON = h(AButton, {
+      alwaysTranslate: this.alwaysTranslate,
+      class: "a_btn a_btn_secondary",
+      disabled: this.disabled,
+      iconLeft: Copy,
+      textScreenReader: "_A_LINK_COPY_BTN_TITLE_",
+      title: "_A_LINK_COPY_BTN_TITLE_",
+      onClick: this.copyText,
+      ...this.buttonOptions,
+    }, this.$slots?.button);
+
+    return h("div", {
+      class: [
+        this.classDefault,
+        this.class,
+      ],
+      role: "group",
+    }, [
+      this.buttonPosition === "left" && BUTTON,
+      h(ALink, {
+        ref: "linkRef",
+        alwaysTranslate: this.alwaysTranslate,
+        disabled: this.disabled,
+        ...this.linkOptions,
+      }, this.$slots?.link),
+      this.buttonPosition === "right" && BUTTON,
+    ]);
+  },
+};

package/src/ALinkCopy/compositionAPI/CopyAPI.js

@@ -1,48 +1,48 @@
-import {
-  ref,
-  toRef,
-} from "vue";
-
-import ANotificationAPI from "../../compositionAPI/ANotificationAPI";
-
-import {
-  forEach,
-} from "lodash-es";
-
-export default function CopyAPI(props) {
-  const textCopy = toRef(props, "textCopy");
-
-  const linkRef = ref(undefined);
-
-  const {
-    addNotification,
-  } = ANotificationAPI();
-
-  const copyText = async() => {
-    let text = "";
-    if (textCopy.value) {
-      text = textCopy.value;
-    } else if (linkRef.value?.$el) {
-      forEach(linkRef.value.$el.children, child => {
-        if (!child.classList.contains("a_sr_only")) { // check visible
-          text += child.textContent;
-        }
-      });
-    }
-    if (text) {
-      try {
-        await navigator.clipboard.writeText(text);
-        addNotification({
-          text: "_A_LINK_COPY_COPIED_TO_CLIPBOARD_",
-        });
-      } catch (error) {
-        console.error(error);
-      }
-    }
-  };
-
-  return {
-    copyText,
-    linkRef,
-  };
-}
+import {
+  ref,
+  toRef,
+} from "vue";
+
+import ANotificationAPI from "../../compositionAPI/ANotificationAPI";
+
+import {
+  forEach,
+} from "lodash-es";
+
+export default function CopyAPI(props) {
+  const textCopy = toRef(props, "textCopy");
+
+  const linkRef = ref(undefined);
+
+  const {
+    addNotification,
+  } = ANotificationAPI();
+
+  const copyText = async() => {
+    let text = "";
+    if (textCopy.value) {
+      text = textCopy.value;
+    } else if (linkRef.value?.$el) {
+      forEach(linkRef.value.$el.children, child => {
+        if (!child.classList.contains("a_sr_only")) { // check visible
+          text += child.textContent;
+        }
+      });
+    }
+    if (text) {
+      try {
+        await navigator.clipboard.writeText(text);
+        addNotification({
+          text: "_A_LINK_COPY_COPIED_TO_CLIPBOARD_",
+        });
+      } catch(error) {
+        console.error(error);
+      }
+    }
+  };
+
+  return {
+    copyText,
+    linkRef,
+  };
+}

package/src/AList/__tests__/AList.test.js

@@ -1,33 +1,33 @@
-import {
-  describe,
-  expect,
-  it,
-} from "@jest/globals";
-import {
-  mount,
-} from "@vue/test-utils";
-
-import AList from "../AList";
-
-describe("AList", () => {
-  it("keyLabel", () => {
-    const ITEMS = [
-      { label: "label 1" },
-      { label: "label 2" },
-      { label: "label 3" },
-      { label: "label 4" },
-    ];
-
-    const wrapper = mount(AList, {
-      props: {
-        data: ITEMS,
-        keyLabel: "label",
-      },
-    });
-
-    expect(wrapper.findAll("li")).toHaveLength(4);
-    expect(wrapper.text()).toContain("label 1label 2label 3label 4");
-    expect(wrapper.html({ raw: true })).toBe("<ul><li><span>label 1</span></li><li><span>label 2</span></li><li><span>label 3</span></li><li><span>label 4</span></li></ul>");
-  });
-});
-
+import {
+  describe,
+  expect,
+  it,
+} from "vitest";
+import {
+  mount,
+} from "@vue/test-utils";
+
+import AList from "../AList";
+
+describe("AList", () => {
+  it("keyLabel", () => {
+    const ITEMS = [
+      { label: "label 1" },
+      { label: "label 2" },
+      { label: "label 3" },
+      { label: "label 4" },
+    ];
+
+    const wrapper = mount(AList, {
+      props: {
+        data: ITEMS,
+        keyLabel: "label",
+      },
+    });
+
+    expect(wrapper.findAll("li")).toHaveLength(4);
+    expect(wrapper.text()).toContain("label 1label 2label 3label 4");
+    expect(wrapper.html({ raw: true })).toBe("<ul><li><span>label 1</span></li><li><span>label 2</span></li><li><span>label 3</span></li><li><span>label 4</span></li></ul>");
+  });
+});
+

package/src/AList/compositionAPI/__tests__/TagAPI.test.js

@@ -1,43 +1,43 @@
-import {
-  beforeEach,
-  describe,
-  expect,
-  it,
-} from "@jest/globals";
-
-import TagAPI from "../TagAPI";
-
-describe("TagAPI", () => {
-  let props;
-
-  beforeEach(() => {
-    props = {
-      tag: "ul",
-      isHtml: false,
-    };
-  });
-
-  it("returns tagLocal as span if isHtml is false and tag is 'ul' or 'ol'", () => {
-    const { tagLocal } = TagAPI(props);
-    expect(tagLocal.value).toBe("span");
-  });
-
-  it("returns tagLocal equal to tag 'ul' if isHtml is true", () => {
-    props.isHtml = true;
-    const { tagLocal } = TagAPI(props);
-    expect(tagLocal.value).toBe("ul");
-  });
-
-  it("returns tagLocal equal to tag 'ol' if isHtml is true", () => {
-    props.isHtml = true;
-    props.tag = "ol";
-    const { tagLocal } = TagAPI(props);
-    expect(tagLocal.value).toBe("ol");
-  });
-
-  it("returns tagLocal equal to tag if tag is not 'ul' or 'ol'", () => {
-    props.tag = "div";
-    const { tagLocal } = TagAPI(props);
-    expect(tagLocal.value).toBe("div");
-  });
-});
+import {
+  beforeEach,
+  describe,
+  expect,
+  it,
+} from "vitest";
+
+import TagAPI from "../TagAPI";
+
+describe("TagAPI", () => {
+  let props;
+
+  beforeEach(() => {
+    props = {
+      tag: "ul",
+      isHtml: false,
+    };
+  });
+
+  it("returns tagLocal as span if isHtml is false and tag is 'ul' or 'ol'", () => {
+    const { tagLocal } = TagAPI(props);
+    expect(tagLocal.value).toBe("span");
+  });
+
+  it("returns tagLocal equal to tag 'ul' if isHtml is true", () => {
+    props.isHtml = true;
+    const { tagLocal } = TagAPI(props);
+    expect(tagLocal.value).toBe("ul");
+  });
+
+  it("returns tagLocal equal to tag 'ol' if isHtml is true", () => {
+    props.isHtml = true;
+    props.tag = "ol";
+    const { tagLocal } = TagAPI(props);
+    expect(tagLocal.value).toBe("ol");
+  });
+
+  it("returns tagLocal equal to tag if tag is not 'ul' or 'ol'", () => {
+    props.tag = "div";
+    const { tagLocal } = TagAPI(props);
+    expect(tagLocal.value).toBe("div");
+  });
+});

package/src/AMenu/AMenu.js

@@ -33,11 +33,14 @@ import SearchAPI from "./compositionAPI/SearchAPI";
 import SearchBtnAPI from "./compositionAPI/SearchBtnAPI";
 import ToggleAPI from "./AMenuButtonToggle/compositionAPI/ToggleAPI";
 
-import Search from "aloha-svg/dist/js/bootstrap/Search";
 import {
   uniqueId,
 } from "lodash-es";
 
+const Search = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
+  <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
+</svg>`;
+
 const DROPDOWN_BUTTON_WIDTH = 34;
 const BREADCRUMBS_PADDINGS = 20;