aloha-vue 1.0.252 → 1.0.253

package/docs/src/components/TheMenu/TheMenu.pug

@@ -5,6 +5,7 @@ a-menu(
   :is-breadcrumbs-link-truncated="false"
   key-children="children"
   key-slot="slot"
+  :is-search-breadcrumbs-all="true"
 )
   template(
     v-slot:slotItem="{ item, label }"

package/docs/src/views/PageTable/PageTable.js

@@ -191,7 +191,7 @@ export default {
           title: "Aloha1 Title",
           isHidden: false,
           callback: this.clickMe,
-          disabled: true,
+          disabled: false,
           icon: "Plus",
           isConfirm: true,
           isAllRowsSelected: true,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aloha-vue",
   "description": "Project aloha",
-  "version": "1.0.252",
+  "version": "1.0.253",
   "author": "Ilia Brykin",
   "scripts": {
     "build-icons": "node scriptsNode/iconsSvgToJs.js bootstrap3 && node scriptsNode/iconsSvgToJs.js bootstrap-1-9-1"

package/src/AMenu/AMenu.js

@@ -83,6 +83,11 @@ export default {
       required: false,
       default: true,
     },
+    isSearchBreadcrumbsAll: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     keyChildren: {
       type: String,
       required: false,
@@ -283,6 +288,7 @@ export default {
             dataProParentList: this.dataProParentList,
             idsSearchVisible: this.idsSearchVisible,
             isSearchActive: this.isSearchActive,
+            isSearchBreadcrumbsAll: this.isSearchBreadcrumbsAll,
             modelSearch: this.modelSearch,
           }, this.$slots),
         ]),

package/src/AMenu/AMenuPanel.js

@@ -59,12 +59,16 @@ export default {
     const isFirst = toRef(props, "isFirst");
     const panelParentsOpen = toRef(props, "panelParentsOpen");
     const parentId = toRef(props, "parentId");
+    const isSearchActive = toRef(props, "isSearchActive");
 
     const panelId = computed(() => {
       return `a_menu_panel_${ parentId.value || "" }`;
     });
 
     const isPanelOpen = computed(() => {
+      if (isSearchActive.value) {
+        return false;
+      }
       if (isFirst.value) {
         return panelParentsOpen.value.length === 0;
       }

package/src/AMenu/AMenuPanelLink/compositionAPI/AttributesAPI.js

@@ -6,9 +6,14 @@ import {
 
 export default function AttributesAPI(props) {
   const isPanelOpen = toRef(props, "isPanelOpen");
+  const isLinkInSearchPanel = toRef(props, "isLinkInSearchPanel");
+
   const isMenuOpen = inject("isMenuOpen");
 
   const tabindex = computed(() => {
+    if (isLinkInSearchPanel.value) {
+      return 0;
+    }
     return isPanelOpen.value && isMenuOpen.value ? 0 : -1;
   });
 

package/src/AMenu/AMenuSearchGroup.js

@@ -13,7 +13,7 @@ import AKeyParent from "../ui/const/AKeyParent";
 import AKeyLabel from "../ui/const/AKeyLabel";
 
 import {
-  get,
+  get, isNil,
 } from "lodash-es";
 
 export default {
@@ -39,6 +39,11 @@ export default {
       type: Array,
       required: true,
     },
+    isSearchBreadcrumbsAll: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     modelSearch: {
       type: String,
       required: false,
@@ -50,31 +55,62 @@ export default {
     const idsSearchVisible = toRef(props, "idsSearchVisible");
     const items = toRef(props, "items");
     const dataKeyById = toRef(props, "dataKeyById");
+    const isSearchBreadcrumbsAll = toRef(props, "isSearchBreadcrumbsAll");
 
     const isGroupVisible = computed(() => {
       return !!idsSearchVisible.value.main[groupIndex.value];
     });
 
-    const labelGroup = computed(() => {
+    const getParentLabels = ({ labels = [], item }) => {
+      if (item[AKeyParent]) {
+        const PARENT = dataKeyById.value[item[AKeyParent]];
+        const LABEL = get(PARENT, AKeyLabel);
+        if (!isNil(LABEL)) {
+          labels.push(LABEL);
+        }
+        return getParentLabels({ labels, item: PARENT });
+      } 
+      return labels;
+    };
+
+    const labelsGroup = computed(() => {
+      let labels = [];
       const itemFirst = items.value[0] || {};
-      return get(dataKeyById.value, `${ itemFirst[AKeyParent] }.${ AKeyLabel }`);
+      if (isSearchBreadcrumbsAll.value) {
+        labels = getParentLabels({ labels, item: itemFirst });
+      } else {
+        const LABEL = get(dataKeyById.value, `${ itemFirst[AKeyParent] }.${ AKeyLabel }`);
+        if (!isNil(LABEL)) {
+          labels.push(LABEL);
+        }
+      }
+      return labels;
+    });
+
+    const hasLabelsGroup = computed(() => {
+      return labelsGroup.value.length > 0;
     });
 
     return {
+      hasLabelsGroup,
       isGroupVisible,
-      labelGroup,
+      labelsGroup,
     };
   },
   render() {
     if (this.isGroupVisible) {
       return [
-        h("dt", null, [
-          this.labelGroup && withDirectives(h("div", {
-            class: "a_menu__list_header",
-          }), [
-            [ASafeHtml, this.labelGroup],
-          ]),
-        ]),
+        this.hasLabelsGroup ?
+          this.labelsGroup.map(label => {
+            return h("dt", null, [
+              withDirectives(h("div", {
+                class: "a_menu__list_header a_menu__list_header_search",
+              }), [
+                [ASafeHtml, label],
+              ]),
+            ]);
+          }) :
+          h("dt"),
         this.items.map(item => {
           return h(AMenuPanelLink, {
             item,

package/src/AMenu/AMenuSearchPanel.js

@@ -33,6 +33,11 @@ export default {
       type: Boolean,
       required: true,
     },
+    isSearchBreadcrumbsAll: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     modelSearch: {
       type: String,
       required: false,
@@ -72,6 +77,7 @@ export default {
                 dataKeyById: this.dataKeyById,
                 dataProParentChildren: this.dataProParentChildren,
                 idsSearchVisible: this.idsSearchVisible,
+                isSearchBreadcrumbsAll: this.isSearchBreadcrumbsAll,
                 modelSearch: this.modelSearch,
               }, this.$slots);
             }),

package/src/ATable/ATableTopPanel/compositionAPI/ActionsAPI.js

@@ -22,6 +22,7 @@ export default function ActionsAPI(props, { emit }) {
 
   const tableId = inject("tableId");
   const currentMultipleActions = inject("currentMultipleActions");
+  const rowsLocal = inject("rowsLocal");
 
   const {
     closeConfirm,
@@ -75,6 +76,7 @@ export default function ActionsAPI(props, { emit }) {
   const onStartModalMultipleActions = async() => {
     await currentMultipleActions.value.callback({
       rows: selectedRows.value,
+      rowsVisible: rowsLocal.value,
       id: buttonMultipleId.value,
       areAllRowsSelected: areAllRowsSelected.value,
       modelFilters: modelFilters.value,
@@ -95,6 +97,7 @@ export default function ActionsAPI(props, { emit }) {
       currentMultipleActions.value.callback({
         close: closeMultipleActionsActive.value,
         rows: selectedRows.value,
+        rowsVisible: rowsLocal.value,
         id: buttonMultipleId.value,
         areAllRowsSelected: areAllRowsSelected.value,
         modelFilters: modelFilters.value,

package/src/styles/components/AMenu.scss

@@ -172,6 +172,10 @@ $a_menu_breakpoint_mobile: 991px;
   padding-top: .5rem;
   padding-bottom: .5rem;
 }
+.a_menu__list_header_search {
+  padding-left: var(--a_menu_link_padding_x);
+  padding-right: var(--a_menu_link_padding_x);
+}
 .a_menu__link {
   flex-grow: 1;
   flex-basis: 10%;