@sellmate/design-system-react 1.0.64 → 1.0.66

package/dist/components/components.server.js

@@ -9,7 +9,11 @@ import { createComponent } from '@stencil/react-output-target/ssr';
 export const serializeShadowRoot = { default: "declarative-shadow-dom" };
 export const SdActionModal = /*@__PURE__*/ createComponent({
     tagName: 'sd-action-modal',
-    properties: { modalTitle: 'modal-title' },
+    properties: {
+        modalTitle: 'modal-title',
+        width: 'width',
+        height: 'height'
+    },
     hydrateModule: import('@sellmate/design-system/hydrate'),
     clientModule: clientComponents.SdActionModal,
     serializeShadowRoot,

package/dist/sdModal.d.ts

@@ -7,7 +7,7 @@ import { type ConfirmModalOptions, type LoadingModalOptions, type ModalDialogRef
  *   이 경우 `componentProps` 는 무시됩니다.
  * - `component` 에 React 컴포넌트(`ComponentType`) 를 넘기면 `componentProps` 로
  *   props 를 지정해 `createRoot + flushSync` 로 렌더한 뒤 core 로 위임합니다.
- * - `persist` 는 core 옵션을 그대로 전달합니다.
+ * - `persistent` 는 core 옵션을 그대로 전달합니다.
  */
 export interface SdModalCreateOption extends Omit<CoreSdModalCreateOption, 'component'> {
     component: HTMLElement | ComponentType<any>;
@@ -17,7 +17,7 @@ export interface SdModalCreateOption extends Omit<CoreSdModalCreateOption, 'comp
  * React-aware `sdModal`.
  *
  * - `sdModal.confirm(options)` — core 와 동일
- * - `sdModal.create({ component, componentProps?, persist? })` —
+ * - `sdModal.create({ component, componentProps?, persistent? })` —
  *   `component` 가 HTMLElement 면 core 로 위임, React 컴포넌트면
  *   `createRoot + flushSync` 로 렌더한 뒤 위임합니다. 모달이 닫히면
  *   자동으로 언마운트됩니다.

package/dist/sdModal.js

@@ -19,7 +19,7 @@ function mountReactComponent(component, componentProps) {
  * React-aware `sdModal`.
  *
  * - `sdModal.confirm(options)` — core 와 동일
- * - `sdModal.create({ component, componentProps?, persist? })` —
+ * - `sdModal.create({ component, componentProps?, persistent? })` —
  *   `component` 가 HTMLElement 면 core 로 위임, React 컴포넌트면
  *   `createRoot + flushSync` 로 렌더한 뒤 위임합니다. 모달이 닫히면
  *   자동으로 언마운트됩니다.
@@ -40,10 +40,10 @@ export const sdModal = {
         coreSdModal.configure(options);
     },
     create(input) {
-        const { component, componentProps = {}, persist } = input;
+        const { component, componentProps = {}, persistent } = input;
         // HTMLElement 오버로드: core 로 바로 위임
         if (isHTMLElement(component)) {
-            return coreSdModal.create({ component, persist });
+            return coreSdModal.create({ component, persistent });
         }
         // React 컴포넌트 오버로드 — modalRef 를 먼저 만들어 props 에 주입한 뒤 mount
         const modalRef = _createSdModalRef();
@@ -51,7 +51,7 @@ export const sdModal = {
             ...componentProps,
             modalRef,
         });
-        _attachSdModalWithRef(modalRef, { component: el, persist });
+        _attachSdModalWithRef(modalRef, { component: el, persistent });
         modalRef.onDismissed(() => {
             root.unmount();
             host.remove();

package/lib/components/components.server.ts

@@ -85,7 +85,11 @@ export type SdActionModalEvents = {
 
 export const SdActionModal: StencilReactComponent<SdActionModalElement, SdActionModalEvents> = /*@__PURE__*/ createComponent<SdActionModalElement, SdActionModalEvents>({
     tagName: 'sd-action-modal',
-    properties: { modalTitle: 'modal-title' },
+    properties: {
+        modalTitle: 'modal-title',
+        width: 'width',
+        height: 'height'
+    },
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
     clientModule: clientComponents.SdActionModal as ReactWebComponent<SdActionModalElement, SdActionModalEvents>,
     serializeShadowRoot,

package/lib/sdModal.ts

@@ -21,7 +21,7 @@ import {
  *   이 경우 `componentProps` 는 무시됩니다.
  * - `component` 에 React 컴포넌트(`ComponentType`) 를 넘기면 `componentProps` 로
  *   props 를 지정해 `createRoot + flushSync` 로 렌더한 뒤 core 로 위임합니다.
- * - `persist` 는 core 옵션을 그대로 전달합니다.
+ * - `persistent` 는 core 옵션을 그대로 전달합니다.
  */
 export interface SdModalCreateOption
   extends Omit<CoreSdModalCreateOption, 'component'> {
@@ -52,7 +52,7 @@ function mountReactComponent(
  * React-aware `sdModal`.
  *
  * - `sdModal.confirm(options)` — core 와 동일
- * - `sdModal.create({ component, componentProps?, persist? })` —
+ * - `sdModal.create({ component, componentProps?, persistent? })` —
  *   `component` 가 HTMLElement 면 core 로 위임, React 컴포넌트면
  *   `createRoot + flushSync` 로 렌더한 뒤 위임합니다. 모달이 닫히면
  *   자동으로 언마운트됩니다.
@@ -76,11 +76,11 @@ export const sdModal = {
   },
 
   create(input: SdModalCreateOption): ModalDialogRef {
-    const { component, componentProps = {}, persist } = input;
+    const { component, componentProps = {}, persistent } = input;
 
     // HTMLElement 오버로드: core 로 바로 위임
     if (isHTMLElement(component)) {
-      return coreSdModal.create({ component, persist });
+      return coreSdModal.create({ component, persistent });
     }
 
     // React 컴포넌트 오버로드 — modalRef 를 먼저 만들어 props 에 주입한 뒤 mount
@@ -89,7 +89,7 @@ export const sdModal = {
       ...componentProps,
       modalRef,
     });
-    _attachSdModalWithRef(modalRef, { component: el, persist });
+    _attachSdModalWithRef(modalRef, { component: el, persistent });
     modalRef.onDismissed(() => {
       root.unmount();
       host.remove();

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@sellmate/design-system-react",
- "version": "1.0.64",
+ "version": "1.0.66",
  "description": "Design System - React Component Wrappers",
  "keywords": [
   "react",
@@ -54,7 +54,7 @@
   "dev": "tsc --watch"
  },
  "dependencies": {
-  "@sellmate/design-system": "^1.0.64",
+  "@sellmate/design-system": "^1.0.66",
   "@stencil/react-output-target": "^1.2.0"
  },
  "peerDependencies": {