forstok-ui-lib 5.2.9 → 5.2.11

package/package.json

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

package/src/assets/images/icons/discount.svg

@@ -1,16 +1,12 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
-<svg width="auto" height="auto" viewBox="-2.4 -2.4 28.80 28.80" xmlns="http://www.w3.org/2000/svg" id="discount" class="icon glyph" fill="#215645" stroke="#215645">
+<svg height="auto" width="auto" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 511.985 511.985" xml:space="preserve" fill="#000000">
 
 <g id="SVGRepo_bgCarrier" stroke-width="0"/>
 
-<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="0.096"/>
+<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
 
-<g id="SVGRepo_iconCarrier">
-
-<path d="M21.59,9.83A4.21,4.21,0,0,1,21.17,9,4.73,4.73,0,0,1,21,8.07a4.19,4.19,0,0,0-.64-2.16,4.15,4.15,0,0,0-1.87-1.28,4.36,4.36,0,0,1-.84-.43A4.55,4.55,0,0,1,17,3.54a4.29,4.29,0,0,0-1.81-1.4A4.19,4.19,0,0,0,13,2.21a4.24,4.24,0,0,1-1.94,0A4.19,4.19,0,0,0,8.8,2.14,4.29,4.29,0,0,0,7,3.54a4.55,4.55,0,0,1-.66.66,4.36,4.36,0,0,1-.84.43A4.15,4.15,0,0,0,3.62,5.91,4.19,4.19,0,0,0,3,8.07,4.73,4.73,0,0,1,2.83,9a4.21,4.21,0,0,1-.42.81A4.3,4.3,0,0,0,1.64,12a4.3,4.3,0,0,0,.77,2.17,4.21,4.21,0,0,1,.42.81,4.73,4.73,0,0,1,.15.95,4.19,4.19,0,0,0,.64,2.16,4.15,4.15,0,0,0,1.87,1.28,4.36,4.36,0,0,1,.84.43,4.55,4.55,0,0,1,.66.66,4.29,4.29,0,0,0,1.81,1.4,2.91,2.91,0,0,0,.87.13,6,6,0,0,0,1.36-.2,4.24,4.24,0,0,1,1.94,0,4.19,4.19,0,0,0,2.23.07A4.29,4.29,0,0,0,17,20.46a4.55,4.55,0,0,1,.66-.66,4.36,4.36,0,0,1,.84-.43,4.15,4.15,0,0,0,1.87-1.28A4.19,4.19,0,0,0,21,15.93a4.73,4.73,0,0,1,.15-.95,4.21,4.21,0,0,1,.42-.81A4.3,4.3,0,0,0,22.36,12,4.3,4.3,0,0,0,21.59,9.83ZM9.5,8A1.5,1.5,0,1,1,8,9.5,1.5,1.5,0,0,1,9.5,8Zm5,8A1.5,1.5,0,1,1,16,14.5,1.5,1.5,0,0,1,14.5,16Zm1.21-6.29-6,6a1,1,0,0,1-1.42,0,1,1,0,0,1,0-1.42l6-6a1,1,0,0,1,1.42,1.42Z" style="fill:#215645"/>
-
-</g>
+<g id="SVGRepo_iconCarrier"> <path style="fill:#21ba63;" d="M500.391,223.525l-4.469-5.203c-9.875-11.539-16.094-34.741-13.312-49.67l1.266-6.742 c2.125-11.289-0.078-23.336-6.188-33.913c-6.109-10.578-15.438-18.508-26.265-22.32l-6.484-2.281 c-14.327-5.038-31.312-22.03-36.358-36.357L406.3,60.57c-6.781-19.266-26.858-33.249-47.764-33.249 c-2.844,0-5.688,0.266-8.453,0.781l-6.75,1.266c-2.391,0.445-5.062,0.672-7.922,0.672c-14.734,0-32.295-5.883-41.748-13.984 l-5.203-4.461c-8.719-7.478-20.25-11.594-32.468-11.594c-12.219,0-23.749,4.116-32.468,11.593l-5.203,4.469 c-9.453,8.094-27.015,13.977-41.749,13.977c-2.875,0-5.531-0.227-7.922-0.672l-6.749-1.266c-2.75-0.516-5.609-0.773-8.469-0.773l0,0 c-20.89,0-40.968,13.976-47.749,33.241l-2.281,6.477c-5.046,14.319-22.03,31.312-36.373,36.35l-6.469,2.281 c-10.828,3.812-20.156,11.742-26.266,22.32c-6.108,10.577-8.296,22.624-6.202,33.913l1.281,6.742 c2.781,14.929-3.438,38.139-13.312,49.662l-4.469,5.211C4.124,232.252,0,243.782,0,255.993c0,12.219,4.124,23.749,11.593,32.468 l4.469,5.203c9.875,11.53,16.094,34.733,13.312,49.67l-1.281,6.75c-2.094,11.28,0.094,23.327,6.202,33.905 c6.109,10.578,15.438,18.5,26.266,22.312l6.469,2.281c14.343,5.046,31.327,22.029,36.373,36.357l2.281,6.484 c6.781,19.25,26.859,33.233,47.765,33.233c2.859,0,5.703-0.266,8.453-0.781l6.749-1.266c2.391-0.438,5.047-0.656,7.922-0.656 c14.734,0,32.296,5.875,41.733,13.968l5.219,4.469c8.719,7.469,20.249,11.594,32.468,11.594c12.218,0,23.749-4.125,32.468-11.594 l5.203-4.469c9.453-8.093,27.014-13.968,41.748-13.968c2.875,0,5.531,0.219,7.922,0.656l6.734,1.281 c2.766,0.5,5.609,0.766,8.469,0.766c20.905,0,40.982-13.983,47.764-33.233l2.281-6.484c5.047-14.328,22.031-31.312,36.358-36.357 l6.484-2.281c10.827-3.812,20.155-11.734,26.265-22.312s8.297-22.625,6.188-33.905l-1.266-6.75 c-2.781-14.937,3.438-38.14,13.312-49.654l4.469-5.219c7.468-8.719,11.593-20.249,11.593-32.468 C511.984,243.782,507.859,232.252,500.391,223.525z"/> <g> <path style="fill:#ffffff;" d="M191.994,245.329c29.452,0,53.326-23.882,53.326-53.334s-23.874-53.335-53.326-53.335 s-53.327,23.883-53.327,53.335S162.542,245.329,191.994,245.329z M191.994,159.996c17.64,0,31.999,14.358,31.999,31.999 c0,17.647-14.359,31.999-31.999,31.999c-17.641,0-31.999-14.352-31.999-31.999C159.995,174.354,174.353,159.996,191.994,159.996z"/> <path style="fill:#ffffff;" d="M319.99,266.657c-29.452,0-53.327,23.882-53.327,53.334s23.875,53.342,53.327,53.342 s53.326-23.89,53.326-53.342S349.442,266.657,319.99,266.657z M319.99,351.99c-17.64,0-31.999-14.343-31.999-31.999 s14.359-31.999,31.999-31.999s31.999,14.343,31.999,31.999S337.63,351.99,319.99,351.99z"/> <path style="fill:#ffffff;" d="M370.192,156.871c1.937-1.93,3.124-4.594,3.124-7.539c0-5.891-4.765-10.672-10.655-10.672 c-2.953,0-5.609,1.195-7.547,3.125l0,0l-213.322,213.33l0,0c-1.938,1.938-3.125,4.594-3.125,7.53 c0,5.906,4.766,10.688,10.656,10.688c2.953,0,5.609-1.203,7.547-3.125l0,0L370.192,156.871z"/> </g> </g>
 
 </svg>

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;
+  }
 }