@ncds/ui-admin 1.8.28-alpha.0 → 1.8.28-alpha.1

package/dist/types/src/components/data-display/table/useTableScrollbars.d.ts

@@ -1,6 +1,6 @@
 import { type MouseEvent, type RefObject } from 'react';
-import { H_SCROLLBAR_SIDE_GAP, H_SCROLLBAR_THUMB_MIN_WIDTH, SCROLLBAR_THUMB_MIN_HEIGHT, SCROLLBAR_TRACK_OFFSET, TABLE_HEADER_HEIGHT } from '../../../../assets/scripts/table/scrollbar/const';
-export { H_SCROLLBAR_SIDE_GAP, H_SCROLLBAR_THUMB_MIN_WIDTH, SCROLLBAR_THUMB_MIN_HEIGHT, SCROLLBAR_TRACK_OFFSET, TABLE_HEADER_HEIGHT, };
+import { TABLE_HEADER_HEIGHT } from '../../../../assets/scripts/table/scrollbar/const';
+export { TABLE_HEADER_HEIGHT };
 type VerticalScrollbarOptions = {
     enabled: boolean;
     layoutKey: unknown;

package/dist/types/src/components/feedback-and-status/badge/__tests__/Badge.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/feedback-and-status/badge-group/__tests__/BadgeGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/feedback-and-status/carousel-arrow/__tests__/CarouselArrow.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/feedback-and-status/carousel-number-group/__tests__/CarouselNumberGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/feedback-and-status/empty-state/__tests__/EmptyState.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/feedback-and-status/progress-bar/__tests__/ProgressBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/feedback-and-status/progress-bar/__tests__/useProgressBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/feedback-and-status/progress-bar/__tests__/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/feedback-and-status/progress-circle/__tests__/ProgressCircle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/feedback-and-status/spinner/__tests__/Spinner.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/feedback-and-status/tag/__tests__/Tag.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/checkbox/__tests__/Checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/combo-box/ComboBox.d.ts

@@ -2,7 +2,6 @@ import { type ComponentPropsWithRef, type ReactNode } from 'react';
 import type { UseFormRegisterReturn } from 'react-hook-form';
 import type { Size } from '../../../../constant/size';
 import type { OptionChangeHandler, OptionType, OptionValue } from '../../../types/dropdown';
-declare const defaultMaxHeight = 275;
 interface ComboBoxProps extends Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> {
     children?: ReactNode;
     placeholder?: string;
@@ -42,5 +41,5 @@ interface ComboBoxProps extends Omit<ComponentPropsWithRef<'div'>, 'size' | 'onC
     usePortal?: boolean;
 }
 declare const ComboBox: import("react").ForwardRefExoticComponent<Omit<ComboBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export { defaultMaxHeight, ComboBox };
+export { ComboBox };
 export type { ComboBoxProps };

package/dist/types/src/components/forms-and-input/combo-box/__tests__/ComboBox.interaction.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/combo-box/__tests__/ComboBox.register.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/combo-box/__tests__/comboBoxTestUtils.d.ts

@@ -0,0 +1,22 @@
+import { type ReactElement } from 'react';
+import type { OptionValue } from '../../../../types/dropdown';
+import { type ComboBoxProps } from '../ComboBox';
+interface HarnessProps extends Omit<ComboBoxProps, 'value' | 'onChange'> {
+    initialValue?: OptionValue;
+    onChangeSpy: (value: OptionValue) => void;
+}
+/** 각 테스트 파일의 afterEach 에서 부른다 */
+export declare const runCleanups: () => void;
+export declare const onCleanup: (cleanup: () => void) => void;
+/** 같은 root 에 다시 render 하면 props 변경(rerender)이 된다 */
+export declare const mountRoot: () => {
+    container: HTMLDivElement;
+    render: (element: ReactElement) => void;
+};
+export declare const mountControlled: (props: HarnessProps) => HTMLElement;
+export declare const requireElement: <T extends Element>(scope: ParentNode, selector: string) => T;
+export declare const findByText: <T extends HTMLElement>(scope: ParentNode, selector: string, text: string) => T;
+export declare const click: (element: HTMLElement) => void;
+/** 「전체」 버튼 — 검색어 없이 전체 목록을 연다 */
+export declare const allButton: (container: HTMLElement) => HTMLElement;
+export {};

package/dist/types/src/components/forms-and-input/date-picker/__tests__/DatePicker.input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/date-picker/__tests__/DatePicker.position.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/date-picker/__tests__/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/file-input/__tests__/FileInput.select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/image-file-input/__tests__/ImageFileInput.select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/input-base/__tests__/InputBase.slots.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/number-input/__tests__/NumberInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/password-input/__tests__/PasswordInput.toggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/radio/__tests__/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/select/__tests__/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/select-box/SelectBox.d.ts

@@ -2,7 +2,6 @@ import { type ComponentPropsWithRef, type ReactNode } from 'react';
 import type { UseFormRegisterReturn } from 'react-hook-form';
 import type { Size } from '../../../../constant/size';
 import type { OptionChangeHandler, OptionType, OptionValue } from '../../../types/dropdown';
-declare const DEFAULT_MAX_HEIGHT = 275;
 type SelectBoxProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> & {
     children?: ReactNode;
     placeholder?: string;
@@ -42,4 +41,4 @@ type SelectBoxProps = Omit<ComponentPropsWithRef<'div'>, 'size' | 'onChange'> &
 };
 declare const SelectBox: import("react").ForwardRefExoticComponent<Omit<SelectBoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export type { SelectBoxProps };
-export { DEFAULT_MAX_HEIGHT, SelectBox };
+export { SelectBox };

package/dist/types/src/components/forms-and-input/select-box/__tests__/SelectBox.portal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/select-box/__tests__/SelectBox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/slider/__tests__/Slider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/switch/__tests__/Switch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/textarea/__tests__/Textarea.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/textarea/__tests__/Textarea.unmount.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/forms-and-input/toggle/__tests__/Toggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/image-and-icons/featured-icon/__tests__/FeaturedIcon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/layout/block-container/__tests__/BlockContainer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/layout/block-header/__tests__/BlockHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/layout/block-header/__tests__/SubTitle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/layout/divider/__tests__/Divider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/layout/ncua-scope/__tests__/NcuaScope.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/layout/page-title/__tests__/PageTitle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/navigation/context-tab/__tests__/ContextTab.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/navigation/context-tab/__tests__/useContextTabScroll.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/navigation/horizontal-tab/__tests__/HorizontalTab.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/navigation/pagination/__tests__/Pagination.navigation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/navigation/vertical-tab/__tests__/VerticalTab.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/overlays/dropdown/__tests__/Dropdown.dnd.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/overlays/dropdown/__tests__/Dropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/overlays/dropdown/__tests__/dropdownTestUtils.d.ts

@@ -0,0 +1,3 @@
+export declare const configItem: (scope: Element, text: string) => HTMLElement;
+export declare const configTexts: (scope: Element) => string[];
+export declare const applyButtonOf: (scope: Element) => HTMLButtonElement;

package/dist/types/src/components/overlays/modal/__tests__/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/overlays/notification/MessageNotificationParts.d.ts

@@ -24,5 +24,4 @@ interface MessageNotificationActionsProps {
  * 표시할 요소가 하나도 없으면 빈 컨테이너를 남기지 않는다.
  */
 declare const MessageNotificationActions: ({ actions, onClose, hideCloseButton, onHidePermanently, hidePermanentlyLabel, closeIconColor, }: MessageNotificationActionsProps) => import("react/jsx-runtime").JSX.Element | null;
-export type { MessageNotificationActionsProps, MessageNotificationContentProps };
 export { MessageNotificationActions, MessageNotificationContent };

package/dist/types/src/components/overlays/notification/NotificationActionButtons.d.ts

@@ -8,5 +8,4 @@ interface NotificationActionButtonsProps {
  * 감싸는 래퍼(`__actions`)는 type 마다 클래스가 달라 호출부가 담당한다.
  */
 declare const NotificationActionButtons: ({ actions }: NotificationActionButtonsProps) => import("react/jsx-runtime").JSX.Element;
-export type { NotificationActionButtonsProps };
 export { NotificationActionButtons };

package/dist/types/src/components/overlays/notification/__tests__/FloatingNotification.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/overlays/postcode-search-modal/PostcodeSearchModalTip.d.ts

@@ -1,8 +1,6 @@
 interface PostcodeSearchModalTipProps {
     className?: string;
 }
-/** Tip 카드 첫 줄 안내 문구 (기획서 TIPS.searchTitle) */
-declare const TIP_TITLE = "\uC544\uB798 \uC870\uD569\uC73C\uB85C \uAC80\uC0C9\uD558\uBA74 \uC6D0\uD558\uB294 \uC8FC\uC18C\uB97C \uB354 \uC27D\uAC8C \uCC3E\uC744 \uC218 \uC788\uC5B4\uC694.";
 /**
  * 검색어 조합을 안내하는 Tip 카드.
  * 결과 목록이 없는 화면(초기·오류·결과 없음)에서만 노출된다.
@@ -12,5 +10,5 @@ declare const Tip: {
     ({ className }: PostcodeSearchModalTipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export { Tip, TIP_TITLE };
+export { Tip };
 export type { PostcodeSearchModalTipProps };

package/dist/types/src/components/overlays/postcode-search-modal/__tests__/PostcodeSearchModal.viewport.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/overlays/tooltip/__tests__/Tooltip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/tab/__tests__/TabButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/constant/date-picker.d.ts

@@ -1,4 +1,4 @@
-export type PeriodItem = {
+type PeriodItem = {
     text: string;
     period: number;
     unit: string | null;
@@ -61,3 +61,4 @@ export declare const PERIOD_ITEM: {
         unit: null;
     };
 };
+export {};

package/dist/types/src/hooks/__tests__/useCallbackRef.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/hooks/__tests__/useMediaQuery.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/hooks/__tests__/usePortalState.ssr.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/hooks/dropdown/__tests__/dropdownHooks.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/types/component-meta.d.ts

@@ -3,8 +3,8 @@
  * 컴포넌트 카테고리 — `src/components/` 하위 디렉토리명과 동일.
  * 타입과 런타임 값을 한 곳에서 정의해 추가/변경 시 동기화 누락을 막는다.
  */
+type ComponentCategory = (typeof COMPONENT_CATEGORIES)[number];
 export declare const COMPONENT_CATEGORIES: readonly ["action", "data-display", "feedback-and-status", "forms-and-input", "image-and-icons", "layout", "navigation", "overlays"];
-export type ComponentCategory = (typeof COMPONENT_CATEGORIES)[number];
 export interface ComponentMeta {
     category: ComponentCategory;
     aliases: string[];
@@ -28,3 +28,4 @@ export interface ComponentMeta {
      */
     usageExamples?: Record<string, Record<string, unknown>>;
 }
+export {};

package/dist/types/src/utils/dropdown/__tests__/multiSelect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/utils/dropdown/multiSelect.d.ts

@@ -1,24 +1,4 @@
 import type { MultiSelectOption, SelectedTag } from '../../types';
-/**
- * 전체 선택 상태를 확인하는 유틸 함수
- */
-export declare const isAllItemsSelected: (selectedValues: (string | number)[], options: MultiSelectOption[]) => boolean;
-/**
- * 전체 선택 버튼 텍스트를 반환하는 유틸 함수
- */
-export declare const getSelectAllButtonText: (selectedValues: (string | number)[], options: MultiSelectOption[], selectText?: string, deselectText?: string) => string;
-/**
- * 전체 선택/해제를 처리하는 유틸 함수
- */
-export declare const handleSelectAllItems: (selectedValues: (string | number)[], options: MultiSelectOption[]) => (string | number)[];
-/**
- * 선택된 항목들을 태그 데이터로 변환하는 유틸 함수
- */
-export declare const getSelectedTags: (selectedValues: (string | number)[], options: MultiSelectOption[]) => SelectedTag[];
-/**
- * 태그 제거 시 선택값에서 해당 ID를 제거하는 유틸 함수
- */
-export declare const removeTagFromSelected: (selectedValues: (string | number)[], tagIdToRemove: string | number) => (string | number)[];
 export interface UseMultiSelectOptions {
     /** 전체 선택 버튼의 라벨 (default: '전체 선택') */
     selectText?: string;

package/dist/types/src/utils/portal-position/__tests__/portalPosition.nullAnchor.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ncds/ui-admin",
-  "version": "1.8.28-alpha.0",
+  "version": "1.8.28-alpha.1",
   "description": "nhn-commerce의 어드민 디자인 시스템입니다.",
   "scripts": {
     "barrel": "node barrel.js",
@@ -22,6 +22,7 @@
     "predev": "pnpm run generate:scoped-css",
     "prestart": "cross-env NODE_ENV=production pnpm run build",
     "pretest": "pnpm run generate:scoped-css",
+    "pretest:coverage": "pnpm run generate:scoped-css",
     "pretsc": "pnpm run generate:scoped-css",
     "publish:cdn": "pnpm run build:cdn && node scripts/publish-cdn.js",
     "publish:npm": "pnpm run build:npm && npm publish --access=public",
@@ -29,6 +30,7 @@
     "start": "webpack --node-env development",
     "test": "vitest run --config vitest.config.ts",
     "test:coverage": "vitest run --coverage --config vitest.config.ts",
+    "test:watch": "vitest --config vitest.config.ts",
     "tsc": "tsc --pretty --listFiles",
     "watch:playground:css": "sass assets/styles/style.scss dist/style.css --style=compressed --watch"
   },
@@ -77,12 +79,10 @@
     "@atlaskit/pragmatic-drag-and-drop": "1.8.1",
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "2.1.0",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "1.1.0",
-    "@atlaskit/pragmatic-drag-and-drop-react-accessibility": "1.1.4",
     "@ncds/ui-admin-icon": "0.1.14",
     "classnames": "2.5.1",
     "dompurify": "3.4.12",
     "flatpickr": "4.6.13",
-    "lodash": "4.18.1",
     "lodash-es": "4.18.1",
     "moment": "2.30.1",
     "react-flatpickr": "4.0.11",
@@ -99,10 +99,8 @@
     "@types/node": "20.15.0",
     "@types/react": "18.3.28",
     "@types/react-dom": "18.3.7",
-    "@types/react-flatpickr": "3.8.11",
     "@vitest/coverage-v8": "^4.1.10",
     "babel-loader": "9.2.1",
-    "babel-plugin-named-exports-order": "0.0.2",
     "commander": "11.1.0",
     "copy-webpack-plugin": "11.0.0",
     "cross-env": "7.0.3",
@@ -116,15 +114,12 @@
     "html-webpack-plugin": "5.6.6",
     "jsdom": "26.1.0",
     "mini-css-extract-plugin": "2.10.1",
-    "prop-types": "15.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hook-form": "7.72.0",
     "sass": "1.98.0",
     "sass-loader": "13.3.3",
     "style-loader": "3.3.4",
-    "ts-loader": "9.5.4",
-    "ts-node": "10.9.2",
     "tsx": "^4.21.0",
     "typescript": "5.0.4",
     "vitest": "^4.1.10",

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

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

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

@@ -1,7 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MINIMUM_PC_SIZE = void 0;
-const MINIMUM_PC_SIZE = exports.MINIMUM_PC_SIZE = 768;

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

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

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

@@ -1,2 +0,0 @@
-export * from './date-picker';
-export * from './size';

package/dist/esm/src/constant/size.js

@@ -1 +0,0 @@
-export const MINIMUM_PC_SIZE = 768;

package/dist/esm/src/contexts/index.js

@@ -1 +0,0 @@
-export * from './FloatingContext';

package/dist/temp/src/constant/index.d.ts

@@ -1,2 +0,0 @@
-export * from './date-picker';
-export * from './size';

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

@@ -1,2 +0,0 @@
-export * from './date-picker';
-export * from './size';

package/dist/temp/src/constant/size.d.ts

@@ -1 +0,0 @@
-export declare const MINIMUM_PC_SIZE = 768;

package/dist/temp/src/constant/size.js

@@ -1 +0,0 @@
-export const MINIMUM_PC_SIZE = 768;

package/dist/temp/src/contexts/index.d.ts

@@ -1 +0,0 @@
-export * from './FloatingContext';

package/dist/temp/src/contexts/index.js

@@ -1 +0,0 @@
-export * from './FloatingContext';

package/dist/types/src/constant/index.d.ts

@@ -1,2 +0,0 @@
-export * from './date-picker';
-export * from './size';

package/dist/types/src/constant/size.d.ts

@@ -1 +0,0 @@
-export declare const MINIMUM_PC_SIZE = 768;

package/dist/types/src/contexts/index.d.ts

@@ -1 +0,0 @@
-export * from './FloatingContext';