quasar-factory-lib 0.0.41 → 0.0.43

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
-export { default as filterMethod } from './filterMethod';
-export { default as infiniteScroll } from './infiniteScroll';
-export { default as tableHeight } from './setTableHeight';
+export { default as filterMethod } from '../components/Table/utils/filterMethod';
+export { default as infiniteScroll } from '../components/Table/utils/infiniteScroll';
+export { default as setTableHeight } from '../components/Table/utils/setTableHeight';
+export { default as qTableSort } from '../components/Table/utils/sort';

package/package.json

@@ -97,6 +97,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "author": ""
 }

package/src/utils/index.ts

@@ -1,3 +1,4 @@
-export { default as filterMethod } from './filterMethod';
-export { default as infiniteScroll } from './infiniteScroll';
-export { default as tableHeight } from './setTableHeight';
+export { default as filterMethod } from '../components/Table/utils/filterMethod'
+export { default as infiniteScroll } from '../components/Table/utils/infiniteScroll';
+export { default as setTableHeight } from '../components/Table/utils/setTableHeight';
+export { default as qTableSort } from '../components/Table/utils/sort'

package/dist/utils/filterMethod.d.ts

@@ -1,9 +0,0 @@
-declare const filterMethod: {
-    filter(self: {
-        filterTerms: string;
-    }, rows: string | [], terms: {
-        search: string;
-    }): object[] | [];
-    containsSearchTermInRow(row: object, lowerSearch: string): boolean;
-};
-export default filterMethod;

package/dist/utils/infiniteScroll.d.ts

@@ -1,22 +0,0 @@
-declare const infiniteScroll: {
-    handleInfiniteScrollNewTable(self: {
-        $nextTick: (arg0: () => void) => void;
-        totalPageModal: number;
-        smallDevice: boolean;
-        totalPage: number;
-    }): void;
-    paginationNewTable(self: {
-        pageLength: number;
-        rowsPaginationCount: number;
-    }, rows: object[]): object[];
-    handleInfiniteScrollModal(self: {
-        $nextTick: (arg0: () => void) => void;
-        totalPageModal: number;
-        smallDevice: boolean;
-    }, tableID: string): void;
-    paginationModal(self: {
-        pageLengthModal: number;
-        rowsPaginationCount: number;
-    }, rows: object[]): object[];
-};
-export default infiniteScroll;

package/dist/utils/setTableHeight.d.ts

@@ -1,4 +0,0 @@
-declare const tableHeight: {
-    setTableHeight(): string;
-};
-export default tableHeight;

package/src/utils/filterMethod.ts

@@ -1,35 +0,0 @@
-/* eslint-disable  */
-
-import infiniteScroll from './infiniteScroll'
-const filterMethod = {
-  filter (self: {filterTerms: string }, rows: string | [], terms: { search: string }): object[] | [] {
-    self.filterTerms = terms.search
-    if (terms.search) {
-      const filteredRows = []
-      const lowerSearch = terms.search ? terms.search.toLowerCase() : ''
-      for (let i = 0; i < rows.length; i++) {
-        if (this.containsSearchTermInRow(rows[i], lowerSearch)) {
-          filteredRows.push(rows[i])
-        }
-      }
-      return infiniteScroll.paginationNewTable(self, filteredRows)
-    } else {
-      return infiniteScroll.paginationNewTable(self, rows)
-    }
-  },
-
-  containsSearchTermInRow (row: object, lowerSearch: string): boolean {
-    if (lowerSearch !== '') {
-      const values = Object.values(row)
-      const valuesLowerCase = values.map((x) => (x + '').toLowerCase())
-      for (let val = 0; val < valuesLowerCase.length; val++) {
-        if (valuesLowerCase[val].includes(lowerSearch)) {
-          return true
-        }
-      }
-    }
-    return false
-  }
-}
-
-export default filterMethod

package/src/utils/infiniteScroll.ts

@@ -1,59 +0,0 @@
-/* eslint-disable */
-
-const infiniteScroll = {
-  handleInfiniteScrollNewTable (self: { $nextTick: (arg0: () => void) => void; totalPageModal: number; smallDevice: boolean, totalPage: number }): void {
-    self.$nextTick(() => {
-      const elemClass = self.smallDevice ? 'q-table__grid-content' : 'q-table__middle scroll'
-      const tableType = self.smallDevice ? 'Grid' : 'Table'
-      const qtableScrollElem = document.getElementsByClassName(elemClass) as HTMLCollectionOf<HTMLElement>
-      const elementToScroll =
-        qtableScrollElem.length > 0 ? qtableScrollElem[0] : window
-      const fnAddScroll = (event: Event) => {
-        const { scrollHeight, scrollTop, clientHeight } = event.target as HTMLElement
-        if (Math.abs(scrollHeight - clientHeight - scrollTop) < 1) {
-          console.log(`[${tableType}] You are at the bottom!`, self.totalPage)
-          self.totalPage++
-        }
-      }
-      window.removeEventListener('scroll', fnAddScroll)
-      elementToScroll.removeEventListener('scroll', fnAddScroll)
-      elementToScroll.addEventListener('scroll', fnAddScroll)
-    })
-  },
-  paginationNewTable (self: { pageLength: number; rowsPaginationCount: number; }, rows: object []): object [] {
-    const rowsPagination = rows.slice(0, self.pageLength)
-    return rowsPagination
-  },
-  handleInfiniteScrollModal (self: { $nextTick: (arg0: () => void) => void; totalPageModal: number; smallDevice: boolean }, tableID: string): void {
-    self.$nextTick(() => {
-      const tableElement = document.getElementById(tableID)
-      const elemClass = self.smallDevice ? 'q-table__grid-content' : 'q-table__middle scroll'
-      const qtableScrollElem = tableElement.getElementsByClassName(elemClass)
-      const elementToScroll = qtableScrollElem[0]
-
-      const fnAddScrollModal = (event: Event) => {
-        const target = event.target as HTMLElement
-        if (self.smallDevice) {
-          if (elementToScroll.scrollTop + elementToScroll.clientHeight >= elementToScroll.scrollHeight) {
-            console.log('[Grid] You are at the bottom!')
-            self.totalPageModal++
-          }
-        } else {
-          const { scrollHeight, scrollTop, clientHeight } = target
-          if (Math.abs(scrollHeight - clientHeight - scrollTop) < 1) {
-            console.log('[Table] You are at the bottom!')
-            self.totalPageModal++
-          }
-        }
-      }
-      window.removeEventListener('scroll', fnAddScrollModal)
-      elementToScroll.removeEventListener('scroll', fnAddScrollModal)
-      elementToScroll.addEventListener('scroll', fnAddScrollModal)
-    })
-  },
-  paginationModal (self: { pageLengthModal: number; rowsPaginationCount: number; }, rows: object []): object [] {
-    const rowsPagination = rows.slice(0, self.pageLengthModal)
-    return rowsPagination
-  }
-}
-export default infiniteScroll

package/src/utils/setTableHeight.ts

@@ -1,26 +0,0 @@
-const tableHeight = {
-  setTableHeight ():string {
-    const footer = document.getElementsByClassName('q-footer')[0]
-    let footerHeight = ''
-    if (footer) {
-      const computedHeight = window.getComputedStyle(footer).height
-
-      if (computedHeight !== 'auto') {
-        footerHeight = computedHeight.replace('px', '')
-      }
-    }
-    const header = document.getElementsByClassName('q-header')[0]
-    let headerHeight = ''
-    if (header) {
-      const computedHeight = window.getComputedStyle(header).height
-
-      if (computedHeight !== 'auto') {
-        headerHeight = computedHeight.replace('px', '')
-      }
-    }
-    const n = Number(footerHeight) + Number(headerHeight)
-    return `height:${window.innerHeight - n}px`
-  }
-}
-
-export default tableHeight

package/src/utils/sort.js

@@ -1,30 +0,0 @@
-const qTableSort = {
-  sortMethod (rows, sortBy, descending, values = []) {
-    const rowsFlat = [...rows]
-    if (sortBy) {
-      if (values.includes(sortBy)) {
-        this.sortDates(sortBy, descending, rowsFlat)
-      } else {
-        rowsFlat.sort((a, b) => {
-          const x = descending ? b : a
-          const y = descending ? a : b
-          return x[sortBy] > y[sortBy] ? 1 : x[sortBy] < y[sortBy] ? -1 : 0
-        })
-      }
-    }
-    return rowsFlat
-  },
-  sortDates (sortBy, descending, rowsFlat) {
-    rowsFlat.sort(function (columnA, columnB) {
-      const a = columnA[sortBy]
-      const b = columnB[sortBy]
-      let x = descending ? b : a
-      let y = descending ? a : b
-      x = x.split('/').reverse().join('-')
-      y = y.split('/').reverse().join('-')
-
-      return x.localeCompare(y)
-    })
-  }
-}
-export default qTableSort