@ncds/ui-admin 1.7.0 → 1.8.1

package/dist/esm/src/utils/dropdown/multiSelect.js

@@ -1,88 +1,68 @@
 /**
  * 전체 선택 상태를 확인하는 유틸 함수
  */
-export var isAllItemsSelected = function (selectedValues, options) {
+export const isAllItemsSelected = (selectedValues, options) => {
   if (options.length === 0) return false;
-  var validOptionIds = options.filter(function (option) {
-    return !option.disabled;
-  }).map(function (option) {
-    return option.id;
-  });
-  return validOptionIds.length > 0 && validOptionIds.every(function (id) {
-    return selectedValues.includes(id);
-  });
+  const validOptionIds = options.filter(option => !option.disabled).map(option => option.id);
+  return validOptionIds.length > 0 && validOptionIds.every(id => selectedValues.includes(id));
 };
 /**
  * 전체 선택 버튼 텍스트를 반환하는 유틸 함수
  */
-export var getSelectAllButtonText = function (selectedValues, options, selectText, deselectText) {
-  if (selectText === void 0) {
-    selectText = '전체 선택';
-  }
-  if (deselectText === void 0) {
-    deselectText = '전체 해제';
-  }
+export const getSelectAllButtonText = function (selectedValues, options) {
+  let selectText = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '전체 선택';
+  let deselectText = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '전체 해제';
   return isAllItemsSelected(selectedValues, options) ? deselectText : selectText;
 };
 /**
  * 전체 선택/해제를 처리하는 유틸 함수
  */
-export var handleSelectAllItems = function (selectedValues, options) {
+export const handleSelectAllItems = (selectedValues, options) => {
   if (isAllItemsSelected(selectedValues, options)) {
     // 전체 해제: 빈 배열 반환
     return [];
   }
   // 전체 선택: 비활성화되지 않은 모든 옵션 ID 반환
-  return options.filter(function (option) {
-    return !option.disabled;
-  }).map(function (option) {
-    return option.id;
-  });
+  return options.filter(option => !option.disabled).map(option => option.id);
 };
 /**
  * 선택된 항목들을 태그 데이터로 변환하는 유틸 함수
  */
-export var getSelectedTags = function (selectedValues, options) {
-  return selectedValues.map(function (value) {
-    var option = options.find(function (opt) {
-      return opt.id === value;
-    });
+export const getSelectedTags = (selectedValues, options) => {
+  return selectedValues.map(value => {
+    const option = options.find(opt => opt.id === value);
     return option ? {
       id: option.id,
       label: option.label || String(option.id)
     } : null;
-  }).filter(function (tag) {
-    return tag !== null;
-  });
+  }).filter(tag => tag !== null);
 };
 /**
  * 태그 제거 시 선택값에서 해당 ID를 제거하는 유틸 함수
  */
-export var removeTagFromSelected = function (selectedValues, tagIdToRemove) {
-  return selectedValues.filter(function (id) {
-    return id !== tagIdToRemove;
-  });
+export const removeTagFromSelected = (selectedValues, tagIdToRemove) => {
+  return selectedValues.filter(id => id !== tagIdToRemove);
 };
 /**
  * 전체 선택 관련 로직을 한 번에 처리하는 커스텀 훅
  */
-export var useMultiSelect = function (selectedValues, options, selectText, deselectText) {
-  var isAllSelected = isAllItemsSelected(selectedValues, options);
-  var buttonText = getSelectAllButtonText(selectedValues, options, selectText, deselectText);
-  var toggleSelectAll = function () {
+export const useMultiSelect = (selectedValues, options, selectText, deselectText) => {
+  const isAllSelected = isAllItemsSelected(selectedValues, options);
+  const buttonText = getSelectAllButtonText(selectedValues, options, selectText, deselectText);
+  const toggleSelectAll = () => {
     return handleSelectAllItems(selectedValues, options);
   };
-  var getSelectedTagsData = function () {
+  const getSelectedTagsData = () => {
     return getSelectedTags(selectedValues, options);
   };
-  var removeTag = function (tagId) {
+  const removeTag = tagId => {
     return removeTagFromSelected(selectedValues, tagId);
   };
   return {
-    isAllSelected: isAllSelected,
-    buttonText: buttonText,
-    toggleSelectAll: toggleSelectAll,
-    getSelectedTagsData: getSelectedTagsData,
-    removeTag: removeTag
+    isAllSelected,
+    buttonText,
+    toggleSelectAll,
+    getSelectedTagsData,
+    removeTag
   };
 };

package/dist/temp/assets/scripts/baseBox.js

@@ -1,8 +1,8 @@
 /**
  * SelectBox와 ComboBox의 공통 기능을 담는 베이스 클래스
  */
-var BaseBox = /** @class */ (function () {
-    function BaseBox(element) {
+export class BaseBox {
+    constructor(element) {
         this.targetSelect = null;
         this.isInitializing = true;
         this.lastValue = '';
@@ -10,40 +10,39 @@ var BaseBox = /** @class */ (function () {
         this.targetSelect = this.findTargetSelect(element);
     }
     /** 초기화 완료 처리 (서브클래스 생성자 마지막에 호출) */
-    BaseBox.prototype.completeInitialization = function () {
-        var _this = this;
-        setTimeout(function () {
-            _this.isInitializing = false;
+    completeInitialization() {
+        setTimeout(() => {
+            this.isInitializing = false;
         }, 0);
-    };
+    }
     /**
      * 타겟 select 요소 찾기
      */
-    BaseBox.prototype.findTargetSelect = function (element) {
+    findTargetSelect(element) {
         // 1. 직접 select 태그인 경우
         if (element.tagName === 'SELECT') {
             return element;
         }
         // 2. 자식으로 select 태그가 있는 경우
-        var selectChild = element.querySelector('select');
+        const selectChild = element.querySelector('select');
         if (selectChild) {
             return selectChild;
         }
         // 3. data-target 속성으로 지정된 경우
-        var targetId = element.getAttribute('data-target');
+        const targetId = element.getAttribute('data-target');
         if (targetId) {
-            var targetElement = document.getElementById(targetId);
+            const targetElement = document.getElementById(targetId);
             if (targetElement && targetElement.tagName === 'SELECT') {
                 return targetElement;
             }
         }
         return null;
-    };
+    }
     /**
      * HTML에서 속성 파싱
      */
-    BaseBox.prototype.parseAttributesFromHTML = function () {
-        var attributes = {};
+    parseAttributesFromHTML() {
+        const attributes = {};
         if (this.targetSelect) {
             // select 요소의 속성들
             if (this.targetSelect.disabled)
@@ -51,13 +50,13 @@ var BaseBox = /** @class */ (function () {
             if (this.targetSelect.value)
                 attributes.value = this.targetSelect.value;
             // placeholder는 첫 번째 빈 option에서 가져오기
-            var firstOption = this.targetSelect.querySelector('option[value=""], option:not([value])');
+            const firstOption = this.targetSelect.querySelector('option[value=""], option:not([value])');
             if (firstOption) {
                 attributes.placeholder = firstOption.textContent || this.defaultPlaceholder;
             }
         }
         // 컨테이너 요소의 data 속성들
-        var containerAttributes = this.element.dataset;
+        const containerAttributes = this.element.dataset;
         if (containerAttributes.placeholder)
             attributes.placeholder = containerAttributes.placeholder;
         if (containerAttributes.size)
@@ -65,80 +64,77 @@ var BaseBox = /** @class */ (function () {
         if (containerAttributes.disabled === 'true')
             attributes.disabled = true;
         return attributes;
-    };
+    }
     /**
      * 값 변환 훅 - SelectBox에서 originalValue 매핑을 위해 오버라이드
      * 기본 동작: 그대로 문자열 변환
      */
-    BaseBox.prototype.resolveValue = function (value) {
+    resolveValue(value) {
         return String(value);
-    };
+    }
     /**
      * 타겟 select와 동기화 (Single 모드)
      */
-    BaseBox.prototype.syncWithTargetSelect = function (value) {
+    syncWithTargetSelect(value) {
         if (this.targetSelect) {
             this.targetSelect.value = this.resolveValue(value);
-            var event_1 = new Event('change', { bubbles: true });
-            this.targetSelect.dispatchEvent(event_1);
+            const event = new Event('change', { bubbles: true });
+            this.targetSelect.dispatchEvent(event);
         }
-    };
+    }
     /**
      * 타겟 select와 동기화 (Multiple 모드)
      */
-    BaseBox.prototype.syncWithTargetSelectMultiple = function (values) {
-        var _this = this;
+    syncWithTargetSelectMultiple(values) {
         if (this.targetSelect && this.targetSelect.multiple) {
             // 모든 옵션 선택 해제
-            Array.from(this.targetSelect.options).forEach(function (option) {
+            Array.from(this.targetSelect.options).forEach((option) => {
                 option.selected = false;
             });
             // 선택된 값들에 해당하는 옵션들 선택
-            values.forEach(function (value) {
-                var resolved = _this.resolveValue(value);
-                var option = _this.targetSelect.querySelector("option[value=\"".concat(resolved, "\"]"));
+            values.forEach((value) => {
+                const resolved = this.resolveValue(value);
+                const option = this.targetSelect.querySelector(`option[value="${resolved}"]`);
                 if (option) {
                     option.selected = true;
                 }
             });
-            var event_2 = new Event('change', { bubbles: true });
-            this.targetSelect.dispatchEvent(event_2);
+            const event = new Event('change', { bubbles: true });
+            this.targetSelect.dispatchEvent(event);
         }
-    };
+    }
     // UnifiedBoxManager 위임 메서드들
-    BaseBox.prototype.getOptions = function () {
+    getOptions() {
         return this.unifiedSelectBox.getOptions();
-    };
-    BaseBox.prototype.updateOptions = function (newOptions) {
+    }
+    updateOptions(newOptions) {
         this.unifiedSelectBox.updateOptions(newOptions);
-    };
-    BaseBox.prototype.setDisabled = function (disabled) {
+    }
+    setDisabled(disabled) {
         this.unifiedSelectBox.setDisabled(disabled);
-    };
-    BaseBox.prototype.open = function () {
+    }
+    open() {
         this.unifiedSelectBox.open();
-    };
-    BaseBox.prototype.close = function () {
+    }
+    close() {
         this.unifiedSelectBox.close();
-    };
-    BaseBox.prototype.focus = function () {
+    }
+    focus() {
         this.unifiedSelectBox.focus();
-    };
-    BaseBox.prototype.destroy = function () {
+    }
+    destroy() {
         this.unifiedSelectBox.destroy();
-    };
-    BaseBox.prototype.selectAll = function () {
+    }
+    selectAll() {
         this.unifiedSelectBox.selectAll();
-    };
-    BaseBox.prototype.deselectAll = function () {
+    }
+    deselectAll() {
         this.unifiedSelectBox.deselectAll();
-    };
-    BaseBox.prototype.isMultiple = function () {
+    }
+    isMultiple() {
         return this.unifiedSelectBox.isMultiple();
-    };
-    BaseBox.prototype.toggleSelectAll = function () {
+    }
+    toggleSelectAll() {
         this.unifiedSelectBox.toggleSelectAll();
-    };
-    return BaseBox;
-}());
-export { BaseBox };
+    }
+}

package/dist/temp/assets/scripts/comboBox.js

@@ -1,96 +1,67 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { BaseBox } from './baseBox';
 import { UnifiedBoxManager } from './utils/unifiedBox/unifiedBoxManager';
-var ComboBox = /** @class */ (function (_super) {
-    __extends(ComboBox, _super);
-    function ComboBox(element, config) {
-        if (config === void 0) { config = {}; }
-        var _this = this;
-        var _a, _b, _c, _d, _e, _f;
-        _this = _super.call(this, element) || this;
+export class ComboBox extends BaseBox {
+    get defaultPlaceholder() {
+        return '검색하고 선택하세요';
+    }
+    constructor(element, config = {}) {
+        super(element);
         // HTML에서 옵션 파싱 (config.options가 없을 경우)
-        var htmlOptions = _this.parseOptionsFromHTML();
+        const htmlOptions = this.parseOptionsFromHTML();
         // JavaScript 옵션을 DropdownOption 형식으로 변환 (이제 구조가 동일하므로 단순 복사)
-        var normalizedOptions = config.options ? __spreadArray([], config.options, true) : htmlOptions;
-        var finalOptions = normalizedOptions;
+        const normalizedOptions = config.options ? [...config.options] : htmlOptions;
+        const finalOptions = normalizedOptions;
         // HTML에서 속성 파싱
-        var htmlAttributes = _this.parseAttributesFromHTML();
+        const htmlAttributes = this.parseAttributesFromHTML();
         // 기존 API를 새 API로 변환
-        var unifiedConfig = __assign(__assign({}, config), { type: 'combobox', multiple: (_a = config.multiple) !== null && _a !== void 0 ? _a : false, showFooterButtons: (_b = config.showFooterButtons) !== null && _b !== void 0 ? _b : false, onSelectAll: config.onSelectAll, onSearchAll: config.onSearchAll, onComplete: config.onComplete, onScrollBottom: config.onScrollBottom, searchDebounceMs: config.searchDebounceMs, options: finalOptions, placeholder: config.placeholder || htmlAttributes.placeholder || _this.defaultPlaceholder, value: (_d = (_c = config.value) !== null && _c !== void 0 ? _c : htmlAttributes.value) !== null && _d !== void 0 ? _d : (config.multiple ? [] : ''), disabled: (_f = (_e = config.disabled) !== null && _e !== void 0 ? _e : htmlAttributes.disabled) !== null && _f !== void 0 ? _f : false, size: config.size || htmlAttributes.size || 'md', onChange: function (value) {
-                var _a;
+        const unifiedConfig = {
+            ...config,
+            type: 'combobox',
+            multiple: config.multiple ?? false,
+            showFooterButtons: config.showFooterButtons ?? false,
+            onSelectAll: config.onSelectAll,
+            onSearchAll: config.onSearchAll,
+            onComplete: config.onComplete,
+            onScrollBottom: config.onScrollBottom,
+            searchDebounceMs: config.searchDebounceMs,
+            options: finalOptions,
+            placeholder: config.placeholder || htmlAttributes.placeholder || this.defaultPlaceholder,
+            value: config.value ?? htmlAttributes.value ?? (config.multiple ? [] : ''),
+            disabled: config.disabled ?? htmlAttributes.disabled ?? false,
+            size: config.size || htmlAttributes.size || 'md',
+            onChange: (value) => {
                 // 초기화 중에는 동기화하지 않음 (무한 루프 방지)
-                if (_this.isInitializing) {
-                    _this.lastValue = value;
+                if (this.isInitializing) {
+                    this.lastValue = value;
                     return;
                 }
                 // 값이 실제로 변경되지 않았으면 동기화 생략 (무한 루프 방지)
-                if (JSON.stringify(_this.lastValue) === JSON.stringify(value)) {
+                if (JSON.stringify(this.lastValue) === JSON.stringify(value)) {
                     return;
                 }
-                _this.lastValue = value;
+                this.lastValue = value;
                 // 타겟 select와 동기화
                 if (config.multiple) {
-                    _this.syncWithTargetSelectMultiple(value);
+                    this.syncWithTargetSelectMultiple(value);
                 }
                 else {
-                    _this.syncWithTargetSelect(value);
+                    this.syncWithTargetSelect(value);
                 }
-                (_a = config.onChange) === null || _a === void 0 ? void 0 : _a.call(config, value);
-            } });
-        _this.unifiedSelectBox = new UnifiedBoxManager(element, unifiedConfig);
-        _this.completeInitialization();
-        return _this;
+                config.onChange?.(value);
+            },
+        };
+        this.unifiedSelectBox = new UnifiedBoxManager(element, unifiedConfig);
+        this.completeInitialization();
     }
-    Object.defineProperty(ComboBox.prototype, "defaultPlaceholder", {
-        get: function () {
-            return '검색하고 선택하세요';
-        },
-        enumerable: false,
-        configurable: true
-    });
     /**
      * HTML select에서 옵션 파싱
      */
-    ComboBox.prototype.parseOptionsFromHTML = function () {
+    parseOptionsFromHTML() {
         if (!this.targetSelect)
             return [];
-        var options = [];
-        var optionElements = this.targetSelect.querySelectorAll('option');
-        optionElements.forEach(function (optionElement) {
+        const options = [];
+        const optionElements = this.targetSelect.querySelectorAll('option');
+        optionElements.forEach((optionElement) => {
             if (optionElement.value) {
                 // value가 있는 옵션만 추가
                 options.push({
@@ -101,15 +72,15 @@ var ComboBox = /** @class */ (function (_super) {
             }
         });
         return options;
-    };
+    }
     // ComboBox 고유 API
-    ComboBox.prototype.getValues = function () {
+    getValues() {
         return this.unifiedSelectBox.getValues();
-    };
-    ComboBox.prototype.setValues = function (value) {
+    }
+    setValues(value) {
         // 옵션 객체 배열에서 id 배열로 변환하여 lastValue 비교
-        var ids = value.map(function (option) { return option.id; });
-        var valueForComparison = this.unifiedSelectBox.isMultiple() ? ids : ids[0] || '';
+        const ids = value.map((option) => option.id);
+        const valueForComparison = this.unifiedSelectBox.isMultiple() ? ids : ids[0] || '';
         // 값이 변경되지 않았으면 무시
         if (JSON.stringify(this.lastValue) === JSON.stringify(valueForComparison)) {
             return;
@@ -125,39 +96,37 @@ var ComboBox = /** @class */ (function (_super) {
                 this.syncWithTargetSelect(ids[0] || '');
             }
         }
-    };
-    ComboBox.prototype.clearInput = function () {
+    }
+    clearInput() {
         // UnifiedBoxManager의 handleClearInput과 동일한 로직
         this.unifiedSelectBox.close();
-    };
-    ComboBox.prototype.getDebugInfo = function () {
+    }
+    getDebugInfo() {
         return this.unifiedSelectBox.getDebugInfo();
-    };
-    ComboBox.prototype.getSelectedCount = function () {
-        var value = this.getValues();
+    }
+    getSelectedCount() {
+        const value = this.getValues();
         if (Array.isArray(value)) {
             return value.length;
         }
         return value ? 1 : 0;
-    };
+    }
     /**
      * 드롭다운을 스크롤의 바닥으로 이동
      */
-    ComboBox.prototype.scrollToBottom = function () {
+    scrollToBottom() {
         this.unifiedSelectBox.scrollToBottom();
-    };
+    }
     /**
      * 전체 선택 버튼의 텍스트를 외부에서 변경
      */
-    ComboBox.prototype.setSelectAllButtonText = function (text) {
+    setSelectAllButtonText(text) {
         this.unifiedSelectBox.setSelectAllButtonText(text);
-    };
+    }
     /**
      * 특정 인덱스의 옵션으로 포커스 이동
      */
-    ComboBox.prototype.setFocusIndex = function (index) {
+    setFocusIndex(index) {
         this.unifiedSelectBox.setFocusIndex(index);
-    };
-    return ComboBox;
-}(BaseBox));
-export { ComboBox };
+    }
+}