aloha-vue 2.7.0 → 2.7.2

package/src/ATable/ATableHeader/ATableHeader.js

@@ -1,177 +1,177 @@
-import {
-  h,
-} from "vue";
-
-import AOneCheckbox from "../../ui/AOneCheckbox/AOneCheckbox";
-import ATableHeaderTh from "../ATableHeaderTh/ATableHeaderTh";
-import ATableHeaderThAction from "../ATableHeaderThAction/ATableHeaderThAction";
-
-import CheckboxAPI from "./compositionAPI/CheckboxAPI";
-import DragAndDropParentAPI from "../compositionAPI/DragAndDropParentAPI";
-
-export default {
-  name: "ATableHeader",
-  components: {
-    ATableHeaderTh,
-    ATableHeaderThAction,
-  },
-  props: {
-    areAllRowsSelected: {
-      type: Boolean,
-      required: true,
-    },
-    areAllVisibleRowsSelected: {
-      type: Boolean,
-      required: true,
-    },
-    areSomeRowsSelected: {
-      type: Boolean,
-      required: true,
-    },
-    disabledOptions: {
-      type: Boolean,
-      required: false,
-    },
-    disabledSort: {
-      type: Boolean,
-      required: false,
-    },
-    hasMultipleActions: {
-      type: Boolean,
-      required: true,
-    },
-    isRowActionsStickyLocal: {
-      type: Boolean,
-      required: true,
-    },
-    isSortingMultiColumn: {
-      type: Boolean,
-      required: false,
-    },
-    modelSort: {
-      type: Array,
-      required: true,
-    },
-    rowsLocalLength: {
-      type: Number,
-      required: true,
-    },
-    showFirstSortingSequenceNumber: {
-      type: Boolean,
-      required: false,
-    },
-    sortingSequenceNumberClass: {
-      type: [String, Object],
-      required: false,
-    },
-  },
-  emits: [
-    "setSelectedRowsIndexes",
-  ],
-  inject: [
-    "changeColumnsOrdering",
-    "columnsFilteredForRender",
-    "isActionColumnVisible",
-    "isMobile",
-    "isMultipleActionsActive",
-  ],
-  setup(props, context) {
-    const {
-      columnIndexDraggable,
-      dragstart,
-      dragenter,
-      dragleave,
-      dragend,
-      drop,
-      isDragstart,
-      root,
-    } = DragAndDropParentAPI({
-      classOver: "a_table__th_over",
-      classOverRight: "a_table__th_over_right",
-      classOverParent: "a_table__th",
-      inHeader: true,
-    });
-
-    const {
-      isCheckboxDisabled,
-      isCheckboxIndeterminate,
-      labelCheckbox,
-      modelValueCheckboxLocal,
-      toggleCheckbox,
-    } = CheckboxAPI(props, context);
-
-    return {
-      columnIndexDraggable,
-      dragend,
-      dragenter,
-      dragleave,
-      dragstart,
-      drop,
-      isCheckboxDisabled,
-      isCheckboxIndeterminate,
-      isDragstart,
-      labelCheckbox,
-      modelValueCheckboxLocal,
-      root,
-      toggleCheckbox,
-    };
-  },
-  render() {
-    if (this.isMobile) {
-      return null;
-    }
-    return h("div", {
-      ref: "root",
-      role: "rowgroup",
-      class: ["a_table__head", {
-        a_table__head_dragstart: this.isDragstart,
-      }],
-    }, [
-      h("div", {
-        class: "a_table__row a_table__head__row",
-        role: "row",
-        onDrop: this.drop,
-      }, [
-        this.isMultipleActionsActive && h("div", {
-          role: "columnheader",
-          class: "a_table__th a_table__cell a_table__cell_checkbox",
-          style: `width: 50px; min-width: 50px; max-width: 50px;`,
-          "aria-colindex": 1,
-        }, [
-          h(AOneCheckbox, {
-            isWidthAuto: true,
-            modelValue: this.modelValueCheckboxLocal,
-            indeterminate: this.isCheckboxIndeterminate,
-            disabled: this.isCheckboxDisabled,
-            label: this.labelCheckbox,
-            labelClass: "a_sr_only",
-            isLabelTitle: true,
-            "onUpdate:modelValue": this.toggleCheckbox,
-          }),
-        ]),
-        this.columnsFilteredForRender.map((column, columnIndex) => {
-          return h(ATableHeaderTh, {
-            ref: "th",
-            column: column,
-            columnIndex: columnIndex,
-            columnIndexDraggable: this.columnIndexDraggable,
-            disabledSort: this.disabledSort,
-            hasMultipleActions: this.hasMultipleActions,
-            isSortingMultiColumn: this.isSortingMultiColumn,
-            modelSort: this.modelSort,
-            showFirstSortingSequenceNumber: this.showFirstSortingSequenceNumber,
-            sortingSequenceNumberClass: this.sortingSequenceNumberClass,
-            onDragstartParent: this.dragstart,
-            onDragenterParent: this.dragenter,
-            onDragleaveParent: this.dragleave,
-            onDragendParent: this.dragend,
-          });
-        }),
-        this.isActionColumnVisible && h(ATableHeaderThAction, {
-          disabledOptions: this.disabledOptions,
-          isRowActionsStickyLocal: this.isRowActionsStickyLocal,
-        }),
-      ]),
-    ]);
-  },
-};
+import {
+  h,
+} from "vue";
+
+import AOneCheckbox from "../../ui/AOneCheckbox/AOneCheckbox";
+import ATableHeaderTh from "../ATableHeaderTh/ATableHeaderTh";
+import ATableHeaderThAction from "../ATableHeaderThAction/ATableHeaderThAction";
+
+import CheckboxAPI from "./compositionAPI/CheckboxAPI";
+import DragAndDropParentAPI from "../compositionAPI/DragAndDropParentAPI";
+
+export default {
+  name: "ATableHeader",
+  components: {
+    ATableHeaderTh,
+    ATableHeaderThAction,
+  },
+  props: {
+    areAllRowsSelected: {
+      type: Boolean,
+      required: true,
+    },
+    areAllVisibleRowsSelected: {
+      type: Boolean,
+      required: true,
+    },
+    areSomeRowsSelected: {
+      type: Boolean,
+      required: true,
+    },
+    disabledOptions: {
+      type: Boolean,
+      required: false,
+    },
+    disabledSort: {
+      type: Boolean,
+      required: false,
+    },
+    hasMultipleActions: {
+      type: Boolean,
+      required: true,
+    },
+    isRowActionsStickyLocal: {
+      type: Boolean,
+      required: true,
+    },
+    isSortingMultiColumn: {
+      type: Boolean,
+      required: false,
+    },
+    modelSort: {
+      type: Array,
+      required: true,
+    },
+    rowsLocalLength: {
+      type: Number,
+      required: true,
+    },
+    showFirstSortingSequenceNumber: {
+      type: Boolean,
+      required: false,
+    },
+    sortingSequenceNumberClass: {
+      type: [String, Object],
+      required: false,
+    },
+  },
+  emits: [
+    "setSelectedRowsIndexes",
+  ],
+  inject: [
+    "changeColumnsOrdering",
+    "columnsFilteredForRender",
+    "isActionColumnVisible",
+    "isMobile",
+    "isMultipleActionsActive",
+  ],
+  setup(props, context) {
+    const {
+      columnIndexDraggable,
+      dragstart,
+      dragenter,
+      dragleave,
+      dragend,
+      drop,
+      isDragstart,
+      root,
+    } = DragAndDropParentAPI({
+      classOver: "a_table__th_over",
+      classOverRight: "a_table__th_over_right",
+      classOverParent: "a_table__th",
+      inHeader: true,
+    });
+
+    const {
+      isCheckboxDisabled,
+      isCheckboxIndeterminate,
+      labelCheckbox,
+      modelValueCheckboxLocal,
+      toggleCheckbox,
+    } = CheckboxAPI(props, context);
+
+    return {
+      columnIndexDraggable,
+      dragend,
+      dragenter,
+      dragleave,
+      dragstart,
+      drop,
+      isCheckboxDisabled,
+      isCheckboxIndeterminate,
+      isDragstart,
+      labelCheckbox,
+      modelValueCheckboxLocal,
+      root,
+      toggleCheckbox,
+    };
+  },
+  render() {
+    if (this.isMobile) {
+      return null;
+    }
+    return h("div", {
+      ref: "root",
+      role: "rowgroup",
+      class: ["a_table__head", {
+        a_table__head_dragstart: this.isDragstart,
+      }],
+    }, [
+      h("div", {
+        class: "a_table__row a_table__head__row",
+        role: "row",
+        onDrop: this.drop,
+      }, [
+        this.isMultipleActionsActive && h("div", {
+          role: "columnheader",
+          class: "a_table__th a_table__cell a_table__cell_checkbox",
+          style: `width: 50px; min-width: 50px; max-width: 50px;`,
+          "aria-colindex": 1,
+        }, [
+          h(AOneCheckbox, {
+            isWidthAuto: true,
+            modelValue: this.modelValueCheckboxLocal,
+            indeterminate: this.isCheckboxIndeterminate,
+            disabled: this.isCheckboxDisabled,
+            label: this.labelCheckbox,
+            labelClass: "a_sr_only",
+            isLabelTitle: true,
+            "onUpdate:modelValue": this.toggleCheckbox,
+          }),
+        ]),
+        this.columnsFilteredForRender.map((column, columnIndex) => {
+          return h(ATableHeaderTh, {
+            ref: "th",
+            column: column,
+            columnIndex: columnIndex,
+            columnIndexDraggable: this.columnIndexDraggable,
+            disabledSort: this.disabledSort,
+            hasMultipleActions: this.hasMultipleActions,
+            isSortingMultiColumn: this.isSortingMultiColumn,
+            modelSort: this.modelSort,
+            showFirstSortingSequenceNumber: this.showFirstSortingSequenceNumber,
+            sortingSequenceNumberClass: this.sortingSequenceNumberClass,
+            onDragstartParent: this.dragstart,
+            onDragenterParent: this.dragenter,
+            onDragleaveParent: this.dragleave,
+            onDragendParent: this.dragend,
+          });
+        }),
+        this.isActionColumnVisible && h(ATableHeaderThAction, {
+          disabledOptions: this.disabledOptions,
+          isRowActionsStickyLocal: this.isRowActionsStickyLocal,
+        }),
+      ]),
+    ]);
+  },
+};

package/src/ATable/ATableHeaderTh/compositionAPI/AttributesAPI.js

@@ -1,65 +1,65 @@
-import {
-  computed,
-  inject,
-  toRef,
-} from "vue";
-
-export default function AttributesAPI(props, {
-  ariaSort = computed(() => ({})),
-  attributesForRoot = computed(() => ({})),
-  columnsStyles = computed(() => ""),
-  isLocked = computed(() => false),
-  isSorting = computed(() => false),
-  titlesSort = computed(() => []),
-}) {
-  const column = toRef(props, "column");
-  const columnIndex = toRef(props, "columnIndex");
-  const hasMultipleActions = toRef(props, "hasMultipleActions");
-
-  const isColumnsDnd = inject("isLoadingOptions");
-  const isLoadingOptions = inject("isLoadingOptions");
-
-
-  const classForTh = computed(() => {
-    return [
-      "a_table__th a_table__cell",
-      {
-        a_table__th_draggable: !isLocked.value && !isLoadingOptions.value && isColumnsDnd.value,
-        a_table__th_sorting: isSorting.value,
-      },
-      column.value.classHeaderParent,
-    ];
-  });
-
-  const titlesLocal = computed(() => {
-    const TITLES = [];
-    if (column.value.title ||
-      column.value.title === 0) {
-      TITLES.push(column.value.title);
-    }
-    TITLES.push(...titlesSort.value);
-
-    return TITLES;
-  });
-
-  const attributesForTh = computed(() => {
-    let ariaColindex = columnIndex.value + 1;
-    if (hasMultipleActions.value) {
-      ariaColindex++;
-    }
-    return {
-      ...ariaSort.value,
-      ...attributesForRoot.value,
-      "aria-colindex": ariaColindex,
-      ref: "root",
-      role: "columnheader",
-      class: classForTh.value,
-      style: columnsStyles.value,
-    };
-  });
-
-  return {
-    attributesForTh,
-    titlesLocal,
-  };
-}
+import {
+  computed,
+  inject,
+  toRef,
+} from "vue";
+
+export default function AttributesAPI(props, {
+  ariaSort = computed(() => ({})),
+  attributesForRoot = computed(() => ({})),
+  columnsStyles = computed(() => ""),
+  isLocked = computed(() => false),
+  isSorting = computed(() => false),
+  titlesSort = computed(() => []),
+}) {
+  const column = toRef(props, "column");
+  const columnIndex = toRef(props, "columnIndex");
+  const hasMultipleActions = toRef(props, "hasMultipleActions");
+
+  const isColumnsDnd = inject("isLoadingOptions");
+  const isLoadingOptions = inject("isLoadingOptions");
+
+
+  const classForTh = computed(() => {
+    return [
+      "a_table__th a_table__cell",
+      {
+        a_table__th_draggable: !isLocked.value && !isLoadingOptions.value && isColumnsDnd.value,
+        a_table__th_sorting: isSorting.value,
+      },
+      column.value.classHeaderParent,
+    ];
+  });
+
+  const titlesLocal = computed(() => {
+    const TITLES = [];
+    if (column.value.title ||
+      column.value.title === 0) {
+      TITLES.push(column.value.title);
+    }
+    TITLES.push(...titlesSort.value);
+
+    return TITLES;
+  });
+
+  const attributesForTh = computed(() => {
+    let ariaColindex = columnIndex.value + 1;
+    if (hasMultipleActions.value) {
+      ariaColindex++;
+    }
+    return {
+      ...ariaSort.value,
+      ...attributesForRoot.value,
+      "aria-colindex": ariaColindex,
+      ref: "root",
+      role: "columnheader",
+      class: classForTh.value,
+      style: columnsStyles.value,
+    };
+  });
+
+  return {
+    attributesForTh,
+    titlesLocal,
+  };
+}

package/src/ATable/ATableHeaderThAction/ATableHeaderThActionItem/compositionAPI/AttributesComponentAPI.js

@@ -1,43 +1,43 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import {
-  escapeRegExp,
-} from "lodash-es";
-
-export default function AttributesComponentAPI(props, {
-  attributesForRoot = computed(() => ({})),
-  isColumnVisible = computed(() => false),
-  isLocked = computed(() => false),
-  labelTranslated = computed(() => ""),
-}) {
-  const searchColumnModel = toRef(props, "searchColumnModel");
-
-  const isComponentVisible = computed(() => {
-    if (!searchColumnModel.value) {
-      return true;
-    }
-    const RE = new RegExp(escapeRegExp(searchColumnModel.value), "gi");
-    return `${ labelTranslated.value }`.search(RE) !== -1;
-  });
-
-  const attributesComponent = computed(() => {
-    const ATTRIBUTES = {
-      ...attributesForRoot.value,
-      class: "a_table__th__dropdown__li",
-    };
-    if (!isComponentVisible.value) {
-      ATTRIBUTES.style = "display: none;";
-    }
-    if (!isLocked.value && !isColumnVisible.value) {
-      ATTRIBUTES.class += " a_table__th__dropdown__li_invisible";
-    }
-    return ATTRIBUTES;
-  });
-
-  return {
-    attributesComponent,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  escapeRegExp,
+} from "lodash-es";
+
+export default function AttributesComponentAPI(props, {
+  attributesForRoot = computed(() => ({})),
+  isColumnVisible = computed(() => false),
+  isLocked = computed(() => false),
+  labelTranslated = computed(() => ""),
+}) {
+  const searchColumnModel = toRef(props, "searchColumnModel");
+
+  const isComponentVisible = computed(() => {
+    if (!searchColumnModel.value) {
+      return true;
+    }
+    const RE = new RegExp(escapeRegExp(searchColumnModel.value), "gi");
+    return `${ labelTranslated.value }`.search(RE) !== -1;
+  });
+
+  const attributesComponent = computed(() => {
+    const ATTRIBUTES = {
+      ...attributesForRoot.value,
+      class: "a_table__th__dropdown__li",
+    };
+    if (!isComponentVisible.value) {
+      ATTRIBUTES.style = "display: none;";
+    }
+    if (!isLocked.value && !isColumnVisible.value) {
+      ATTRIBUTES.class += " a_table__th__dropdown__li_invisible";
+    }
+    return ATTRIBUTES;
+  });
+
+  return {
+    attributesComponent,
+  };
+}