npm - @ncds/ui-admin - Versions diffs - 1.8.27 → 1.8.28-alpha.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (528) hide show

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/types/src/components/layout/page-title/__tests__/pageTitleStyle.test.d.ts ADDED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -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 ADDED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

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

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

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

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

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

@@ -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 ADDED Viewed

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

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

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

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

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

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

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

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

@@ -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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

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

package/dist/ui-admin/assets/styles/style.css CHANGED Viewed

@@ -67,9 +67,6 @@
   --shadow-xs-focused-3px-primary-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 3px #ffeaee;
   --shadow-xs-focused-3px-gray-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 3px #f2f4f7;
   --shadow-xs-focused-3px-error-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 3px #fee4e2;
-  --shadow-xs-focused-4px-primary-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #ffeaee;
-  --shadow-xs-focused-4px-gray-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f2f4f7;
-  --shadow-xs-focused-4px-error-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #fee4e2;
   --shadow-sm: 0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f;
   --shadow-sm-focused-4px-primary-100: 0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #ffeaee;
   --shadow-sm-focused-4px-gray-100: 0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #f2f4f7;
@@ -327,7 +324,7 @@ button {
   background-color: var(--primary-red-450);
   border: 1px solid var(--primary-red-500);
   color: var(--base-white);
-  box-shadow: var(--shadow-xs-focused-4px-primary-100);
+  box-shadow: var(--shadow-sm-focused-4px-primary-100);
 }
 .ncua-btn--primary:disabled, .ncua-btn--primary.is-disable {
   background-color: var(--primary-red-100);
@@ -373,7 +370,7 @@ button {
   background-color: var(--base-white);
   border: 1px solid var(--gray-200);
   color: var(--gray-700);
-  box-shadow: var(--shadow-xs-focused-4px-gray-100);
+  box-shadow: var(--shadow-sm-focused-4px-gray-100);
 }
 .ncua-btn--secondary-gray:disabled, .ncua-btn--secondary-gray.is-disable {
   background-color: var(--base-white);
@@ -959,7 +956,7 @@ button {
 }
 .ncua-checkbox-input.destructive :where(input):focus {
   border-color: var(--primary-red-600);
-  box-shadow: var(--shadow-xs-focused-4px-error-100);
+  box-shadow: var(--shadow-sm-focused-4px-error-100);
 }
 .ncua-checkbox-input:hover {
   border-color: var(--gray-600);
@@ -1744,7 +1741,7 @@ button {
   border-color: var(--primary-red-600);
 }
 .ncua-input.destructive:where(:focus-within) .ncua-input__field {
-  box-shadow: var(--shadow-xs-focused-4px-error-100);
+  box-shadow: var(--shadow-sm-focused-4px-error-100);
 }
 .ncua-input.is-disabled .ncua-input__content > :not(button) {
   background-color: var(--gray-50);
@@ -1939,7 +1936,7 @@ button {
   border-color: var(--primary-red-600);
 }
 .ncua-input--textarea.destructive textarea:focus {
-  box-shadow: var(--shadow-xs-focused-4px-error-100);
+  box-shadow: var(--shadow-sm-focused-4px-error-100);
 }
 .ncua-input--textarea--xs textarea {
@@ -3210,7 +3207,7 @@ button {
 }
 .ncua-radio-input.destructive :where(input):focus {
   border-color: var(--primary-red-600);
-  box-shadow: var(--shadow-xs-focused-4px-error-100);
+  box-shadow: var(--shadow-sm-focused-4px-error-100);
 }
 .ncua-radio-field {
@@ -3712,7 +3709,7 @@ button {
   border-color: var(--primary-red-600);
 }
 .ncua-select.destructive .ncua-select__content:focus-within {
-  box-shadow: var(--shadow-xs-focused-4px-error-100);
+  box-shadow: var(--shadow-sm-focused-4px-error-100);
 }
 .ncua-select--xs .ncua-select__content {
   height: var(--select-height-xs);
@@ -4053,7 +4050,7 @@ button {
   border-color: var(--primary-red-600);
 }
 .ncua-selectbox.destructive .ncua-selectbox__content:focus {
-  box-shadow: var(--shadow-xs-focused-4px-error-100);
+  box-shadow: var(--shadow-sm-focused-4px-error-100);
 }
 .ncua-selectbox--xs .ncua-selectbox__content {
   height: var(--select-height-xs);
@@ -5356,15 +5353,16 @@ button {
   justify-content: center;
   color: var(--pink-600);
   background-color: var(--pink-200);
-  border-radius: 5px;
 }
 .ncua-badge--new-badge-sm {
   width: 16px;
   height: 16px;
+  border-radius: 3px;
 }
 .ncua-badge--new-badge-md {
   width: 20px;
   height: 20px;
+  border-radius: 4px;
 }
 .ncua-badge-group {
@@ -6626,7 +6624,7 @@ button {
   bottom: 0;
   width: 3px;
   background: var(--base-black);
-  z-index: 1;
+  z-index: var(--z-index-1);
 }
 .ncua-table__row--warning.ncua-table__row--selected:nth-child(n) {
   background: var(--orange-50);
@@ -6771,7 +6769,7 @@ button {
 .ncua-table--fixed-header .ncua-table__header-cell {
   position: sticky;
   top: 0;
-  z-index: 10;
+  z-index: var(--z-index-sticky);
   padding: 0 var(--spacing-m);
   height: var(--ncua-table-header-height);
 }
@@ -7436,17 +7434,16 @@ button {
 .ncua-page-title {
   width: 100%;
-  background: var(--base-white);
-  box-shadow: var(--shadow-sm);
 }
 .ncua-page-title--fixed {
   position: sticky;
   top: 0;
   z-index: 999;
-  border-bottom: 1px solid var(--gray-300);
+  background: var(--gray-50);
+  border-bottom: 1px solid var(--gray-100);
 }
 .ncua-page-title__page-header {
-  padding: 24px 40px;
+  padding: 32px 40px 0;
 }
 .ncua-page-title--fixed .ncua-page-title__page-header {
   padding: 12px 40px;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ncds/ui-admin",
-  "version": "1.8.27",
+  "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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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