forstok-ui-lib 5.2.4 → 5.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "5.2.4",
+  "version": "5.2.6",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",
@@ -8,9 +8,7 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "rollup -c --bundleConfigAsCjs",
-    "patch": "npm run build && npm version patch && npm publish",
-    "master": "git add . && git commit -m 'patch' && git push origin master"
+    "build": "rollup -c --bundleConfigAsCjs"
   },
   "repository": {
     "type": "git",

package/src/assets/index.ts

@@ -1,2 +1,4 @@
 export * from './stylesheets/bases.styles';
-export * from './stylesheets/shares.styles';
+export * from './stylesheets/shares.styles';
+
+export * from './javascripts/function';

package/src/assets/javascripts/function.ts

@@ -1,6 +1,63 @@
 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
+  if (sessionStorage.getItem(loadName) !== null) {
+    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)
+  }
+  switch (type) {
+    case 'boolean':
+      result = (result !== undefined && result !== 'undefined') ? (result === 'true') : false
+      break
+    case 'number': 
+    case 'integer':
+      result = (result !== undefined && result !== 'undefined') ? parseInt(result) : 0
+      break
+    case 'object':
+    case 'array':
+      result = (result !== undefined && result !== 'undefined') ? JSON.parse(result) : undefined
+      break  
+    default:
+      result = (result === undefined || result === 'undefined') ? '' : result
+      break
+  }
+  return result
+}
+
+export const setStorage = (name: string, value?: any, only?: string) => {
+  if (value === undefined || value === null) {
+    return false
+  }
+  const _value: string = (typeof value !== 'string') ? ((typeof value === 'object') ? JSON.stringify(value) : value.toString()) : value
+  switch (only) {
+    case 'session':
+      sessionStorage.setItem(name, _value)
+      break
+    case 'local':
+      localStorage.setItem(name, _value)
+      break
+    default:
+      sessionStorage.setItem(name, _value)
+      localStorage.setItem(name, _value)
+  }
+}
+
+export const debounce = (fn: Function, ms = 300) => {
+  let timeoutId: ReturnType<typeof setTimeout>;
+  return function (this: any, ...args: any[]) {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => fn.apply(this, args), ms);
+  };
+}
+
+export const capitalize = (value?: string) => {
+  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 = ''

package/src/components/input/styles.ts

@@ -27,8 +27,8 @@ const getInputModifiedStyled = ({ width, height, $iconLeft, $iconRight, $isError
   }
   if (height) {
     style += ` 
-      height: ${height}px
-      max-height: ${height}px
+      height: ${height}px;
+      max-height: ${height}px;
     `
   }
   if ($mode === 'search') {
@@ -58,11 +58,11 @@ const getInputModifiedStyled = ({ width, height, $iconLeft, $iconRight, $isError
   }
   if (width) {
     style += ` 
-      width: ${width}px 
+      width: ${width}px; 
     `
   }
   if (type === 'submit') {
-    style += SubmitStyles 
+    style += SubmitStyles;
   }
   return style;
 }