@jk-core/components 1.1.11 → 1.1.12

package/src/utils/ts/gradientRatio.ts

@@ -1,61 +1,61 @@
-/**
- * 특정 퍼센트에서 시작 색상과 끝 색상 사이의 그라디언트 색상을 계산합니다.
- *
- * @param {Object} params - 그라디언트 계산을 위한 매개변수입니다.
- * @param {number} params.currPercent - 그라디언트 색상을 계산할 현재 퍼센트입니다.
- * @param {number} params.startPercent - 그라디언트의 시작 퍼센트입니다.
- * @param {string} params.startColor - 그라디언트의 시작 색상입니다. 16진수 형식(앞에 # 없이)으로 입력합니다.
- * @param {number} params.endPercent - 그라디언트의 끝 퍼센트입니다.
- * @param {string} params.endColor - 그라디언트의 끝 색상입니다. 16진수 형식(앞에 # 없이)으로 입력합니다.
- * @returns {string} 계산된 그라디언트 색상입니다. 16진수 형식(앞에 # 없이)으로 반환됩니다.
- */
-const gradientRatio = ({
-  currPercent,
-  startPercent,
-  startColor,
-  endPercent,
-  endColor,
-}: {
-  currPercent: number;
-  startPercent: number;
-  startColor: string;
-  endPercent: number;
-  endColor: string;
-}) => {
-  if (currPercent < startPercent) return startColor;
-  if (currPercent > endPercent) return endColor;
-
-  const start = {
-    R: parseInt(startColor.substr(0, 2), 16),
-    G: parseInt(startColor.substr(2, 2), 16),
-    B: parseInt(startColor.substr(4, 2), 16),
-  };
-  const end = {
-    R: parseInt(endColor.substr(0, 2), 16),
-    G: parseInt(endColor.substr(2, 2), 16),
-    B: parseInt(endColor.substr(4, 2), 16),
-  };
-  const R = {
-    coefficient: (end.R - start.R) / (endPercent - startPercent),
-    intercept: start.R - (((end.R - start.R) / (endPercent - startPercent)) * startPercent),
-    value: '',
-  };
-  const G = {
-    coefficient: (end.G - start.G) / (endPercent - startPercent),
-    intercept: start.G - (((end.G - start.G) / (endPercent - startPercent)) * startPercent),
-    value: '',
-  };
-  const B = {
-    coefficient: (end.B - start.B) / (endPercent - startPercent),
-    intercept: start.B - (((end.B - start.B) / (endPercent - startPercent)) * startPercent),
-    value: '',
-  };
-
-  R.value = Math.round(R.coefficient * currPercent + R.intercept).toString(16).padStart(2, '0');
-  G.value = Math.round(G.coefficient * currPercent + G.intercept).toString(16).padStart(2, '0');
-  B.value = Math.round(B.coefficient * currPercent + B.intercept).toString(16).padStart(2, '0');
-
-  return (R.value + G.value + B.value);
-};
-
-export default gradientRatio;
+/**
+ * 특정 퍼센트에서 시작 색상과 끝 색상 사이의 그라디언트 색상을 계산합니다.
+ *
+ * @param {Object} params - 그라디언트 계산을 위한 매개변수입니다.
+ * @param {number} params.currPercent - 그라디언트 색상을 계산할 현재 퍼센트입니다.
+ * @param {number} params.startPercent - 그라디언트의 시작 퍼센트입니다.
+ * @param {string} params.startColor - 그라디언트의 시작 색상입니다. 16진수 형식(앞에 # 없이)으로 입력합니다.
+ * @param {number} params.endPercent - 그라디언트의 끝 퍼센트입니다.
+ * @param {string} params.endColor - 그라디언트의 끝 색상입니다. 16진수 형식(앞에 # 없이)으로 입력합니다.
+ * @returns {string} 계산된 그라디언트 색상입니다. 16진수 형식(앞에 # 없이)으로 반환됩니다.
+ */
+const gradientRatio = ({
+  currPercent,
+  startPercent,
+  startColor,
+  endPercent,
+  endColor,
+}: {
+  currPercent: number;
+  startPercent: number;
+  startColor: string;
+  endPercent: number;
+  endColor: string;
+}) => {
+  if (currPercent < startPercent) return startColor;
+  if (currPercent > endPercent) return endColor;
+
+  const start = {
+    R: parseInt(startColor.substr(0, 2), 16),
+    G: parseInt(startColor.substr(2, 2), 16),
+    B: parseInt(startColor.substr(4, 2), 16),
+  };
+  const end = {
+    R: parseInt(endColor.substr(0, 2), 16),
+    G: parseInt(endColor.substr(2, 2), 16),
+    B: parseInt(endColor.substr(4, 2), 16),
+  };
+  const R = {
+    coefficient: (end.R - start.R) / (endPercent - startPercent),
+    intercept: start.R - (((end.R - start.R) / (endPercent - startPercent)) * startPercent),
+    value: '',
+  };
+  const G = {
+    coefficient: (end.G - start.G) / (endPercent - startPercent),
+    intercept: start.G - (((end.G - start.G) / (endPercent - startPercent)) * startPercent),
+    value: '',
+  };
+  const B = {
+    coefficient: (end.B - start.B) / (endPercent - startPercent),
+    intercept: start.B - (((end.B - start.B) / (endPercent - startPercent)) * startPercent),
+    value: '',
+  };
+
+  R.value = Math.round(R.coefficient * currPercent + R.intercept).toString(16).padStart(2, '0');
+  G.value = Math.round(G.coefficient * currPercent + G.intercept).toString(16).padStart(2, '0');
+  B.value = Math.round(B.coefficient * currPercent + B.intercept).toString(16).padStart(2, '0');
+
+  return (R.value + G.value + B.value);
+};
+
+export default gradientRatio;

package/src/utils/ts/kiloToMega.ts

@@ -1,30 +1,30 @@
-import { roundNum } from '@jk-core/utils';
-
-const KiloToMega = (amount: number | null | undefined, unit = 'Wh', scale = 2, isKilo = true) => {
-  const validAmount = amount ?? 0;
-
-  if (!isKilo) {
-    if (roundNum(validAmount / Math.pow(10, 9)) >= 1) {
-      return { generation: roundNum(validAmount / Math.pow(10, 9), scale) || 0, unit: `G${unit}`, total: `${roundNum(validAmount / Math.pow(10, 9), scale)} G${unit}` };
-    }
-    if (roundNum(validAmount / Math.pow(10, 6)) >= 1) {
-      return { generation: roundNum(validAmount / Math.pow(10, 6), scale) || 0, unit: `M${unit}`, total: `${roundNum(validAmount / Math.pow(10, 6), scale)} M${unit}` };
-    }
-    if (roundNum(validAmount / Math.pow(10, 3)) >= 1) {
-      return { generation: roundNum(validAmount / Math.pow(10, 3), scale), unit: `k${unit}`, total: `${roundNum(validAmount / Math.pow(10, 3), scale).toLocaleString()} k${unit}` };
-    }
-
-    return { generation: roundNum(validAmount, scale), unit: `${unit}`, total: `${roundNum(validAmount, scale).toLocaleString()} ${unit}` };
-  }
-
-  if (roundNum(validAmount / Math.pow(10, 6)) >= 1) {
-    return { generation: roundNum(validAmount / Math.pow(10, 6), scale) || 0, unit: `G${unit}`, total: `${roundNum(validAmount / Math.pow(10, 6), scale)} G${unit}` };
-  }
-  if (roundNum(validAmount / Math.pow(10, 3)) >= 1) {
-    return { generation: roundNum(validAmount / Math.pow(10, 3), scale), unit: `M${unit}`, total: `${roundNum(validAmount / Math.pow(10, 3), scale).toLocaleString()} M${unit}` };
-  }
-
-  return { generation: roundNum(validAmount, scale), unit: `k${unit}`, total: `${roundNum(validAmount, scale).toLocaleString()} k${unit}` };
-};
-
-export default KiloToMega;
+import { roundNum } from '@jk-core/utils';
+
+const KiloToMega = (amount: number | null | undefined, unit = 'Wh', scale = 2, isKilo = true) => {
+  const validAmount = amount ?? 0;
+
+  if (!isKilo) {
+    if (roundNum(validAmount / Math.pow(10, 9)) >= 1) {
+      return { generation: roundNum(validAmount / Math.pow(10, 9), scale) || 0, unit: `G${unit}`, total: `${roundNum(validAmount / Math.pow(10, 9), scale)} G${unit}` };
+    }
+    if (roundNum(validAmount / Math.pow(10, 6)) >= 1) {
+      return { generation: roundNum(validAmount / Math.pow(10, 6), scale) || 0, unit: `M${unit}`, total: `${roundNum(validAmount / Math.pow(10, 6), scale)} M${unit}` };
+    }
+    if (roundNum(validAmount / Math.pow(10, 3)) >= 1) {
+      return { generation: roundNum(validAmount / Math.pow(10, 3), scale), unit: `k${unit}`, total: `${roundNum(validAmount / Math.pow(10, 3), scale).toLocaleString()} k${unit}` };
+    }
+
+    return { generation: roundNum(validAmount, scale), unit: `${unit}`, total: `${roundNum(validAmount, scale).toLocaleString()} ${unit}` };
+  }
+
+  if (roundNum(validAmount / Math.pow(10, 6)) >= 1) {
+    return { generation: roundNum(validAmount / Math.pow(10, 6), scale) || 0, unit: `G${unit}`, total: `${roundNum(validAmount / Math.pow(10, 6), scale)} G${unit}` };
+  }
+  if (roundNum(validAmount / Math.pow(10, 3)) >= 1) {
+    return { generation: roundNum(validAmount / Math.pow(10, 3), scale), unit: `M${unit}`, total: `${roundNum(validAmount / Math.pow(10, 3), scale).toLocaleString()} M${unit}` };
+  }
+
+  return { generation: roundNum(validAmount, scale), unit: `k${unit}`, total: `${roundNum(validAmount, scale).toLocaleString()} k${unit}` };
+};
+
+export default KiloToMega;

package/src/utils/ts/maskingPhone.ts

@@ -1,9 +1,9 @@
-const maskingPhone = (phone: string = '') => {
-  const phoneArr = phone.split('-');
-  if (phoneArr.length === 3) {
-    return `${phoneArr[0]}-****-${phoneArr[2]}`;
-  }
-  return phone;
-};
-
+const maskingPhone = (phone: string = '') => {
+  const phoneArr = phone.split('-');
+  if (phoneArr.length === 3) {
+    return `${phoneArr[0]}-****-${phoneArr[2]}`;
+  }
+  return phone;
+};
+
 export default maskingPhone;

package/src/utils/ts/toQueryString.ts

@@ -1,7 +1,7 @@
-const makeQueryString = ({ path, data }: { path: string; data: object; }) =>
-  `${path}?${Object.entries(data).reduce((acc, [key, value]) => {
-    acc.append(key, value);
-    return acc;
-  }, new URLSearchParams())}`;
-
-export default makeQueryString;
+const makeQueryString = ({ path, data }: { path: string; data: object; }) =>
+  `${path}?${Object.entries(data).reduce((acc, [key, value]) => {
+    acc.append(key, value);
+    return acc;
+  }, new URLSearchParams())}`;
+
+export default makeQueryString;

package/src/utils/ts/valueAsNumber.ts

@@ -1,16 +1,16 @@
-/**
- * useForm의 register option중
- * valueAsNumber: true인 경우에
- * input 필드가 비어있는 경우 (즉, ''인 경우)
- * 필드값이 NaN으로 할당되어 이를 대체하기위한 함수
- *
- * e.g.) ...register('calibrationFactor', valueAsNumber()),
- * e.g.) ...register('vltMp', { required: true, ...valueAsNumber() }),
- */
-export const valueAsNumber = () => ({
-  setValueAs: (v: string): undefined | string | number => {
-    if (v === '' || v === undefined) return undefined;
-    if (Number.isNaN(Number(v))) return v;
-    return Number(v);
-  },
+/**
+ * useForm의 register option중
+ * valueAsNumber: true인 경우에
+ * input 필드가 비어있는 경우 (즉, ''인 경우)
+ * 필드값이 NaN으로 할당되어 이를 대체하기위한 함수
+ *
+ * e.g.) ...register('calibrationFactor', valueAsNumber()),
+ * e.g.) ...register('vltMp', { required: true, ...valueAsNumber() }),
+ */
+export const valueAsNumber = () => ({
+  setValueAs: (v: string): undefined | string | number => {
+    if (v === '' || v === undefined) return undefined;
+    if (Number.isNaN(Number(v))) return v;
+    return Number(v);
+  },
 });

package/src/vite-env.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="vite/client" />
-/// <reference types="vite-plugin-svgr/client" />
+/// <reference types="vite/client" />
+/// <reference types="vite-plugin-svgr/client" />