@opsnow-mcp/opsnow-mcp-common-ui-server 1.0.39 → 1.0.41

package/build/components/all-component-tools.js

@@ -19,6 +19,7 @@ import { createPopupComponent } from "./opsnow-common-popup.js";
 import { createStepperComponent } from "./opsnow-common-stepper.js";
 import { createToastPopupComponent } from "./opsnow-common-toast-popup.js";
 import { createFileUploaderComponent } from "./opsnow-common-file-upload.js";
+import { createDropdownComponent } from "./opsnow-common-dropdown.js";
 const componentFactories = [
     createCalendarComponent,
     createChartComponent,
@@ -39,6 +40,7 @@ const componentFactories = [
     createStepperComponent,
     createToastPopupComponent,
     createFileUploaderComponent,
+    createDropdownComponent,
 ];
 export function collectComponentTools() {
     return componentFactories.flatMap(factory => factory());

package/build/components/data/icon-names.generated.js

@@ -0,0 +1,341 @@
+// AUTO-GENERATED by scripts/sync-icon-names.ts from @opsnow-common/opsnow-common-icons@2.0.2 — 직접 수정 금지
+// 갱신: npm run sync:icons [-- <버전>]
+export const ICONS_PACKAGE_VERSION = "2.0.2";
+export const ICON_NAMES = [
+    "AiBot",
+    "AiBrain",
+    "AiChip",
+    "AlertBellNewalarmOutline",
+    "AlertBellOutline",
+    "AlertMessage",
+    "AlertWarningCircleFilled",
+    "ArrowBoth",
+    "ArrowBothHorizontalCircleFiller",
+    "ArrowBothVerticalCircleOutline",
+    "ArrowCircle",
+    "ArrowDown",
+    "ArrowDownDotCircle",
+    "ArrowLeft",
+    "ArrowLeftRightSquare",
+    "ArrowLeftWall",
+    "ArrowLogout",
+    "ArrowReceive",
+    "ArrowRecycle",
+    "ArrowRedo",
+    "ArrowReload",
+    "ArrowRight",
+    "ArrowRightWall",
+    "ArrowTransfer",
+    "ArrowTwoSide",
+    "ArrowUndo",
+    "ArrowUp",
+    "ArrowUpDotCircle",
+    "ArrowUpDownSquare",
+    "ArrowUpperRight",
+    "ArrowWall",
+    "ArrowWallUp",
+    "Asc",
+    "Azure2",
+    "BagBuyShopping",
+    "BagBuyShoppingCheck",
+    "Battery",
+    "BoardModuleHorizontal",
+    "BoardModuleVerticalFilled",
+    "BoardModuleVerticalOutline",
+    "BookmarkFilled",
+    "BookmarkOutline",
+    "BrowserCode",
+    "BubbleEmpty",
+    "BubbleQuestion",
+    "BubbleText",
+    "Building",
+    "BuyShoppingCart",
+    "Calendar",
+    "CalendarNumber",
+    "CalendarRetired",
+    "CalendarTwotone",
+    "Check1",
+    "Check2",
+    "CheckCircleArrrow",
+    "CheckCircleFiller",
+    "CheckMK",
+    "ChevronDoubleDown",
+    "ChevronDoubleLeft",
+    "ChevronDoubleLeftSm",
+    "ChevronDoubleRight",
+    "ChevronDoubleRightSm",
+    "ChevronDoubleUp",
+    "ChevronDown",
+    "ChevronDownSm",
+    "ChevronLeft",
+    "ChevronLeftRight",
+    "ChevronLeftSm",
+    "ChevronRight",
+    "ChevronRightSm",
+    "ChevronRightUp",
+    "ChevronUp",
+    "ChipLine",
+    "ChipSparkLine",
+    "CircleFocus",
+    "CircleInArrow",
+    "CircleLoginArrow",
+    "Clock",
+    "ClockLapse",
+    "CloseLg",
+    "CloseSm",
+    "Cloud",
+    "CloudAi",
+    "CloudLink",
+    "CloudPlus",
+    "CloudSecurity",
+    "CloudWarning",
+    "Code",
+    "CoinsDb",
+    "ConsulSvgrepoCom",
+    "CreditCard",
+    "CreditCardAmex",
+    "CreditCardDiscover",
+    "CreditCardEmpty",
+    "CreditCardJcb",
+    "CreditCardMaster",
+    "CreditCardTwotone",
+    "CreditCardUnionpay",
+    "CreditCardVisa",
+    "Csv",
+    "CustomerSupport",
+    "DangerousZoneSign",
+    "Db",
+    "DbCpuChip",
+    "DbHardDriveDisk",
+    "DbHardDriveDiskSdCard",
+    "DbNetwork",
+    "DbServer",
+    "DbServer2",
+    "DbSetting",
+    "DeleteBin1",
+    "DeleteBin2",
+    "DeleteBinFilled",
+    "DeleteSquare",
+    "Depth",
+    "Desc",
+    "Document2",
+    "DocumentArrowDown",
+    "DocumentArrowUp",
+    "DocumentCheck",
+    "DocumentCopyFiles",
+    "DocumentPenText",
+    "DocumentPlus",
+    "DocumentSearch",
+    "DocumentSetting",
+    "DocumentText",
+    "DocumentTextAlignLeft1",
+    "DocumentTextAlignLeft2",
+    "DocumentX",
+    "DollarRotate",
+    "Door",
+    "DotCircle",
+    "DotOne",
+    "DoucumentSquare",
+    "Download",
+    "Dynatrace",
+    "EditWrenchFix",
+    "Elasticsearch",
+    "EnvelopeDocument",
+    "Equal",
+    "ExpandAll",
+    "EyeClosed",
+    "EyeOpen",
+    "FaceBad",
+    "FaceBadFilled",
+    "FaceHappy",
+    "FaceHappyFilled",
+    "FaceSoso",
+    "FaceSosoFilled",
+    "FaceVeryBad",
+    "FaceVeryBadFilled",
+    "FaceVeryHappy",
+    "FaceVeryHappyFilled",
+    "Filter",
+    "Filter2",
+    "FilterClear",
+    "FocusScope",
+    "FolderDocument",
+    "FolderEmpty",
+    "FolderLine",
+    "FolderObject",
+    "FolderX",
+    "Gauge",
+    "Grafana",
+    "GraphArrowUp",
+    "GraphBar1",
+    "GraphBar2",
+    "GraphBarHorizontal",
+    "GraphBaseline",
+    "GraphCandle",
+    "GraphLine1",
+    "GraphLine2",
+    "GraphLineAverage",
+    "GraphScatter",
+    "GuageGraph",
+    "GuageScore",
+    "HealthHeart",
+    "HealtyGraphHygiene",
+    "Hierarchy",
+    "InProgressLoading",
+    "InfinityLoof",
+    "InfoCircleFiller",
+    "InfoCircleOutline",
+    "InventoryBox",
+    "Jennifer",
+    "Jira",
+    "Kapacitor",
+    "Key2",
+    "KeySimple",
+    "Lightbulb",
+    "Link",
+    "LinkBold",
+    "List",
+    "LoadingWaiting",
+    "LogoAndroid",
+    "LogoApple",
+    "LogoAws",
+    "LogoAws2",
+    "LogoAzure",
+    "LogoDatabricks",
+    "LogoDatadog",
+    "LogoEmailOpsnow",
+    "LogoExcel",
+    "LogoFacebook1",
+    "LogoFacebook2",
+    "LogoFreshdesk",
+    "LogoGcp",
+    "LogoGoogle",
+    "LogoKubernetes",
+    "LogoLinkedin",
+    "LogoMongodb",
+    "LogoNcp",
+    "LogoOracle",
+    "LogoPdf",
+    "LogoPpt",
+    "LogoSnowflake",
+    "LogoSymbolOpsnowbg",
+    "LogoSynctree",
+    "LogoUnity",
+    "LogoWhatap",
+    "LogoWindows",
+    "LogoYoutube",
+    "Logout",
+    "Masked",
+    "MenuHamburger",
+    "MenuKebab",
+    "Minus",
+    "MinusCircleOutline",
+    "Module3shape",
+    "ModuleBox",
+    "ModuleCheck",
+    "ModuleComponent",
+    "ModuleDashboard1",
+    "ModuleDashboard2",
+    "ModuleOrganization",
+    "MoneyBill",
+    "MoneyBill2",
+    "MoneyCircle",
+    "MoneyDocument",
+    "MoneyDocumentTwotone",
+    "MoneyDollar",
+    "MoreCircleFilled",
+    "MoreCircleOutline",
+    "Nagios",
+    "Naver_logo_initial",
+    "NewRelic",
+    "NoItem",
+    "None",
+    "PasswordCheck",
+    "PenEditFilled",
+    "PenEditOutline",
+    "Percent",
+    "Plus",
+    "PlusCircleFilled",
+    "PlusCircleOutline",
+    "PocketArrowDown",
+    "PocketArrowUp",
+    "PocketMoney",
+    "PowerCircle",
+    "PowerTriangle",
+    "Prometheus",
+    "QuestionCircleOutline",
+    "Rocket",
+    "RotateLeft",
+    "RotateRi",
+    "RotateRightCircle",
+    "RotateSp",
+    "RulerMeasure",
+    "Scouter",
+    "SearchMagnifier",
+    "SearchMagnifierChart",
+    "Security",
+    "SecurityPhoneLock",
+    "SecurityShield1",
+    "SecurityShield2",
+    "SendMessageAirplaneFilled",
+    "SendMessageAirplaneOutline",
+    "Setting",
+    "SettingRotate",
+    "SixDots",
+    "SliderHorizontal",
+    "SliderVertical",
+    "Speaker",
+    "SquareDotline",
+    "SquareDown",
+    "SquareLayer",
+    "SquareMinusDrilldown",
+    "SquareMove",
+    "SquarePlusDrilldown",
+    "Square_downArrow",
+    "Square_upArrow",
+    "Square_upChevron",
+    "StackChart2tone",
+    "Stairs",
+    "StairsUp",
+    "Stamp",
+    "Star",
+    "StarScore",
+    "Sumo",
+    "Synch1",
+    "Synch2",
+    "TableCenter",
+    "TableLeft",
+    "Tag",
+    "TagFilled",
+    "TagHalf",
+    "TagName",
+    "TagNo",
+    "TagValue",
+    "Target",
+    "Temperature",
+    "Tencent",
+    "ToggleConfigration",
+    "TriangleDown",
+    "TriangleRight",
+    "TriangleUp",
+    "TriangleUpdown",
+    "UndoDeleteBin",
+    "Union",
+    "User",
+    "UserCircle",
+    "UserMembers",
+    "UserMultiOrgCircle",
+    "UserPlus",
+    "UserSecurity",
+    "UserStory",
+    "WarningTriangleFilled",
+    "WarningTriangleOutline",
+    "WebEarth",
+    "WebMonitoring",
+    "Webhook",
+    "Wifi",
+    "XCircleOutline",
+    "XClosedFilled",
+    "Zabbix",
+    "Zenius"
+];

package/build/components/data/icon-names.js

@@ -1,5 +1,6 @@
-// 아이콘 카테고리 정의
-export const IconCategories = {
+// 이름 목록의 출처는 icon-names.generated.ts. 아래는 수동 분류 — 패키지에 없는 이름은 빠지고 미분류 아이콘은 '기타(미분류)'로 들어간다.
+import { ICON_NAMES } from "./icon-names.generated.js";
+const ICON_CATEGORY_DEFS = {
     'AI/기술': ['AiBot', 'AiBrain', 'AiChip', 'CloudAi', 'ChipLine', 'ChipSparkLine', 'Code', 'BrowserCode'],
     '알림/경고': [
         'AlertBellNewalarmOutline', 'AlertBellOutline', 'AlertMessage', 'AlertWarningCircleFilled',
@@ -17,14 +18,16 @@ export const IconCategories = {
         'ChevronDoubleDown', 'ChevronDoubleLeft', 'ChevronDoubleLeftSm',
         'ChevronDoubleRight', 'ChevronDoubleRightSm', 'ChevronDoubleUp',
         'ChevronDownSm', 'ChevronLeftRight', 'ChevronLeftSm', 'ChevronRightSm',
-        'ChevronRightUp'
+        'ChevronRightUp',
+        'CircleInArrow', 'CircleLoginArrow', 'Logout'
     ],
     '문서/파일': [
         'Document2', 'DocumentArrowDown', 'DocumentArrowUp', 'DocumentCheck',
         'DocumentCopyFiles', 'DocumentPenText', 'DocumentPlus', 'DocumentSearch',
         'DocumentSetting', 'DocumentText', 'DocumentTextAlignLeft1', 'DocumentTextAlignLeft2',
         'DocumentX', 'DoucumentSquare', 'EnvelopeDocument', 'FolderDocument',
-        'FolderEmpty', 'FolderLine', 'FolderObject', 'FolderX'
+        'FolderEmpty', 'FolderLine', 'FolderObject', 'FolderX',
+        'Csv', 'LogoPdf', 'LogoPpt'
     ],
     '사용자': [
         'User', 'UserCircle', 'UserMembers', 'UserMultiOrgCircle', 'UserPlus',
@@ -38,7 +41,8 @@ export const IconCategories = {
     '그래프/차트/데이터': [
         'GraphArrowUp', 'GraphBar1', 'GraphBar2', 'GraphBarHorizontal', 'GraphBaseline',
         'GraphCandle', 'GraphLine1', 'GraphLine2', 'GraphLineAverage', 'GraphScatter',
-        'GuageGraph', 'GuageScore', 'HealtyGraphHygiene', 'Asc', 'Desc'
+        'GuageGraph', 'GuageScore', 'HealtyGraphHygiene', 'Asc', 'Desc',
+        'StackChart2tone'
     ],
     '로고': [
         'LogoAndroid', 'LogoApple', 'LogoAws', 'LogoAws2', 'LogoAzure',
@@ -46,10 +50,18 @@ export const IconCategories = {
         'LogoGcp', 'LogoGoogle', 'LogoLinkedin', 'LogoOracle', 'LogoSymbolOpsnowbg',
         'LogoUnity', 'LogoWindows', 'LogoYoutube'
     ],
+    '로고/서비스': [
+        'Azure2', 'CheckMK', 'ConsulSvgrepoCom', 'Dynatrace', 'Elasticsearch', 'Grafana',
+        'Jennifer', 'Jira', 'Kapacitor', 'LogoDatabricks', 'LogoDatadog', 'LogoFreshdesk',
+        'LogoKubernetes', 'LogoMongodb', 'LogoNcp', 'LogoSnowflake', 'LogoSynctree', 'LogoWhatap',
+        'Nagios', 'Naver_logo_initial', 'NewRelic', 'Prometheus', 'Scouter', 'Sumo',
+        'Tencent', 'Zabbix', 'Zenius'
+    ],
     '금융/화폐': [
         'MoneyBill', 'MoneyBill2', 'MoneyCircle', 'MoneyDocument',
         'MoneyDocumentTwotone', 'MoneyDollar', 'DollarRotate', 'PocketMoney',
-        'CreditCard', 'CreditCardTwotone'
+        'CreditCard', 'CreditCardTwotone',
+        'CreditCardAmex', 'CreditCardDiscover', 'CreditCardEmpty', 'CreditCardJcb', 'CreditCardMaster', 'CreditCardUnionpay', 'CreditCardVisa', 'PocketArrowDown', 'PocketArrowUp'
     ],
     '보안/인증': [
         'Security', 'SecurityPhoneLock', 'SecurityShield1', 'SecurityShield2',
@@ -58,19 +70,21 @@ export const IconCategories = {
     '상태/표시': [
         'Check1', 'Check2', 'CheckCircleArrrow', 'CheckCircleFiller',
         'CloseLg', 'CloseSm', 'Plus', 'Minus', 'PlusCircleFilled', 'PlusCircleOutline',
-        'MinusCircleOutline', 'XCircleOutline', 'XClosedFilled', 'Loading',
+        'MinusCircleOutline', 'XCircleOutline', 'XClosedFilled',
         'LoadingWaiting', 'InProgressLoading'
     ],
     '모듈/구성요소': [
         'Module3shape', 'ModuleCheck', 'ModuleComponent', 'ModuleDashboard1',
         'ModuleDashboard2', 'ModuleOrganization', 'BoardModuleHorizontal',
-        'BoardModuleVerticalFilled', 'BoardModuleVerticalOutline'
+        'BoardModuleVerticalFilled', 'BoardModuleVerticalOutline',
+        'ModuleBox'
     ],
     '인터페이스/UI': [
         'MenuHamburger', 'MenuKebab', 'SixDots', 'MoreCircleFilled', 'MoreCircleOutline',
         'Setting', 'SettingRotate', 'SliderHorizontal', 'SliderVertical',
         'ToggleConfigration', 'List', 'NoItem', 'None', 'Target', 'Speaker',
-        'CircleFocus', 'FocusScope', 'Lightbulb', 'Link', 'LinkBold'
+        'CircleFocus', 'FocusScope', 'Lightbulb', 'Link', 'LinkBold',
+        'ExpandAll', 'Masked', 'Union'
     ],
     '편집/수정': [
         'PenEditFilled', 'PenEditOutline', 'EditWrenchFix', 'DeleteBin1',
@@ -106,13 +120,15 @@ export const IconCategories = {
         'FaceVeryHappy', 'FaceVeryHappyFilled'
     ]
 };
-// 모든 아이콘 이름을 포함하는 맵 생성
-export const IconNamesMap = Object.values(IconCategories).reduce((acc, icons) => {
-    icons.forEach(icon => {
-        acc[icon] = icon;
-    });
-    return acc;
-}, {});
+const ICON_NAME_SET = new Set(ICON_NAMES);
+const categorized = new Set(Object.values(ICON_CATEGORY_DEFS).flat());
+const uncategorized = ICON_NAMES.filter(name => !categorized.has(name));
+export const IconCategories = Object.fromEntries([
+    ...Object.entries(ICON_CATEGORY_DEFS).map(([category, icons]) => [category, icons.filter(icon => ICON_NAME_SET.has(icon))]),
+    ["기타(미분류)", uncategorized],
+].filter(([, icons]) => icons.length > 0));
+// 모든 아이콘 이름을 포함하는 맵
+export const IconNamesMap = Object.fromEntries(ICON_NAMES.map(name => [name, name]));
 // 카테고리별 설명 생성 함수
 export function generateIconDescription(options = {}) {
     const { format = 'flat', separator = ', ' } = options;