@ncds/ui-admin 1.4.1 → 1.5.0

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

@@ -19,10 +19,11 @@ var __rest = this && this.__rest || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { Korean } from 'flatpickr/dist/l10n/ko';
-import { forwardRef, useId } from 'react';
+import moment from 'moment';
+import { forwardRef, useId, useMemo } from 'react';
 import Flatpickr from 'react-flatpickr';
-import { CustomInput } from './CustomInput';
 import { formatDateInput, formatHourInput, formatMinuteInput } from '../../utils/date-picker';
+import { CustomInput } from './CustomInput';
 var isValidDate = function (dateString) {
   var date = new Date(dateString);
   return date instanceof Date && !isNaN(date.getTime());
@@ -35,7 +36,9 @@ export var DatePicker = /*#__PURE__*/forwardRef(function (_a, ref) {
     size = _c === void 0 ? 'xs' : _c,
     onChangeDate = _a.onChangeDate,
     datePickerOptions = _a.datePickerOptions,
-    attrs = __rest(_a, ["shouldFocus", "currentDate", "size", "onChangeDate", "datePickerOptions"]);
+    _d = _a.isEndDate,
+    isEndDate = _d === void 0 ? false : _d,
+    attrs = __rest(_a, ["shouldFocus", "currentDate", "size", "onChangeDate", "datePickerOptions", "isEndDate"]);
   var onChangeDateHandler = function (dateTimeStamp, dateStr) {
     var formattedDate = formatDateInput(dateStr);
     isValidDate(formattedDate) ? onChangeDate(formattedDate) : onChangeDate(dateStr);
@@ -83,27 +86,63 @@ export var DatePicker = /*#__PURE__*/forwardRef(function (_a, ref) {
       if (!hourInput || !minuteInput) return;
       hourInput.addEventListener('input', onHourInputHandler);
       minuteInput.addEventListener('input', onMinuteInputHandler);
+      var handleMouseDown = function (e) {
+        var _a;
+        var flatpickrCalendar = (_a = input.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('.flatpickr-calendar.open');
+        if (flatpickrCalendar && !flatpickrCalendar.contains(e.target)) {
+          var timeInputs = flatpickrCalendar.querySelectorAll('.flatpickr-time input');
+          timeInputs.forEach(function (timeInput) {
+            if (document.activeElement === timeInput) {
+              timeInput.blur();
+            }
+          });
+        }
+      };
+      document.addEventListener('mousedown', handleMouseDown, true);
+      instance._handleMouseDown = handleMouseDown;
     },
     onDestroy: function (selectedDates, dateStr, instance) {
-      var _a, _b;
+      var _a;
       var input = instance.input;
       if (!input) return;
       // 메인 input 이벤트 리스너 제거
       input.removeEventListener('input', onInputHandler);
+      var timeInputWrapper = (_a = input.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('.flatpickr-time');
+      if (!timeInputWrapper) return;
       // 시간 input 이벤트 리스너 제거
-      var hourInput = (_a = input.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('.flatpickr-hour');
+      var hourInput = timeInputWrapper.querySelector('.flatpickr-hour');
       if (hourInput) {
         hourInput.removeEventListener('input', onHourInputHandler);
       }
       // 분 input 이벤트 리스너 제거
-      var minuteInput = (_b = input.parentElement) === null || _b === void 0 ? void 0 : _b.querySelector('.flatpickr-min');
+      var minuteInput = timeInputWrapper.querySelector('.flatpickr-minute');
       if (minuteInput) {
         minuteInput.removeEventListener('input', onMinuteInputHandler);
       }
+      var handleMouseDown = instance._handleMouseDown;
+      if (handleMouseDown) {
+        document.removeEventListener('mousedown', handleMouseDown, true);
+      }
     }
   }, datePickerOptions);
   var hasTimeOption = datePickerOptions === null || datePickerOptions === void 0 ? void 0 : datePickerOptions.hasOwnProperty('enableTime');
   var iconName = hasTimeOption && (datePickerOptions === null || datePickerOptions === void 0 ? void 0 : datePickerOptions.hasOwnProperty('noCalendar')) ? 'clock' : 'calendar';
+  var processedCurrentDate = useMemo(function () {
+    var hasTime = options.enableTime;
+    var isTimeOnly = options.noCalendar;
+    var hasSeconds = options.enableSeconds;
+    if (!hasTime && !isTimeOnly) return currentDate;
+    if (currentDate === null || currentDate === void 0 ? void 0 : currentDate.includes(':')) return currentDate;
+    if (isTimeOnly) {
+      var endTime = hasSeconds ? '23:59:59' : '23:59';
+      var startTime = hasSeconds ? '00:00:00' : '00:00';
+      return isEndDate ? endTime : startTime;
+    }
+    if (!currentDate) return '';
+    var format = hasSeconds ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD HH:mm';
+    var momentDate = moment(currentDate);
+    return isEndDate ? momentDate.endOf('day').format(format) : momentDate.startOf('day').format(format);
+  }, [currentDate, isEndDate, options.enableSeconds, options.enableTime, options.noCalendar]);
   return _jsxs("div", __assign({
     className: classNames('ncua-date-picker', "ncua-date-picker--".concat(size), {
       'ncua-date-picker--disabled': attrs.disabled,
@@ -115,7 +154,7 @@ export var DatePicker = /*#__PURE__*/forwardRef(function (_a, ref) {
       ref: ref || undefined,
       className: classNames('ncua-date-picker__input'),
       options: options,
-      value: currentDate,
+      value: processedCurrentDate,
       render: function (_a, ref) {
         var defaultValue = _a.defaultValue,
           value = _a.value,

package/dist/esm/src/components/date-picker/RangeDatePicker.js

@@ -127,7 +127,9 @@ export var RangeDatePicker = /*#__PURE__*/forwardRef(function (_a, ref) {
     children: [_jsx(DatePicker, __assign({}, startDateOptions, {
       ref: undefined,
       size: size
-    })), "~", _jsx(DatePicker, __assign({}, endDateOptions, {
+    })), "~", _jsx(DatePicker, __assign({
+      isEndDate: true
+    }, endDateOptions, {
       ref: undefined,
       size: size
     }))]

package/dist/esm/src/components/date-picker/RangeDatePickerWithButtons.js

@@ -15,8 +15,8 @@ import { getDateFormat, getSubtractDate } from '../../utils/date-picker';
 import { ButtonGroup } from '../button';
 import { RangeDatePicker } from './RangeDatePicker';
 export var RangeDatePickerWithButtons = function (_a) {
-  var _b = _a.fixedEndDate,
-    fixedEndDate = _b === void 0 ? getDateFormat() : _b,
+  var _b = _a.useYesterdayAsEndDate,
+    useYesterdayAsEndDate = _b === void 0 ? false : _b,
     _c = _a.size,
     size = _c === void 0 ? 'xs' : _c,
     currentButtonId = _a.currentButtonId,
@@ -41,7 +41,11 @@ export var RangeDatePickerWithButtons = function (_a) {
       unit: currentPeriodItem.unit
     }));
     startDateOptions.onChangeDate(startDate);
-    endDateOptions.onChangeDate(fixedEndDate);
+    var endDate = useYesterdayAsEndDate ? getDateFormat(getSubtractDate({
+      period: 1,
+      unit: 'days'
+    })) : getDateFormat();
+    endDateOptions.onChangeDate(endDate);
   };
   var handleOnChangeDate = function (date, type) {
     type === 'START' ? startDateOptions.onChangeDate(date) : endDateOptions.onChangeDate(date);

package/dist/esm/src/components/input/InputBase.js

@@ -198,7 +198,7 @@ export var InputBase = /*#__PURE__*/forwardRef(function (_a, ref) {
             type: "text",
             disabled: disabled,
             maxLength: maxLength
-          }, props)), renderClearButton(), trailingElement && renderInsideSlot(trailingElement, 'right'), renderStatusIcon()]
+          }, props)), renderClearButton(), renderStatusIcon(), trailingElement && renderInsideSlot(trailingElement, 'right')]
         })), trailingElement && renderOutsideSlot(trailingElement)]
       })), showTextCount && maxLength && _jsxs("div", __assign({
         className: "ncua-input__field-text-count"

package/dist/esm/src/components/input/NumberInput.js

@@ -0,0 +1,124 @@
+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 __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useRef } from 'react';
+import { useMergeRefs } from '../../hooks';
+import { ButtonStepper } from '../button';
+import { InputBase } from './InputBase';
+export var NumberInput = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _b = _a.size,
+    size = _b === void 0 ? 'xs' : _b,
+    minValue = _a.minValue,
+    maxValue = _a.maxValue,
+    _c = _a.step,
+    step = _c === void 0 ? 1 : _c,
+    stepperPosition = _a.stepperPosition,
+    disabled = _a.disabled,
+    props = __rest(_a, ["size", "minValue", "maxValue", "step", "stepperPosition", "disabled"]);
+  var inputRef = useRef(null);
+  var mergedRef = useMergeRefs([ref, inputRef]);
+  var getCurrentValue = useCallback(function () {
+    var _a;
+    var value = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value;
+    return value ? parseFloat(value) : 0;
+  }, []);
+  var updateValue = useCallback(function (newValue) {
+    if (!inputRef.current) return;
+    // min/max 범위 체크
+    var clampedValue = newValue;
+    if (minValue !== undefined && clampedValue < minValue) {
+      clampedValue = minValue;
+    }
+    if (maxValue !== undefined && clampedValue > maxValue) {
+      clampedValue = maxValue;
+    }
+    inputRef.current.value = clampedValue.toString();
+    // onChange 이벤트 트리거
+    var event = new Event('input', {
+      bubbles: true
+    });
+    inputRef.current.dispatchEvent(event);
+  }, [minValue, maxValue]);
+  var handleIncrement = useCallback(function () {
+    var currentValue = getCurrentValue();
+    var newValue = currentValue + step;
+    if (maxValue === undefined || newValue <= maxValue) {
+      updateValue(newValue);
+    }
+  }, [getCurrentValue, step, maxValue, updateValue]);
+  var handleDecrement = useCallback(function () {
+    var currentValue = getCurrentValue();
+    var newValue = currentValue - step;
+    if (minValue === undefined || newValue >= minValue) {
+      updateValue(newValue);
+    }
+  }, [getCurrentValue, step, minValue, updateValue]);
+  var handleKeyDown = useCallback(function (event) {
+    var _a;
+    if (disabled) return;
+    if (event.key === 'ArrowUp') {
+      event.preventDefault();
+      handleIncrement();
+    } else if (event.key === 'ArrowDown') {
+      event.preventDefault();
+      handleDecrement();
+    }
+    // 기존 onKeyDown prop이 있으면 호출
+    (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, event);
+  }, [disabled, handleIncrement, handleDecrement, props]);
+  var renderStepperButtonGroup = function (position) {
+    if (position !== stepperPosition) {
+      return null;
+    }
+    return _jsxs("div", __assign({
+      className: "ncua-input__stepper-button-group"
+    }, {
+      children: [_jsx(ButtonStepper, {
+        size: size,
+        direction: "up",
+        onClick: handleIncrement,
+        disabled: disabled
+      }), _jsx(ButtonStepper, {
+        size: size,
+        direction: "down",
+        onClick: handleDecrement,
+        disabled: disabled
+      })]
+    }));
+  };
+  return _jsx(InputBase, __assign({
+    type: "number",
+    leadingElement: renderStepperButtonGroup('leading') ? {
+      type: 'custom',
+      children: renderStepperButtonGroup('leading')
+    } : props.leadingElement,
+    trailingElement: renderStepperButtonGroup('trailing') ? {
+      type: 'custom',
+      children: renderStepperButtonGroup('trailing')
+    } : props.trailingElement,
+    ref: mergedRef,
+    size: size,
+    disabled: disabled,
+    min: minValue,
+    max: maxValue,
+    step: step,
+    onKeyDown: handleKeyDown,
+    className: "ncua-input__number"
+  }, props));
+});

package/dist/esm/src/components/input/index.js

@@ -1,3 +1,4 @@
 export * from './InputBase';
+export * from './NumberInput';
 export * from './PasswordInput';
 export * from './Textarea';

package/dist/esm/src/components/notification/MessageNotification.js

@@ -0,0 +1,130 @@
+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 __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Icon from '@ncds/ui-admin-icon/dynamic';
+import classNames from 'classnames';
+import { forwardRef } from 'react';
+import { COLOR } from '../../../constant/color';
+import { Button } from '../button';
+import { FeaturedIcon } from '../featured-icon/FeaturedIcon';
+var iconNameMap = {
+  neutral: 'pin-02',
+  error: 'alert-triangle',
+  warning: 'alert-circle',
+  success: 'check-circle'
+};
+var iconColorMap = {
+  neutral: 'gray700',
+  error: 'red500',
+  warning: 'orange500',
+  success: 'green600'
+};
+export var MessageNotification = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var title = _a.title,
+    supportingText = _a.supportingText,
+    icon = _a.icon,
+    _b = _a.color,
+    color = _b === void 0 ? 'neutral' : _b,
+    onClose = _a.onClose,
+    className = _a.className,
+    actions = _a.actions,
+    onHidePermanently = _a.onHidePermanently,
+    rest = __rest(_a, ["title", "supportingText", "icon", "color", "onClose", "className", "actions", "onHidePermanently"]);
+  // message 타입은 neutral, error, warning, success 4가지 색상만 지원
+  var validColor = color === 'info' ? 'neutral' : color;
+  var iconColor = validColor;
+  var featuredIconProps = {
+    name: icon || iconNameMap[validColor] || 'pin-02',
+    size: 'lg',
+    color: iconColor,
+    theme: 'light-circle'
+  };
+  var closeIconColor = COLOR[iconColorMap[validColor] || 'gray700'];
+  return _jsx("div", __assign({
+    ref: ref,
+    className: classNames('ncua-message-notification', "ncua-message-notification--".concat(validColor), className),
+    role: "alert"
+  }, rest, {
+    children: _jsx("div", __assign({
+      className: "ncua-message-notification__container"
+    }, {
+      children: _jsxs("div", __assign({
+        className: "ncua-message-notification__content"
+      }, {
+        children: [_jsxs("div", __assign({
+          className: "ncua-message-notification__content-wrapper"
+        }, {
+          children: [iconNameMap[validColor] && _jsx(FeaturedIcon, __assign({}, featuredIconProps, {
+            className: "ncua-message-notification__icon"
+          })), _jsxs("div", __assign({
+            className: "ncua-message-notification__text-container"
+          }, {
+            children: [_jsx("span", __assign({
+              className: "ncua-message-notification__title"
+            }, {
+              children: title
+            })), supportingText && _jsx("span", __assign({
+              className: "ncua-message-notification__supporting-text"
+            }, {
+              children: supportingText
+            }))]
+          }))]
+        })), _jsx("div", __assign({
+          className: "ncua-message-notification__actions-container"
+        }, {
+          children: actions && _jsx("div", __assign({
+            className: "ncua-message-notification__actions"
+          }, {
+            children: actions.map(function (action) {
+              return _jsx(Button, {
+                size: "xs",
+                hierarchy: action.hierarchy || 'text',
+                label: action.label,
+                onClick: action === null || action === void 0 ? void 0 : action.onClick
+              }, "".concat(action.label, "-").concat(action.hierarchy));
+            })
+          }))
+        })), _jsxs("div", __assign({
+          className: "ncua-message-notification__footer-container"
+        }, {
+          children: [onHidePermanently && _jsx("button", __assign({
+            type: "button",
+            className: classNames('ncua-notification__action-button', 'ncua-notification__action-button--text', 'ncua-message-notification__hide-link'),
+            onClick: onHidePermanently
+          }, {
+            children: "\uB2E4\uC2DC \uBCF4\uC9C0 \uC54A\uAE30"
+          })), onClose && _jsx("button", __assign({
+            type: "button",
+            className: "ncua-message-notification__close-button",
+            onClick: onClose,
+            "aria-label": "\uC54C\uB9BC \uB2EB\uAE30"
+          }, {
+            children: _jsx(Icon, {
+              name: "x-close",
+              width: 20,
+              height: 20,
+              color: closeIconColor
+            })
+          }))]
+        }))]
+      }))
+    }))
+  }));
+});
+MessageNotification.displayName = 'MessageNotification';

package/dist/esm/src/components/notification/Notification.js

@@ -20,20 +20,34 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { FloatingNotification } from './FloatingNotification';
 import { FullWidthNotification } from './FullWidthNotification';
+import { MessageNotification } from './MessageNotification';
 export var Notification = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _b = _a.type,
     type = _b === void 0 ? 'floating' : _b,
     _c = _a.color,
     color = _c === void 0 ? 'neutral' : _c,
     rest = __rest(_a, ["type", "color"]);
-  return type === 'floating' ? _jsx(FloatingNotification, __assign({
-    color: color
-  }, rest, {
-    ref: ref
-  })) : _jsx(FullWidthNotification, __assign({
-    color: color
-  }, rest, {
-    ref: ref
-  }));
+  if (type === 'floating') {
+    return _jsx(FloatingNotification, __assign({
+      color: color
+    }, rest, {
+      ref: ref
+    }));
+  }
+  if (type === 'full-width') {
+    return _jsx(FullWidthNotification, __assign({
+      color: color
+    }, rest, {
+      ref: ref
+    }));
+  }
+  if (type === 'message') {
+    return _jsx(MessageNotification, __assign({
+      color: color
+    }, rest, {
+      ref: ref
+    }));
+  }
+  return null;
 });
 Notification.displayName = 'Notification';

package/dist/esm/src/components/notification/index.js

@@ -1,3 +1,4 @@
 export * from './Notification';
 export * from './FloatingNotification';
-export * from './FullWidthNotification';
+export * from './FullWidthNotification';
+export * from './MessageNotification';

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

@@ -9,7 +9,7 @@ var __assign = this && this.__assign || function () {
   return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HelpCircle, HelpCircleFill } from '@ncds/ui-admin-icon';
+import { AlertCircle, AlertCircleFill, HelpCircle, HelpCircleFill } from '@ncds/ui-admin-icon';
 import classNames from 'classnames';
 import { useRef, useState, useCallback, useMemo } from 'react';
 import { ButtonCloseX } from '../button/ButtonCloseX';
@@ -67,22 +67,26 @@ export var Tooltip = function (_a) {
     hideArrow = _f === void 0 ? false : _f,
     _g = _a.type,
     type = _g === void 0 ? 'short' : _g,
+    _h = _a.iconColor,
+    iconColor = _h === void 0 ? 'var(--gray-300)' : _h,
+    _j = _a.iconStyle,
+    iconStyle = _j === void 0 ? 'help-circle' : _j,
     className = _a.className;
   var iconSize = size === 'sm' ? 14 : 16;
   var tooltipRef = useRef(null);
   var tooltipBgRef = useRef(null);
-  var _h = useState(position === 'auto' ? 'bottom' : position),
-    calculatedPosition = _h[0],
-    setCalculatedPosition = _h[1];
-  var _j = useState(false),
-    isVisible = _j[0],
-    setIsVisible = _j[1];
-  var _k = useState(false),
-    isManuallyClose = _k[0],
-    setIsManuallyClose = _k[1];
+  var _k = useState(position === 'auto' ? 'bottom' : position),
+    calculatedPosition = _k[0],
+    setCalculatedPosition = _k[1];
   var _l = useState(false),
-    isMeasuring = _l[0],
-    setIsMeasuring = _l[1];
+    isVisible = _l[0],
+    setIsVisible = _l[1];
+  var _m = useState(false),
+    isManuallyClose = _m[0],
+    setIsManuallyClose = _m[1];
+  var _o = useState(false),
+    isMeasuring = _o[0],
+    setIsMeasuring = _o[1];
   var handleMouseEnter = useCallback(function () {
     if (isManuallyClose) return;
     setIsVisible(true);
@@ -130,15 +134,23 @@ export var Tooltip = function (_a) {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }, {
-    children: [iconType === 'stroke' ? _jsx(HelpCircle, {
+    children: [iconStyle === 'help-circle' && (iconType === 'stroke' ? _jsx(HelpCircle, {
       width: iconSize,
       height: iconSize,
-      color: "var(--gray-300)"
+      color: iconColor
     }) : _jsx(HelpCircleFill, {
       width: iconSize,
       height: iconSize,
-      color: "var(--gray-300)"
-    }), _jsxs("span", __assign({
+      color: iconColor
+    })), iconStyle === 'alert-circle' && (iconType === 'stroke' ? _jsx(AlertCircle, {
+      width: iconSize,
+      height: iconSize,
+      color: iconColor
+    }) : _jsx(AlertCircleFill, {
+      width: iconSize,
+      height: iconSize,
+      color: iconColor
+    })), _jsxs("span", __assign({
       ref: tooltipBgRef,
       className: tooltipBgClassName
     }, {
@@ -146,12 +158,11 @@ export var Tooltip = function (_a) {
         className: "ncua-tooltip__title"
       }, {
         children: title
-      })), content && _jsx("span", {
-        className: "ncua-tooltip__content",
-        dangerouslySetInnerHTML: {
-          __html: content
-        }
-      }), type === 'long' && _jsx(ButtonCloseX, {
+      })), content && _jsx("span", __assign({
+        className: "ncua-tooltip__content"
+      }, {
+        children: content
+      })), type === 'long' && _jsx(ButtonCloseX, {
         className: "ncua-tooltip__close-button",
         size: "xs",
         theme: tooltipType === 'white' ? 'dark' : 'light',

package/dist/types/assets/scripts/comboBox.d.ts

@@ -75,5 +75,17 @@ export declare class ComboBox {
     getSelectedCount(): number;
     isMultiple(): boolean;
     toggleSelectAll(): void;
+    /**
+     * 드롭다운을 스크롤의 바닥으로 이동
+     */
+    scrollToBottom(): void;
+    /**
+     * 전체 선택 버튼의 텍스트를 외부에서 변경
+     */
+    setSelectAllButtonText(text: string): void;
+    /**
+     * 특정 인덱스의 옵션으로 포커스 이동
+     */
+    setFocusIndex(index: number): void;
 }
 //# sourceMappingURL=comboBox.d.ts.map

package/dist/types/assets/scripts/datePicker.d.ts

@@ -46,6 +46,7 @@ export declare class DatePicker {
     private updateButtonsByPeriod;
     private calculateDatesFromButton;
     setDate(dates: string[]): void;
+    private convertFlatpickrFormatToMoment;
     getDates(): string[];
 }
 export {};

package/dist/types/assets/scripts/notification/MessageNotification.d.ts

@@ -0,0 +1,23 @@
+import type { BaseNotificationOptions } from './const';
+export interface MessageNotificationOptions extends BaseNotificationOptions {
+    type?: 'message';
+}
+export declare class MessageNotification {
+    private element;
+    private options;
+    private autoCloseTimer?;
+    private featuredIcon?;
+    constructor(options: MessageNotificationOptions);
+    private createElement;
+    private buildTemplate;
+    private renderHidePermanentlyButton;
+    private renderCloseButton;
+    private bindEvents;
+    private setupAutoClose;
+    getElement(): HTMLElement;
+    appendTo(parent: HTMLElement): void;
+    remove(): void;
+    destroy(): void;
+    static create(options: MessageNotificationOptions): MessageNotification;
+}
+//# sourceMappingURL=MessageNotification.d.ts.map

package/dist/types/assets/scripts/notification/Notification.d.ts

@@ -1,6 +1,6 @@
 import type { NotificationColor, BaseNotificationOptions } from './const';
 export interface NotificationOptions extends BaseNotificationOptions {
-    type?: 'full-width' | 'floating';
+    type?: 'full-width' | 'floating' | 'message';
 }
 export declare class Notification {
     private instance;

package/dist/types/assets/scripts/notification/const/classNames.d.ts

@@ -23,6 +23,20 @@ export declare const CLASS_NAMES: {
         readonly ACTIONS: "ncua-floating-notification__actions";
         readonly CLOSE_BUTTON: "ncua-floating-notification__close-button";
     };
+    readonly MESSAGE: {
+        readonly BASE: "ncua-message-notification";
+        readonly CONTAINER: "ncua-message-notification__container";
+        readonly CONTENT: "ncua-message-notification__content";
+        readonly CONTENT_WRAPPER: "ncua-message-notification__content-wrapper";
+        readonly ICON: "ncua-message-notification__icon";
+        readonly TEXT_CONTAINER: "ncua-message-notification__text-container";
+        readonly TITLE: "ncua-message-notification__title";
+        readonly SUPPORTING_TEXT: "ncua-message-notification__supporting-text";
+        readonly ACTIONS_CONTAINER: "ncua-message-notification__actions-container";
+        readonly ACTIONS: "ncua-message-notification__actions";
+        readonly HIDE_LINK: "ncua-message-notification__hide-link";
+        readonly CLOSE_BUTTON: "ncua-message-notification__close-button";
+    };
     readonly COMMON: {
         readonly ACTION_BUTTON: "ncua-notification__action-button";
     };

package/dist/types/assets/scripts/notification/const/index.d.ts

@@ -1,5 +1,6 @@
 export type { NotificationColor, NotificationHierarchy, NotificationAction, BaseNotificationOptions } from './types';
 export { SVG_ICONS, FLOATING_ICON_MAP, FULL_WIDTH_ICON_MAP, ICON_MAP } from './icons';
 export { CLASS_NAMES } from './classNames';
-export { FEATURED_ICON_SIZES, ICON_PIXEL_SIZES, CLOSE_BUTTON_SIZES, CLOSE_BUTTON_SVG_SIZES, FULL_WIDTH_SIZES, getSizes, } from './sizes';
+export { FEATURED_ICON_SIZES, ICON_PIXEL_SIZES, CLOSE_BUTTON_SIZES, CLOSE_BUTTON_SVG_SIZES, FULL_WIDTH_SIZES, MESSAGE_SIZES, getSizes, } from './sizes';
+export { MESSAGE_CLOSE_ICON_COLORS } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/assets/scripts/notification/const/sizes.d.ts

@@ -19,6 +19,11 @@ export declare const FULL_WIDTH_SIZES: {
     readonly ICON: "16";
     readonly CLOSE_BUTTON: "20";
 };
+export declare const MESSAGE_SIZES: {
+    readonly FEATURED_ICON: "lg";
+    readonly ICON_PIXEL: "24";
+    readonly CLOSE_BUTTON: "20";
+};
 export declare const getSizes: {
     readonly featuredIcon: (isMobile: boolean) => "sm" | "md";
     readonly iconPixel: (isMobile: boolean) => "16" | "20";

package/dist/types/assets/scripts/notification/const/types.d.ts

@@ -16,4 +16,5 @@ export interface BaseNotificationOptions {
     supportTextLink?: string;
     onHidePermanently?: () => void;
 }
+export declare const MESSAGE_CLOSE_ICON_COLORS: Record<NotificationColor, string>;
 //# sourceMappingURL=types.d.ts.map