@rchemist/listgrid 0.2.6

package/dist/listgrid/components/form/ui/ViewHelpIcon.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TooltipCard } from '../../../ui';
+import { IconInfoCircle } from '@tabler/icons-react';
+import { isBlank } from '../../../utils/StringUtil';
+import { getTranslation } from '../../../utils/i18n';
+export const ViewHelpIcon = (props) => {
+    const helpText = props.helpText;
+    if (isBlank(helpText))
+        return null;
+    const { t } = getTranslation();
+    const value = t(helpText ?? '');
+    return (_jsxs(TooltipCard, { width: 280, shadow: "md", children: [_jsx(TooltipCard.Target, { children: _jsx("div", { className: "rcm-text-muted", children: _jsx(IconInfoCircle, { width: 18, color: '#808080' }) }) }), _jsx(TooltipCard.Dropdown, { children: _jsx("div", { className: "rcm-field-help", dangerouslySetInnerHTML: { __html: value } }) })] }));
+};

package/dist/listgrid/components/form/ui/ViewHelpText.d.ts

@@ -0,0 +1,5 @@
+interface ViewHelpTextProps {
+    helpText?: React.ReactNode;
+}
+export declare const ViewHelpText: (props: ViewHelpTextProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/listgrid/components/form/ui/ViewHelpText.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isBlank } from '../../../utils/StringUtil';
+import { getTranslation } from '../../../utils/i18n';
+import { useEntityFormTheme } from '../context/EntityFormThemeContext';
+export const ViewHelpText = (props) => {
+    const { t } = getTranslation();
+    const { classNames, cn } = useEntityFormTheme();
+    const helpText = typeof props.helpText === 'string' ? t(props.helpText) : props.helpText;
+    return isBlank(props.helpText) ? null : (_jsx("div", { className: cn('rcm-field-help', classNames.helpText?.text), children: helpText }));
+};

package/dist/listgrid/components/form/ui/buttons/ClosePopupButton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from '../../types/ViewEntityFormButtons.types';
+/**
+ * 새창(팝업) 모드 전용 닫기 버튼
+ *
+ * - 저장되지 않은 변경사항이 있으면 확인 다이얼로그 표시
+ * - 확인 시 window.close() 호출
+ */
+export declare const ClosePopupButton: ({ entityForm, readonly, buttonClassNames }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/listgrid/components/form/ui/buttons/ClosePopupButton.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { showConfirm } from '../../../../message';
+import { isTrue } from '../../../../utils/BooleanUtil';
+import { cn } from '../../../../utils/cn';
+/**
+ * 새창(팝업) 모드 전용 닫기 버튼
+ *
+ * - 저장되지 않은 변경사항이 있으면 확인 다이얼로그 표시
+ * - 확인 시 window.close() 호출
+ */
+export const ClosePopupButton = ({ entityForm, readonly, buttonClassNames }) => {
+    return (_jsx("button", { className: cn('rcm-button', buttonClassNames?.close), "data-variant": "outline", onClick: (e) => {
+            (async () => {
+                e.stopPropagation();
+                const dirty = isTrue(readonly) ? false : entityForm.isDirty();
+                if (dirty) {
+                    showConfirm({
+                        title: '창을 닫으시겠습니까?',
+                        message: '저장되지 않은 변경사항이 있습니다.',
+                        confirmButtonText: '닫기',
+                        cancelButtonText: '취소',
+                        onConfirm: async () => {
+                            window.close();
+                        },
+                    });
+                }
+                else {
+                    window.close();
+                }
+            })();
+        }, children: "\uB2EB\uAE30" }, "button_close_popup"));
+};

package/dist/listgrid/components/form/ui/buttons/DeleteButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../../types/ViewEntityFormButtons.types';
+export declare const DeleteButton: ({ entityForm, router, pathname, buttonLinks, setErrors, openBaseLoading, postDelete, buttonClassNames, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/listgrid/components/form/ui/buttons/DeleteButton.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tooltip } from '../../../../ui';
+import { showConfirm, showSuccess } from '../../../../message';
+import { isEmpty, isTrue } from '../../../../utils';
+import { EntityError, parse, removeTrailingSeparator } from '../../../../misc';
+import { cn } from '../../../../utils/cn';
+export const DeleteButton = ({ entityForm, router, pathname, buttonLinks, setErrors, openBaseLoading, postDelete, buttonClassNames, ...props }) => {
+    const neverDelete = isTrue(entityForm.neverDelete);
+    if (neverDelete) {
+        const active = entityForm.getField('active')?.value?.current ?? true;
+        if (!active) {
+            return (_jsx(Tooltip, { color: "red", label: `사용 중지 되었습니다. 상태정보 > 사용 여부를 변경해 다시 사용할 수 있습니다.`, children: _jsx("button", { type: "button", disabled: true, className: cn('rcm-button', buttonClassNames?.delete), "data-variant": "primary", "data-color": "error", children: "\uC0AC\uC6A9 \uC548 \uD568" }, 'button_delete') }));
+        }
+    }
+    const message = neverDelete ? '사용 중지' : '삭제';
+    const text = neverDelete
+        ? '이 데이터는 삭제할 수 없으며, 사용 중지 처리만 가능합니다.'
+        : '삭제된 데이터는 복구할 수 없습니다.';
+    const confirmButtonText = neverDelete ? '사용 중지' : '삭제';
+    return (_jsx("button", { type: "button", className: cn('rcm-button', buttonClassNames?.delete), "data-variant": "primary", "data-color": "error", onClick: () => {
+            (async () => {
+                showConfirm({
+                    title: text,
+                    message: message + '하시겠습니까?',
+                    confirmButtonText: confirmButtonText,
+                    cancelButtonText: '돌아가기',
+                    onConfirm: async () => {
+                        openBaseLoading?.(true);
+                        const deleteResult = await entityForm.delete();
+                        const onThen = buttonLinks?.onDelete?.success ??
+                            ((result) => {
+                                (async () => {
+                                    await postDelete?.(entityForm);
+                                })();
+                                // 새창(팝업) 모드일 때는 원본 창에 메시지 전송 후 창 닫기
+                                if (isTrue(props.popupMode)) {
+                                    try {
+                                        if (window.opener) {
+                                            window.opener.postMessage({
+                                                type: 'ENTITY_DELETED',
+                                                entityId: entityForm.id,
+                                            }, '*');
+                                        }
+                                    }
+                                    catch (e) {
+                                        console.error('Failed to send message to opener:', e);
+                                    }
+                                    window.close();
+                                    return;
+                                }
+                                // sub collection 인 경우에는 refresh 가 아니라 지워졌음을 상위로 전파해야 한다.
+                                if (!isTrue(props.subCollection)) {
+                                    const listUrl = result.redirectUrl ?? (removeTrailingSeparator(pathname, '/') || '/');
+                                    if (router !== undefined) {
+                                        router.push(listUrl);
+                                    }
+                                }
+                            });
+                        if (isTrue(deleteResult.refreshOrList)) {
+                            // 정상 완료되어 리프레시가 필요한 경우
+                            showSuccess({
+                                message: message + '가 완료 되었습니다',
+                            });
+                            setTimeout(() => {
+                                onThen(deleteResult);
+                            }, 1500);
+                        }
+                        else {
+                            if (deleteResult.errors && !isEmpty(deleteResult.errors)) {
+                                // 삭제 실패 시 에러 메시지가 아래와 같이 올 수도 있다.
+                                // {"error":{"error":true,"status":400,"errorType":"CANNOT_DELETE_IS_USED_SEMESTER","message":"학기 정보에 사용중인 등록금 정보를 삭제할 수 없습니다","fieldError":{}}}
+                                // EntityError 형태로 온다는 뜻이다. 문자열을 json 으로 파싱하되, 문자열이 아니라면 그대로 둔다.
+                                const error = deleteResult.errors[0];
+                                if (typeof error === 'string') {
+                                    try {
+                                        const json = parse(error);
+                                        if (json.error) {
+                                            const entityError = EntityError.create(json);
+                                            setErrors(entityError.error.message
+                                                ? [entityError.error.message]
+                                                : ['삭제 중 오류가 발생했습니다.']);
+                                        }
+                                    }
+                                    catch (e) {
+                                        setErrors(deleteResult.errors);
+                                    }
+                                }
+                                else {
+                                    setErrors(deleteResult.errors);
+                                }
+                                openBaseLoading?.(false);
+                            }
+                        }
+                    },
+                    onCancel: () => {
+                        // 취소 시 아무 동작 없음
+                    },
+                });
+            })();
+        }, children: message }, 'button_delete'));
+};

package/dist/listgrid/components/form/ui/buttons/ListButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../../types/ViewEntityFormButtons.types';
+export declare const ListButton: ({ entityForm, router, pathname, buttonLinks, subCollection, openBaseLoading, readonly, buttonClassNames, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/listgrid/components/form/ui/buttons/ListButton.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { showConfirm } from '../../../../message';
+import { removeTrailingSeparator } from '../../../../utils/StringUtil';
+import { isTrue } from '../../../../utils/BooleanUtil';
+import { cn } from '../../../../utils/cn';
+export const ListButton = ({ entityForm, router, pathname, buttonLinks, subCollection, openBaseLoading, readonly, buttonClassNames, }) => {
+    const listUrl = removeTrailingSeparator(pathname, '/') || '/';
+    const navigateToList = () => {
+        openBaseLoading?.(true);
+        // Check if user came from the list page (to preserve URL state like page, filters)
+        const referrer = typeof document !== 'undefined' ? document.referrer : '';
+        const currentOrigin = typeof window !== 'undefined' ? window.location.origin : '';
+        // Use router.back() if we came from the list page (preserves URL query params)
+        // Otherwise use router.push() for direct access (bookmarks, external links, etc.)
+        if (router.back &&
+            referrer &&
+            referrer.startsWith(currentOrigin) &&
+            referrer.includes(listUrl)) {
+            router.back();
+        }
+        else {
+            router.push(listUrl);
+        }
+    };
+    return (_jsx("button", { className: cn('rcm-button', buttonClassNames?.list), "data-variant": "outline", onClick: (e) => {
+            (async () => {
+                e.stopPropagation();
+                const dirty = isTrue(readonly) ? false : entityForm.isDirty();
+                if (dirty) {
+                    showConfirm({
+                        title: subCollection ? '이 창을 닫으시겠습니까?' : '목록으로 돌아가시겠습니까?',
+                        message: '수정 중인 정보가 있습니다.',
+                        confirmButtonText: subCollection ? '닫기' : '목록으로',
+                        cancelButtonText: '취소',
+                        onConfirm: async () => {
+                            if (buttonLinks?.onClickList) {
+                                await buttonLinks.onClickList();
+                            }
+                            else {
+                                navigateToList();
+                            }
+                        },
+                    });
+                }
+                else {
+                    if (buttonLinks?.onClickList) {
+                        buttonLinks.onClickList().then();
+                    }
+                    else {
+                        navigateToList();
+                    }
+                }
+            })();
+        }, children: subCollection ? '닫기' : '목록' }, 'button_list'));
+};

package/dist/listgrid/components/form/ui/buttons/SaveButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../../types/ViewEntityFormButtons.types';
+export declare const SaveButton: ({ entityForm, postSave, router, pathname, setEntityForm, buttonLinks, openBaseLoading, session, buttonClassNames, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/listgrid/components/form/ui/buttons/SaveButton.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { isEmpty } from '../../../../utils';
+import { openToast } from '../../../../message';
+import { useEntityFormTheme } from '../../context/EntityFormThemeContext';
+export const SaveButton = ({ entityForm, postSave, router, pathname, setEntityForm, buttonLinks, openBaseLoading, session, buttonClassNames, ...props }) => {
+    const { classNames, cn, buttonLabels } = useEntityFormTheme();
+    const [isSaving, setIsSaving] = useState(false);
+    return (_jsx("button", { type: "button", disabled: isSaving, className: cn('rcm-button', buttonClassNames?.save ?? classNames.buttons?.save), "data-variant": "primary", onClick: (e) => {
+            e.stopPropagation();
+            if (isSaving)
+                return;
+            (async () => {
+                setIsSaving(true);
+                openBaseLoading?.(true);
+                // 에러와 notifications 를 초기화하고 시작
+                props.setErrors([]);
+                props.setNotifications([]);
+                try {
+                    const saveResult = await entityForm.save(session);
+                    setEntityForm?.(saveResult.entityForm);
+                    if (isEmpty(saveResult.errors)) {
+                        try {
+                            await postSave?.(saveResult.entityForm);
+                        }
+                        catch (e) {
+                            console.error(e);
+                        }
+                    }
+                    else {
+                        const error = saveResult.errors?.[0] ?? '저장 중 오류가 발생 했습니다.';
+                        props.setErrors([error]);
+                        openToast({
+                            message: `${error}`,
+                            color: 'danger',
+                            showCloseButton: false,
+                        });
+                    }
+                }
+                catch (err) {
+                    const message = err instanceof Error ? err.message : '저장 중 오류가 발생 했습니다.';
+                    props.setErrors([message]);
+                    openToast({
+                        message,
+                        color: 'danger',
+                        showCloseButton: false,
+                    });
+                }
+                finally {
+                    setIsSaving(false);
+                    openBaseLoading?.(false);
+                }
+            })();
+        }, children: buttonLabels?.save ?? '저장' }, 'button_save'));
+};

package/dist/listgrid/components/helper/FieldRendererHelper.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { EntityField, FieldRenderParameters } from '../../config/EntityField';
+import { FormField } from '../fields/abstract';
+import { RenderType } from '../../config/Config';
+export declare function getInputRendererParameters<TForm extends object = any, TValue = any>(field: FormField<any, TValue, TForm>, params: FieldRenderParameters<TForm, TValue>): Promise<{
+    value: any;
+    name: string;
+    label: import("../../config/Config").LabelType;
+    attributes: Map<string, unknown> | undefined;
+    entityForm: import("../..").EntityForm<TForm>;
+    session?: import("../..").Session;
+    onChange: (value: TValue, propagation?: boolean) => void;
+    onError?: (message: string) => void;
+    clearError?: () => void;
+    required?: boolean;
+    readonly?: boolean;
+    placeHolder?: string;
+    helpText?: ReactNode;
+    subCollectionEntity?: boolean;
+    updateEntityForm?: (updater: (entityForm: import("../..").EntityForm<TForm>) => Promise<import("../..").EntityForm<TForm>>) => Promise<void>;
+    resetEntityForm?: (delay?: number, preserveState?: boolean) => Promise<void>;
+}>;
+export declare function getManyToOneLink(renderType: RenderType, field?: EntityField): Promise<ReactNode>;

package/dist/listgrid/components/helper/FieldRendererHelper.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AbstractManyToOneField } from '../fields/abstract';
+// Removed ManyToOneField and UserField imports to fix circular dependency
+import { isBlank } from '../../utils/StringUtil';
+import { Tooltip } from '../../ui';
+import { Link } from '../../router';
+import { IconExternalLink } from '@tabler/icons-react';
+export async function getInputRendererParameters(field, params) {
+    return {
+        ...params,
+        value: await field.getDisplayValue(params.entityForm, params.entityForm.getRenderType()),
+        name: field.getName(),
+        label: field.getLabel(),
+        attributes: field.attributes,
+    };
+}
+export async function getManyToOneLink(renderType, field) {
+    if (field &&
+        field instanceof AbstractManyToOneField &&
+        !isBlank(field.config.entityForm.menuUrl)) {
+        const idName = await field.getMappedIdName(renderType);
+        const menuUrl = `${field.config.entityForm.menuUrl}/${idName?.id ?? ''}`;
+        const tooltip = `${idName?.name ?? field.getLabel()} 보기`;
+        return (_jsx(Tooltip, { label: tooltip, color: 'gray', children: _jsx(Link, { href: menuUrl, target: '_blank', className: "rcm-m2o-external-link", children: _jsx(IconExternalLink, { className: "rcm-icon", "data-size": "md", "data-tone": "muted" }) }) }));
+    }
+    return null;
+}

package/dist/listgrid/components/helper/ShowNotifications.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ColorType } from '../../common/type';
+interface ListGridNotificationsProps {
+    messages?: string[] | Map<string, string>;
+    error?: unknown;
+    color?: ColorType;
+    timeout?: number;
+    showClose?: boolean;
+    onClick?: (messageId?: string) => void;
+    onTimeout?: () => void;
+}
+export declare const ShowNotifications: ({ error, color, timeout, showClose, onClick, ...props }: ListGridNotificationsProps) => React.ReactNode;
+export {};

package/dist/listgrid/components/helper/ShowNotifications.js

@@ -0,0 +1,58 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { IconAlertTriangle, IconSquareRoundedX } from '@tabler/icons-react';
+import { useEffect, useState } from 'react';
+import { isTrue } from '../../utils/BooleanUtil';
+export const ShowNotifications = ({ error, color, timeout, showClose = false, onClick, ...props }) => {
+    const bgColor = color !== undefined
+        ? `bg-${color}-light`
+        : isTrue(error)
+            ? 'bg-danger-light'
+            : 'bg-success-light';
+    const textColor = color !== undefined ? `text-${color}` : isTrue(error) ? 'text-danger' : 'text-success';
+    const [view, setView] = useState(null);
+    const processMessages = () => {
+        if (!props.messages)
+            return [];
+        if (Array.isArray(props.messages)) {
+            return props.messages
+                .filter((message) => message !== undefined && message !== null && message !== '')
+                .map((message, index) => ({
+                id: index.toString(),
+                message: message.replace(/(?:\r\n|\r|\n)/g, '<br />'),
+            }));
+        }
+        else {
+            const items = [];
+            props.messages.forEach((value, key) => {
+                if (value !== undefined && value !== null && value !== '') {
+                    items.push({
+                        id: key,
+                        message: value.replace(/(?:\r\n|\r|\n)/g, '<br />'),
+                    });
+                }
+            });
+            return items;
+        }
+    };
+    useEffect(() => {
+        const messageItems = processMessages();
+        // 중복을 제거한다.
+        const uniqueMessages = messageItems.filter((item, index, self) => index === self.findIndex((t) => t.message === item.message));
+        if (uniqueMessages.length > 0) {
+            setView(_jsx("div", { className: "pt-2", children: _jsx("div", { className: `h-full overflow-auto p-4 pr-2 ${bgColor}`, children: _jsx("div", { className: "rcm-notification-body", children: _jsxs("div", { className: `${showClose ? 'flex items-start justify-between' : ''}`, children: [_jsx("div", { className: `${textColor} w-full`, children: uniqueMessages.map((item) => (_jsxs("div", { id: item.id, className: 'flex space-x-2 items-center font-semibold cursor-pointer hover:opacity-80', onClick: () => onClick && onClick(item.id), children: [_jsx(IconAlertTriangle, { className: "h-6 w-6" }), _jsx("div", { dangerouslySetInnerHTML: { __html: item.message } })] }, item.id))) }), showClose && (_jsx("div", { className: `${textColor}`, children: _jsx("button", { onClick: () => setView(null), children: _jsx(IconSquareRoundedX, { className: `h-4 w-4 ${textColor}` }) }) }))] }) }) }) }));
+        }
+        else {
+            setView(null);
+        }
+        if (timeout) {
+            setTimeout(() => {
+                setView(null);
+                if (props.onTimeout) {
+                    props.onTimeout();
+                }
+            }, timeout);
+        }
+    }, [props.messages, bgColor, textColor, showClose, onClick, timeout]);
+    return _jsx(_Fragment, { children: view });
+};

package/dist/listgrid/components/list/AdvancedSearchForm.d.ts

@@ -0,0 +1,17 @@
+import { SearchForm } from '../../form/SearchForm';
+import { ListableFormField } from '../fields/abstract';
+import { EntityForm } from '../../config/EntityForm';
+import { QuickSearchProps } from '../../config/ListGrid';
+interface ViewAdvancedSearchProps {
+    entityForm: EntityForm;
+    fields: ListableFormField<any>[];
+    quickSearchProperty: QuickSearchProps | undefined;
+    searchForm: SearchForm;
+    onSubmit: (searchForm: SearchForm) => void;
+    onReset: () => void;
+    onClose: () => void;
+    show: boolean;
+    subCollection?: boolean;
+}
+export declare const AdvancedSearchForm: ({ fields, entityForm, quickSearchProperty, searchForm, show, onClose, subCollection, ...props }: ViewAdvancedSearchProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/listgrid/components/list/AdvancedSearchForm.js

@@ -0,0 +1,113 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchForm } from '../../form/SearchForm';
+import { AbstractManyToOneField, MultipleOptionalField, OptionalField, } from '../fields/abstract';
+import { Fragment, useEffect, useState } from 'react';
+import { getTranslation } from '../../utils/i18n';
+import { Transition } from '@headlessui/react';
+import { generateUUID } from '../../utils/simpleCrypt';
+// import {ManyToOneField} from '../components/fields/ManyToOneField'; // Removed - using AbstractManyToOneField instead
+import { isBlank } from '../../utils/StringUtil';
+// import {UserField} from "../fields/UserField"; // Removed to fix circular dependency
+import { FilterView } from './ui/FilterView';
+// NOT 계열 조건인지 확인하는 유틸리티 함수
+const isNotCondition = (queryConditionType) => {
+    if (!queryConditionType)
+        return false;
+    return (queryConditionType.startsWith('NOT_') ||
+        queryConditionType === 'NOT_EQUAL' ||
+        queryConditionType === 'NOT_LIKE' ||
+        queryConditionType === 'NOT_START_WITH' ||
+        queryConditionType === 'NOT_END_WITH' ||
+        queryConditionType === 'NOT_BETWEEN' ||
+        queryConditionType === 'NOT_LESS_THAN' ||
+        queryConditionType === 'NOT_LESS_THAN_EQUAL' ||
+        queryConditionType === 'NOT_GREATER' ||
+        queryConditionType === 'NOT_GREATER_THAN_EQUAL');
+};
+export const AdvancedSearchForm = ({ fields, entityForm, quickSearchProperty, searchForm, show, onClose, subCollection = false, ...props }) => {
+    const [tempSearchForm, setTempSearchForm] = useState();
+    const [resetCacheKey, setResetCacheKey] = useState();
+    useEffect(() => {
+        setResetCacheKey(generateUUID());
+    }, []);
+    useEffect(() => {
+        setTempSearchForm(searchForm.clone());
+    }, [searchForm]);
+    const hidden = !show || !searchForm || !tempSearchForm;
+    const { t } = getTranslation();
+    return (_jsx(Transition, { appear: true, show: !hidden, as: Fragment, children: _jsx(Transition.Child, { as: Fragment, enter: "ease-out duration-500", enterFrom: "opacity-0 scale-95", enterTo: "opacity-100 scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 scale-100", leaveTo: "opacity-0 scale-95", children: _jsx("div", { className: "rcm-adv-search-legacy-outer", children: _jsx("div", { className: "rcm-adv-search-scroll", children: _jsxs("div", { className: `rcm-adv-search-legacy-inner ${subCollection ? 'rcm-adv-search-legacy-inner-sub' : ''}`, children: [_jsx("h4", { className: "rcm-adv-search-legacy-title", children: "\uD1B5\uD569 \uAC80\uC0C9" }), fields.map((field, index) => {
+                                if (tempSearchForm === undefined) {
+                                    return null;
+                                }
+                                // NOT 계열 조건은 통합검색에서 표시하지 않음 (개발자 지정 필터 보존)
+                                const fieldName = field instanceof AbstractManyToOneField
+                                    ? field.getName() + '.id'
+                                    : field.getName();
+                                const filterItem = tempSearchForm
+                                    .getFilters()
+                                    .get('AND')
+                                    ?.find((item) => item.name === fieldName);
+                                // NOT 조건인 경우 통합검색에 표시하지 않음 (빈 값으로 처리)
+                                const fieldValue = isNotCondition(filterItem?.queryConditionType)
+                                    ? null
+                                    : tempSearchForm.getSearchValue(fieldName);
+                                const filterField = field.clone(false).withValue(fieldValue);
+                                if (!field.isFilterable()) {
+                                    return null;
+                                }
+                                return (_jsxs("div", { className: `${resetCacheKey}_${index}`, children: [_jsx("label", { htmlFor: `${field.getName()}`, className: 'flex items-center', children: field.viewLabel(t) }), _jsx(FilterView, { entityForm: entityForm, field: filterField, value: fieldValue, onChange: (name, value, op = 'EQUAL') => {
+                                                setTempSearchForm((prevForm) => {
+                                                    const newSearchForm = prevForm?.clone() ?? SearchForm.create();
+                                                    const field = entityForm.getField(name);
+                                                    if (field instanceof AbstractManyToOneField) {
+                                                        if (field.config.field?.id) {
+                                                            name = name + '.' + field.config.field.id;
+                                                            if (value !== undefined &&
+                                                                value[field.config.field.id] !== undefined) {
+                                                                value = value[field.config.field.id];
+                                                            }
+                                                        }
+                                                        else {
+                                                            name = name + '.id';
+                                                            if (value?.['id'] !== undefined) {
+                                                                value = value['id'];
+                                                            }
+                                                        }
+                                                    }
+                                                    // NOT 조건일 때는 통합검색에서 직접 수정하지 않음 (개발자 지정 필터 보존)
+                                                    if (isNotCondition(op)) {
+                                                        return newSearchForm;
+                                                    }
+                                                    if (field instanceof OptionalField && field.singleFilter) {
+                                                        op = 'EQUAL';
+                                                    }
+                                                    else if (field instanceof MultipleOptionalField) {
+                                                        op = 'IN';
+                                                    }
+                                                    else if (field instanceof OptionalField &&
+                                                        (field.options?.length ?? 0) > 2) {
+                                                        op = 'IN';
+                                                    }
+                                                    if (isBlank(value) && op !== 'NULL' && op !== 'NOT_NULL') {
+                                                        newSearchForm.removeFilter(name);
+                                                    }
+                                                    else {
+                                                        newSearchForm.handleAndFilter(name, value, op);
+                                                    }
+                                                    return newSearchForm;
+                                                });
+                                            } }, `${resetCacheKey}_${index}_filter`)] }, `${resetCacheKey}_${index}`));
+                            }), _jsxs("div", { className: 'py-4 flex items-center justify-center space-x-2', children: [_jsx("button", { className: `btn btn-outline-dark whitespace-nowrap px-4`, onClick: () => {
+                                            setResetCacheKey(generateUUID());
+                                            onClose();
+                                        }, children: "\uB2EB\uAE30" }), _jsx("button", { className: `btn btn-outline-danger whitespace-nowrap px-4`, onClick: () => {
+                                            setTempSearchForm(SearchForm.create());
+                                            props.onReset();
+                                            setResetCacheKey(generateUUID());
+                                        }, children: "\uCD08\uAE30\uD654" }), _jsx("button", { className: `btn btn-primary whitespace-nowrap px-4 min-w-[80px]`, onClick: () => {
+                                            if (tempSearchForm) {
+                                                props.onSubmit(tempSearchForm);
+                                            }
+                                        }, children: "\uAC80\uC0C9" })] })] }) }) }) }) }));
+};

package/dist/listgrid/components/list/AdvancedSearchFormV2.d.ts

@@ -0,0 +1,19 @@
+import { SearchForm } from '../../form/SearchForm';
+import { ListableFormField } from '../fields/abstract';
+import { EntityForm } from '../../config/EntityForm';
+import { QuickSearchProps } from '../../config/ListGrid';
+interface ViewAdvancedSearchProps {
+    entityForm: EntityForm;
+    fields: ListableFormField<any>[];
+    listFieldNames?: Set<string>;
+    quickSearchProperty?: QuickSearchProps;
+    searchForm: SearchForm;
+    onSubmit: (searchForm: SearchForm) => void;
+    onReset: () => void;
+    onClose: () => void;
+    show: boolean;
+    subCollection?: boolean;
+    popup?: boolean;
+}
+export declare const AdvancedSearchFormV2: ({ fields, entityForm, listFieldNames, quickSearchProperty, searchForm, show, onClose, subCollection, popup, ...props }: ViewAdvancedSearchProps) => import("react/jsx-runtime").JSX.Element;
+export { AdvancedSearchForm } from './AdvancedSearchForm';