@rchemist/listgrid 0.2.6 → 0.2.9

package/dist/listgrid/components/fields/address/PostCodeSelector.js

@@ -24,8 +24,14 @@ export const PostCodeSelector = (props) => {
     const disabled = isBlank(postalCode);
     const required = props.required;
     useEffect(() => {
-        initializeData();
-    }, [props]);
+        // 모달이 열릴 때만 props.address 값으로 내부 상태를 초기화한다.
+        // 편집 중(open=true 유지)에는 부모 재렌더로 props 참조가 바뀌어도 재초기화하지 않아
+        // 사용자가 상세주소(address2) 등에 입력한 값이 유실되지 않도록 한다.
+        if (open) {
+            initializeData();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
     return (_jsxs(_Fragment, { children: [_jsxs(Flex, { gap: 10, children: [_jsx("button", { type: "button", className: "rcm-button", "data-variant": "primary", onClick: () => {
                             setOpen(!open);
                         }, children: "\uC8FC\uC18C \uCC3E\uAE30" }), !required && !isBlank(postalCode) && (_jsx("button", { type: "button", className: "rcm-button", "data-variant": "outline", onClick: () => {

package/dist/styles/layouts.css

@@ -511,7 +511,10 @@
   pointer-events: none;
 }
 
-.rcm-card-m2o-search-input {
+/* 특이도를 (0,2,0)으로 맞춰 primitives.css 의 .rcm-input[data-size='sm'] 과 동률을 만든다.
+   번들 순서(primitives → layouts)상 동률 시 layouts.css 규칙이 승리하여
+   아이콘 공간 확보를 위한 left padding 이 유지된다. */
+.rcm-card-m2o-search-input.rcm-input {
   width: 100%;
   padding: 0.625rem 1rem 0.625rem 2.5rem;
   font-size: var(--rcm-font-size-sm);
@@ -520,7 +523,7 @@
   border-radius: var(--rcm-radius-lg);
 }
 
-.rcm-card-m2o-search-input:focus {
+.rcm-card-m2o-search-input.rcm-input:focus {
   outline: none;
   border-color: var(--rcm-color-primary);
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--rcm-color-primary) 20%, transparent);

package/dist/styles.css

@@ -2271,7 +2271,10 @@
   pointer-events: none;
 }
 
-.rcm-card-m2o-search-input {
+/* 특이도를 (0,2,0)으로 맞춰 primitives.css 의 .rcm-input[data-size='sm'] 과 동률을 만든다.
+   번들 순서(primitives → layouts)상 동률 시 layouts.css 규칙이 승리하여
+   아이콘 공간 확보를 위한 left padding 이 유지된다. */
+.rcm-card-m2o-search-input.rcm-input {
   width: 100%;
   padding: 0.625rem 1rem 0.625rem 2.5rem;
   font-size: var(--rcm-font-size-sm);
@@ -2280,7 +2283,7 @@
   border-radius: var(--rcm-radius-lg);
 }
 
-.rcm-card-m2o-search-input:focus {
+.rcm-card-m2o-search-input.rcm-input:focus {
   outline: none;
   border-color: var(--rcm-color-primary);
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--rcm-color-primary) 20%, transparent);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rchemist/listgrid",
-    "version": "0.2.6",
+    "version": "0.2.9",
     "private": false,
     "description": "Framework-free React CRUD UI engine — primitive-based design system, data-attr theming, and a full list/form renderer for RCM-framework-style entity backends.",
     "keywords": [
@@ -73,6 +73,7 @@
         "build": "tsc -p tsconfig.build.json && npm run build:styles",
         "build:styles": "mkdir -p dist/styles && cp src/listgrid/styles/tokens.css src/listgrid/styles/primitives.css src/listgrid/styles/layouts.css src/listgrid/styles/components.css src/listgrid/styles/base.css dist/styles/ && cat src/listgrid/styles/tokens.css src/listgrid/styles/primitives.css src/listgrid/styles/layouts.css src/listgrid/styles/components.css src/listgrid/styles/base.css > dist/styles.css",
         "clean": "rm -rf dist",
+        "prepublishOnly": "npm run clean && npm run type-check && npm test && npm run build",
         "lint": "eslint 'src/**/*.{ts,tsx}'",
         "lint:fix": "eslint 'src/**/*.{ts,tsx}' --fix",
         "format": "prettier --write 'src/**/*.{ts,tsx,css,json}'",