@ncds/ui-admin 1.6.4 → 1.8.0

package/dist/temp/assets/scripts/utils/unifiedBox/dropdownModel.js

@@ -0,0 +1,286 @@
+class DropdownModel {
+    constructor(initialOptions, multiple = false, filterStrategy) {
+        this.listeners = [];
+        this.multiple = multiple;
+        this.filterStrategy = filterStrategy ?? DropdownModel.defaultFilterStrategy;
+        this.state = {
+            isOpen: false,
+            focusedIndex: -1,
+            selectedValues: [],
+            searchValue: '',
+            showAllItems: false,
+            options: [...initialOptions],
+            filteredOptions: this.filterStrategy([...initialOptions], '', false),
+        };
+    }
+    /**
+     * 상태 변경 리스너 등록
+     */
+    addListener(listener) {
+        this.listeners.push(listener);
+    }
+    /**
+     * 상태 변경 리스너 제거
+     */
+    removeListener(listener) {
+        const index = this.listeners.indexOf(listener);
+        if (index > -1) {
+            this.listeners.splice(index, 1);
+        }
+    }
+    /**
+     * 상태 변경 알림
+     */
+    notifyListeners(changedFields) {
+        this.listeners.forEach((listener) => {
+            listener.onStateChange({ ...this.state }, changedFields);
+        });
+    }
+    /**
+     * 드롭다운 열기/닫기
+     */
+    setOpen(isOpen) {
+        if (this.state.isOpen !== isOpen) {
+            this.state.isOpen = isOpen;
+            if (!isOpen) {
+                this.state.focusedIndex = -1;
+                this.state.showAllItems = false;
+            }
+            this.notifyListeners(['isOpen', 'focusedIndex', 'showAllItems']);
+        }
+    }
+    /**
+     * 포커스 인덱스 설정
+     */
+    setFocusedIndex(index) {
+        const maxIndex = this.state.filteredOptions.length - 1;
+        const clampedIndex = Math.max(-1, Math.min(index, maxIndex));
+        if (this.state.focusedIndex !== clampedIndex) {
+            this.state.focusedIndex = clampedIndex;
+            this.notifyListeners(['focusedIndex']);
+        }
+    }
+    /**
+     * 검색어 설정 및 필터링
+     */
+    setSearchValue(searchValue) {
+        if (this.state.searchValue !== searchValue) {
+            this.state.searchValue = searchValue;
+            this.updateFilteredOptions();
+            this.notifyListeners(['searchValue', 'filteredOptions']);
+        }
+    }
+    /**
+     * 전체 보기 토글
+     */
+    setShowAllItems(showAll) {
+        if (this.state.showAllItems !== showAll) {
+            this.state.showAllItems = showAll;
+            this.updateFilteredOptions();
+            this.notifyListeners(['showAllItems', 'filteredOptions']);
+        }
+    }
+    /**
+     * 선택된 값들을 직접 설정 (protected)
+     */
+    setSelectedValues(values) {
+        this.state.selectedValues = [...values];
+        this.notifyListeners(['selectedValues']);
+    }
+    /**
+     * 옵션 선택/해제
+     */
+    toggleOption(optionId) {
+        const currentValues = [...this.state.selectedValues];
+        if (this.multiple) {
+            const index = currentValues.indexOf(optionId);
+            if (index > -1) {
+                currentValues.splice(index, 1);
+            }
+            else {
+                currentValues.push(optionId);
+            }
+        }
+        else {
+            currentValues.length = 0;
+            currentValues.push(optionId);
+        }
+        this.state.selectedValues = currentValues;
+        this.notifyListeners(['selectedValues']);
+    }
+    /**
+     * 옵션 업데이트
+     */
+    updateOptions(newOptions) {
+        // 현재 상태 저장
+        const wasOpen = this.state.isOpen;
+        const wasShowAllItems = this.state.showAllItems;
+        this.state.options = [...newOptions];
+        this.state.selectedValues = this.state.selectedValues.filter((value) => newOptions.some((opt) => opt.id === value));
+        // 드롭다운이 열려있었다면 상태 유지
+        if (wasOpen) {
+            this.state.isOpen = true;
+            this.state.showAllItems = wasShowAllItems;
+        }
+        this.updateFilteredOptions();
+        this.notifyListeners(['options', 'selectedValues', 'filteredOptions', 'isOpen', 'showAllItems']);
+    }
+    /**
+     * 필터링된 옵션 업데이트
+     */
+    updateFilteredOptions() {
+        this.state.filteredOptions = this.filterStrategy(this.state.options, this.state.searchValue, this.state.showAllItems);
+    }
+    /**
+     * 현재 상태 반환 (읽기 전용)
+     */
+    getState() {
+        return { ...this.state };
+    }
+    /**
+     * 다중 선택 모드 여부 반환
+     */
+    isMultiple() {
+        return this.multiple;
+    }
+    /**
+     * 선택된 옵션들 반환
+     */
+    getSelectedOptions() {
+        return this.state.options.filter((opt) => this.state.selectedValues.includes(opt.id));
+    }
+    /**
+     * 옵션이 선택되었는지 확인
+     */
+    isOptionSelected(optionId) {
+        return this.state.selectedValues.includes(optionId);
+    }
+    /**
+     * 상태 리셋
+     */
+    reset() {
+        this.state.isOpen = false;
+        this.state.focusedIndex = -1;
+        this.state.selectedValues = [];
+        this.state.searchValue = '';
+        this.state.showAllItems = false;
+        this.state.filteredOptions = [];
+        this.notifyListeners([
+            'isOpen',
+            'focusedIndex',
+            'selectedValues',
+            'searchValue',
+            'showAllItems',
+            'filteredOptions',
+        ]);
+    }
+    /**
+     * 전체 선택/해제 토글 (MultiSelectUtils에서 이동)
+     */
+    toggleSelectAll() {
+        if (!this.multiple)
+            return;
+        const availableOptions = this.state.options.filter((opt) => !opt.disabled);
+        const allSelected = this.state.selectedValues.length === availableOptions.length;
+        let newValue;
+        if (allSelected) {
+            newValue = [];
+        }
+        else {
+            newValue = availableOptions.map((opt) => opt.id);
+        }
+        this.state.selectedValues = newValue;
+        this.notifyListeners(['selectedValues']);
+    }
+    /**
+     * 전체 선택 버튼 텍스트 반환 (MultiSelectUtils에서 이동)
+     */
+    getSelectAllButtonText() {
+        if (!this.multiple)
+            return '전체 선택';
+        return this.isAllItemsSelected() ? '전체 해제' : '전체 선택';
+    }
+    /**
+     * 모든 항목이 선택되었는지 확인 (MultiSelectUtils에서 이동)
+     */
+    isAllItemsSelected() {
+        if (!this.multiple)
+            return false;
+        const availableOptions = this.state.options.filter((opt) => !opt.disabled);
+        if (availableOptions.length === 0)
+            return false;
+        const availableIds = availableOptions.map((opt) => opt.id);
+        return availableIds.length > 0 && availableIds.every((id) => this.state.selectedValues.includes(id));
+    }
+    /**
+     * 검색 및 필터링 업데이트 (SearchFilterUtils에서 이동)
+     */
+    updateSearchAndFilter(searchValue, showAllItems = false) {
+        this.state.searchValue = searchValue;
+        this.state.showAllItems = showAllItems;
+        this.updateFilteredOptions();
+        this.notifyListeners(['searchValue', 'filteredOptions', 'showAllItems']);
+    }
+    /**
+     * 검색어만 업데이트 (필터링 없이, API 모드용)
+     */
+    updateSearchValue(searchValue) {
+        this.state.searchValue = searchValue;
+        this.notifyListeners(['searchValue']);
+    }
+    /**
+     * 드롭다운이 열릴 수 있는지 확인 (ComboBox용)
+     */
+    canOpenDropdown() {
+        return this.state.showAllItems || this.state.searchValue.trim().length > 0;
+    }
+    /**
+     * 검색 결과가 없는지 확인
+     */
+    hasNoResults() {
+        return this.state.filteredOptions.length === 0 && (this.state.showAllItems || Boolean(this.state.searchValue));
+    }
+    /**
+     * 값 설정 (API 호환성)
+     */
+    setValue(value) {
+        const values = Array.isArray(value) ? value : [value];
+        this.setSelectedValues(values);
+    }
+    /**
+     * 값 가져오기 (API 호환성)
+     */
+    getValue() {
+        return this.multiple ? this.state.selectedValues : this.state.selectedValues[0] || '';
+    }
+    /**
+     * 입력 초기화 (ComboBox용)
+     */
+    clearInput() {
+        this.updateSearchAndFilter('');
+    }
+    /**
+     * 디버그 정보 (개발용)
+     */
+    getDebugInfo() {
+        return {
+            state: this.state,
+            multiple: this.multiple,
+            listeners: this.listeners.length,
+        };
+    }
+}
+/** SelectBox 기본 전략: 항상 모든 옵션 표시 */
+DropdownModel.defaultFilterStrategy = (options) => [...options];
+/** ComboBox 전략: 검색어/전체보기 기반 필터링 */
+DropdownModel.comboBoxFilterStrategy = (options, searchValue, showAllItems) => {
+    if (!showAllItems && !searchValue) {
+        return [];
+    }
+    if (searchValue) {
+        const searchLower = searchValue.toLowerCase();
+        return options.filter((option) => option.label.toLowerCase().includes(searchLower));
+    }
+    return [...options];
+};
+export { DropdownModel };

package/dist/{types/assets/scripts/utils/unifiedBox/UnifiedBoxController.d.ts → temp/assets/scripts/utils/unifiedBox/unifiedBoxController.d.ts}

@@ -1,5 +1,5 @@
-import { DOMRenderer, DropdownRenderConfig } from './DOMRenderer';
-import { DropdownModel, DropdownState, StateChangeListener } from './DropdownModel';
+import { DOMRenderer, DropdownRenderConfig } from './domRenderer';
+import { DropdownModel, DropdownState, StateChangeListener } from './dropdownModel';
 export interface UnifiedBoxControllerConfig {
     triggerElement: HTMLElement;
     dropdownElement: HTMLElement;
@@ -28,6 +28,7 @@ export declare class UnifiedBoxController implements StateChangeListener {
     private keyDownHandler;
     private scrollLockHandlers;
     private optionElements;
+    private handlerMap;
     private scrollPosition;
     private mouseMoveHandlerAttached;
     private lastFilteredOptionsCount;
@@ -119,21 +120,6 @@ export declare class UnifiedBoxController implements StateChangeListener {
     getIsOpen(): boolean;
     setFocus(index: number): void;
     getFocusedIndex(): number;
-    /**
-     * DropdownUtils 호환을 위한 정적 팩토리 메서드
-     */
-    static createFromDropdownConfig(config: {
-        triggerElement: HTMLElement;
-        dropdownElement: HTMLElement;
-        onOpen?: () => void;
-        onClose?: () => void;
-        disabled?: boolean;
-        options?: any[];
-        onFocusChange?: (index: number) => void;
-        onOptionSelect?: (index: number) => void;
-        onKeyboardNavigation?: (isKeyboard: boolean) => void;
-        canToggle?: () => boolean;
-    }): UnifiedBoxController;
     /**
      * 드롭다운 위치 조정 (화면 크기에 따라 up/down 방향 결정)
      * 단일 선택 모드에서만 적용
@@ -168,4 +154,3 @@ export declare class UnifiedBoxController implements StateChangeListener {
      */
     destroy(): void;
 }
-//# sourceMappingURL=UnifiedBoxController.d.ts.map