forstok-ui-lib 6.18.1 → 6.18.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "6.18.1",
+  "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
@@ -695,4 +696,134 @@ export const generateAddress = (address?: TObject | null) => {
 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 }
 }