aloha-vue 2.57.3 → 2.57.5

package/src/ALink/ALink.js

@@ -1,248 +1,253 @@
-import {
-  h,
-} from "vue";
-
-import AElement from "../AElement/AElement";
-
-import EmitsAPI from "../AButton/compositionAPI/EmitsAPI";
-
-import placements from "../const/placements";
-import {
-  isInteger,
-  isString,
-  uniqueId,
-} from "lodash-es";
-
-export default {
-  name: "ALink",
-  inheritAttrs: false,
-  props: {
-    alwaysTranslate: {
-      type: Boolean,
-      required: false,
-    },
-    ariaLabel: {
-      type: [String, Number, Object],
-      required: false,
-      default: undefined,
-    },
-    attributes: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-    class: {
-      type: [String, Object],
-      required: false,
-      default: undefined,
-    },
-    classDefault: {
-      type: String,
-      required: false,
-      default: "aloha_element",
-    },
-    classDefaultHidden: {
-      type: String,
-      required: false,
-      default: "aloha_element__hidden",
-    },
-    classDisabled: {
-      type: String,
-      required: false,
-      default: "disabled",
-    },
-    disabled: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    excludeRenderAttributes: {
-      type: Array,
-      required: false,
-      default: () => [],
-    },
-    extra: {
-      type: Object,
-      required: false,
-      default: undefined,
-    },
-    extraData: {
-      type: [String, Number, Boolean, Array, Object, Date, Function, Symbol, null, undefined],
-      required: false,
-      default: undefined,
-    },
-    href: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    html: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    htmlScreenReader: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    iconAttributes: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-    iconClass: {
-      type: [String, Object],
-      required: false,
-      default: undefined,
-    },
-    iconLeft: {
-      type: [String, Object],
-      required: false,
-      default: undefined,
-    },
-    iconRight: {
-      type: [String, Object],
-      required: false,
-      default: undefined,
-    },
-    iconTag: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    id: {
-      type: String,
-      required: false,
-      default: () => uniqueId("a_link_"),
-    },
-    isTitleHtml: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    loading: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    loadingAlign: {
-      type: String,
-      required: false,
-      default: "right",
-      validator: value => ["right", "left"].indexOf(value) !== -1,
-    },
-    loadingClass: {
-      type: [String, Object],
-      required: false,
-      default: "a_spinner_small",
-    },
-    safeHtml: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    safeHtmlScreenReader: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    stop: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    target: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    text: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    textAfter: {
-      type: [String, Number, Object],
-      required: false,
-      default: undefined,
-    },
-    textAriaHidden: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    textBefore: {
-      type: [String, Number, Object],
-      required: false,
-      default: undefined,
-    },
-    textClass: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    textScreenReader: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    textTag: {
-      type: String,
-      required: false,
-      default: "span",
-    },
-    title: {
-      type: [String, Number, Object, Array],
-      required: false,
-      default: undefined,
-    },
-    titleAttributes: {
-      type: Object,
-      required: false,
-      default: () => ({}),
-    },
-    titlePlacement: {
-      type: String,
-      required: false,
-      default: "top",
-      validator: placement => placements.indexOf(placement) !== -1,
-    },
-    titleZIndex: {
-      type: [Number, String],
-      required: false,
-      default: "auto",
-      validator: value => {
-        if (isString(value)) {
-          return value === "auto";
-        }
-        return isInteger(value);
-      },
-    },
-    to: {
-      type: [Object, String],
-      required: false,
-      default: undefined,
-    },
-  },
-  emits: [
-    "click",
-  ],
-  setup(props, context) {
-    const {
-      clickEmit,
-    } = EmitsAPI(props, context);
-
-    return {
-      clickEmit,
-    };
-  },
-  render() {
-    return h(AElement, {
-      ...this.$attrs,
-      ...this.$props,
-      type: "link",
-      onClick: this.clickEmit,
-    }, this.$slots);
-  },
-};
+import {
+  h,
+} from "vue";
+
+import AElement from "../AElement/AElement";
+
+import EmitsAPI from "../AButton/compositionAPI/EmitsAPI";
+
+import placements from "../const/placements";
+import {
+  isInteger,
+  isString,
+  uniqueId,
+} from "lodash-es";
+
+export default {
+  name: "ALink",
+  inheritAttrs: false,
+  props: {
+    alwaysTranslate: {
+      type: Boolean,
+      required: false,
+    },
+    ariaLabel: {
+      type: [String, Number, Object],
+      required: false,
+      default: undefined,
+    },
+    attributes: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    class: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    classDefault: {
+      type: String,
+      required: false,
+      default: "aloha_element",
+    },
+    classDefaultHidden: {
+      type: String,
+      required: false,
+      default: "aloha_element__hidden",
+    },
+    classDisabled: {
+      type: String,
+      required: false,
+      default: "disabled",
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    excludeRenderAttributes: {
+      type: Array,
+      required: false,
+      default: () => [],
+    },
+    extra: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
+    extraData: {
+      type: [String, Number, Boolean, Array, Object, Date, Function, Symbol, null, undefined],
+      required: false,
+      default: undefined,
+    },
+    href: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    html: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    htmlScreenReader: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    iconAttributes: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    iconClass: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    iconLeft: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    iconRight: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    iconTag: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    id: {
+      type: String,
+      required: false,
+      default: () => uniqueId("a_link_"),
+    },
+    isTitleHtml: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    loading: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    loadingAlign: {
+      type: String,
+      required: false,
+      default: "right",
+      validator: value => ["right", "left"].indexOf(value) !== -1,
+    },
+    loadingClass: {
+      type: [String, Object],
+      required: false,
+      default: "a_spinner_small",
+    },
+    preventKeyboardRepeat: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    safeHtml: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    safeHtmlScreenReader: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    stop: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    target: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    text: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    textAfter: {
+      type: [String, Number, Object],
+      required: false,
+      default: undefined,
+    },
+    textAriaHidden: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    textBefore: {
+      type: [String, Number, Object],
+      required: false,
+      default: undefined,
+    },
+    textClass: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    textScreenReader: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    textTag: {
+      type: String,
+      required: false,
+      default: "span",
+    },
+    title: {
+      type: [String, Number, Object, Array],
+      required: false,
+      default: undefined,
+    },
+    titleAttributes: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    titlePlacement: {
+      type: String,
+      required: false,
+      default: "top",
+      validator: placement => placements.indexOf(placement) !== -1,
+    },
+    titleZIndex: {
+      type: [Number, String],
+      required: false,
+      default: "auto",
+      validator: value => {
+        if (isString(value)) {
+          return value === "auto";
+        }
+        return isInteger(value);
+      },
+    },
+    to: {
+      type: [Object, String],
+      required: false,
+      default: undefined,
+    },
+  },
+  emits: [
+    "click",
+  ],
+  setup(props, context) {
+    const {
+      clickEmit,
+    } = EmitsAPI(props, context);
+
+    return {
+      clickEmit,
+    };
+  },
+  render() {
+    return h(AElement, {
+      ...this.$attrs,
+      ...this.$props,
+      type: "link",
+      onClick: this.clickEmit,
+    }, this.$slots);
+  },
+};

package/src/ATableForm/ATableForm.js

@@ -81,6 +81,11 @@ export default {
       required: false,
       default: undefined,
     },
+    focusAfterMove: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
     icons: {
       type: Object,
       required: false,
@@ -215,7 +220,7 @@ export default {
     } = IconsAPI(props);
 
     const {
-      classesLocal,
+      actionsClassesLocal,
     } = ClassesAPI(props);
 
     const {
@@ -302,7 +307,7 @@ export default {
       canAddRow,
       canMoveRowDown,
       canMoveRowUp,
-      classesLocal,
+      actionsClassesLocal,
       columnsStylesGrow,
       draggedRowIndex,
       dragOverPosition,
@@ -413,7 +418,7 @@ export default {
                 return h(ATableFormRow, {
                   key: rowKey,
                   id: this.id,
-                  actionsClasses: this.actionsClasses,
+                  actionsClasses: this.actionsClassesLocal,
                   actionsDisabledCallback: this.actionsDisabledCallback,
                   actionsHideCallback: this.actionsHideCallback,
                   actionsTitleCallback: this.actionsTitleCallback,
@@ -469,7 +474,7 @@ export default {
               }),
               this.isAddRowActive && h(ATableFormRow, {
                 id: this.id,
-                actionsClasses: this.actionsClasses,
+                actionsClasses: this.actionsClassesLocal,
                 actionsDisabledCallback: this.actionsDisabledCallback,
                 actionsHideCallback: this.actionsHideCallback,
                 actionsTitleCallback: this.actionsTitleCallback,
@@ -532,7 +537,7 @@ export default {
           }, this.rowsFooter.map((row, rowIndex) => {
             return h(ATableFormRow, {
               id: this.id,
-              actionsClasses: this.actionsClasses,
+              actionsClasses: this.actionsClassesLocal,
               actionsDisabledCallback: this.actionsDisabledCallback,
               actionsHideCallback: this.actionsHideCallback,
               actionsTitleCallback: this.actionsTitleCallback,
@@ -582,7 +587,7 @@ export default {
         class: "a_mt_3 a_text_right",
       }, [
         h(AButton, {
-          class: this.classesLocal.addRow,
+          class: this.actionsClassesLocal.addRow,
           disabled: this.isAddDisabled,
           extra: this.extra,
           iconLeft: this.iconsLocal.actionAddRow,

package/src/ATableForm/ATableFormCellAction/ATableFormCellAction.js

@@ -8,6 +8,7 @@ import ATranslation from "../../ATranslation/ATranslation";
 import DeleteAPI from "./compositionAPI/DeleteAPI";
 import DisabledAPI from "./compositionAPI/DisabledAPI";
 import HiddenAPI from "./compositionAPI/HiddenAPI";
+import IdsAPI from "./compositionAPI/IdsAPI";
 import StylesAPI from "./compositionAPI/StylesAPI";
 import TitleAPI from "./compositionAPI/TitleAPI";
 
@@ -141,9 +142,16 @@ export default {
     } = HiddenAPI(props);
 
     const {
+      idBtnCancel,
       idBtnDelete,
+      idBtnEdit,
+      idBtnSave,
+    } = IdsAPI(props);
+
+    const {
       onDeleteClick,
     } = DeleteAPI(props, {
+      idBtnDelete,
       isActionsDisabled: isDeleteDisabled,
     });
 
@@ -160,7 +168,10 @@ export default {
       columnStyles,
       deleteTitle,
       editTitle,
+      idBtnCancel,
       idBtnDelete,
+      idBtnEdit,
+      idBtnSave,
       isDeleteDisabled,
       isDeleteHidden,
       isEditDisabled,
@@ -199,6 +210,7 @@ export default {
           }, this.isActiveEditMode ?
             [
               h(AButton, {
+                id: this.idBtnCancel,
                 class: [
                   "a_table_form__action_button",
                   this.actionsClasses.editCancel,
@@ -209,11 +221,14 @@ export default {
                 title: this.texts.actionEditCancel,
                 textScreenReader: this.texts.actionEditCancel,
                 onClick: () => this.onCancelEditRow({
+                  id: this.id,
                   row: this.row,
                   rowIndex: this.rowIndex,
+                  trigger: "cancel",
                 }),
               }),
               h(AButton, {
+                id: this.idBtnSave,
                 class: [
                   "a_table_form__action_button",
                   this.actionsClasses.editSave,
@@ -224,6 +239,7 @@ export default {
                 title: this.texts.actionEditSave,
                 textScreenReader: this.texts.actionEditSave,
                 onClick: () => this.onSaveEditRow({
+                  id: this.id,
                   row: this.row,
                   rowIndex: this.rowIndex,
                 }),
@@ -244,6 +260,7 @@ export default {
                 onClick: this.onDeleteClick,
               }),
               this.isEditable && !this.isEditHidden && h(AButton, {
+                id: this.idBtnEdit,
                 class: [
                   "a_table_form__action_button",
                   this.actionsClasses.edit,
@@ -254,6 +271,7 @@ export default {
                 title: this.editTitle,
                 textScreenReader: this.editTitle,
                 onClick: () => this.onEditRow({
+                  id: this.id,
                   row: this.row,
                   rowIndex: this.rowIndex,
                 }),

package/src/ATableForm/ATableFormCellAction/compositionAPI/DeleteAPI.js

@@ -9,6 +9,7 @@ import {
 } from "../../../index";
 
 export default function DeleteAPI(props, {
+  idBtnDelete = computed(() => ""),
   isActionsDisabled = computed(() => false),
 }) {
   const id = toRef(props, "id");
@@ -24,10 +25,6 @@ export default function DeleteAPI(props, {
     openConfirm,
   } = AConfirmAPI();
 
-  const idBtnDelete = computed(() => {
-    return `${ id.value }_delete`;
-  });
-
   const closeConfirmLocal = () => {
     closeConfirm();
     nextTick().then(
@@ -44,8 +41,10 @@ export default function DeleteAPI(props, {
       headerText: texts.value.actionDeleteConfirmHeader,
       save: async() => {
         await onDeleteRow.value({
+          btnDeleteId: idBtnDelete.value,
           row: row.value,
           rowIndex: rowIndex.value,
+          rowId: id.value,
         });
         closeConfirm();
       },
@@ -67,14 +66,15 @@ export default function DeleteAPI(props, {
 
     if (isDeletable.value) {
       onDeleteRow.value({
+        btnDeleteId: idBtnDelete.value,
         row: row.value,
         rowIndex: rowIndex.value,
+        rowId: id.value,
       });
     }
   };
 
   return {
-    idBtnDelete,
     onDeleteClick,
   };
 }