forstok-ui-lib 6.18.0 → 6.18.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "6.18.0",
+  "version": "6.18.2",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/assets/javascripts/function.ts

@@ -3,6 +3,7 @@ import { ReactNode } from 'react';
 import { TMessage, TMessageFunction, TMessageQuestion } from '../../components/message/typed';
 import { TObject } from '../../typeds/base.typed';
 import { errorTitle } from './helper';
+import { THeadProps } from '../../typeds';
 
 export const getStorage = (name: string, type: string = 'string', defaultVal?: any, loadName: string = 'load') => {
   let result: any
@@ -456,30 +457,30 @@ export const evScrollTo = (el?: HTMLElement, range?: number) => {
   }
 }
 
-export const evHighlight = (ids: number[]) => {
+export const evHighlight = (ids?: string[]|number[]) => {
   if (!ids?.length) {
-    return;
+    return false
   }
-  const timer = Math.ceil(ids.length/10)*10 <= 10 ? 30 : (Math.ceil(ids.length/10)*10 >= 200 ? 200 : Math.ceil(ids.length/10)*10);
+  const timer: number = Math.ceil(ids.length/10)*10 <= 10 ? 30 : (Math.ceil(ids.length/10)*10 >= 200 ? 200 : Math.ceil(ids.length/10)*10) 
   setTimeout(() => {
-    const contentHightlightedEls = document.querySelectorAll('._refMasterTableBodyContent.is-highlighted') as NodeListOf<HTMLElement>;
+    const contentHightlightedEls = document.querySelectorAll('._refMasterTableBodyContent.is-highlighted') as NodeListOf<HTMLElement>
     if (contentHightlightedEls?.length) {
       for (const contentHightlightedEl of contentHightlightedEls) {
-        contentHightlightedEl.classList.remove('is-highlighted');
+        contentHightlightedEl.classList.remove('is-highlighted')
       }
     }
-    for(let i = 0; i < ids.length; i++) {
-      const id = ids[i];
-      const el = document.querySelector(`#row-${id}`) as HTMLElement;
+    for (let i = 0; i < ids.length; i++) {
+      const id = ids[i]
+      const el = document.querySelector(`#row-${id}`) as HTMLElement
       if (el) {
-        el.classList.add('is-highlighted');
+        el.classList.add('is-highlighted')
         setTimeout(() => {
-          el.classList.remove('is-highlighted');
+          el.classList.remove('is-highlighted')
         }, 1888)
       }
-      if(i === (ids.length - 1)) {
-        const firstEl = document.querySelector(`#row-${ids[0]}`) as HTMLElement;
-        firstEl && evScrollTo(firstEl, 140);
+      if (i === (ids.length - 1)) {
+        const firstEl = document.querySelector(`#row-${ids[0]}`) as HTMLElement
+          firstEl && evScrollTo(firstEl, 140)
       }
     }
   }, timer)
@@ -690,4 +691,139 @@ export const generateAddress = (address?: TObject | null) => {
     result = firstLine + secondLine + thirdLine + lastLine
   }
   return result
+}
+
+export const evRemoveActiveButton = () => {
+  const nextButtonEl = document.querySelector('#btn-active-red') as HTMLButtonElement
+  nextButtonEl && nextButtonEl.removeAttribute('id')
+}
+
+export const evCheckAllValidationByHeader = (data: any[], headerColumns: THeadProps[]) => {
+  let isError = false 
+  const validByHeader = (key: string, valuex: any, idx?: number, title = null) => {
+    const __idx = idx || 0
+    const validHeaderKeyFilter = headerColumns.filter(header => (header.key === key && header.validations))
+    if (validHeaderKeyFilter.length) {
+      const head = validHeaderKeyFilter[__idx]
+      const type = head.typeData || 'String'
+      const _value = generateValue(type, valuex)
+      const valid = validateByApproveJs(head, _value, title || '')
+      return valid      
+    }
+    return { approved: true } 
+  }
+
+  const newData = []
+  for (let x=0; x<data.length; x++) {
+    const _data = data[x]
+    const keys = Object.keys(_data)
+
+    for (const key of keys) {
+      let _valid: TObject = { approved: true }
+      if (Array.isArray(_data[key])) {
+        for (let i = 0; i < _data[key].length; i++) {
+          const _dataArr = _data[key][i]
+          const keysArr = Object.keys(_dataArr)
+          for (const keyArr of keysArr) {
+            if (Array.isArray(_dataArr[keyArr])) {
+              for (let z = 0; z < _dataArr[keyArr].length; z++) {
+                const _dataArrArr = _dataArr[keyArr][z]
+                const keysArrArr = Object.keys(_dataArrArr)
+                for (const keyArrArr of keysArrArr) {
+                  _valid = validByHeader(keyArrArr, _dataArrArr[keyArrArr])
+                  if (!_valid.approved) {
+                    _dataArrArr[`${keyArr}_error`] = _valid.errors[0]
+                    if (!isError) {
+                      isError = true
+                    }
+                  }
+                  if (keyArrArr.indexOf('_error') !== -1 && !isError) {
+                    isError = true
+                  }
+                }
+              }
+            } else {
+              _valid = validByHeader(keyArr, _dataArr[keyArr])
+              if (!_valid.approved) {
+                _dataArr[`${keyArr}_error`] = _valid.errors[0]
+                if (!isError) {
+                  isError = true
+                }
+              }
+              if (keyArr.indexOf('_error') !== -1 && !isError) {
+                isError = true
+              }
+            }
+          }
+        }
+      } else {
+        _valid = validByHeader(key, _data[key])
+        if (!_valid.approved) {
+          _data[`${key}_error`] = _valid.errors[0]
+          if (!isError) {
+            isError = true
+          }
+        }
+        if (key.indexOf('_error') !== -1 && !isError) {
+          isError = true
+        }
+      }
+    }
+    newData.push(_data)
+  }
+  return { error: isError, data: newData }
+}
+
+export const evCheckAllValidationByHeaderWithVariant = (newData: any[], headerColumns: THeadProps[]) => {
+  let isError = false 
+
+  const validByHeader = (key: string, valuex: any, idx?: number, content?: any) => {
+    const __idx = idx || 0
+    const validHeaderKeyFilter = headerColumns.filter(header => (header.key === key && header.validations))
+    if (validHeaderKeyFilter.length) {
+      const head = validHeaderKeyFilter[__idx]
+      const type = head.typeData || 'String'
+      const _value = generateValue(type, valuex)
+      const valid = validateByApproveJs(head, _value, undefined, evGenerateValueMatch(head.validations, content))
+      return valid      
+    }
+    return { approved: true } 
+  }
+
+  let _newData = [...newData]
+  for (let x=0; x<_newData.length; x++) {
+    let _data = _newData[x]
+    let keys = Object.keys(_data)
+
+    for (const key of keys) {
+      if (Array.isArray(_data[key]) && _data[key].length && typeof _data[key][0] === 'object') {
+        for (let i = 0; i < _data[key].length; i++){
+          const _dataArr = _data[key][i]
+          const keysArr = Object.keys(_dataArr)
+          for (const keyArr of keysArr) {
+            if (!Array.isArray(_dataArr[keyArr])) {
+              const _key = `${key}-${keyArr}`,
+              valid = validByHeader(_key, _dataArr[keyArr], undefined, _dataArr)
+              if (!valid.approved) {
+                _dataArr[`${keyArr}_error`] = valid.errors[0]
+                if (!isError) {
+                  isError = true
+                }
+              }
+            }
+          }
+        }
+      } else {
+        const valid = validByHeader(key, _data[key], undefined, _data)
+        if (!valid.approved) {
+          _data[`${key}_error`] = valid.errors[0]
+          if (!isError) {
+            isError = true
+          }
+        }
+      }
+    }      
+    _newData.splice(x, 1, _data)
+  }
+  return { error: isError, data: _newData }
 }