forstok-ui-lib 5.2.10 → 5.2.11

package/package.json

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

package/src/assets/javascripts/function.ts

@@ -2,50 +2,56 @@ import { ReactNode } from 'react';
 import { TMessage, TMessageQuestion } from '../../components/message/typed';
 
 export const getStorage = (name: string, type: string = 'string', defaultVal?: any, loadName: string = 'load') => {
-  let result: any
+  let result: any;
   if (sessionStorage.getItem(loadName) !== null) {
-    result = sessionStorage.getItem(name) !== null ? sessionStorage.getItem(name) : defaultVal
+    result = sessionStorage.getItem(name) !== null ? sessionStorage.getItem(name) : defaultVal;
   } else {
-    result = localStorage.getItem(name) !== null ? localStorage.getItem(name) : defaultVal
-    localStorage.getItem(name) !== null && sessionStorage.setItem(name, result)
+    result = localStorage.getItem(name) !== null ? localStorage.getItem(name) : defaultVal;
+    localStorage.getItem(name) !== null && sessionStorage.setItem(name, result);
   }
   switch (type) {
     case 'boolean':
-      result = (result !== undefined && result !== 'undefined') ? (result === 'true') : false
-      break
+      result = (result !== undefined && result !== 'undefined') ? (result === 'true') : false;
+      break;
     case 'number': 
     case 'integer':
-      result = (result !== undefined && result !== 'undefined') ? parseInt(result) : 0
-      break
+      result = (result !== undefined && result !== 'undefined') ? parseInt(result) : 0;
+      break;
     case 'object':
     case 'array':
-      result = (result !== undefined && result !== 'undefined') ? JSON.parse(result) : undefined
-      break  
+      result = (result !== undefined && result !== 'undefined') ? JSON.parse(result) : undefined;
+      break;
     default:
-      result = (result === undefined || result === 'undefined') ? '' : result
-      break
+      result = (result === undefined || result === 'undefined') ? '' : result;
+      break;
   }
-  return result
+  return result;
 }
 
 export const setStorage = (name: string, value?: any, only?: string) => {
   if (value === undefined || value === null) {
-    return false
+    return false;
   }
-  const _value: string = (typeof value !== 'string') ? ((typeof value === 'object') ? JSON.stringify(value) : value.toString()) : value
+  const _value: string = (typeof value !== 'string') ? ((typeof value === 'object') ? JSON.stringify(value) : value.toString()) : value;
   switch (only) {
     case 'session':
-      sessionStorage.setItem(name, _value)
+      sessionStorage.setItem(name, _value);
       break
     case 'local':
-      localStorage.setItem(name, _value)
+      localStorage.setItem(name, _value);
       break
     default:
-      sessionStorage.setItem(name, _value)
-      localStorage.setItem(name, _value)
+      sessionStorage.setItem(name, _value);
+      localStorage.setItem(name, _value);
   }
 }
 
+export const removeStorage = (name: string) => {
+  localStorage.removeItem(name);
+  sessionStorage.removeItem(name);
+  return true;
+}
+
 export const debounce = (fn: Function, ms = 300) => {
   let timeoutId: ReturnType<typeof setTimeout>;
   return function (this: any, ...args: any[]) {
@@ -55,22 +61,22 @@ export const debounce = (fn: Function, ms = 300) => {
 }
 
 export const capitalize = (value?: string) => {
-  return value ? (value[0].toUpperCase() + value.substring(1)) : ''
+  return value ? (value[0].toUpperCase() + value.substring(1)) : '';
 }
 
 export const formatNumber = (n?: string | number, flag?: boolean) => {
-  const _flag = flag === undefined ? true : flag
-  let result:string = ''
+  const _flag = flag === undefined ? true : flag;
+  let result:string = '';
   if (n !== '' && n !== null && n !== undefined) {
-    result = n?.toString().replaceAll(".", "")
+    result = n?.toString().replaceAll(".", "");
     if (result.length === 2 && result.substring(0, 1) === "0") {
-      result = parseInt(result).toString()
+      result = parseInt(result).toString();
     }
     if (_flag) {
-      result = result.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ".")
+      result = result.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ".");
     }
   }
-  return result
+  return result;
 }
 
 export const generateMessage = (type: string, value: string | ReactNode, callback?: () => void, timer?: number) => {
@@ -78,9 +84,9 @@ export const generateMessage = (type: string, value: string | ReactNode, callbac
     $type: type,
     message: value,
     timer: timer || (type === 'warning' ? 3000 : 2000)
-  } 
-  callback && (result.callback = () => { callback() })
-  return result
+  };
+  callback && (result.callback = () => { callback() });
+  return result;
 }
 
 export const generateMessageQuestion = (type: string, title: string, subtitle: string, callback?: () => void, buttonSubmit?: string, cancelCallback?: () => void) => {
@@ -91,12 +97,16 @@ export const generateMessageQuestion = (type: string, title: string, subtitle: s
     callback: callback,
     buttonSubmit: buttonSubmit,
     cancelCallback: cancelCallback
-  } 
-  return result
+  };
+  return result;
 }
 
 export const currencyNumber = (value: number) => {
-  if(value === null) return value
-  else if(typeof value == 'number') return value.toLocaleString('id-ID', {style: 'currency', currency: 'IDR', minimumFractionDigits: 0})
-  else return value
+  if (value === null) {
+    return value;
+  } else if (typeof value == 'number') {
+    return value.toLocaleString('id-ID', {style: 'currency', currency: 'IDR', minimumFractionDigits: 0});
+  } else {
+    return value;
+  }
 }