@ehfuse/mui-form-controls 3.1.48 → 3.1.50

package/dist/components/ReadonlyDisplay.d.ts

@@ -0,0 +1,34 @@
+/**
+ * ReadonlyDisplay.tsx
+ *
+ * readonly 입력칸을 "실제 <input> 없이" 그리는 경량 표시 컴포넌트.
+ *
+ * 배경: readonly 필드도 기본은 MUI TextField(내부 input + IME/상태 훅 + 인스턴스별 sx)를 렌더한다.
+ * 상품 목록처럼 readonly 필드가 수백 개면 이 입력 머신러리 비용이 커서 화면이 느려진다.
+ * `readonlyLight` prop 을 켜면 이 컴포넌트로 대체돼, outlined 입력칸과 동일한 외관(노치 라벨 + 테두리)을
+ * fieldset/legend 로 재현하되 실제 입력 요소를 만들지 않아 렌더 비용이 크게 낮아진다.
+ *
+ * 외관은 MUI OutlinedInput 마크업(fieldset+legend)을 그대로 따르므로 테마의 기본 테두리/반경/색을 물려받는다.
+ *
+ * @license MIT
+ * @copyright 2025 김영진 (Kim Young Jin)
+ * @author 김영진 (ehfuse@gmail.com)
+ */
+import React from "react";
+import type { SxProps, Theme } from "@mui/material/styles";
+/** ReadonlyDisplay 속성. */
+export interface ReadonlyDisplayProps {
+    label?: React.ReactNode;
+    value?: React.ReactNode;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    /** suffix/prefix 를 값이 있을 때만 표시할지 여부. */
+    showAffixOnlyWithValue?: boolean;
+    align?: "left" | "right" | "center";
+    size?: "small" | "medium";
+    fullWidth?: boolean;
+    className?: string;
+    sx?: SxProps<Theme>;
+}
+/** readonly 입력칸을 실제 input 없이 그리는 경량 표시 컴포넌트. */
+export declare function ReadonlyDisplay({ label, value, prefix, suffix, showAffixOnlyWithValue, align, size, fullWidth, className, sx, }: ReadonlyDisplayProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -39,5 +39,7 @@ export { DateTimeTextField } from "./DateTimeTextField";
 export { BizNumTextField } from "./BizNumTextField";
 export { CardNumTextField } from "./CardNumTextField";
 export { useKoreanHolidays, useKoreanHolidaysRange } from "./hooks";
+export { ReadonlyDisplay } from "./components/ReadonlyDisplay";
+export type { ReadonlyDisplayProps } from "./components/ReadonlyDisplay";
 export { CardIcon, VisaIcon, MastercardIcon, AmexIcon, JcbIcon, DinersIcon, DiscoverIcon, UnionPayIcon, BcIcon, } from "./icons";
 export type { SearchTextFieldProps, ClearTextFieldProps, TagsTextFieldProps, PasswordTextFieldProps, TextFieldProps, TextAreaProps, CheckboxProps, SwitchProps, RadioGroupProps, RadioOption, DateRangeProps, SliderProps, RatingProps, ToggleButtonProps, ToggleButtonGroupProps, ToggleButtonGroupOption, ButtonGroupProps, StepperProps, AutocompleteProps, AutocompleteOption, SelectProps, SelectOption, LabelSelectProps, LabelSelectOption, AddressTextFieldProps, DaumPostcodeData, PasswordValidationRules, PasswordValidationResult, PhoneTextFieldProps, PhoneFormat, NumberTextFieldProps, JuminTextFieldProps, JuminInfo, VerificationCodeTextFieldProps, VerificationCodeType, EmailTextFieldProps, CustomDomain, DateTextFieldProps, DateFormat, TimeTextFieldProps, TimeFormat, DateTimeTextFieldProps, DateTimeFormat, BizNumTextFieldProps, CardNumTextFieldProps, CardNumTextFieldHandle, SelectChangeEvent, } from "./types";