bfg-common 1.2.144 → 1.2.145

package/assets/scss/common/utilities.scss

@@ -5,6 +5,8 @@
   z-index: 9999;
   overflow: hidden;
   width: 434px;
+  max-height: 530px;
+  overflow-y: auto;
 
   h3 {
     color: var(--global-font-color7);

package/components/atoms/nav/NavBar.vue

@@ -58,7 +58,7 @@ const setTriggerElementWidth = (): void => {
   if (!id.value || !props.testId) return
 
   const element = document.querySelector(
-    `#${id.value} [test-id="${props.testId}-container"]`
+    `#${id.value} #${props.testId}-container`
   )
   triggerElementWidth =
     element && element?.style?.display !== 'none'

package/components/atoms/table/dataGrid/DataGrid.vue

@@ -82,7 +82,7 @@
                             ]"
                             @click="sortTable(item.sortColumn)"
                           >
-                            <slot name="th" :key="key" :item="item">
+                            <slot :key="key" name="th" :item="item">
                               <span
                                 :title="item.text"
                                 :style="{
@@ -204,7 +204,7 @@
                             },
                           ]"
                         >
-                          <slot name="type" :key="key" :item="item">
+                          <slot :key="key" name="type" :item="item">
                             <div
                               :class="`clr-${props.type}-wrapper flex-justify-center flex-align-center`"
                             >
@@ -479,7 +479,7 @@ const emits = defineEmits<{
   (event: 'update:selected-row', value: UI_T_SelectedRow): void
   (event: 'update:page-size', value: number): void
   (event: 'update:page', value: number): void
-  (event: 'filtering', value: any): void
+  (event: 'filtering', value: string[][]): void
   (event: 'sorting', value: [string, boolean]): void
   (event: 'change', value: any): void
   (event: 'row-detail', value: number): void
@@ -660,11 +660,10 @@ const sortTable = (sortName: string): void => {
 const filterShow = ref<boolean[]>([])
 const filterTerm = ref<string[]>([])
 const filtering = (): void => {
-  const filter = headItemsPresent.value
-    .filter((_, key) => filterTerm.value[key])
-    .map((item, key) => {
-      return [item.key, filterTerm.value[key]]
-    })
+  const filter: string[][] = []
+  headItemsPresent.value.forEach((item, key) => {
+    if (filterTerm.value[key]) filter.push([item.key, filterTerm.value[key]])
+  })
 
   emits('filtering', filter)
 }

package/components/atoms/tabs/Tabs.vue

@@ -81,9 +81,7 @@ let triggerElementWidth = 0
 const setTriggerElementWidth = (): void => {
   if (!id.value || !props.testId) return
 
-  const element = document.querySelector(
-    `#${id.value} [test-id="${props.testId}-item"]`
-  )
+  const element = document.querySelector(`#${id.value} #${props.testId}-item`)
   if (
     element &&
     element?.style?.display !== 'none' &&

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.2.144",
+  "version": "1.2.145",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/utils/notification.ts

@@ -0,0 +1,22 @@
+import type { UI_I_ErrorMessage } from '~/components/common/vm/actions/common/models/interfaces'
+
+export const showNotificationFunc = (
+  title: string,
+  messages: UI_I_ErrorMessage[],
+  status = 'error'
+): void => {
+  const { $store } = useNuxtApp()
+  // @ts-ignore
+  $store.dispatch('main/A_SHOW_NOTIFICATION', {
+    messages,
+    status,
+    headline: title,
+  })
+}
+
+export const clearNotificationsFromStore = (): void => {
+  const { $store } = useNuxtApp()
+
+  // @ts-ignore
+  $store.dispatch('main/A_HIDE_NOTIFICATION', { id: -1, clear: true })
+}