jordy 0.18.1 → 0.19.0

package/README.md

@@ -4,7 +4,7 @@
 
 ## Requires
 - react-router-dom@6.3.x
-- axios
+- axios@1.3.x
 - redux
 - react-redux
 - @reduxjs/toolkit

package/esm5/http-api/axios/AxiosHttpNetworkProvider.js

@@ -8,45 +8,52 @@ var AxiosHttpNetworkProvider = (function () {
     AxiosHttpNetworkProvider.prototype.extractData = function (axiosRes) {
         return axiosRes.data;
     };
-    AxiosHttpNetworkProvider.prototype.makeAxiosHeaders = function (headers) {
-        return {
-            common: headers,
-        };
-    };
     AxiosHttpNetworkProvider.prototype.get = function (_a) {
-        var url = _a.url, headers = _a.headers, config = __rest(_a, ["url", "headers"]);
+        var url = _a.url, paramsSerializer = _a.paramsSerializer, config = __rest(_a, ["url", "paramsSerializer"]);
         return axios
-            .get(url, __assign(__assign({}, config), { headers: this.makeAxiosHeaders(headers) }))
+            .get(url, __assign(__assign({}, config), { paramsSerializer: {
+                serialize: paramsSerializer,
+            } }))
             .then(this.extractData);
     };
     AxiosHttpNetworkProvider.prototype.post = function (_a) {
-        var url = _a.url, headers = _a.headers, data = _a.params, config = __rest(_a, ["url", "headers", "params"]);
+        var url = _a.url, data = _a.params, paramsSerializer = _a.paramsSerializer, config = __rest(_a, ["url", "params", "paramsSerializer"]);
         return axios
-            .post(url, data, __assign(__assign({}, config), { headers: this.makeAxiosHeaders(headers) }))
+            .post(url, data, __assign(__assign({}, config), { paramsSerializer: {
+                serialize: paramsSerializer,
+            } }))
             .then(this.extractData);
     };
     AxiosHttpNetworkProvider.prototype.put = function (_a) {
-        var url = _a.url, headers = _a.headers, data = _a.params, config = __rest(_a, ["url", "headers", "params"]);
+        var url = _a.url, data = _a.params, paramsSerializer = _a.paramsSerializer, config = __rest(_a, ["url", "params", "paramsSerializer"]);
         return axios
-            .put(url, data, __assign(__assign({}, config), { headers: this.makeAxiosHeaders(headers) }))
+            .put(url, data, __assign(__assign({}, config), { paramsSerializer: {
+                serialize: paramsSerializer,
+            } }))
             .then(this.extractData);
     };
     AxiosHttpNetworkProvider.prototype.patch = function (_a) {
-        var url = _a.url, headers = _a.headers, data = _a.params, config = __rest(_a, ["url", "headers", "params"]);
+        var url = _a.url, data = _a.params, paramsSerializer = _a.paramsSerializer, config = __rest(_a, ["url", "params", "paramsSerializer"]);
         return axios
-            .patch(url, data, __assign(__assign({}, config), { headers: this.makeAxiosHeaders(headers) }))
+            .patch(url, data, __assign(__assign({}, config), { paramsSerializer: {
+                serialize: paramsSerializer,
+            } }))
             .then(this.extractData);
     };
     AxiosHttpNetworkProvider.prototype.delete = function (_a) {
-        var url = _a.url, headers = _a.headers, data = _a.params, config = __rest(_a, ["url", "headers", "params"]);
+        var url = _a.url, data = _a.params, paramsSerializer = _a.paramsSerializer, config = __rest(_a, ["url", "params", "paramsSerializer"]);
         return axios
-            .delete(url, __assign(__assign({}, config), { data: data, headers: this.makeAxiosHeaders(headers) }))
+            .delete(url, __assign(__assign({}, config), { data: data, paramsSerializer: {
+                serialize: paramsSerializer,
+            } }))
             .then(this.extractData);
     };
     AxiosHttpNetworkProvider.prototype.getBlob = function (_a) {
-        var url = _a.url, headers = _a.headers, config = __rest(_a, ["url", "headers"]);
+        var url = _a.url, paramsSerializer = _a.paramsSerializer, config = __rest(_a, ["url", "paramsSerializer"]);
         return axios
-            .get(url, __assign(__assign({}, config), { headers: this.makeAxiosHeaders(headers), responseType: 'blob' }))
+            .get(url, __assign(__assign({}, config), { paramsSerializer: {
+                serialize: paramsSerializer,
+            }, responseType: 'blob' }))
             .then(this.extractData);
     };
     AxiosHttpNetworkProvider = __decorate([

package/esm5/http-api/axios/AxiosHttpUploadProvider.js

@@ -20,17 +20,12 @@ var AxiosHttpUploadProvider = (function () {
     AxiosHttpUploadProvider.prototype.extractData = function (axiosRes) {
         return axiosRes.data;
     };
-    AxiosHttpUploadProvider.prototype.makeAxiosHeaders = function (headers) {
-        return {
-            common: headers,
-        };
-    };
     AxiosHttpUploadProvider.prototype.upload = function (method, _a) {
         var url = _a.url, data = _a.data, headers = _a.headers, withCredentials = _a.withCredentials, timeout = _a.timeout, onProgress = _a.onProgress;
         return axios(url, {
             method: method,
             data: convertToFormData(data),
-            headers: this.makeAxiosHeaders(headers),
+            headers: headers,
             withCredentials: withCredentials,
             timeout: timeout,
             onDownloadProgress: onProgress

package/esm5/util/index.js

@@ -2,7 +2,6 @@ export * from './collection';
 import * as envCheck from './envCheck';
 export * from './typeCheck';
 export * from './etc';
-export * from './filter';
 export * from './format';
 export * from './josa';
 export * from './json';

package/esm5/validate/fn.js

@@ -1,66 +1,48 @@
 import { isNullable } from '../util/typeCheck';
-function required(val) {
+export function required(val) {
     return !isNullable(val) && !!val;
 }
-var length = function (min, max) { return function (val) {
-    return required(val) && val.length >= min && val.length <= max;
-}; };
-function email(val) {
-    return (length(7, 100)(val) && /^(\w|-|\.)+@\w+([.-]?\w+)*(\.\w{2,5})+$/.test(val));
+export function length(min, max) {
+    return function (val) {
+        return required(val) && val.length >= min && val.length <= max;
+    };
 }
-function passwordWeak(val) {
-    return /^(?=.*[A-z])(?=.*[0-9])(?=.{6,20})/.test(val);
+export function email(val) {
+    return (length(7, 100)(val) && /^(\w|-|\.)+@\w+([.-]?\w+)*(\.\w{2,5})+$/.test(val));
 }
-function password(val) {
-    return /^(?=.*[A-z])(?=.*[~!@#$%^&*()\-=+_';<>/.`:"\\,[\]?|{}])(?=.*[0-9]).{6,32}$/.test(val);
+export function password(val) {
+    return /^(?=.*[A-z])(?=.*[0-9])(?=.{8,20})/.test(val);
 }
-function lowercase(val) {
+export function lowercase(val) {
     return /^(?=.*[a-z])/.test(val);
 }
-function uppercase(val) {
+export function uppercase(val) {
     return /^(?=.*[A-Z])/.test(val);
 }
-function numbers(val) {
+export function numbers(val) {
     return /^(?=.*\d)/.test(val);
 }
-function symbols(val) {
+export function symbols(val) {
     return /^(?=.*[~!@#$%^&*()\-=+_';<>/.`:"\\,[\]?|{}])/.test(val);
 }
-function korAndEng(val) {
+export function korAndEng(val) {
     return /^([A-Za-z]|[가-힣]){2,100}$/.test(val);
 }
-function numberOnly(val) {
+export function numberOnly(val) {
     return /^[0-9]{1,}$/.test(val);
 }
-function range(min, max) {
+export function range(min, max) {
     return function innerRange(val) {
         var num = Number(val);
         return num >= min && num <= max;
     };
 }
-function phoneWithDash(val) {
+export function phoneWithDash(val) {
     return /^(\d{4}-\d{4}|\d{2,3}-\d{3,4}-\d{3,4})$/.test(val);
 }
-function phone(val) {
+export function phone(val) {
     return length(8, 11)(val) && numbers(val);
 }
-function companyRegNumber(val) {
+export function companyRegNumber(val) {
     return /^\d{3}-\d{2}-\d{5}$/.test(val);
 }
-export default {
-    required: required,
-    email: email,
-    passwordWeak: passwordWeak,
-    password: password,
-    lowercase: lowercase,
-    uppercase: uppercase,
-    numbers: numbers,
-    symbols: symbols,
-    korAndEng: korAndEng,
-    numberOnly: numberOnly,
-    range: range,
-    phoneWithDash: phoneWithDash,
-    phone: phone,
-    companyRegNumber: companyRegNumber,
-    length: length,
-};

package/esm5/validate/index.js

@@ -1,7 +1,5 @@
-import { validate as validateOrigin } from './validate';
-import fn from './fn';
-export var validate = validateOrigin;
-validate.fn = fn;
+export * as validateFn from './fn';
+export { validate } from './validate';
 export * from './mergeValidates';
 export * from './validate.type';
 export * from './useValidate';

package/libs/http-api/axios/AxiosHttpNetworkProvider.d.ts

@@ -1,11 +1,10 @@
 import { AsyncHttpNetworkConfig, AsyncHttpNetworkProvider } from '../network.type';
 export declare class AxiosHttpNetworkProvider implements AsyncHttpNetworkProvider {
     private extractData;
-    private makeAxiosHeaders;
-    get<T>({ url, headers, ...config }: AsyncHttpNetworkConfig): Promise<T>;
-    post<T>({ url, headers, params: data, ...config }: AsyncHttpNetworkConfig): Promise<T>;
-    put<T>({ url, headers, params: data, ...config }: AsyncHttpNetworkConfig): Promise<T>;
-    patch<T>({ url, headers, params: data, ...config }: AsyncHttpNetworkConfig): Promise<T>;
-    delete<T>({ url, headers, params: data, ...config }: AsyncHttpNetworkConfig): Promise<T>;
-    getBlob({ url, headers, ...config }: AsyncHttpNetworkConfig): Promise<Blob>;
+    get<T>({ url, paramsSerializer, ...config }: AsyncHttpNetworkConfig): Promise<T>;
+    post<T>({ url, params: data, paramsSerializer, ...config }: AsyncHttpNetworkConfig): Promise<T>;
+    put<T>({ url, params: data, paramsSerializer, ...config }: AsyncHttpNetworkConfig): Promise<T>;
+    patch<T>({ url, params: data, paramsSerializer, ...config }: AsyncHttpNetworkConfig): Promise<T>;
+    delete<T>({ url, params: data, paramsSerializer, ...config }: AsyncHttpNetworkConfig): Promise<T>;
+    getBlob({ url, paramsSerializer, ...config }: AsyncHttpNetworkConfig): Promise<Blob>;
 }

package/libs/http-api/axios/AxiosHttpUploadProvider.d.ts

@@ -1,7 +1,6 @@
 import { AsyncHttpUploadConfig, AsyncHttpUploadProvider } from '../network.type';
 export declare class AxiosHttpUploadProvider implements AsyncHttpUploadProvider {
     private extractData;
-    private makeAxiosHeaders;
     private handleDownloadProgressCurried;
     private upload;
     post<T>(config: AsyncHttpUploadConfig): Promise<T>;

package/libs/http-api/network.type.d.ts

@@ -23,19 +23,6 @@ export interface UploadStateArgs {
      */
     completed: boolean;
 }
-/**
- * Axios 에서 업로드 상태 전달 콜백에 인자로 들어오는 이벤트 객체.
- */
-export interface XhrUploadStateArgs {
-    /**
-     * 업로드 된 바이트 수
-     */
-    loaded: number;
-    /**
-     * 업로드 되어야 할 전체 바이트 수
-     */
-    total: number;
-}
 export interface HttpRestApi {
     /**
      * GET 메서드 호출

package/libs/types/component.type.d.ts

@@ -5,8 +5,7 @@ export interface InputChangeArgs {
 export interface RowInputChangeArgs extends InputChangeArgs {
     index: number;
 }
-export interface CheckedChangeArgs {
-    name: string;
+export interface CheckedChangeArgs extends InputChangeArgs {
     checked: boolean;
 }
 export interface SelectOptionItemModel {

package/libs/util/index.d.ts

@@ -2,7 +2,6 @@ export * from './collection';
 import * as envCheck from './envCheck';
 export * from './typeCheck';
 export * from './etc';
-export * from './filter';
 export * from './format';
 export * from './josa';
 export * from './json';

package/libs/validate/fn.d.ts

@@ -5,63 +5,63 @@
  * @param val
  * @returns 비어있지 않다면 true, 아니면 false.
  */
-declare function required(val: string): boolean;
+export declare function required(val: string): boolean;
+/**
+ * 값의 길이를 확인한다.
+ * 기본적으로 내부에 validEmpty 를 함께 수행 한다.
+ * @param min 최소 길이
+ * @param max 최대 길이
+ */
+export declare function length(min: number, max: number): (val: string) => boolean;
 /**
  * 이메일 유효성을 검증한다.
  * 좌측에 숫자/문자/ 언더바(_) 및 하이픈(-) 만 허용한다.
  * 내부적으로 validLength 를 수행하여 7~100 자 까지 인지를 함께 검증한다.
  * @param val
  */
-declare function email(val: string): boolean;
+export declare function email(val: string): boolean;
 /**
- * 비밀번호의 유효성을 체크한다. - 약한 버전 - -
+ * 비밀번호의 유효성을 체크한다.
  * 숫자, 영문 각각 1자 이상 포함되고
- * 총 길이가 6자~20자 까지 인지를 확인한다.
- * @param val
- */
-declare function passwordWeak(val: string): boolean;
-/**
- * 비밀번호의 유효성을 체크한다. - 강력 버전 - -
- * 숫자, 영문 대/소문자 및 특수문자가 모두 최소 1자 이상 포함되고
- * 총 길이가 6자~32자 까지 인지를 확인한다.
+ * 총 길이가 8자~20자 까지 인지를 확인한다.
  * @param val
  */
-declare function password(val: string): boolean;
+export declare function password(val: string): boolean;
 /**
  * 소문자가 존재하는지 체크한다.
  * @param val
  */
-declare function lowercase(val: string): boolean;
+export declare function lowercase(val: string): boolean;
 /**
  * 대문자가 존재하는지 체크한다.
  * @param val
  */
-declare function uppercase(val: string): boolean;
+export declare function uppercase(val: string): boolean;
 /**
  * 숫자가 존재하는지 체크한다.
  * @param val
  */
-declare function numbers(val: string): boolean;
+export declare function numbers(val: string): boolean;
 /**
  * 특수문자가 존재하는지 체크한다.
  * @param val
  */
-declare function symbols(val: string): boolean;
+export declare function symbols(val: string): boolean;
 /**
  * 한글 또는 영문으로 2글자 이상, 100글자 이하인지 확인한다.
  * @param val 확인할 값
  */
-declare function korAndEng(val: string): boolean;
+export declare function korAndEng(val: string): boolean;
 /**
  * 번호 유효성을 체크 한다.
  * 값은 번호만 이뤄져 있어야 하며 앞이 0으로 채워져 있어도 유효하다.
  * @param val 확인할 값
  */
-declare function numberOnly(val: string): boolean;
+export declare function numberOnly(val: string): boolean;
 /**
  * 특정범위의 값인지 여부를 확인한다.
  * ```ts
- * const checker = validate.fn.range(10, 100);
+ * const checker = validateFn.range(10, 100);
  *
  * checker(50); // true
  * checker(9); // false
@@ -71,41 +71,23 @@ declare function numberOnly(val: string): boolean;
  * @param max
  * @returns
  */
-declare function range(min: number, max: number): (val: string | number) => boolean;
+export declare function range(min: number, max: number): (val: string | number) => boolean;
 /**
  * 전화번호 유효성을 체크 한다.
  *
  * 중간에 dash (-) 가 있어야 한다.
  * @param val 확인할 값
  */
-declare function phoneWithDash(val: string): boolean;
+export declare function phoneWithDash(val: string): boolean;
 /**
  * 전화번호 유효성을 체크 한다.
  * 숫자로만 이뤄져 있어야하며, 최소 8자리, 최대 11자리 까지 허용 된다.
  *
  * @param val 확인할 값
  */
-declare function phone(val: string): boolean;
+export declare function phone(val: string): boolean;
 /**
  * 사업자 등록번호 유효성을 검증한다.
  * @param val
  */
-declare function companyRegNumber(val: string): boolean;
-declare const _default: {
-    required: typeof required;
-    email: typeof email;
-    passwordWeak: typeof passwordWeak;
-    password: typeof password;
-    lowercase: typeof lowercase;
-    uppercase: typeof uppercase;
-    numbers: typeof numbers;
-    symbols: typeof symbols;
-    korAndEng: typeof korAndEng;
-    numberOnly: typeof numberOnly;
-    range: typeof range;
-    phoneWithDash: typeof phoneWithDash;
-    phone: typeof phone;
-    companyRegNumber: typeof companyRegNumber;
-    length: (min: number, max: number) => (val: string) => boolean;
-};
-export default _default;
+export declare function companyRegNumber(val: string): boolean;

package/libs/validate/index.d.ts

@@ -1,58 +1,5 @@
-import { validate as validateOrigin } from './validate';
-import fn from './fn';
-declare type ValidationCheckerType = typeof validateOrigin & {
-    fn: typeof fn;
-};
-/**
- * @description
- * 유효성 여부를 한번에 확인 한다.
- *
- * @example
- * ```ts
- *  import { validate } from 'jordy';
- *
-    interface UserModel {
-      name: string;
-      phone: string;
-      password: string;
-    }
-
-    function validateUserModel(user: UserModel) {
-      const result = validate(user, {
-        // 한가지 검증일 땐 객체로 넘겨준다.
-        name: {
-          // check 가 false 일 때 알려줄 메시지
-          message: '이름을 채워주세요.',
-          // 유효성 검사. 결과가 true 면 유효성이 검증된 것이다.
-          check: val => validate.fn.empty(val),
-        },
-        // phone 이 필수가 아니라면 생략한다.
-        
-        // 여러가지 형태를 검증하고 메시지를 다르게 주고 싶을 땐 배열로 넘겨준다.
-        password: [
-          {
-            message: '비밀번호를 입력하세요',
-            check: val => validate.fn.empty(val),
-          },
-          {
-            message: '비밀번호가 유효하지 않습니다.',
-            check: val => validate.fn.password(val),
-          },
-        ]
-      });
-
-      console.log(result.isValid); // true 면 모든 유효성 통과.
-      console.log(result.firstMessage); // 검증 중 가장 첫번째로 나타난 에러 메시지
-      console.log(result.results); // 각 필드별 결과
-      // 자세한건 `ValidateBulkResultModel` 참고
-    }
- * ```
- * @param state 유효성 체크 할 값이 모여있는 객체.
- * @param opt 유효성 체크 옵션.
- *
- * @see ValidateBulkResultModel
- */
-export declare const validate: ValidationCheckerType;
+export * as validateFn from './fn';
+export { validate } from './validate';
 export * from './mergeValidates';
 export * from './validate.type';
 export * from './useValidate';

package/libs/validate/validate.d.ts

@@ -1,2 +1,51 @@
 import { ValidateBulkOptionType, ValidateBulkResultModel } from './validate.type';
+/**
+ * @description
+ * 유효성 여부를 한번에 확인 한다.
+ *
+ * @example
+ * ```ts
+ *  import { validate, validateFn } from 'jordy';
+ *
+    interface UserModel {
+      name: string;
+      phone: string;
+      password: string;
+    }
+
+    function validateUserModel(user: UserModel) {
+      const result = validate(user, {
+        // 한가지 검증일 땐 객체로 넘겨준다.
+        name: {
+          // check 가 false 일 때 알려줄 메시지
+          message: '이름을 채워주세요.',
+          // 유효성 검사. 결과가 true 면 유효성이 검증된 것이다.
+          check: val => validateFn.empty(val),
+        },
+        // phone 이 필수가 아니라면 생략한다.
+        
+        // 여러가지 형태를 검증하고 메시지를 다르게 주고 싶을 땐 배열로 넘겨준다.
+        password: [
+          {
+            message: '비밀번호를 입력하세요',
+            check: val => validateFn.empty(val),
+          },
+          {
+            message: '비밀번호가 유효하지 않습니다.',
+            check: val => validateFn.password(val),
+          },
+        ]
+      });
+
+      console.log(result.isValid); // true 면 모든 유효성 통과.
+      console.log(result.firstMessage); // 검증 중 가장 첫번째로 나타난 에러 메시지
+      console.log(result.results); // 각 필드별 결과
+      // 자세한건 `ValidateBulkResultModel` 참고
+    }
+ * ```
+ * @param state 유효성 체크 할 값이 모여있는 객체.
+ * @param opt 유효성 체크 옵션.
+ *
+ * @see ValidateBulkResultModel
+ */
 export declare function validate<T>(state: T, opt: ValidateBulkOptionType<T>): ValidateBulkResultModel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jordy",
-  "version": "0.18.1",
+  "version": "0.19.0",
   "description": "typescript based frontend toolkit",
   "repository": {
     "type": "git",
@@ -30,7 +30,6 @@
     "@reduxjs/toolkit": "^1.8.5",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.3.0",
-    "@types/lodash-es": "^4.17.6",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "@types/react-router-dom": "^5.3.3",
@@ -38,11 +37,11 @@
     "@typescript-eslint/parser": "^4.32.0",
     "@vitejs/plugin-legacy": "^2.0.0",
     "@vitejs/plugin-react": "^2.0.0",
-    "axios": "^0.21.4",
+    "axios": "^1.3.2",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react": "^7.26.0",
-    "lodash-es": "^4.17.21",
+    "jsdom": "^21.1.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.4.1",
     "react": "^18.2.0",

package/esm5/util/filter.js

@@ -1,10 +0,0 @@
-import _throttle from 'lodash-es/throttle';
-import _debounce from 'lodash-es/debounce';
-export function throttle(func, wait) {
-    if (wait === void 0) { wait = 300; }
-    return _throttle(func, wait, { trailing: false });
-}
-export function debounce(func, wait) {
-    if (wait === void 0) { wait = 300; }
-    return _debounce(func, wait);
-}

package/libs/util/filter.d.ts

@@ -1,2 +0,0 @@
-export declare function throttle(func: (...args: any) => any, wait?: number): import("lodash").DebouncedFunc<(...args: any) => any>;
-export declare function debounce(func: (...args: any) => any, wait?: number): import("lodash").DebouncedFunc<(...args: any) => any>;