@team-monolith/cds 1.78.0 → 1.78.1

package/dist/icons/custom/svgrColoredTemplate.js

@@ -1,15 +1,15 @@
 "use strict";
 /* eslint-disable */
+const URL_PATTERN = /(url\(#\w+)(\))/;
 /**
  * svg에서 uniqueId 적용 및 중복 스타일 제거하는 함수
  * svg의 하위 엘리먼트에 대한 재귀 호출
  * @returns {boolean} useUniqueId
  */
-function modifySVGElements(element) {
+function modifySVGElementsRecursive(element) {
     let useUniqueId = false;
     const elementAttributes = element.openingElement.attributes;
     // uniqueId 적용
-    const urlPattern = /(url\(#\w+)(\))/;
     elementAttributes.forEach(attr => {
         if (attr.value.value) {
             // id attribute에 uniqueId 적용
@@ -18,8 +18,8 @@ function modifySVGElements(element) {
                 useUniqueId = true;
             }
             // url 패턴에 매칭되는 attribute에 uniqueId 적용
-            if (attr.value.value.match(urlPattern)) {
-                attr.value.value = attr.value.value.replace(urlPattern, "$1_${uniqueId}$2");
+            if (attr.value.value.match(URL_PATTERN)) {
+                attr.value.value = attr.value.value.replace(URL_PATTERN, "$1_${uniqueId}$2");
                 useUniqueId = true;
             }
         }
@@ -43,7 +43,7 @@ function modifySVGElements(element) {
     }
     if (element.children.length > 0) {
         element.children.forEach(child => {
-            useUniqueId = modifySVGElements(child) || useUniqueId;
+            useUniqueId = modifySVGElementsRecursive(child) || useUniqueId;
         });
     }
     return useUniqueId;
@@ -58,8 +58,7 @@ const template = (variables, { tpl }) => {
     // variables.jsx는 prop이 포함된 jsx 정보를 가지고 있기 때문에 원본 파일 경로에서 import 후 export 처리
     const _ = require("lodash");
     const originSvgFilePath = `./${_.kebabCase(originSvgFileName)}.svg`;
-    /** svg파일의 하위 엘리먼트(재귀 호출)에 대한 전처리 작업 수행 */
-    const useUniqueId = modifySVGElements(variables.jsx);
+    const useUniqueId = modifySVGElementsRecursive(variables.jsx);
     if (useUniqueId) {
         return tpl `
       import { uid } from "uid";

package/dist/icons/custom/svgrDefaultTemplate.js

@@ -1,16 +1,16 @@
 "use strict";
 /* eslint-disable */
-const baseColor = "#363636";
+const BASE_COLOR = "#363636";
+const URL_PATTERN = /(url\(#\w+)(\))/;
 /**
  * svg에서 uniqueId 적용 및 스타일 속성 제거하는 함수
  * svg의 하위 엘리먼트에 대한 재귀 호출
  * @returns {boolean} useUniqueId
  */
-function modifySVGElements(element, uniqueIdSet) {
+function modifySVGElementsRecursive(element, uniqueIdSet) {
     let useUniqueId = false;
     const elementAttributes = element.openingElement.attributes;
     // uniqueId 적용
-    const urlPattern = /(url\(#\w+)(\))/;
     elementAttributes.forEach(attr => {
         if (attr.value.value) {
             // id attribute에 uniqueId 적용
@@ -19,8 +19,8 @@ function modifySVGElements(element, uniqueIdSet) {
                 useUniqueId = true;
             }
             // url 패턴에 매칭되는 attribute에 uniqueId 적용
-            if (attr.value.value.match(urlPattern)) {
-                attr.value.value = attr.value.value.replace(urlPattern, "$1_${uniqueId}$2");
+            if (attr.value.value.match(URL_PATTERN)) {
+                attr.value.value = attr.value.value.replace(URL_PATTERN, "$1_${uniqueId}$2");
                 useUniqueId = true;
             }
         }
@@ -28,14 +28,14 @@ function modifySVGElements(element, uniqueIdSet) {
     // currentColor 변환
     // 단색 아이콘의 경우 #363636 컬러값 고정 (remixicon 컬러값 반영), 배경색의 경우 white 또는 foreground에서 수동 적용
     const fillAttribute = elementAttributes.find(attr => attr.name.name === 'fill');
-    if (fillAttribute && fillAttribute.value.value === baseColor) {
+    if (fillAttribute && fillAttribute.value.value === BASE_COLOR) {
         fillAttribute.value.value = 'currentColor';
     }
     // color prop이 있는 단색 svg의 경우 스타일 속성 제거
     element.openingElement.attributes = elementAttributes.filter(attr => attr.name.name !== 'style');
     if (element.children.length > 0) {
         element.children.forEach(child => {
-            useUniqueId = modifySVGElements(child) || useUniqueId;
+            useUniqueId = modifySVGElementsRecursive(child) || useUniqueId;
         });
     }
     return useUniqueId;
@@ -50,8 +50,7 @@ const template = (variables, { tpl }) => {
     // variables.jsx는 prop이 포함된 jsx 정보를 가지고 있기 때문에 원본 파일 경로에서 import 후 export 처리
     const _ = require("lodash");
     const originSvgFilePath = `./${_.kebabCase(originSvgFileName)}.svg`;
-    /** svg파일의 하위 엘리먼트(재귀 호출)에 대한 전처리 작업 수행 */
-    const useUniqueId = modifySVGElements(variables.jsx);
+    const useUniqueId = modifySVGElementsRecursive(variables.jsx);
     if (useUniqueId) {
         return tpl `
       import { uid } from "uid";

package/dist/icons/custom/uniqueidscripts.mjs

@@ -3,7 +3,7 @@ import path from "path";
 const DEFAILT_DIR_PATH = "src/cds/icons/custom/default";
 const COLORED_DIR_PATH = "src/cds/icons/custom/colored";
 // uniqueId 치환은 template 내부 로직에서 처리
-const ID_PATTERN = /("(\w+_\${uniqueId})")|("(url\(#\w+_\${uniqueId}\))")/g;
+const UNIQUE_ID_PATTERN = /("(\w+_\${uniqueId})")|("(url\(#\w+_\${uniqueId}\))")/g;
 /** 경로 내 모든 tsx 파일에서 uniqueId를 replace하는 함수 */
 function replaceUniqueIds(dirPath) {
     const files = fs.readdirSync(dirPath);
@@ -13,9 +13,9 @@ function replaceUniqueIds(dirPath) {
             const stat = fs.statSync(filePath);
             if (stat.isFile()) {
                 let content = fs.readFileSync(filePath).toString();
-                if (content.match(ID_PATTERN) !== null) {
+                if (content.match(UNIQUE_ID_PATTERN) !== null) {
                     // uniqueId 템플릿 리터럴 replace 적용
-                    content = content.replaceAll(ID_PATTERN, (_, _idPattern, id, _urlPattern, url) => {
+                    content = content.replaceAll(UNIQUE_ID_PATTERN, (_, _idPattern, id, _urlPattern, url) => {
                         return `{\`${id || url}\`}`;
                     });
                     fs.writeFileSync(filePath, content);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@team-monolith/cds",
-  "version": "1.78.0",
+  "version": "1.78.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,