@ncds/ui-admin 1.7.0 → 1.8.0

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

@@ -7,8 +7,8 @@ exports.BaseBox = void 0;
 /**
  * SelectBox와 ComboBox의 공통 기능을 담는 베이스 클래스
  */
-var BaseBox = exports.BaseBox = /** @class */function () {
-  function BaseBox(element) {
+class BaseBox {
+  constructor(element) {
     this.targetSelect = null;
     this.isInitializing = true;
     this.lastValue = '';
@@ -16,133 +16,131 @@ var BaseBox = exports.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) attributes.disabled = true;
       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) attributes.size = containerAttributes.size;
     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', {
+      const event = new Event('change', {
         bubbles: true
       });
-      this.targetSelect.dispatchEvent(event_1);
+      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', {
+      const event = new Event('change', {
         bubbles: true
       });
-      this.targetSelect.dispatchEvent(event_2);
+      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;
-}();
+  }
+}
+exports.BaseBox = BaseBox;

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

@@ -6,116 +6,67 @@ Object.defineProperty(exports, "__esModule", {
 exports.ComboBox = void 0;
 var _baseBox = require("./baseBox");
 var _unifiedBoxManager = require("./utils/unifiedBox/unifiedBoxManager");
-var __extends = void 0 && (void 0).__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 = void 0 && (void 0).__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 = void 0 && (void 0).__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];
-    }
+class ComboBox extends _baseBox.BaseBox {
+  get defaultPlaceholder() {
+    return '검색하고 선택하세요';
   }
-  return to.concat(ar || Array.prototype.slice.call(from));
-};
-var ComboBox = exports.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;
+  constructor(element) {
+    let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    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), {
+    const unifiedConfig = {
+      ...config,
       type: 'combobox',
-      multiple: (_a = config.multiple) !== null && _a !== void 0 ? _a : false,
-      showFooterButtons: (_b = config.showFooterButtons) !== null && _b !== void 0 ? _b : false,
+      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: (_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,
+      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: function (value) {
-        var _a;
+      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);
+        config.onChange?.(value);
       }
-    });
-    _this.unifiedSelectBox = new _unifiedBoxManager.UnifiedBoxManager(element, unifiedConfig);
-    _this.completeInitialization();
-    return _this;
+    };
+    this.unifiedSelectBox = new _unifiedBoxManager.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({
@@ -126,17 +77,15 @@ var ComboBox = exports.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;
@@ -151,38 +100,38 @@ var ComboBox = exports.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.BaseBox);
+  }
+}
+exports.ComboBox = ComboBox;