@ncds/ui-admin 1.6.4 → 1.7.0

package/dist/cjs/src/components/switch/Switch.js

@@ -19,19 +19,24 @@ var __assign = void 0 && (void 0).__assign || function () {
   return __assign.apply(this, arguments);
 };
 var Switch = exports.Switch = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'xs' : _b,
+  var _b;
+  var _c = _a.size,
+    size = _c === void 0 ? 'xs' : _c,
     left = _a.left,
     right = _a.right,
-    _c = _a.disabled,
-    disabled = _c === void 0 ? false : _c,
+    _d = _a.disabled,
+    disabled = _d === void 0 ? false : _d,
     value = _a.value,
-    _d = _a.defaultValue,
-    defaultValue = _d === void 0 ? left.value : _d,
+    _e = _a.defaultValue,
+    defaultValue = _e === void 0 ? left.value : _e,
     onChange = _a.onChange,
     className = _a.className,
     name = _a.name,
     refs = _a.refs;
+  var leftInputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return leftInputRef.current;
+  });
   // 값을 문자열로 정규화하는 함수
   var normalizeValue = function (val) {
     return typeof val === 'boolean' ? String(val) : val;
@@ -51,9 +56,9 @@ var Switch = exports.Switch = /*#__PURE__*/(0, _react.forwardRef)(function (_a,
     return normalizeValue(value);
   };
   var isControlled = getCurrentValue() !== undefined;
-  var _e = (0, _react.useState)(normalizeValue(defaultValue)),
-    internalValue = _e[0],
-    setInternalValue = _e[1];
+  var _f = (0, _react.useState)(normalizeValue(defaultValue)),
+    internalValue = _f[0],
+    setInternalValue = _f[1];
   var currentValue = isControlled ? getCurrentValue() : internalValue;
   var handleChange = function (newValue) {
     if (!isControlled) {
@@ -81,7 +86,7 @@ var Switch = exports.Switch = /*#__PURE__*/(0, _react.forwardRef)(function (_a,
     }, {
       children: [(0, _jsxRuntime.jsx)("input", {
         type: "radio",
-        ref: refs === null || refs === void 0 ? void 0 : refs[0],
+        ref: (_b = refs === null || refs === void 0 ? void 0 : refs[0]) !== null && _b !== void 0 ? _b : leftInputRef,
         name: name,
         value: normalizeValue(left.value),
         checked: currentValue === normalizeValue(left.value),

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

@@ -20,6 +20,8 @@ var __assign = void 0 && (void 0).__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
+var UNDERLINE_GAP = 16;
+var DEFAULT_GAP = 8;
 var HorizontalTab = function (_a) {
   var _b = _a.type,
     type = _b === void 0 ? 'button-primary' : _b,
@@ -34,11 +36,11 @@ var HorizontalTab = function (_a) {
   var getTabGap = function (type) {
     var _a;
     var gap = {
-      underline: 16
+      underline: UNDERLINE_GAP
     };
-    return (_a = gap[type]) !== null && _a !== void 0 ? _a : 8;
+    return (_a = gap[type]) !== null && _a !== void 0 ? _a : DEFAULT_GAP;
   };
-  if (!menus.length) return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  if (!menus.length) return null;
   return (0, _jsxRuntime.jsx)("div", __assign({
     className: (0, _classnames.default)('ncua-horizontal-tab', "ncua-horizontal-tab--".concat(type), "ncua-horizontal-tab--".concat(size), {
       'ncua-horizontal-tab--fullWidth': fullWidth

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

@@ -48,7 +48,7 @@ var TabButton = function (_a) {
       href = _d.href,
       _e = _d.target,
       target = _e === void 0 ? '_self' : _e,
-      onClick_1 = _d.onClick,
+      _onClick = _d.onClick,
       anchorProps = __rest(_d, ["href", "target", "onClick"]);
     return (0, _jsxRuntime.jsxs)("a", __assign({
       className: componentClassName,

package/dist/cjs/src/components/toggle/Toggle.js

@@ -27,7 +27,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 var Toggle = function (_a) {
   var _b = _a.size,
-    size = _b === void 0 ? 'md' : _b,
+    size = _b === void 0 ? 'sm' : _b,
     _c = _a.text,
     text = _c === void 0 ? '' : _c,
     _d = _a.supportText,
@@ -54,21 +54,19 @@ var Toggle = function (_a) {
       children: (0, _jsxRuntime.jsx)("span", {
         className: "ncua-toggle__slider"
       })
-    })), text && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: (0, _jsxRuntime.jsxs)("span", __assign({
-        className: "ncua-toggle__text-wrapper"
+    })), text && (0, _jsxRuntime.jsxs)("span", __assign({
+      className: "ncua-toggle__text-wrapper"
+    }, {
+      children: [(0, _jsxRuntime.jsx)("span", __assign({
+        className: "ncua-toggle__text"
+      }, {
+        children: text
+      })), supportText && (0, _jsxRuntime.jsx)("span", __assign({
+        className: "ncua-toggle__support-text"
       }, {
-        children: [(0, _jsxRuntime.jsx)("span", __assign({
-          className: "ncua-toggle__text"
-        }, {
-          children: text
-        })), supportText && (0, _jsxRuntime.jsx)("span", __assign({
-          className: "ncua-toggle__support-text"
-        }, {
-          children: supportText
-        }))]
-      }))
-    })]
+        children: supportText
+      }))]
+    }))]
   }));
 };
 exports.Toggle = Toggle;

package/dist/cjs/src/components/tooltip/Tooltip.js

@@ -20,10 +20,30 @@ var __assign = void 0 && (void 0).__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
+var ICON_SIZE_SM = 14;
+var ICON_SIZE_DEFAULT = 16;
 var MARGIN = 10;
 var DEFAULT_TOOLTIP_WIDTH = 200;
 var DEFAULT_TOOLTIP_HEIGHT = 60;
 var POSITION_PRIORITY = ['bottom', 'top', 'right', 'left'];
+// 수직 위치(top/bottom)일 때 수평 정렬 보정
+var resolveVerticalAlignment = function (position, triggerRect, tooltipWidth, viewportWidth) {
+  var centerX = triggerRect.left + triggerRect.width / 2;
+  var tooltipHalfWidth = tooltipWidth / 2;
+  if (centerX - tooltipHalfWidth < MARGIN) {
+    return "".concat(position, "-left");
+  }
+  if (centerX + tooltipHalfWidth > viewportWidth - MARGIN) {
+    return "".concat(position, "-right");
+  }
+  return position;
+};
+// 해당 위치에 툴팁을 배치할 충분한 공간이 있는지 확인
+var hasEnoughSpace = function (position, spaces, tooltipWidth, tooltipHeight) {
+  var isVertical = position === 'bottom' || position === 'top';
+  var requiredSpace = isVertical ? tooltipHeight : tooltipWidth;
+  return spaces[position] >= requiredSpace + MARGIN;
+};
 // 위치 계산 position='auto' 일 때 사용
 var calculateOptimalPosition = function (triggerElement, tooltipElement, preferredPosition) {
   if (preferredPosition === void 0) {
@@ -43,19 +63,14 @@ var calculateOptimalPosition = function (triggerElement, tooltipElement, preferr
   var tooltipHeight = tooltipRect.height || DEFAULT_TOOLTIP_HEIGHT;
   for (var _i = 0, POSITION_PRIORITY_1 = POSITION_PRIORITY; _i < POSITION_PRIORITY_1.length; _i++) {
     var position = POSITION_PRIORITY_1[_i];
-    var hasSpace = position === 'bottom' || position === 'top' ? spaces[position] >= tooltipHeight + MARGIN : spaces[position] >= tooltipWidth + MARGIN;
-    if (hasSpace) {
-      if (position === 'bottom' || position === 'top') {
-        var centerX = triggerRect.left + triggerRect.width / 2;
-        var tooltipHalfWidth = tooltipWidth / 2;
-        if (centerX - tooltipHalfWidth < MARGIN) {
-          return "".concat(position, "-left");
-        } else if (centerX + tooltipHalfWidth > viewportWidth - MARGIN) {
-          return "".concat(position, "-right");
-        }
-      }
-      return position;
+    if (!hasEnoughSpace(position, spaces, tooltipWidth, tooltipHeight)) {
+      continue;
+    }
+    var isVertical = position === 'bottom' || position === 'top';
+    if (isVertical) {
+      return resolveVerticalAlignment(position, triggerRect, tooltipWidth, viewportWidth);
     }
+    return position;
   }
   return preferredPosition;
 };
@@ -79,7 +94,7 @@ var Tooltip = function (_a) {
     _j = _a.iconStyle,
     iconStyle = _j === void 0 ? 'help-circle' : _j,
     className = _a.className;
-  var iconSize = size === 'sm' ? 14 : 16;
+  var iconSize = size === 'sm' ? ICON_SIZE_SM : ICON_SIZE_DEFAULT;
   var tooltipRef = (0, _react.useRef)(null);
   var tooltipBgRef = (0, _react.useRef)(null);
   var _k = (0, _react.useState)(position === 'auto' ? 'bottom' : position),

package/dist/cjs/src/constant/index.js

@@ -3,25 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _size = require("./size");
-Object.keys(_size).forEach(function (key) {
+var _datePicker = require("./date-picker");
+Object.keys(_datePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _size[key]) return;
+  if (key in exports && exports[key] === _datePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _size[key];
+      return _datePicker[key];
     }
   });
 });
-var _datePicker = require("./date-picker");
-Object.keys(_datePicker).forEach(function (key) {
+var _size = require("./size");
+Object.keys(_size).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _datePicker[key]) return;
+  if (key in exports && exports[key] === _size[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _datePicker[key];
+      return _size[key];
     }
   });
 });

package/dist/cjs/src/hooks/dropdown/useDropdownKeyboard.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDropdownKeyboard = void 0;
 var _react = require("react");
 var _dropdown = require("../../utils/dropdown");
+var SCROLL_DELAY_MS = 100;
 /**
  * 드롭다운 키보드 네비게이션을 위한 커스텀 훅
  */
@@ -41,79 +42,69 @@ var useDropdownKeyboard = function (config) {
       optionsList.scrollTop = focusedOption.offsetTop + focusedOption.offsetHeight - optionsList.clientHeight;
     }
   }, [dropdownRef]);
-  var handleKeyDown = (0, _react.useCallback)(function (e) {
+  var handleEnterOrSpace = (0, _react.useCallback)(function (e) {
+    e.preventDefault();
+    if (!isOpen) {
+      onToggle();
+    } else if (focusedIndex >= 0 && optionItems[focusedIndex]) {
+      onSelect(optionItems[focusedIndex]);
+    }
+  }, [isOpen, focusedIndex, optionItems, onToggle, onSelect]);
+  var handleEscape = (0, _react.useCallback)(function (e) {
     var _a;
+    if (isOpen) {
+      e.preventDefault();
+      onClose();
+      (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+  }, [isOpen, onClose, triggerRef]);
+  var handleArrowNavigation = (0, _react.useCallback)(function (e, direction) {
+    e.preventDefault();
+    isKeyboardNavigationRef.current = true;
+    if (isOpen) {
+      var nextIndex_1 = (0, _dropdown.calculateNextFocusIndex)(focusedIndex, direction, optionItems.length);
+      onFocusChange(nextIndex_1);
+      setTimeout(function () {
+        return scrollToFocusedOption(nextIndex_1);
+      }, SCROLL_DELAY_MS);
+    } else {
+      onToggle();
+    }
+  }, [isOpen, focusedIndex, optionItems.length, onFocusChange, onToggle, scrollToFocusedOption]);
+  var handleHomeEnd = (0, _react.useCallback)(function (e, targetIndex) {
+    if (isOpen) {
+      e.preventDefault();
+      isKeyboardNavigationRef.current = true;
+      onFocusChange(targetIndex);
+      setTimeout(function () {
+        return scrollToFocusedOption(targetIndex);
+      }, 0);
+    }
+  }, [isOpen, onFocusChange, scrollToFocusedOption]);
+  var handleKeyDown = (0, _react.useCallback)(function (e) {
     if (disabled) return;
     switch (e.key) {
       case 'Enter':
       case ' ':
-        e.preventDefault();
-        if (!isOpen) {
-          onToggle();
-        } else if (focusedIndex >= 0 && optionItems[focusedIndex]) {
-          onSelect(optionItems[focusedIndex]);
-        }
+        handleEnterOrSpace(e);
         break;
       case 'Escape':
-        if (isOpen) {
-          e.preventDefault();
-          onClose();
-          (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
+        handleEscape(e);
         break;
       case 'ArrowDown':
-        e.preventDefault();
-        isKeyboardNavigationRef.current = true; // 키보드 네비게이션 시작
-        if (!isOpen) {
-          onToggle();
-        } else {
-          var nextIndex_1 = (0, _dropdown.calculateNextFocusIndex)(focusedIndex, 'down', optionItems.length);
-          onFocusChange(nextIndex_1);
-          // 포커스 변경 후 스크롤 조정
-          setTimeout(function () {
-            return scrollToFocusedOption(nextIndex_1);
-          }, 100);
-        }
+        handleArrowNavigation(e, 'down');
         break;
       case 'ArrowUp':
-        e.preventDefault();
-        isKeyboardNavigationRef.current = true; // 키보드 네비게이션 시작
-        if (!isOpen) {
-          onToggle();
-        } else {
-          var nextIndex_2 = (0, _dropdown.calculateNextFocusIndex)(focusedIndex, 'up', optionItems.length);
-          onFocusChange(nextIndex_2);
-          // 포커스 변경 후 스크롤 조정
-          setTimeout(function () {
-            return scrollToFocusedOption(nextIndex_2);
-          }, 100);
-        }
+        handleArrowNavigation(e, 'up');
         break;
       case 'Home':
-        if (isOpen) {
-          e.preventDefault();
-          isKeyboardNavigationRef.current = true; // 키보드 네비게이션 시작
-          onFocusChange(0);
-          // 포커스 변경 후 스크롤 조정
-          setTimeout(function () {
-            return scrollToFocusedOption(0);
-          }, 0);
-        }
+        handleHomeEnd(e, 0);
         break;
       case 'End':
-        if (isOpen) {
-          e.preventDefault();
-          isKeyboardNavigationRef.current = true; // 키보드 네비게이션 시작
-          var lastIndex_1 = optionItems.length - 1;
-          onFocusChange(lastIndex_1);
-          // 포커스 변경 후 스크롤 조정
-          setTimeout(function () {
-            return scrollToFocusedOption(lastIndex_1);
-          }, 0);
-        }
+        handleHomeEnd(e, optionItems.length - 1);
         break;
     }
-  }, [disabled, isOpen, focusedIndex, optionItems, onToggle, onSelect, onClose, onFocusChange, triggerRef, scrollToFocusedOption]);
+  }, [disabled, optionItems.length, handleEnterOrSpace, handleEscape, handleArrowNavigation, handleHomeEnd]);
   // 마우스 움직임 감지 함수
   var handleMouseMove = (0, _react.useCallback)(function () {
     isKeyboardNavigationRef.current = false;

package/dist/cjs/src/hooks/dropdown/useScrollLock.js

@@ -6,6 +6,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.useScrollLock = void 0;
 var _react = require("react");
 var _utils = require("../../utils");
+var SCROLL_KEYS = ['PageUp', 'PageDown', 'Home', 'End', ' '];
+/** 이벤트 대상이 드롭다운 내부에 있는지 확인 */
+function isInsideDropdown(target, dropdownRef) {
+  return !!(dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) && dropdownRef.current.contains(target);
+}
+/** 스크롤 가능한 요소의 경계에 도달했는지 확인하고, 도달했으면 이벤트 차단 */
+function preventScrollBeyondBounds(e, scrollableElement) {
+  var deltaY = e.deltaY;
+  var scrollTop = scrollableElement.scrollTop,
+    scrollHeight = scrollableElement.scrollHeight,
+    clientHeight = scrollableElement.clientHeight;
+  // 스크롤이 위쪽 끝에 도달했고 위로 스크롤하려는 경우
+  if (scrollTop === 0 && deltaY < 0) {
+    e.preventDefault();
+    return;
+  }
+  // 스크롤이 아래쪽 끝에 도달했고 아래로 스크롤하려는 경우
+  if (scrollTop + clientHeight >= scrollHeight && deltaY > 0) {
+    e.preventDefault();
+  }
+}
 /**
  * 페이지 스크롤을 잠그는 커스텀 훅 (드롭다운 내부 스크롤은 허용)
  */
@@ -18,27 +39,15 @@ var useScrollLock = function (isLocked, dropdownRef) {
       // 스크롤 방지 함수 (드롭다운 내부는 스크롤 체이닝 방지)
       var preventScroll_1 = function (e) {
         // 드롭다운 내부에서 발생하지 않은 이벤트는 차단
-        if (!(dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) || !dropdownRef.current.contains(e.target)) {
+        if (!isInsideDropdown(e.target, dropdownRef)) {
           e.preventDefault();
           return;
         }
         // 드롭다운 내부의 스크롤 가능한 요소 찾기
         var scrollableElement = (0, _utils.findScrollableParent)(e.target, dropdownRef.current);
         if (scrollableElement && e instanceof WheelEvent) {
-          var deltaY = e.deltaY;
-          var scrollTop = scrollableElement.scrollTop,
-            scrollHeight = scrollableElement.scrollHeight,
-            clientHeight = scrollableElement.clientHeight;
-          // 스크롤이 위쪽 끝에 도달했고 위로 스크롤하려는 경우
-          if (scrollTop === 0 && deltaY < 0) {
-            e.preventDefault();
-            return;
-          }
-          // 스크롤이 아래쪽 끝에 도달했고 아래로 스크롤하려는 경우
-          if (scrollTop + clientHeight >= scrollHeight && deltaY > 0) {
-            e.preventDefault();
-            return;
-          }
+          preventScrollBeyondBounds(e, scrollableElement);
+          return;
         }
         // 드롭다운 내부에 스크롤 가능한 요소가 없으면 차단
         if (!scrollableElement) {
@@ -47,12 +56,10 @@ var useScrollLock = function (isLocked, dropdownRef) {
       };
       // 키보드 스크롤 방지 함수 (드롭다운 내부는 제외)
       var preventKeyboardScroll_1 = function (e) {
-        // 드롭다운 내부에서 발생한 이벤트는 허용
-        if ((dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.current) && dropdownRef.current.contains(e.target)) {
+        if (isInsideDropdown(e.target, dropdownRef)) {
           return;
         }
-        var scrollKeys = ['PageUp', 'PageDown', 'Home', 'End', ' '];
-        if (scrollKeys.includes(e.key)) {
+        if (SCROLL_KEYS.includes(e.key)) {
           e.preventDefault();
         }
       };

package/dist/cjs/src/hooks/index.js

@@ -26,9 +26,6 @@ Object.defineProperty(exports, "useMergeRefs", {
     return _useMergeRefs.useMergeRefs;
   }
 });
-var _useCallbackRef = require("./useCallbackRef");
-var _useMediaQuery = require("./useMediaQuery");
-var _useMergeRefs = require("./useMergeRefs");
 var _dropdown = require("./dropdown");
 Object.keys(_dropdown).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -40,4 +37,7 @@ Object.keys(_dropdown).forEach(function (key) {
       return _dropdown[key];
     }
   });
-});
+});
+var _useCallbackRef = require("./useCallbackRef");
+var _useMediaQuery = require("./useMediaQuery");
+var _useMergeRefs = require("./useMergeRefs");

package/dist/cjs/src/utils/date-picker.js

@@ -9,6 +9,13 @@ exports.getSubtractDate = getSubtractDate;
 exports.getToday = getToday;
 var _moment = _interopRequireDefault(require("moment"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var YEAR_LENGTH = 4;
+var MONTH_START = 4;
+var MONTH_END = 6;
+var DAY_START = 6;
+var DAY_END = 8;
+var MAX_HOUR = 23;
+var MAX_MINUTE = 59;
 function getDateFormat(date) {
   if (date === void 0) {
     date = getToday();
@@ -29,9 +36,9 @@ var formatDateInput = function (input) {
   var dateRegex = /^(19|20)\d{2}(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[0-1])$/;
   if (dateRegex.test(input)) {
     // 20231112 -> 2023-11-12 형식으로 변환
-    var year = input.substring(0, 4);
-    var month = input.substring(4, 6);
-    var day = input.substring(6, 8);
+    var year = input.substring(0, YEAR_LENGTH);
+    var month = input.substring(MONTH_START, MONTH_END);
+    var day = input.substring(DAY_START, DAY_END);
     return "".concat(year, "-").concat(month, "-").concat(day);
   }
   return input;
@@ -40,8 +47,8 @@ exports.formatDateInput = formatDateInput;
 var formatHourInput = function (input) {
   var numbers = input.replace(/\D/g, '');
   var hourStr = numbers.substring(0, 2);
-  var hourNum = parseInt(hourStr, 10);
-  if (hourNum >= 0 && hourNum <= 23) {
+  var hourNum = Number.parseInt(hourStr, 10);
+  if (hourNum >= 0 && hourNum <= MAX_HOUR) {
     return hourStr;
   }
   return input;
@@ -52,9 +59,9 @@ var formatMinuteInput = function (input) {
   var numbers = input.replace(/\D/g, '');
   // 2자리 숫자로 제한
   var minuteStr = numbers.substring(0, 2);
-  var minuteNum = parseInt(minuteStr, 10);
+  var minuteNum = Number.parseInt(minuteStr, 10);
   // 00-59 범위 체크
-  if (minuteNum >= 0 && minuteNum <= 59) {
+  if (minuteNum >= 0 && minuteNum <= MAX_MINUTE) {
     return minuteStr; // 2자리로 패딩
   }
   return input;

package/dist/cjs/src/utils/dropdown/dropdownUtils.js

@@ -31,12 +31,11 @@ var calculateDropdownPosition = function (_a) {
       direction: 'up',
       maxHeight: maxHeight
     };
-  } else {
-    return {
-      direction: 'down',
-      maxHeight: maxHeight
-    };
   }
+  return {
+    direction: 'down',
+    maxHeight: maxHeight
+  };
 };
 /**
  * 키보드 네비게이션을 위한 포커스 인덱스 계산
@@ -46,15 +45,14 @@ var calculateNextFocusIndex = function (currentIndex, direction, validOptionsLen
   if (validOptionsLength === 0) return -1;
   if (direction === 'down') {
     return currentIndex < validOptionsLength - 1 ? currentIndex + 1 : 0;
-  } else {
-    return currentIndex > 0 ? currentIndex - 1 : validOptionsLength - 1;
   }
+  return currentIndex > 0 ? currentIndex - 1 : validOptionsLength - 1;
 };
 /**
  * 드롭다운이 뷰포트를 벗어나지 않도록 위치 조정
  */
 exports.calculateNextFocusIndex = calculateNextFocusIndex;
-var adjustDropdownPosition = function (dropdownElement, triggerElement) {
+var adjustDropdownPosition = function (dropdownElement) {
   var dropdownRect = dropdownElement.getBoundingClientRect();
   var viewportWidth = window.innerWidth;
   var viewportHeight = window.innerHeight;