@rchemist/listgrid 0.2.6

package/dist/listgrid/components/list/hooks/useListGridUrlState.js

@@ -0,0 +1,131 @@
+'use client';
+import { useCallback, useRef } from 'react';
+import { parseAsString, useQueryStates } from '../../../urlState';
+import { hasUrlParams, parseAsFilters, parseAsPage, parseAsPageSize, parseAsSort, } from './urlStateParsers';
+import { areUrlStatesEqual, mergeUrlAndSessionState, searchFormToUrlState, } from './searchFormUrlSync';
+/**
+ * Resolve UrlSyncOptions from boolean or object
+ */
+function resolveUrlSyncOptions(urlSync, isMainEntity) {
+    // If explicitly false, disable
+    if (urlSync === false) {
+        return { enabled: false };
+    }
+    // If true or undefined, use defaults
+    if (urlSync === true || urlSync === undefined) {
+        return {
+            enabled: isMainEntity, // Default: enabled only for main entities
+            includeFilters: true,
+            includeSort: true,
+            includePageSize: true,
+            sessionStorageFallback: true,
+        };
+    }
+    // Merge provided options with defaults
+    return {
+        enabled: urlSync.enabled ?? isMainEntity,
+        includeFilters: urlSync.includeFilters ?? true,
+        includeSort: urlSync.includeSort ?? true,
+        includePageSize: urlSync.includePageSize ?? true,
+        sessionStorageFallback: urlSync.sessionStorageFallback ?? true,
+    };
+}
+/**
+ * Custom hook for ListGrid URL state synchronization using nuqs
+ */
+export function useListGridUrlState(options) {
+    const { urlSync, isMainEntity, quickSearchPropertyName, orFields, sessionSearchForm } = options;
+    const resolvedOptions = resolveUrlSyncOptions(urlSync, isMainEntity);
+    const isEnabled = resolvedOptions.enabled ?? false;
+    // Track last synced state to prevent unnecessary updates
+    const lastSyncedStateRef = useRef(null);
+    // Use nuqs for URL state management
+    const [urlState, setUrlState] = useQueryStates({
+        page: parseAsPage,
+        pageSize: parseAsPageSize,
+        q: parseAsString,
+        sort: parseAsSort,
+        filters: parseAsFilters,
+    }, {
+        // Use replace instead of push to avoid polluting browser history
+        history: 'replace',
+        // Shallow routing to avoid full page reload
+        shallow: true,
+    });
+    // Check if URL has any ListGrid params
+    const urlHasParams = hasUrlParams(urlState);
+    /**
+     * Sync SearchForm state to URL
+     */
+    const syncToUrl = useCallback((searchForm) => {
+        if (!isEnabled)
+            return;
+        const newUrlState = searchFormToUrlState(searchForm, quickSearchPropertyName, orFields);
+        // Apply options to filter what goes to URL
+        const filteredState = {
+            page: newUrlState.page,
+            pageSize: resolvedOptions.includePageSize ? newUrlState.pageSize : null,
+            q: newUrlState.q,
+            sort: resolvedOptions.includeSort ? newUrlState.sort : null,
+            filters: resolvedOptions.includeFilters ? newUrlState.filters : null,
+        };
+        // Skip if state hasn't changed
+        if (lastSyncedStateRef.current &&
+            areUrlStatesEqual(lastSyncedStateRef.current, filteredState)) {
+            return;
+        }
+        lastSyncedStateRef.current = filteredState;
+        // Update URL
+        setUrlState({
+            page: filteredState.page,
+            pageSize: filteredState.pageSize,
+            q: filteredState.q,
+            sort: filteredState.sort,
+            filters: filteredState.filters,
+        });
+    }, [isEnabled, quickSearchPropertyName, orFields, resolvedOptions, setUrlState]);
+    /**
+     * Get initial SearchForm from URL or session storage
+     */
+    const getInitialSearchForm = useCallback((baseSearchForm) => {
+        if (!isEnabled) {
+            // URL sync disabled, use session if available
+            return sessionSearchForm?.clone() ?? baseSearchForm.clone();
+        }
+        // Merge URL state with session state (URL priority)
+        const mergedForm = mergeUrlAndSessionState(urlState, resolvedOptions.sessionStorageFallback ? sessionSearchForm : undefined, quickSearchPropertyName, orFields);
+        // Apply base form settings if merged form is empty
+        if (!hasUrlParams(urlState) && !sessionSearchForm) {
+            return baseSearchForm.clone();
+        }
+        // Copy settings from base form that aren't in URL
+        if (!urlState.pageSize && baseSearchForm.getPageSize()) {
+            mergedForm.withPageSize(baseSearchForm.getPageSize());
+        }
+        return mergedForm;
+    }, [isEnabled, urlState, sessionSearchForm, quickSearchPropertyName, orFields, resolvedOptions]);
+    /**
+     * Clear all URL params
+     */
+    const clearUrlParams = useCallback(() => {
+        if (!isEnabled)
+            return;
+        lastSyncedStateRef.current = null;
+        setUrlState({
+            page: null,
+            pageSize: null,
+            q: null,
+            sort: null,
+            filters: null,
+        });
+    }, [isEnabled, setUrlState]);
+    return {
+        urlState: urlState,
+        isEnabled,
+        hasUrlParams: urlHasParams,
+        syncToUrl,
+        getInitialSearchForm,
+        clearUrlParams,
+    };
+}
+export default useListGridUrlState;

package/dist/listgrid/components/list/hooks/useQuickSearchBar.d.ts

@@ -0,0 +1,22 @@
+import { QuickSearchBarProps } from '../QuickSearchBar';
+import { QuickSearchProps } from '../../../config/ListGrid';
+import { ListableFormField } from '../../fields/abstract';
+import { SearchForm } from '../../../form/SearchForm';
+export declare const PAGE_SIZE_STORAGE_KEY = "listgrid_global_page_size";
+export declare const DEFAULT_PAGE_SIZE = 20;
+export declare const getGlobalPageSize: () => number;
+export declare const setGlobalPageSize: (size: number) => void;
+export declare function getFilteredAndSearchEnabled(listFields: ListableFormField<any>[], searchForm: SearchForm): {
+    filtered: boolean;
+    searchEnabled: boolean;
+};
+export declare function getQuickSearchLabel(quickSearchProperty: QuickSearchProps | undefined, t: (key: string) => string): string;
+export declare const useQuickSearchBar: (props: QuickSearchBarProps) => {
+    search: string;
+    setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
+    quickSearchEnabled: boolean;
+    quickSearchLabel: string;
+    handlePageSizeChange: (value: string) => void;
+    filtered: boolean;
+    searchEnabled: boolean;
+};

package/dist/listgrid/components/list/hooks/useQuickSearchBar.js

@@ -0,0 +1,104 @@
+'use client';
+import { getTranslation } from '../../../utils/i18n';
+import { useCallback, useEffect, useState } from 'react';
+import { getLocalStorageItem, setLocalStorageItem } from '../../../misc';
+// 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 PAGE_SIZE_STORAGE_KEY = 'listgrid_global_page_size';
+export const DEFAULT_PAGE_SIZE = 20;
+export const getGlobalPageSize = () => {
+    const stored = getLocalStorageItem(PAGE_SIZE_STORAGE_KEY);
+    if (stored) {
+        const size = parseInt(stored, 10);
+        if (!isNaN(size) && size > 0) {
+            return size;
+        }
+    }
+    return DEFAULT_PAGE_SIZE;
+};
+export const setGlobalPageSize = (size) => {
+    setLocalStorageItem(PAGE_SIZE_STORAGE_KEY, size.toString());
+};
+export function getFilteredAndSearchEnabled(listFields, searchForm) {
+    let filtered = false;
+    let searchEnabled = false;
+    for (const field of listFields) {
+        if (searchEnabled && filtered) {
+            break;
+        }
+        if (field.isFilterable()) {
+            searchEnabled = true;
+            if (!filtered) {
+                const fieldName = field.type === 'manyToOne' ? field.getName() + '.id' : field.getName();
+                const filterResults = searchForm.getFilter(fieldName);
+                // 필터가 존재하지만 NOT 조건이 아닌 경우만 filtered로 판단
+                filtered =
+                    filterResults.length > 0 &&
+                        filterResults.some((result) => result.filters.some((filterItem) => !isNotCondition(filterItem.queryConditionType)));
+            }
+        }
+    }
+    return { filtered, searchEnabled };
+}
+export function getQuickSearchLabel(quickSearchProperty, t) {
+    if (quickSearchProperty?.label) {
+        const mainLabel = typeof quickSearchProperty.label === 'string'
+            ? t(quickSearchProperty.label)
+            : String(quickSearchProperty.label);
+        // Combine with orFieldLabels if available
+        if (quickSearchProperty.orFieldLabels && quickSearchProperty.orFieldLabels.length > 0) {
+            const otherLabels = quickSearchProperty.orFieldLabels.map((label) => typeof label === 'string' ? t(label) : String(label));
+            const allLabels = [mainLabel, ...otherLabels];
+            return `${allLabels.join(', ')}...`;
+        }
+        return `${mainLabel}...`;
+    }
+    return '';
+}
+export const useQuickSearchBar = (props) => {
+    const { quickSearchValue, searchForm, onChangeSearchForm, listFields, quickSearchProperty } = props;
+    const { t } = getTranslation();
+    const [search, setSearch] = useState(quickSearchValue ?? '');
+    useEffect(() => {
+        setSearch(quickSearchValue ?? '');
+    }, [quickSearchValue]);
+    useEffect(() => {
+        const globalPageSize = getGlobalPageSize();
+        if (searchForm.getPageSize() !== globalPageSize) {
+            onChangeSearchForm(searchForm.clone().withPage(0).withPageSize(globalPageSize));
+        }
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    const handlePageSizeChange = useCallback((value) => {
+        const newPageSize = Number(value);
+        setGlobalPageSize(newPageSize);
+        if (searchForm) {
+            const newSearchForm = searchForm.clone().withPage(0).withPageSize(newPageSize);
+            onChangeSearchForm(newSearchForm);
+        }
+    }, [searchForm, onChangeSearchForm]);
+    const quickSearchEnabled = quickSearchProperty !== undefined;
+    const { filtered, searchEnabled } = getFilteredAndSearchEnabled(listFields, searchForm);
+    const quickSearchLabel = getQuickSearchLabel(quickSearchProperty, t);
+    return {
+        search,
+        setSearch,
+        quickSearchEnabled,
+        quickSearchLabel,
+        handlePageSizeChange,
+        filtered,
+        searchEnabled,
+    };
+};

package/dist/listgrid/components/list/hooks/useSubCollectionExpansion.d.ts

@@ -0,0 +1,21 @@
+export interface UseSubCollectionExpansionOptions {
+    maxExpandedItems?: number;
+    expansionMode?: 'single' | 'multiple';
+    onExpand?: (id: string) => void;
+    onCollapse?: (id: string) => void;
+}
+export interface UseSubCollectionExpansionReturn {
+    expandedItems: string[];
+    isExpanded: (id: string) => boolean;
+    toggleExpansion: (id: string) => void;
+    collapseItem: (id: string) => void;
+    collapseAll: () => void;
+    canExpand: boolean;
+}
+/**
+ * Hook to manage SubCollection expansion state with FIFO auto-collapse
+ *
+ * @param options Configuration options
+ * @returns Expansion state and control functions
+ */
+export declare function useSubCollectionExpansion(options?: UseSubCollectionExpansionOptions): UseSubCollectionExpansionReturn;

package/dist/listgrid/components/list/hooks/useSubCollectionExpansion.js

@@ -0,0 +1,62 @@
+import { useState, useCallback } from 'react';
+/**
+ * Hook to manage SubCollection expansion state with FIFO auto-collapse
+ *
+ * @param options Configuration options
+ * @returns Expansion state and control functions
+ */
+export function useSubCollectionExpansion(options = {}) {
+    const { maxExpandedItems = 3, expansionMode = 'multiple', onExpand, onCollapse } = options;
+    const [expandedItems, setExpandedItems] = useState([]);
+    const isExpanded = useCallback((id) => expandedItems.includes(id), [expandedItems]);
+    const canExpand = expandedItems.length < maxExpandedItems;
+    const toggleExpansion = useCallback((id) => {
+        setExpandedItems((prev) => {
+            const isCurrentlyExpanded = prev.includes(id);
+            if (isCurrentlyExpanded) {
+                // Collapse
+                onCollapse?.(id);
+                return prev.filter((item) => item !== id);
+            }
+            else {
+                // Expand
+                let newExpandedItems;
+                if (expansionMode === 'single') {
+                    // Single mode: only one item expanded at a time
+                    newExpandedItems = [id];
+                }
+                else {
+                    // Multiple mode: maintain multiple expansions
+                    newExpandedItems = [...prev, id];
+                    // Enforce max expanded items with FIFO
+                    if (newExpandedItems.length > maxExpandedItems) {
+                        newExpandedItems = newExpandedItems.slice(-maxExpandedItems);
+                    }
+                }
+                // Trigger expand callback
+                onExpand?.(id);
+                return newExpandedItems;
+            }
+        });
+    }, [expansionMode, maxExpandedItems, onExpand, onCollapse]);
+    const collapseItem = useCallback((id) => {
+        setExpandedItems((prev) => {
+            if (prev.includes(id)) {
+                onCollapse?.(id);
+                return prev.filter((item) => item !== id);
+            }
+            return prev;
+        });
+    }, [onCollapse]);
+    const collapseAll = useCallback(() => {
+        setExpandedItems([]);
+    }, []);
+    return {
+        expandedItems,
+        isExpanded,
+        toggleExpansion,
+        collapseItem,
+        collapseAll,
+        canExpand,
+    };
+}

package/dist/listgrid/components/list/themes/defaultListGridTheme.d.ts

@@ -0,0 +1,14 @@
+import { ViewListGridClassNames } from '../types/ViewListGridTheme.types';
+/**
+ * ViewListGrid 기본 테마 — 중립(neutral) 버전.
+ *
+ * 라이브러리가 제공하는 기본 스타일은 `@rchemist/listgrid/styles.css`의
+ * `rcm-*` scoped 클래스로만 구성됩니다. 호스트의 Tailwind/shadcn/HeroUI
+ * 설정과 무관하게 동작하며, 스타일 커스터마이즈는 다음 네 경로로 가능:
+ *
+ *   1) CSS 변수 override — `:root { --rcm-color-primary: ... }`
+ *   2) `@layer rcm-listgrid` 밖에서 `.rcm-button { ... }` 재정의
+ *   3) `<ViewListGrid classNames={{...}}>` prop
+ *   4) 이 파일을 복사해 자체 theme 객체를 만들고 `ListGridThemeProvider`에 주입
+ */
+export declare const defaultListGridTheme: ViewListGridClassNames;

package/dist/listgrid/components/list/themes/defaultListGridTheme.js

@@ -0,0 +1,169 @@
+/**
+ * ViewListGrid 기본 테마 — 중립(neutral) 버전.
+ *
+ * 라이브러리가 제공하는 기본 스타일은 `@rchemist/listgrid/styles.css`의
+ * `rcm-*` scoped 클래스로만 구성됩니다. 호스트의 Tailwind/shadcn/HeroUI
+ * 설정과 무관하게 동작하며, 스타일 커스터마이즈는 다음 네 경로로 가능:
+ *
+ *   1) CSS 변수 override — `:root { --rcm-color-primary: ... }`
+ *   2) `@layer rcm-listgrid` 밖에서 `.rcm-button { ... }` 재정의
+ *   3) `<ViewListGrid classNames={{...}}>` prop
+ *   4) 이 파일을 복사해 자체 theme 객체를 만들고 `ListGridThemeProvider`에 주입
+ */
+export const defaultListGridTheme = {
+    root: '',
+    loading: {
+        container: 'rcm-loading-overlay',
+        overlay: '',
+        skeleton: 'rcm-skeleton',
+    },
+    header: {
+        container: 'rcm-listgrid-header',
+        titleContainer: 'rcm-listgrid-title-container',
+        titleWrapper: 'rcm-listgrid-title',
+        titleText: 'rcm-listgrid-title',
+        buttonGroup: 'rcm-listgrid-button-group',
+    },
+    panel: {
+        container: 'rcm-listgrid-panel',
+        mainEntity: 'rcm-listgrid-panel-main',
+        subCollection: 'rcm-listgrid-panel-sub',
+        default: '',
+    },
+    subCollectionButtons: {
+        container: 'rcm-action-bar-end',
+        buttonGroup: 'rcm-row rcm-gap-sm',
+        addButton: 'rcm-button',
+        deleteButton: 'rcm-button',
+        actionButton: 'rcm-button',
+    },
+    searchBar: {
+        container: 'rcm-listgrid-searchbar',
+        innerWrapper: 'rcm-listgrid-searchbar-inner',
+        layoutWrapper: 'rcm-row-between rcm-gap-sm',
+    },
+    searchInput: {
+        container: 'rcm-row',
+        input: 'rcm-listgrid-search-input',
+        icon: 'rcm-listgrid-search-icon',
+        button: 'rcm-button',
+        clearButton: 'rcm-listgrid-search-clear',
+    },
+    searchBarActions: {
+        container: 'rcm-row rcm-gap-sm',
+        pageSizeSelect: 'rcm-field-input',
+        filterButton: 'rcm-button',
+        fieldSelectorButton: 'rcm-button',
+        advancedSearchButton: 'rcm-button',
+    },
+    advancedSearch: {
+        container: 'rcm-stack',
+        panel: 'rcm-panel',
+        fieldGrid: 'rcm-grid',
+        buttonArea: 'rcm-action-bar-end',
+        searchButton: 'rcm-button',
+        resetButton: 'rcm-button',
+        closeButton: 'rcm-button',
+    },
+    table: {
+        responsiveWrapper: 'rcm-skeleton-table-wrapper',
+        container: 'rcm-scroll-y',
+        table: 'rcm-table',
+        thead: 'rcm-listgrid-thead',
+        headerRow: '',
+        tbody: 'rcm-listgrid-tbody',
+        contentWrapper: 'rcm-scroll-y',
+    },
+    headerCell: {
+        cell: '',
+        sortable: 'rcm-cursor-pointer rcm-listgrid-row-hover',
+        sorted: 'rcm-text-emphasis',
+        sortIcon: '',
+        filterIcon: 'rcm-cursor-pointer rcm-text-muted',
+        checkboxCell: '',
+        dragHandleCell: '',
+        openNewWindowCell: '',
+        selectCell: '',
+    },
+    row: {
+        row: '',
+        hover: 'rcm-listgrid-row-hover',
+        selected: 'rcm-listgrid-row-selected',
+        even: '',
+        odd: '',
+        dragging: 'rcm-listgrid-row-dragging',
+        clickable: 'rcm-cursor-pointer',
+    },
+    cell: {
+        cell: '',
+        checkboxCell: 'rcm-skeleton-td-checkbox',
+        numberCell: '',
+        dragHandleCell: 'rcm-cursor-pointer',
+        openNewWindowCell: '',
+        selectCell: '',
+        dataCell: '',
+    },
+    checkbox: {
+        container: 'rcm-row-center',
+        input: 'rcm-cursor-pointer',
+        selectAll: '',
+        item: '',
+        checked: '',
+        indeterminate: '',
+    },
+    empty: {
+        container: 'rcm-listgrid-empty',
+        message: 'rcm-text-muted',
+        icon: 'rcm-text-muted',
+    },
+    pagination: {
+        container: 'rcm-listgrid-pagination',
+        wrapper: '',
+    },
+    notifications: {
+        container: '',
+        error: 'rcm-notice rcm-notice-error',
+        success: 'rcm-notice',
+        warning: 'rcm-notice rcm-notice-warning',
+        info: 'rcm-notice rcm-notice-info',
+    },
+    fieldSelector: {
+        container: '',
+        dropdown: 'rcm-listgrid-dropdown',
+        item: 'rcm-listgrid-dropdown-item',
+        selectedItem: 'rcm-listgrid-row-selected',
+        checkbox: '',
+    },
+    filterDropdown: {
+        container: '',
+        panel: 'rcm-listgrid-dropdown-left',
+        input: 'rcm-field-input',
+        applyButton: 'rcm-button',
+        resetButton: 'rcm-button',
+    },
+    modal: {
+        overlay: 'rcm-modal-overlay',
+        container: 'rcm-modal-container',
+        header: 'rcm-modal-header',
+        body: 'rcm-modal-body',
+        footer: 'rcm-modal-footer',
+        closeButton: 'rcm-button',
+    },
+    dataTransferModal: {
+        container: 'rcm-dialog-body',
+        optionGrid: 'rcm-grid',
+        optionItem: 'rcm-panel rcm-cursor-pointer',
+        progressBar: 'rcm-progress-bar',
+    },
+    priority: {
+        dragHandle: 'rcm-cursor-pointer',
+        dragHandleIcon: 'rcm-text-muted',
+        button: 'rcm-button',
+        active: '',
+    },
+    popup: {
+        container: 'rcm-skeleton-popup-container',
+        scrollArea: 'rcm-scroll-y',
+        table: '',
+    },
+};

package/dist/listgrid/components/list/themes/index.d.ts

@@ -0,0 +1,4 @@
+export { defaultListGridTheme } from './defaultListGridTheme';
+export { mainListGridTheme } from './variants/mainTheme';
+export { subCollectionListGridTheme } from './variants/subCollectionTheme';
+export { modalListGridTheme } from './variants/modalTheme';

package/dist/listgrid/components/list/themes/index.js

@@ -0,0 +1,4 @@
+export { defaultListGridTheme } from './defaultListGridTheme';
+export { mainListGridTheme } from './variants/mainTheme';
+export { subCollectionListGridTheme } from './variants/subCollectionTheme';
+export { modalListGridTheme } from './variants/modalTheme';

package/dist/listgrid/components/list/themes/variants/mainTheme.d.ts

@@ -0,0 +1,8 @@
+import { ViewListGridClassNames } from '../../types/ViewListGridTheme.types';
+/**
+ * 메인 페이지용 ListGrid 테마 변형 — 중립 버전.
+ *
+ * 기본 테마 위에 메인 페이지 느낌의 미세 조정(더 큰 여백, 그림자)을 얹습니다.
+ * 구체적 스타일은 `rcm-*` 클래스의 조합 + CSS 변수로만 구성.
+ */
+export declare const mainListGridTheme: Partial<ViewListGridClassNames>;

package/dist/listgrid/components/list/themes/variants/mainTheme.js

@@ -0,0 +1,37 @@
+/**
+ * 메인 페이지용 ListGrid 테마 변형 — 중립 버전.
+ *
+ * 기본 테마 위에 메인 페이지 느낌의 미세 조정(더 큰 여백, 그림자)을 얹습니다.
+ * 구체적 스타일은 `rcm-*` 클래스의 조합 + CSS 변수로만 구성.
+ */
+export const mainListGridTheme = {
+    panel: {
+        container: 'rcm-listgrid-panel rcm-listgrid-panel-main',
+        mainEntity: '',
+        subCollection: 'rcm-listgrid-panel-sub',
+        default: '',
+    },
+    header: {
+        container: 'rcm-listgrid-header',
+        titleWrapper: 'rcm-listgrid-title',
+        titleText: 'rcm-listgrid-title',
+        buttonGroup: 'rcm-listgrid-button-group',
+    },
+    searchBar: {
+        container: 'rcm-listgrid-searchbar',
+        innerWrapper: 'rcm-listgrid-searchbar-inner',
+        layoutWrapper: 'rcm-row-between rcm-gap-sm',
+    },
+    table: {
+        responsiveWrapper: 'rcm-skeleton-table-wrapper',
+        container: 'rcm-scroll-y',
+        table: 'rcm-table',
+        thead: 'rcm-listgrid-thead',
+        headerRow: '',
+        tbody: 'rcm-listgrid-tbody',
+    },
+    pagination: {
+        container: 'rcm-listgrid-pagination',
+        wrapper: '',
+    },
+};

package/dist/listgrid/components/list/themes/variants/modalTheme.d.ts

@@ -0,0 +1,8 @@
+import { ViewListGridClassNames } from '../../types/ViewListGridTheme.types';
+/**
+ * 모달용 ListGrid 테마 변형 — 중립 버전.
+ *
+ * 모달 다이얼로그 내부에서 사용. 기본 테마에서 테두리/그림자를 제거하고
+ * 팝업 높이 제한을 두는 정도의 조정.
+ */
+export declare const modalListGridTheme: Partial<ViewListGridClassNames>;

package/dist/listgrid/components/list/themes/variants/modalTheme.js

@@ -0,0 +1,47 @@
+/**
+ * 모달용 ListGrid 테마 변형 — 중립 버전.
+ *
+ * 모달 다이얼로그 내부에서 사용. 기본 테마에서 테두리/그림자를 제거하고
+ * 팝업 높이 제한을 두는 정도의 조정.
+ */
+export const modalListGridTheme = {
+    panel: {
+        container: 'rcm-listgrid-panel',
+        mainEntity: '',
+        subCollection: '',
+        default: '',
+    },
+    header: {
+        container: 'rcm-listgrid-header',
+        titleWrapper: 'rcm-listgrid-title',
+        titleText: 'rcm-listgrid-title',
+        buttonGroup: 'rcm-listgrid-button-group',
+    },
+    searchBar: {
+        container: 'rcm-listgrid-searchbar',
+        innerWrapper: '',
+        layoutWrapper: 'rcm-row-between rcm-gap-sm',
+    },
+    table: {
+        responsiveWrapper: 'rcm-skeleton-table-wrapper',
+        container: 'rcm-scroll-y',
+        table: 'rcm-table',
+        thead: 'rcm-listgrid-thead',
+        headerRow: '',
+        tbody: 'rcm-listgrid-tbody',
+    },
+    empty: {
+        container: 'rcm-listgrid-empty',
+        message: 'rcm-text-muted',
+        icon: 'rcm-text-muted',
+    },
+    pagination: {
+        container: 'rcm-listgrid-pagination',
+        wrapper: '',
+    },
+    popup: {
+        container: 'rcm-skeleton-popup-container',
+        scrollArea: 'rcm-scroll-y',
+        table: '',
+    },
+};

package/dist/listgrid/components/list/themes/variants/subCollectionTheme.d.ts

@@ -0,0 +1,8 @@
+import { ViewListGridClassNames } from '../../types/ViewListGridTheme.types';
+/**
+ * 서브콜렉션용 ListGrid 테마 변형 — 중립 버전.
+ *
+ * 부모 폼 내부에 삽입되는 테이블의 컴팩트한 스타일. 기본 테마 위에
+ * `rcm-*` scoped 클래스만 활용해 헤더 숨김/테두리 축소를 덮어씁니다.
+ */
+export declare const subCollectionListGridTheme: Partial<ViewListGridClassNames>;