@wonjin-dev/reacts 1.3.2 → 1.4.1

package/dist/utils/index.esm.js

@@ -1,15 +1,81 @@
-var classNames = function () {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    return args.reduce(function (acc, className) {
+const classNames = (...args) => {
+    return args.reduce((acc, className) => {
         if (className) {
-            return acc ? "".concat(acc, " ").concat(className) : className;
+            return acc ? `${acc} ${className}` : className;
         }
         return acc;
     }, '');
 };
 
-export { classNames };
+/**
+ * Formats the career duration between two dates into a readable string.
+ * It handles internationalization (Korean/English) and the "Present" status for ongoing roles.
+ *
+ * @param props - The configuration object.
+ * @param props.startAt - The start date of the period.
+ * @param props.endAt - The end date. If undefined, it defaults to the current date (calculates duration up to now) and displays "Present" or "현재".
+ * @param props.showDuration - Whether to append the calculated duration (e.g., "(2y 6m)"). Defaults to true.
+ * @param props.lng - Language code ('ko' | 'en'). Defaults to 'ko'.
+ * @returns A formatted string: "YYYY.MM ~ YYYY.MM (Duration)" or "YYYY.MM ~ Present (Duration)".
+ *
+ * @example
+ * // 1. Ongoing role (Korean default)
+ * // Current date: 2024-02
+ * formatCareerPeriod({ startAt: new Date('2023-01-01') });
+ * // Output: "2023.01 ~ 현재 (1년 2개월)"
+ *
+ * @example
+ * // 2. Completed role with duration (English)
+ * formatCareerPeriod({
+ * startAt: new Date('2020-01-01'),
+ * endAt: new Date('2022-06-01'),
+ * lng: 'en'
+ * });
+ * // Output: "2020.01 ~ 2022.06 (2y 6m)"
+ *
+ * @example
+ * // 3. Hide duration
+ * formatCareerPeriod({
+ * startAt: new Date('2020-01-01'),
+ * endAt: new Date('2020-05-01'),
+ * showDuration: false
+ * });
+ * // Output: "2020.01 ~ 2020.05"
+ */
+const formatCareerPeriod = ({ startAt, endAt, showDuration = true, lng = 'ko', }) => {
+    const lang = lng === 'en' ? 'en' : 'ko';
+    const LABELS = {
+        current: { ko: '현재', en: 'Present' },
+        year: { ko: '년', en: 'y' },
+        month: { ko: '개월', en: 'm' },
+    };
+    const formatYearMonth = (d) => {
+        const year = d.getFullYear();
+        const month = String(d.getMonth() + 1).padStart(2, '0');
+        return `${year}.${month}`;
+    };
+    const endDate = endAt || new Date();
+    const startText = formatYearMonth(startAt);
+    const endText = endAt ? formatYearMonth(endAt) : LABELS.current[lang];
+    if (!showDuration) {
+        return `${startText} ~ ${endText}`;
+    }
+    const totalMonths = (endDate.getFullYear() - startAt.getFullYear()) * 12 +
+        (endDate.getMonth() - startAt.getMonth()) +
+        1;
+    if (totalMonths < 1) {
+        return `${startText} ~ ${endText}`;
+    }
+    const years = Math.floor(totalMonths / 12);
+    const months = totalMonths % 12;
+    const durationParts = [
+        years > 0 ? `${years}${LABELS.year[lang]}` : null,
+        months > 0 ? `${months}${LABELS.month[lang]}` : null,
+    ].filter(Boolean);
+    const durationString = durationParts.join(' ');
+    const durationSuffix = durationString ? ` (${durationString})` : '';
+    return `${startText} ~ ${endText}${durationSuffix}`;
+};
+
+export { classNames, formatCareerPeriod };
 //# sourceMappingURL=index.esm.js.map

package/dist/utils/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/utils/classNames/index.ts"],"sourcesContent":["const classNames = (...args: (string | undefined)[]) => {\n\treturn args.reduce((acc, className) => {\n\t\tif (className) {\n\t\t\treturn acc ? `${acc} ${className}` : className;\n\t\t}\n\t\treturn acc;\n\t}, '');\n};\n\nexport default classNames;\n"],"names":[],"mappings":"AAAA,IAAM,UAAU,GAAG,YAAA;IAAC,IAA+B,IAAA,GAAA,EAAA,CAAA;SAA/B,IAA+B,EAAA,GAAA,CAAA,EAA/B,EAA+B,GAAA,SAAA,CAAA,MAAA,EAA/B,EAA+B,EAAA,EAAA;QAA/B,IAA+B,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA,CAAA;;AAClD,IAAA,OAAO,IAAI,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,SAAS,EAAA;QACjC,IAAI,SAAS,EAAE;AACd,YAAA,OAAO,GAAG,GAAG,EAAG,CAAA,MAAA,CAAA,GAAG,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,SAAS,CAAE,GAAG,SAAS,CAAC;SAC/C;AACD,QAAA,OAAO,GAAG,CAAC;KACX,EAAE,EAAE,CAAC,CAAC;AACR;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../src/utils/classNames/index.ts","../../src/utils/formatCareerPeriod/index.ts"],"sourcesContent":["const classNames = (...args: (string | undefined)[]) => {\n\treturn args.reduce((acc, className) => {\n\t\tif (className) {\n\t\t\treturn acc ? `${acc} ${className}` : className;\n\t\t}\n\t\treturn acc;\n\t}, '');\n};\n\nexport default classNames;\n","type SupportedLang = 'ko' | 'en';\n\n/**\n * Formats the career duration between two dates into a readable string.\n * It handles internationalization (Korean/English) and the \"Present\" status for ongoing roles.\n *\n * @param props - The configuration object.\n * @param props.startAt - The start date of the period.\n * @param props.endAt - The end date. If undefined, it defaults to the current date (calculates duration up to now) and displays \"Present\" or \"현재\".\n * @param props.showDuration - Whether to append the calculated duration (e.g., \"(2y 6m)\"). Defaults to true.\n * @param props.lng - Language code ('ko' | 'en'). Defaults to 'ko'.\n * @returns A formatted string: \"YYYY.MM ~ YYYY.MM (Duration)\" or \"YYYY.MM ~ Present (Duration)\".\n *\n * @example\n * // 1. Ongoing role (Korean default)\n * // Current date: 2024-02\n * formatCareerPeriod({ startAt: new Date('2023-01-01') });\n * // Output: \"2023.01 ~ 현재 (1년 2개월)\"\n *\n * @example\n * // 2. Completed role with duration (English)\n * formatCareerPeriod({\n * startAt: new Date('2020-01-01'),\n * endAt: new Date('2022-06-01'),\n * lng: 'en'\n * });\n * // Output: \"2020.01 ~ 2022.06 (2y 6m)\"\n *\n * @example\n * // 3. Hide duration\n * formatCareerPeriod({\n * startAt: new Date('2020-01-01'),\n * endAt: new Date('2020-05-01'),\n * showDuration: false\n * });\n * // Output: \"2020.01 ~ 2020.05\"\n */\nconst formatCareerPeriod = ({\n\tstartAt,\n\tendAt,\n\tshowDuration = true,\n\tlng = 'ko',\n}: {\n\tstartAt: Date;\n\tendAt?: Date;\n\tshowDuration?: boolean;\n\tlng?: string;\n}): string => {\n\tconst lang: SupportedLang = lng === 'en' ? 'en' : 'ko';\n\n\tconst LABELS = {\n\t\tcurrent: { ko: '현재', en: 'Present' },\n\t\tyear: { ko: '년', en: 'y' },\n\t\tmonth: { ko: '개월', en: 'm' },\n\t} as const;\n\n\tconst formatYearMonth = (d: Date) => {\n\t\tconst year = d.getFullYear();\n\t\tconst month = String(d.getMonth() + 1).padStart(2, '0');\n\t\treturn `${year}.${month}`;\n\t};\n\n\tconst endDate = endAt || new Date();\n\n\tconst startText = formatYearMonth(startAt);\n\tconst endText = endAt ? formatYearMonth(endAt) : LABELS.current[lang];\n\n\tif (!showDuration) {\n\t\treturn `${startText} ~ ${endText}`;\n\t}\n\n\tconst totalMonths =\n\t\t(endDate.getFullYear() - startAt.getFullYear()) * 12 +\n\t\t(endDate.getMonth() - startAt.getMonth()) +\n\t\t1;\n\n\tif (totalMonths < 1) {\n\t\treturn `${startText} ~ ${endText}`;\n\t}\n\n\tconst years = Math.floor(totalMonths / 12);\n\tconst months = totalMonths % 12;\n\n\tconst durationParts = [\n\t\tyears > 0 ? `${years}${LABELS.year[lang]}` : null,\n\t\tmonths > 0 ? `${months}${LABELS.month[lang]}` : null,\n\t].filter(Boolean);\n\n\tconst durationString = durationParts.join(' ');\n\tconst durationSuffix = durationString ? ` (${durationString})` : '';\n\n\treturn `${startText} ~ ${endText}${durationSuffix}`;\n};\n\nexport default formatCareerPeriod;\n"],"names":[],"mappings":"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"}

package/dist/utils/index.js

@@ -1,17 +1,84 @@
 'use strict';
 
-var classNames = function () {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    return args.reduce(function (acc, className) {
+const classNames = (...args) => {
+    return args.reduce((acc, className) => {
         if (className) {
-            return acc ? "".concat(acc, " ").concat(className) : className;
+            return acc ? `${acc} ${className}` : className;
         }
         return acc;
     }, '');
 };
 
+/**
+ * Formats the career duration between two dates into a readable string.
+ * It handles internationalization (Korean/English) and the "Present" status for ongoing roles.
+ *
+ * @param props - The configuration object.
+ * @param props.startAt - The start date of the period.
+ * @param props.endAt - The end date. If undefined, it defaults to the current date (calculates duration up to now) and displays "Present" or "현재".
+ * @param props.showDuration - Whether to append the calculated duration (e.g., "(2y 6m)"). Defaults to true.
+ * @param props.lng - Language code ('ko' | 'en'). Defaults to 'ko'.
+ * @returns A formatted string: "YYYY.MM ~ YYYY.MM (Duration)" or "YYYY.MM ~ Present (Duration)".
+ *
+ * @example
+ * // 1. Ongoing role (Korean default)
+ * // Current date: 2024-02
+ * formatCareerPeriod({ startAt: new Date('2023-01-01') });
+ * // Output: "2023.01 ~ 현재 (1년 2개월)"
+ *
+ * @example
+ * // 2. Completed role with duration (English)
+ * formatCareerPeriod({
+ * startAt: new Date('2020-01-01'),
+ * endAt: new Date('2022-06-01'),
+ * lng: 'en'
+ * });
+ * // Output: "2020.01 ~ 2022.06 (2y 6m)"
+ *
+ * @example
+ * // 3. Hide duration
+ * formatCareerPeriod({
+ * startAt: new Date('2020-01-01'),
+ * endAt: new Date('2020-05-01'),
+ * showDuration: false
+ * });
+ * // Output: "2020.01 ~ 2020.05"
+ */
+const formatCareerPeriod = ({ startAt, endAt, showDuration = true, lng = 'ko', }) => {
+    const lang = lng === 'en' ? 'en' : 'ko';
+    const LABELS = {
+        current: { ko: '현재', en: 'Present' },
+        year: { ko: '년', en: 'y' },
+        month: { ko: '개월', en: 'm' },
+    };
+    const formatYearMonth = (d) => {
+        const year = d.getFullYear();
+        const month = String(d.getMonth() + 1).padStart(2, '0');
+        return `${year}.${month}`;
+    };
+    const endDate = endAt || new Date();
+    const startText = formatYearMonth(startAt);
+    const endText = endAt ? formatYearMonth(endAt) : LABELS.current[lang];
+    if (!showDuration) {
+        return `${startText} ~ ${endText}`;
+    }
+    const totalMonths = (endDate.getFullYear() - startAt.getFullYear()) * 12 +
+        (endDate.getMonth() - startAt.getMonth()) +
+        1;
+    if (totalMonths < 1) {
+        return `${startText} ~ ${endText}`;
+    }
+    const years = Math.floor(totalMonths / 12);
+    const months = totalMonths % 12;
+    const durationParts = [
+        years > 0 ? `${years}${LABELS.year[lang]}` : null,
+        months > 0 ? `${months}${LABELS.month[lang]}` : null,
+    ].filter(Boolean);
+    const durationString = durationParts.join(' ');
+    const durationSuffix = durationString ? ` (${durationString})` : '';
+    return `${startText} ~ ${endText}${durationSuffix}`;
+};
+
 exports.classNames = classNames;
+exports.formatCareerPeriod = formatCareerPeriod;
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/classNames/index.ts"],"sourcesContent":["const classNames = (...args: (string | undefined)[]) => {\n\treturn args.reduce((acc, className) => {\n\t\tif (className) {\n\t\t\treturn acc ? `${acc} ${className}` : className;\n\t\t}\n\t\treturn acc;\n\t}, '');\n};\n\nexport default classNames;\n"],"names":[],"mappings":";;AAAA,IAAM,UAAU,GAAG,YAAA;IAAC,IAA+B,IAAA,GAAA,EAAA,CAAA;SAA/B,IAA+B,EAAA,GAAA,CAAA,EAA/B,EAA+B,GAAA,SAAA,CAAA,MAAA,EAA/B,EAA+B,EAAA,EAAA;QAA/B,IAA+B,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA,CAAA;;AAClD,IAAA,OAAO,IAAI,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,SAAS,EAAA;QACjC,IAAI,SAAS,EAAE;AACd,YAAA,OAAO,GAAG,GAAG,EAAG,CAAA,MAAA,CAAA,GAAG,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,SAAS,CAAE,GAAG,SAAS,CAAC;SAC/C;AACD,QAAA,OAAO,GAAG,CAAC;KACX,EAAE,EAAE,CAAC,CAAC;AACR;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/classNames/index.ts","../../src/utils/formatCareerPeriod/index.ts"],"sourcesContent":["const classNames = (...args: (string | undefined)[]) => {\n\treturn args.reduce((acc, className) => {\n\t\tif (className) {\n\t\t\treturn acc ? `${acc} ${className}` : className;\n\t\t}\n\t\treturn acc;\n\t}, '');\n};\n\nexport default classNames;\n","type SupportedLang = 'ko' | 'en';\n\n/**\n * Formats the career duration between two dates into a readable string.\n * It handles internationalization (Korean/English) and the \"Present\" status for ongoing roles.\n *\n * @param props - The configuration object.\n * @param props.startAt - The start date of the period.\n * @param props.endAt - The end date. If undefined, it defaults to the current date (calculates duration up to now) and displays \"Present\" or \"현재\".\n * @param props.showDuration - Whether to append the calculated duration (e.g., \"(2y 6m)\"). Defaults to true.\n * @param props.lng - Language code ('ko' | 'en'). Defaults to 'ko'.\n * @returns A formatted string: \"YYYY.MM ~ YYYY.MM (Duration)\" or \"YYYY.MM ~ Present (Duration)\".\n *\n * @example\n * // 1. Ongoing role (Korean default)\n * // Current date: 2024-02\n * formatCareerPeriod({ startAt: new Date('2023-01-01') });\n * // Output: \"2023.01 ~ 현재 (1년 2개월)\"\n *\n * @example\n * // 2. Completed role with duration (English)\n * formatCareerPeriod({\n * startAt: new Date('2020-01-01'),\n * endAt: new Date('2022-06-01'),\n * lng: 'en'\n * });\n * // Output: \"2020.01 ~ 2022.06 (2y 6m)\"\n *\n * @example\n * // 3. Hide duration\n * formatCareerPeriod({\n * startAt: new Date('2020-01-01'),\n * endAt: new Date('2020-05-01'),\n * showDuration: false\n * });\n * // Output: \"2020.01 ~ 2020.05\"\n */\nconst formatCareerPeriod = ({\n\tstartAt,\n\tendAt,\n\tshowDuration = true,\n\tlng = 'ko',\n}: {\n\tstartAt: Date;\n\tendAt?: Date;\n\tshowDuration?: boolean;\n\tlng?: string;\n}): string => {\n\tconst lang: SupportedLang = lng === 'en' ? 'en' : 'ko';\n\n\tconst LABELS = {\n\t\tcurrent: { ko: '현재', en: 'Present' },\n\t\tyear: { ko: '년', en: 'y' },\n\t\tmonth: { ko: '개월', en: 'm' },\n\t} as const;\n\n\tconst formatYearMonth = (d: Date) => {\n\t\tconst year = d.getFullYear();\n\t\tconst month = String(d.getMonth() + 1).padStart(2, '0');\n\t\treturn `${year}.${month}`;\n\t};\n\n\tconst endDate = endAt || new Date();\n\n\tconst startText = formatYearMonth(startAt);\n\tconst endText = endAt ? formatYearMonth(endAt) : LABELS.current[lang];\n\n\tif (!showDuration) {\n\t\treturn `${startText} ~ ${endText}`;\n\t}\n\n\tconst totalMonths =\n\t\t(endDate.getFullYear() - startAt.getFullYear()) * 12 +\n\t\t(endDate.getMonth() - startAt.getMonth()) +\n\t\t1;\n\n\tif (totalMonths < 1) {\n\t\treturn `${startText} ~ ${endText}`;\n\t}\n\n\tconst years = Math.floor(totalMonths / 12);\n\tconst months = totalMonths % 12;\n\n\tconst durationParts = [\n\t\tyears > 0 ? `${years}${LABELS.year[lang]}` : null,\n\t\tmonths > 0 ? `${months}${LABELS.month[lang]}` : null,\n\t].filter(Boolean);\n\n\tconst durationString = durationParts.join(' ');\n\tconst durationSuffix = durationString ? ` (${durationString})` : '';\n\n\treturn `${startText} ~ ${endText}${durationSuffix}`;\n};\n\nexport default formatCareerPeriod;\n"],"names":[],"mappings":"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"}

package/dist/utils/utils/formatCareerPeriod/index.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Formats the career duration between two dates into a readable string.
+ * It handles internationalization (Korean/English) and the "Present" status for ongoing roles.
+ *
+ * @param props - The configuration object.
+ * @param props.startAt - The start date of the period.
+ * @param props.endAt - The end date. If undefined, it defaults to the current date (calculates duration up to now) and displays "Present" or "현재".
+ * @param props.showDuration - Whether to append the calculated duration (e.g., "(2y 6m)"). Defaults to true.
+ * @param props.lng - Language code ('ko' | 'en'). Defaults to 'ko'.
+ * @returns A formatted string: "YYYY.MM ~ YYYY.MM (Duration)" or "YYYY.MM ~ Present (Duration)".
+ *
+ * @example
+ * // 1. Ongoing role (Korean default)
+ * // Current date: 2024-02
+ * formatCareerPeriod({ startAt: new Date('2023-01-01') });
+ * // Output: "2023.01 ~ 현재 (1년 2개월)"
+ *
+ * @example
+ * // 2. Completed role with duration (English)
+ * formatCareerPeriod({
+ * startAt: new Date('2020-01-01'),
+ * endAt: new Date('2022-06-01'),
+ * lng: 'en'
+ * });
+ * // Output: "2020.01 ~ 2022.06 (2y 6m)"
+ *
+ * @example
+ * // 3. Hide duration
+ * formatCareerPeriod({
+ * startAt: new Date('2020-01-01'),
+ * endAt: new Date('2020-05-01'),
+ * showDuration: false
+ * });
+ * // Output: "2020.01 ~ 2020.05"
+ */
+declare const formatCareerPeriod: ({ startAt, endAt, showDuration, lng, }: {
+    startAt: Date;
+    endAt?: Date | undefined;
+    showDuration?: boolean | undefined;
+    lng?: string | undefined;
+}) => string;
+export default formatCareerPeriod;

package/dist/utils/utils/formatCareerPeriod/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/utils/index.d.ts

@@ -1 +1,2 @@
 export { default as classNames } from './classNames/index';
+export { default as formatCareerPeriod } from './formatCareerPeriod/index';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wonjin-dev/reacts",
-  "version": "1.3.2",
+  "version": "1.4.1",
   "author": "wonjin-dev",
   "license": "MIT",
   "type": "module",