@ncds/ui-admin 1.8.1 → 1.8.3

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

@@ -1,107 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MessageNotification = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = require("@ncds/ui-admin-icon");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _color = require("../../../constant/color");
-var _button = require("../button");
-var _FeaturedIcon = require("../featured-icon/FeaturedIcon");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const iconMap = {
-  neutral: _uiAdminIcon.Pin02,
-  error: _uiAdminIcon.AlertTriangle,
-  warning: _uiAdminIcon.AlertCircle,
-  success: _uiAdminIcon.CheckCircle
-};
-const iconColorMap = {
-  neutral: 'gray700',
-  error: 'red500',
-  warning: 'orange500',
-  success: 'green600'
-};
-const MessageNotification = exports.MessageNotification = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    title,
-    supportingText,
-    icon: Icon,
-    color = 'neutral',
-    onClose,
-    className,
-    actions,
-    onHidePermanently,
-    ...rest
-  } = _ref;
-  // message 타입은 neutral, error, warning, success 4가지 색상만 지원
-  const validColor = color === 'info' ? 'neutral' : color;
-  const iconColor = validColor;
-  const featuredIconProps = {
-    icon: Icon || iconMap[validColor] || _uiAdminIcon.Pin02,
-    size: 'lg',
-    color: iconColor,
-    theme: 'light-circle'
-  };
-  const closeIconColor = _color.COLOR[iconColorMap[validColor] || 'gray700'];
-  return (0, _jsxRuntime.jsx)("div", {
-    ref: ref,
-    className: (0, _classnames.default)('ncua-message-notification', `ncua-message-notification--${validColor}`, className),
-    role: "alert",
-    ...rest,
-    children: (0, _jsxRuntime.jsx)("div", {
-      className: "ncua-message-notification__container",
-      children: (0, _jsxRuntime.jsxs)("div", {
-        className: "ncua-message-notification__content",
-        children: [(0, _jsxRuntime.jsxs)("div", {
-          className: "ncua-message-notification__content-wrapper",
-          children: [iconMap[validColor] && (0, _jsxRuntime.jsx)(_FeaturedIcon.FeaturedIcon, {
-            ...featuredIconProps,
-            className: "ncua-message-notification__icon"
-          }), (0, _jsxRuntime.jsxs)("div", {
-            className: "ncua-message-notification__text-container",
-            children: [(0, _jsxRuntime.jsx)("span", {
-              className: "ncua-message-notification__title",
-              children: title
-            }), supportingText && (0, _jsxRuntime.jsx)("span", {
-              className: "ncua-message-notification__supporting-text",
-              children: supportingText
-            })]
-          })]
-        }), (0, _jsxRuntime.jsx)("div", {
-          className: "ncua-message-notification__actions-container",
-          children: actions && (0, _jsxRuntime.jsx)("div", {
-            className: "ncua-message-notification__actions",
-            children: actions.map(action => (0, _jsxRuntime.jsx)(_button.Button, {
-              size: "xs",
-              hierarchy: action.hierarchy || 'text',
-              label: action.label,
-              onClick: action?.onClick
-            }, `${action.label}-${action.hierarchy}`))
-          })
-        }), (0, _jsxRuntime.jsxs)("div", {
-          className: "ncua-message-notification__footer-container",
-          children: [onHidePermanently && (0, _jsxRuntime.jsx)("button", {
-            type: "button",
-            className: (0, _classnames.default)('ncua-notification__action-button', 'ncua-notification__action-button--link', 'ncua-message-notification__hide-link'),
-            onClick: onHidePermanently,
-            children: "\uB2E4\uC2DC \uBCF4\uC9C0 \uC54A\uAE30"
-          }), onClose && (0, _jsxRuntime.jsx)("button", {
-            type: "button",
-            className: "ncua-message-notification__close-button",
-            onClick: onClose,
-            "aria-label": "\uC54C\uB9BC \uB2EB\uAE30",
-            children: (0, _jsxRuntime.jsx)(_uiAdminIcon.XClose, {
-              width: 20,
-              height: 20,
-              color: closeIconColor
-            })
-          })]
-        })]
-      })
-    })
-  });
-});
-MessageNotification.displayName = 'MessageNotification';

package/dist/cjs/src/components/number-input/NumberInput.js

@@ -1,112 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NumberInput = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _hooks = require("../../hooks");
-var _button = require("../button");
-var _InputBase = require("../input-base/InputBase");
-const NumberInput = exports.NumberInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    size = 'xs',
-    minValue,
-    maxValue,
-    step = 1,
-    stepperPosition,
-    disabled,
-    ...props
-  } = _ref;
-  const inputRef = (0, _react.useRef)(null);
-  const mergedRef = (0, _hooks.useMergeRefs)([ref, inputRef]);
-  const getCurrentValue = (0, _react.useCallback)(() => {
-    const value = inputRef.current?.value;
-    return value ? Number.parseFloat(value) : 0;
-  }, []);
-  const updateValue = (0, _react.useCallback)(newValue => {
-    if (!inputRef.current) return;
-    // min/max 범위 체크
-    let clampedValue = newValue;
-    if (minValue !== undefined && clampedValue < minValue) {
-      clampedValue = minValue;
-    }
-    if (maxValue !== undefined && clampedValue > maxValue) {
-      clampedValue = maxValue;
-    }
-    inputRef.current.value = clampedValue.toString();
-    // onChange 이벤트 트리거
-    const event = new Event('input', {
-      bubbles: true
-    });
-    inputRef.current.dispatchEvent(event);
-  }, [minValue, maxValue]);
-  const handleIncrement = (0, _react.useCallback)(() => {
-    const currentValue = getCurrentValue();
-    const newValue = currentValue + step;
-    if (maxValue === undefined || newValue <= maxValue) {
-      updateValue(newValue);
-    }
-  }, [getCurrentValue, step, maxValue, updateValue]);
-  const handleDecrement = (0, _react.useCallback)(() => {
-    const currentValue = getCurrentValue();
-    const newValue = currentValue - step;
-    if (minValue === undefined || newValue >= minValue) {
-      updateValue(newValue);
-    }
-  }, [getCurrentValue, step, minValue, updateValue]);
-  const handleKeyDown = (0, _react.useCallback)(event => {
-    if (disabled) return;
-    if (event.key === 'ArrowUp') {
-      event.preventDefault();
-      handleIncrement();
-    } else if (event.key === 'ArrowDown') {
-      event.preventDefault();
-      handleDecrement();
-    }
-    // 기존 onKeyDown prop이 있으면 호출
-    props.onKeyDown?.(event);
-  }, [disabled, handleIncrement, handleDecrement, props]);
-  const renderStepperButtonGroup = position => {
-    if (position !== stepperPosition) {
-      return null;
-    }
-    return (0, _jsxRuntime.jsxs)("div", {
-      className: "ncua-input__stepper-button-group",
-      children: [(0, _jsxRuntime.jsx)(_button.ButtonStepper, {
-        size: size,
-        direction: "up",
-        onClick: handleIncrement,
-        disabled: disabled
-      }), (0, _jsxRuntime.jsx)(_button.ButtonStepper, {
-        size: size,
-        direction: "down",
-        onClick: handleDecrement,
-        disabled: disabled
-      })]
-    });
-  };
-  return (0, _jsxRuntime.jsx)(_InputBase.InputBase, {
-    type: "number",
-    leadingElement: renderStepperButtonGroup('leading') ? {
-      type: 'custom',
-      children: renderStepperButtonGroup('leading'),
-      placement: 'inside'
-    } : props.leadingElement,
-    trailingElement: renderStepperButtonGroup('trailing') ? {
-      type: 'custom',
-      children: renderStepperButtonGroup('trailing'),
-      placement: 'inside'
-    } : props.trailingElement,
-    ref: mergedRef,
-    size: size,
-    disabled: disabled,
-    min: minValue,
-    max: maxValue,
-    step: step,
-    onKeyDown: handleKeyDown,
-    className: "ncua-input__number",
-    ...props
-  });
-});

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

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NavButton = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _uiAdminIcon = require("@ncds/ui-admin-icon");
-var _button = require("../button");
-const ICON_SIZE_PC = 16;
-const ICON_SIZE_MOBILE = 20;
-const NAV_BUTTON_CONFIG = {
-  first: {
-    label: '처음',
-    className: 'ncua-pagination__first',
-    getIcon: _isPC => _uiAdminIcon.ChevronLeftDouble
-  },
-  prev: {
-    label: '이전',
-    className: 'ncua-pagination__before',
-    getIcon: isPC => isPC ? _uiAdminIcon.ChevronLeft : _uiAdminIcon.ArrowLeft
-  },
-  next: {
-    label: '다음',
-    className: 'ncua-pagination__next',
-    getIcon: isPC => isPC ? _uiAdminIcon.ChevronRight : _uiAdminIcon.ArrowRight
-  },
-  last: {
-    label: '마지막',
-    className: 'ncua-pagination__last',
-    getIcon: _isPC => _uiAdminIcon.ChevronRightDouble
-  }
-};
-const NavButton = _ref => {
-  let {
-    type,
-    breakPoint,
-    noPrev,
-    noNext,
-    onClick
-  } = _ref;
-  const config = NAV_BUTTON_CONFIG[type];
-  const isNavigationButton = type === 'first' || type === 'prev' || type === 'next' || type === 'last';
-  const isFirstOrPrev = type === 'first' || type === 'prev';
-  const isNextOrLast = type === 'next' || type === 'last';
-  const disabled = (isFirstOrPrev ? noPrev : false) || (isNextOrLast ? noNext : false);
-  const isPC = breakPoint === 'pc';
-  // key를 제외한 공통 props
-  const buttonProps = {
-    label: config.label,
-    className: config.className,
-    onlyIcon: true,
-    leadingIcon: {
-      type: 'icon',
-      icon: config.getIcon(isPC),
-      size: isPC ? ICON_SIZE_PC : ICON_SIZE_MOBILE,
-      color: disabled ? 'gray200' : 'gray700'
-    },
-    hierarchy: 'secondary-gray',
-    size: isPC ? 'xs' : 'sm',
-    disabled,
-    onClick
-  };
-  // key 값 별도 계산
-  const buttonKey = isNavigationButton ? `${breakPoint}-${type}` : undefined;
-  return (0, _jsxRuntime.jsx)(_button.Button, {
-    ...buttonProps
-  }, buttonKey);
-};
-exports.NavButton = NavButton;

package/dist/cjs/src/components/progress-bar/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ProgressBar = require("./ProgressBar");
-Object.keys(_ProgressBar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ProgressBar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ProgressBar[key];
-    }
-  });
-});
-var _types = require("./types");
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});

package/dist/cjs/src/components/progress-bar/types.js

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

package/dist/cjs/src/components/range-date-picker-with-buttons/RangeDatePickerWithButtons.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RangeDatePickerWithButtons = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _datePicker = require("../../constant/date-picker");
-var _datePicker2 = require("../../utils/date-picker");
-var _buttonGroup = require("../button-group");
-var _RangeDatePicker = require("../range-date-picker/RangeDatePicker");
-const RangeDatePickerWithButtons = _ref => {
-  let {
-    useYesterdayAsEndDate = false,
-    size = 'xs',
-    currentButtonId,
-    setCurrentButtonId,
-    startDateOptions,
-    endDateOptions,
-    validationOption,
-    periodKeys,
-    periodItems,
-    onDateValidation
-  } = _ref;
-  const items = periodItems ?? _datePicker.PERIOD_ITEM;
-  const setCalculatedDate = () => {
-    const currentPeriodItem = items[currentButtonId];
-    if (!currentPeriodItem) {
-      return;
-    }
-    if (currentButtonId === 'ENTIRE') {
-      startDateOptions.onChangeDate('');
-      endDateOptions.onChangeDate('');
-      return;
-    }
-    const startDate = (0, _datePicker2.getDateFormat)((0, _datePicker2.getSubtractDate)({
-      period: currentPeriodItem.period,
-      unit: currentPeriodItem.unit
-    }));
-    startDateOptions.onChangeDate(startDate);
-    const endDate = useYesterdayAsEndDate ? (0, _datePicker2.getDateFormat)((0, _datePicker2.getSubtractDate)({
-      period: 1,
-      unit: 'days'
-    })) : (0, _datePicker2.getDateFormat)();
-    endDateOptions.onChangeDate(endDate);
-  };
-  const handleOnChangeDate = (date, type) => {
-    type === 'START' ? startDateOptions.onChangeDate(date) : endDateOptions.onChangeDate(date);
-    currentButtonId && setCurrentButtonId('NONE');
-  };
-  (0, _react.useEffect)(() => {
-    if (currentButtonId !== 'NONE') {
-      setCalculatedDate();
-    }
-  }, [currentButtonId]);
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: "ncua-range-date-picker-with-buttons",
-    children: [(0, _jsxRuntime.jsx)(_buttonGroup.ButtonGroup, {
-      size: size,
-      children: periodKeys.map(key => (0, _jsxRuntime.jsx)(_buttonGroup.ButtonGroup.Item, {
-        isCurrent: currentButtonId === key,
-        label: items[key].text,
-        onClick: () => setCurrentButtonId(key)
-      }, key))
-    }), (0, _jsxRuntime.jsx)(_RangeDatePicker.RangeDatePicker, {
-      startDateOptions: {
-        ...startDateOptions,
-        onChangeDate: date => handleOnChangeDate(date, 'START')
-      },
-      endDateOptions: {
-        ...endDateOptions,
-        onChangeDate: date => handleOnChangeDate(date, 'END')
-      },
-      validationOption: validationOption,
-      onDateValidation: onDateValidation,
-      size: size
-    })]
-  });
-};
-exports.RangeDatePickerWithButtons = RangeDatePickerWithButtons;

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

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Select = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = require("react");
-var _HintText = require("../shared/hintText/HintText");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    placeholder,
-    disabledPlaceholder = false,
-    id,
-    className,
-    hintText,
-    children,
-    size = 'xs',
-    type = 'default',
-    destructive = false,
-    value,
-    optionItems,
-    register,
-    disabled = false,
-    ...props
-  } = _ref;
-  return (0, _jsxRuntime.jsxs)("span", {
-    className: (0, _classnames.default)('ncua-select', {
-      destructive: destructive,
-      'ncua-select--simple': type === 'simple'
-    }, className, `ncua-select--${size}`),
-    children: [(0, _jsxRuntime.jsx)("span", {
-      className: "ncua-select__content",
-      children: (0, _jsxRuntime.jsxs)("select", {
-        value: value,
-        ref: ref,
-        id: id,
-        className: (0, _classnames.default)('ncua-select__tag', className),
-        disabled: disabled,
-        ...register,
-        ...props,
-        children: [placeholder && (0, _jsxRuntime.jsx)("option", {
-          value: "",
-          selected: true,
-          disabled: disabledPlaceholder,
-          children: placeholder
-        }), optionItems?.map(item => (0, _jsxRuntime.jsx)("option", {
-          value: item.id,
-          children: item.label
-        }, item.id)), children]
-      })
-    }), hintText && (0, _jsxRuntime.jsx)(_HintText.HintText, {
-      destructive: destructive,
-      className: "ncua-hint-text",
-      children: hintText
-    })]
-  });
-});