@ncds/ui-admin 1.6.1 → 1.6.3

package/dist/cjs/src/components/checkbox/CheckboxInput.js

@@ -26,9 +26,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/**
- * 현재 destructive 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
- */
 var CheckboxInput = exports.CheckboxInput = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   var _b = _a.size,
     size = _b === void 0 ? 'xs' : _b,

package/dist/cjs/src/components/date-picker/DatePicker.js

@@ -133,6 +133,9 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(functi
     var instance = flatpickrInstanceRef.current;
     if (!instance) return;
     if (!input || input.trim() === '') {
+      target.value = '';
+      instance.setDate('', false);
+      onChangeDate('');
       return;
     }
     // 숫자가 최소 하나는 포함되어야 함 (하이픈만 있는 경우 방지)
@@ -323,7 +326,8 @@ var DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.forwardRef)(functi
           enableTime = _b.enableTime,
           enableSeconds = _b.enableSeconds,
           noCalendar = _b.noCalendar,
-          inputProps = __rest(_b, ["allowInput", "dateFormat", "minDate", "maxDate", "enableTime", "enableSeconds", "noCalendar"]);
+          render = _b.render,
+          inputProps = __rest(_b, ["allowInput", "dateFormat", "minDate", "maxDate", "enableTime", "enableSeconds", "noCalendar", "render"]);
         return (0, _jsxRuntime.jsx)(_CustomInput.CustomInput, __assign({}, inputProps, {
           id: inputId,
           iconSize: size,

package/dist/cjs/src/components/dot/Dot.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Dot = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _react = require("react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {

package/dist/cjs/src/components/pagination/Pagination.js

@@ -63,7 +63,7 @@ var Pagination = function (_a) {
       setStart(newStart);
     }
     if (currentPage < start) {
-      setStart(start - pageCount);
+      setStart(Math.max(1, start - pageCount));
     }
     if (currentPage === 1) {
       setStart(1);

package/dist/cjs/src/components/select/Select.js

@@ -27,9 +27,6 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
   }
   return t;
 };
-/**
- * 현재 icon 속성은 현재 디자인 시스템에 존재하지 않으니 사용하지 않는 것을 권장합니다.
- */
 var Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   var placeholder = _a.placeholder,
     _b = _a.disabledPlaceholder,

package/dist/cjs/src/components/tab/HorizontalTab.js

@@ -48,7 +48,7 @@ var HorizontalTab = function (_a) {
       spaceBetween: getTabGap(type)
     }, {
       children: menus.map(function (menu) {
-        var isActive = 'href' in menu && menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+        var isActive = 'href' in menu && menu.href ? menu.href === activeTab : menu.id === activeTab;
         return (0, _jsxRuntime.jsx)(_react.SwiperSlide, __assign({
           className: "ncua-horizontal-tab__item"
         }, {

package/dist/cjs/src/components/tab/VerticalTab.js

@@ -48,7 +48,7 @@ var VerticalTab = function (_a) {
     className: (0, _classnames.default)('ncua-vertical-tab', "ncua-vertical-tab--".concat(type))
   }, {
     children: menus === null || menus === void 0 ? void 0 : menus.map(function (menu) {
-      var isActive = 'href' in menu && menu.href ? menu.href.includes(activeTab) : menu.id === activeTab;
+      var isActive = 'href' in menu && menu.href ? menu.href === activeTab : menu.id === activeTab;
       return (0, _jsxRuntime.jsx)(_TabButton.TabButton, __assign({}, menu, {
         isActive: isActive,
         tabButtonType: type,

package/dist/cjs/src/types/side-slot.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -17,7 +17,7 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { UnifiedSelectBox } from './utils/selectbox/UnifiedSelectBox';
+import { UnifiedBoxManager } from './utils/unifiedBox/UnifiedBoxManager';
 var ComboBox = /** @class */function () {
   function ComboBox(element, config) {
     if (config === void 0) {
@@ -74,7 +74,7 @@ var ComboBox = /** @class */function () {
         (_a = config.onChange) === null || _a === void 0 ? void 0 : _a.call(config, value);
       }
     });
-    this.unifiedSelectBox = new UnifiedSelectBox(element, unifiedConfig);
+    this.unifiedSelectBox = new UnifiedBoxManager(element, unifiedConfig);
     // 초기화 완료 (다음 이벤트 루프에서 실행)
     setTimeout(function () {
       _this.isInitializing = false;
@@ -229,7 +229,7 @@ var ComboBox = /** @class */function () {
   };
   // ComboBox 특화 메서드들
   ComboBox.prototype.clearInput = function () {
-    // UnifiedSelectBox의 handleClearInput과 동일한 로직
+    // UnifiedBoxManager의 handleClearInput과 동일한 로직
     this.unifiedSelectBox.close();
   };
   ComboBox.prototype.getDebugInfo = function () {

package/dist/esm/assets/scripts/selectBox.js

@@ -8,7 +8,7 @@ var __assign = this && this.__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
-import { UnifiedSelectBox } from './utils/selectbox/UnifiedSelectBox';
+import { UnifiedBoxManager } from './utils/unifiedBox/UnifiedBoxManager';
 var SelectBox = /** @class */function () {
   function SelectBox(element, config) {
     if (config === void 0) {
@@ -67,7 +67,7 @@ var SelectBox = /** @class */function () {
         (_a = config.onChange) === null || _a === void 0 ? void 0 : _a.call(config, realValue);
       }
     });
-    this.unifiedSelectBox = new UnifiedSelectBox(element, unifiedConfig);
+    this.unifiedSelectBox = new UnifiedBoxManager(element, unifiedConfig);
     // 초기화 완료 (다음 이벤트 루프에서 실행)
     setTimeout(function () {
       _this.isInitializing = false;

package/dist/esm/assets/scripts/utils/{selectbox/SelectBoxController.js → unifiedBox/UnifiedBoxController.js}

@@ -12,8 +12,8 @@ var __assign = this && this.__assign || function () {
  * SelectBox 통합 컨트롤러
  * 이벤트 처리, UI 상태 제어, 사용자 인터랙션 담당
  */
-var SelectBoxController = /** @class */function () {
-  function SelectBoxController(config) {
+var UnifiedBoxController = /** @class */function () {
+  function UnifiedBoxController(config) {
     this.isOpen = false;
     this.focusedIndex = -1;
     this.isKeyboardNavigation = false;
@@ -32,7 +32,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 상태 변경 리스너 (Observer Pattern)
    */
-  SelectBoxController.prototype.onStateChange = function (newState, changedFields) {
+  UnifiedBoxController.prototype.onStateChange = function (newState, changedFields) {
     var _a, _b;
     // 드롭다운 열기/닫기 상태 동기화
     if (changedFields.includes('isOpen')) {
@@ -58,7 +58,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 이벤트 핸들러 설정
    */
-  SelectBoxController.prototype.setupEventHandlers = function () {
+  UnifiedBoxController.prototype.setupEventHandlers = function () {
     var _this = this;
     // 외부 클릭 핸들러
     this.outsideClickHandler = function (e) {
@@ -88,7 +88,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 드롭다운 열기
    */
-  SelectBoxController.prototype.open = function () {
+  UnifiedBoxController.prototype.open = function () {
     var _a, _b;
     if (this.config.disabled || this.isOpen) return;
     this.config.model.setOpen(true);
@@ -101,7 +101,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 드롭다운 닫기
    */
-  SelectBoxController.prototype.close = function () {
+  UnifiedBoxController.prototype.close = function () {
     var _a, _b;
     if (!this.isOpen) return;
     this.config.model.setOpen(false);
@@ -114,7 +114,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 드롭다운 토글
    */
-  SelectBoxController.prototype.toggle = function () {
+  UnifiedBoxController.prototype.toggle = function () {
     if (this.isOpen) {
       this.close();
     } else {
@@ -124,7 +124,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 키보드 입력 처리
    */
-  SelectBoxController.prototype.handleKeyDown = function (event) {
+  UnifiedBoxController.prototype.handleKeyDown = function (event) {
     var state = this.config.model.getState();
     switch (event.key) {
       case 'ArrowDown':
@@ -167,7 +167,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 옵션 검색
    */
-  SelectBoxController.prototype.searchOption = function (char) {
+  UnifiedBoxController.prototype.searchOption = function (char) {
     var state = this.config.model.getState();
     var options = state.filteredOptions;
     var startIndex = this.focusedIndex >= 0 ? this.focusedIndex + 1 : 0;
@@ -186,13 +186,13 @@ var SelectBoxController = /** @class */function () {
   /**
    * 드롭다운 표시/숨김 업데이트
    */
-  SelectBoxController.prototype.updateDropdownVisibility = function (isOpen) {
+  UnifiedBoxController.prototype.updateDropdownVisibility = function (isOpen) {
     this.config.dropdownElement.style.display = isOpen ? 'block' : 'none';
   };
   /**
    * 옵션 표시 업데이트
    */
-  SelectBoxController.prototype.updateOptionsDisplay = function (state) {
+  UnifiedBoxController.prototype.updateOptionsDisplay = function (state) {
     var hasFilteredOptions = state.filteredOptions.length > 0;
     var countChanged = this.lastFilteredOptionsCount !== state.filteredOptions.length;
     // 빈 옵션일 때 해시 초기화 및 전체 렌더링
@@ -269,7 +269,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 포커스된 옵션 업데이트
    */
-  SelectBoxController.prototype.updateFocusedOption = function (focusedIndex) {
+  UnifiedBoxController.prototype.updateFocusedOption = function (focusedIndex) {
     this.optionElements.forEach(function (element, index) {
       if (index === focusedIndex) {
         element.classList.add('ncua-select-dropdown__option--focused');
@@ -284,7 +284,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 옵션 클릭 이벤트 핸들러 등록
    */
-  SelectBoxController.prototype.attachOptionEventHandlers = function () {
+  UnifiedBoxController.prototype.attachOptionEventHandlers = function () {
     var _this = this;
     // 기존 이벤트 리스너 제거
     this.removeOptionEventHandlers();
@@ -327,7 +327,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 옵션 이벤트 핸들러 제거
    */
-  SelectBoxController.prototype.removeOptionEventHandlers = function () {
+  UnifiedBoxController.prototype.removeOptionEventHandlers = function () {
     this.optionElements.forEach(function (element) {
       var clickHandler = element._clickHandler;
       var hoverHandler = element._hoverHandler;
@@ -344,7 +344,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 옵션 업데이트가 필요한지 판단
    */
-  SelectBoxController.prototype.shouldUpdateOptions = function (changedFields) {
+  UnifiedBoxController.prototype.shouldUpdateOptions = function (changedFields) {
     return changedFields.some(function (field) {
       return ['options', 'filteredOptions', 'selectedValues', 'showAllItems'].includes(field);
     });
@@ -352,20 +352,20 @@ var SelectBoxController = /** @class */function () {
   /**
    * 외부 클릭 감지 활성화
    */
-  SelectBoxController.prototype.enableOutsideClick = function () {
+  UnifiedBoxController.prototype.enableOutsideClick = function () {
     document.addEventListener('mousedown', this.outsideClickHandler);
   };
   /**
    * 외부 클릭 감지 비활성화
    */
-  SelectBoxController.prototype.disableOutsideClick = function () {
+  UnifiedBoxController.prototype.disableOutsideClick = function () {
     document.removeEventListener('mousedown', this.outsideClickHandler);
   };
   /**
    * 스크롤 잠금 활성화 (드롭다운 내부 스크롤은 허용)
    * ComboBox 또는 multiple 모드에서는 스크롤 잠금 비활성화
    */
-  SelectBoxController.prototype.enableScrollLock = function () {
+  UnifiedBoxController.prototype.enableScrollLock = function () {
     var _this = this;
     // ComboBox 또는 multiple 모드에서는 스크롤 잠금 비활성화
     if (this.config.type === 'combobox' || this.config.model.isMultiple()) {
@@ -431,7 +431,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 스크롤 가능한 부모 요소 찾기
    */
-  SelectBoxController.prototype.findScrollableParent = function (element, boundary) {
+  UnifiedBoxController.prototype.findScrollableParent = function (element, boundary) {
     var current = element;
     while (current && current !== boundary && boundary.contains(current)) {
       var computedStyle = window.getComputedStyle(current);
@@ -450,7 +450,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 스크롤 잠금 해제
    */
-  SelectBoxController.prototype.disableScrollLock = function () {
+  UnifiedBoxController.prototype.disableScrollLock = function () {
     if (this.scrollLockHandlers) {
       document.removeEventListener('wheel', this.scrollLockHandlers.wheel);
       document.removeEventListener('touchmove', this.scrollLockHandlers.touchmove);
@@ -461,7 +461,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 마우스 호버 처리 (외부에서 호출용)
    */
-  SelectBoxController.prototype.handleMouseHover = function (index) {
+  UnifiedBoxController.prototype.handleMouseHover = function (index) {
     if (!this.isKeyboardNavigation) {
       this.config.model.setFocusedIndex(index);
     }
@@ -469,7 +469,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 옵션 배열 업데이트
    */
-  SelectBoxController.prototype.updateOptions = function (options) {
+  UnifiedBoxController.prototype.updateOptions = function (options) {
     var _this = this;
     this.config.model.updateOptions(options);
     // 스크롤 리스너는 이미 등록되어 있으므로 제거/재등록 불필요
@@ -482,24 +482,24 @@ var SelectBoxController = /** @class */function () {
       });
     }
   };
-  SelectBoxController.prototype.getIsOpen = function () {
+  UnifiedBoxController.prototype.getIsOpen = function () {
     return this.config.model.getState().isOpen;
   };
-  SelectBoxController.prototype.setFocus = function (index) {
+  UnifiedBoxController.prototype.setFocus = function (index) {
     this.config.model.setFocusedIndex(index);
   };
-  SelectBoxController.prototype.getFocusedIndex = function () {
+  UnifiedBoxController.prototype.getFocusedIndex = function () {
     return this.config.model.getState().focusedIndex;
   };
   /**
    * DropdownUtils 호환을 위한 정적 팩토리 메서드
    */
-  SelectBoxController.createFromDropdownConfig = function (config) {
+  UnifiedBoxController.createFromDropdownConfig = function (config) {
     // DropdownModel 생성
     var model = new (require('./DropdownModel').DropdownModel)(config.options || [], false);
     // DOMRenderer 생성
     var renderer = new (require('./DOMRenderer').DOMRenderer)();
-    // SelectBoxController 생성
+    // UnifiedBoxController 생성
     var controllerConfig = {
       triggerElement: config.triggerElement,
       dropdownElement: config.dropdownElement,
@@ -521,13 +521,13 @@ var SelectBoxController = /** @class */function () {
         if (index >= 0) (_c = config.onOptionSelect) === null || _c === void 0 ? void 0 : _c.call(config, index);
       }
     };
-    return new SelectBoxController(controllerConfig);
+    return new UnifiedBoxController(controllerConfig);
   };
   /**
    * 드롭다운 위치 조정 (화면 크기에 따라 up/down 방향 결정)
    * 단일 선택 모드에서만 적용
    */
-  SelectBoxController.prototype.adjustDropdownPosition = function () {
+  UnifiedBoxController.prototype.adjustDropdownPosition = function () {
     if (!this.config.dropdownElement || !this.config.triggerElement) return;
     // ComboBox 또는 multiple 모드에서는 위치 조정 비활성화
     if (this.config.type === 'combobox' || this.config.model.isMultiple()) {
@@ -552,7 +552,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 드롭다운 위치 계산 (React dropdownUtils.ts 로직 참고)
    */
-  SelectBoxController.prototype.calculateDropdownPosition = function () {
+  UnifiedBoxController.prototype.calculateDropdownPosition = function () {
     if (!this.config.triggerElement || !this.config.dropdownElement) {
       return {
         direction: 'down',
@@ -580,7 +580,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 드롭다운 예상 높이 계산
    */
-  SelectBoxController.prototype.estimateDropdownHeight = function () {
+  UnifiedBoxController.prototype.estimateDropdownHeight = function () {
     var itemHeight = 40; // 대략적인 옵션 항목 높이
     var itemCount = this.config.model.getState().filteredOptions.length || this.config.model.getState().options.length;
     return Math.min(itemCount * itemHeight, this.config.renderConfig.maxHeight);
@@ -588,7 +588,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 드롭다운 세부 위치 조정 (뷰포트 경계 처리)
    */
-  SelectBoxController.prototype.adjustDropdownPositionDetails = function (dropdownElement) {
+  UnifiedBoxController.prototype.adjustDropdownPositionDetails = function (dropdownElement) {
     var dropdownRect = dropdownElement.getBoundingClientRect();
     var viewportWidth = window.innerWidth;
     var viewportHeight = window.innerHeight;
@@ -611,7 +611,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 스크롤 바닥 감지 활성화
    */
-  SelectBoxController.prototype.enableScrollBottomDetection = function () {
+  UnifiedBoxController.prototype.enableScrollBottomDetection = function () {
     var _this = this;
     if (!this.config.onScrollBottom) return;
     // 이미 리스너가 등록되어 있으면 중복 등록 방지
@@ -641,7 +641,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 스크롤 바닥 감지 비활성화
    */
-  SelectBoxController.prototype.disableScrollBottomDetection = function () {
+  UnifiedBoxController.prototype.disableScrollBottomDetection = function () {
     if (this.scrollBottomHandler) {
       var optionsList = this.config.dropdownElement.querySelector('.ncua-select-dropdown__options');
       if (optionsList) {
@@ -653,7 +653,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * disabled 상태 설정
    */
-  SelectBoxController.prototype.setDisabled = function (disabled) {
+  UnifiedBoxController.prototype.setDisabled = function (disabled) {
     this.config.disabled = disabled;
     // disabled로 설정될 때 드롭다운이 열려있으면 닫기
     if (disabled && this.isOpen) {
@@ -663,7 +663,7 @@ var SelectBoxController = /** @class */function () {
   /**
    * 정리
    */
-  SelectBoxController.prototype.destroy = function () {
+  UnifiedBoxController.prototype.destroy = function () {
     this.config.model.removeListener(this);
     this.disableOutsideClick();
     this.disableScrollLock();
@@ -671,6 +671,6 @@ var SelectBoxController = /** @class */function () {
     this.disableScrollBottomDetection(); // 스크롤 감지 정리
     this.config.triggerElement.removeEventListener('keydown', this.keyDownHandler);
   };
-  return SelectBoxController;
+  return UnifiedBoxController;
 }();
-export { SelectBoxController };
+export { UnifiedBoxController };