@ncds/ui-admin 1.8.1 → 1.8.2

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

@@ -1,285 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DropdownModel = void 0;
-class DropdownModel {
-  constructor(initialOptions) {
-    let multiple = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    let filterStrategy = arguments.length > 2 ? arguments[2] : undefined;
-    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) {
-    let showAllItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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 기본 전략: 항상 모든 옵션 표시 */
-exports.DropdownModel = DropdownModel;
-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];
-};