@opsnow-mcp/opsnow-mcp-common-ui-server 1.0.21 → 1.0.23

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

@@ -0,0 +1,129 @@
+// 아이콘 카테고리 정의
+export const IconCategories = {
+    'AI/기술': ['AiBot', 'AiBrain', 'AiChip', 'CloudAi', 'ChipLine', 'ChipSparkLine', 'Code', 'BrowserCode'],
+    '알림/경고': [
+        'AlertBellNewalarmOutline', 'AlertBellOutline', 'AlertMessage', 'AlertWarningCircleFilled',
+        'WarningTriangleFilled', 'WarningTriangleOutline', 'InfoCircleFiller', 'InfoCircleOutline',
+        'DangerousZoneSign'
+    ],
+    '화살표': [
+        'ArrowBoth', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp',
+        'ArrowBothHorizontalCircleFiller', 'ArrowBothVerticalCircleOutline', 'ArrowCircle',
+        'ArrowDownDotCircle', 'ArrowLeftRightSquare', 'ArrowLeftWall', 'ArrowLogout',
+        'ArrowReceive', 'ArrowRecycle', 'ArrowRedo', 'ArrowReload', 'ArrowRightWall',
+        'ArrowTransfer', 'ArrowTwoSide', 'ArrowUndo', 'ArrowUpDotCircle',
+        'ArrowUpDownSquare', 'ArrowUpperRight', 'ArrowWall', 'ArrowWallUp',
+        'ChevronDown', 'ChevronLeft', 'ChevronRight', 'ChevronUp',
+        'ChevronDoubleDown', 'ChevronDoubleLeft', 'ChevronDoubleLeftSm',
+        'ChevronDoubleRight', 'ChevronDoubleRightSm', 'ChevronDoubleUp',
+        'ChevronDownSm', 'ChevronLeftRight', 'ChevronLeftSm', 'ChevronRightSm',
+        'ChevronRightUp'
+    ],
+    '문서/파일': [
+        'Document2', 'DocumentArrowDown', 'DocumentArrowUp', 'DocumentCheck',
+        'DocumentCopyFiles', 'DocumentPenText', 'DocumentPlus', 'DocumentSearch',
+        'DocumentSetting', 'DocumentText', 'DocumentTextAlignLeft1', 'DocumentTextAlignLeft2',
+        'DocumentX', 'DoucumentSquare', 'EnvelopeDocument', 'FolderDocument',
+        'FolderEmpty', 'FolderLine', 'FolderObject', 'FolderX'
+    ],
+    '사용자': [
+        'User', 'UserCircle', 'UserMembers', 'UserMultiOrgCircle', 'UserPlus',
+        'UserSecurity', 'UserStory', 'CustomerSupport'
+    ],
+    '클라우드/서버/DB': [
+        'Cloud', 'CloudLink', 'CloudPlus', 'CloudSecurity', 'CloudWarning',
+        'Db', 'DbCpuChip', 'DbHardDriveDisk', 'DbHardDriveDiskSdCard', 'DbNetwork',
+        'DbServer', 'DbServer2', 'DbSetting', 'CoinsDb', 'Webhook'
+    ],
+    '그래프/차트/데이터': [
+        'GraphArrowUp', 'GraphBar1', 'GraphBar2', 'GraphBarHorizontal', 'GraphBaseline',
+        'GraphCandle', 'GraphLine1', 'GraphLine2', 'GraphLineAverage', 'GraphScatter',
+        'GuageGraph', 'GuageScore', 'HealtyGraphHygiene', 'Asc', 'Desc'
+    ],
+    '로고': [
+        'LogoAndroid', 'LogoApple', 'LogoAws', 'LogoAws2', 'LogoAzure',
+        'LogoEmailOpsnow', 'LogoExcel', 'LogoFacebook1', 'LogoFacebook2',
+        'LogoGcp', 'LogoGoogle', 'LogoLinkedin', 'LogoOracle', 'LogoSymbolOpsnowbg',
+        'LogoUnity', 'LogoWindows', 'LogoYoutube'
+    ],
+    '금융/화폐': [
+        'MoneyBill', 'MoneyBill2', 'MoneyCircle', 'MoneyDocument',
+        'MoneyDocumentTwotone', 'MoneyDollar', 'DollarRotate', 'PocketMoney',
+        'CreditCard', 'CreditCardTwotone'
+    ],
+    '보안/인증': [
+        'Security', 'SecurityPhoneLock', 'SecurityShield1', 'SecurityShield2',
+        'Key2', 'KeySimple', 'PasswordCheck'
+    ],
+    '상태/표시': [
+        'Check1', 'Check2', 'CheckCircleArrrow', 'CheckCircleFiller',
+        'CloseLg', 'CloseSm', 'Plus', 'Minus', 'PlusCircleFilled', 'PlusCircleOutline',
+        'MinusCircleOutline', 'XCircleOutline', 'XClosedFilled', 'Loading',
+        'LoadingWaiting', 'InProgressLoading'
+    ],
+    '모듈/구성요소': [
+        'Module3shape', 'ModuleCheck', 'ModuleComponent', 'ModuleDashboard1',
+        'ModuleDashboard2', 'ModuleOrganization', 'BoardModuleHorizontal',
+        'BoardModuleVerticalFilled', 'BoardModuleVerticalOutline'
+    ],
+    '인터페이스/UI': [
+        'MenuHamburger', 'MenuKebab', 'SixDots', 'MoreCircleFilled', 'MoreCircleOutline',
+        'Setting', 'SettingRotate', 'SliderHorizontal', 'SliderVertical',
+        'ToggleConfigration', 'List', 'NoItem', 'None', 'Target', 'Speaker',
+        'CircleFocus', 'FocusScope', 'Lightbulb', 'Link', 'LinkBold'
+    ],
+    '편집/수정': [
+        'PenEditFilled', 'PenEditOutline', 'EditWrenchFix', 'DeleteBin1',
+        'DeleteBin2', 'DeleteBinFilled', 'DeleteSquare', 'UndoDeleteBin'
+    ],
+    '네비게이션/이동': [
+        'Stairs', 'StairsUp', 'SquareDown', 'SquareLayer', 'SquareMinusDrilldown',
+        'SquareMove', 'SquarePlusDrilldown', 'Square_downArrow', 'Square_upArrow',
+        'Square_upChevron', 'TriangleDown', 'TriangleRight', 'TriangleUp',
+        'TriangleUpdown'
+    ],
+    '시간/진행': [
+        'Clock', 'ClockLapse', 'Calendar', 'CalendarNumber', 'CalendarRetired',
+        'CalendarTwotone', 'Synch1', 'Synch2', 'RotateLeft', 'RotateRi',
+        'RotateRightCircle', 'RotateSp'
+    ],
+    '기타': [
+        'Battery', 'BookmarkFilled', 'BookmarkOutline', 'BubbleEmpty',
+        'BubbleQuestion', 'BubbleText', 'Building', 'BuyShoppingCart',
+        'BagBuyShopping', 'BagBuyShoppingCheck', 'Depth', 'Door', 'DotCircle',
+        'DotOne', 'Download', 'Equal', 'EyeClosed', 'EyeOpen', 'Filter',
+        'Filter2', 'FilterClear', 'Gauge', 'HealthHeart', 'Hierarchy',
+        'InfinityLoof', 'InventoryBox', 'Percent', 'PowerCircle', 'PowerTriangle',
+        'QuestionCircleOutline', 'Rocket', 'RulerMeasure', 'SearchMagnifier',
+        'SearchMagnifierChart', 'SendMessageAirplaneFilled', 'SendMessageAirplaneOutline',
+        'SquareDotline', 'Stamp', 'Star', 'StarScore', 'TableCenter', 'TableLeft',
+        'Tag', 'TagFilled', 'TagHalf', 'TagName', 'TagNo', 'TagValue',
+        'Temperature', 'WebEarth', 'WebMonitoring', 'Wifi'
+    ],
+    '감정/표정': [
+        'FaceBad', 'FaceBadFilled', 'FaceHappy', 'FaceHappyFilled',
+        'FaceSoso', 'FaceSosoFilled', 'FaceVeryBad', 'FaceVeryBadFilled',
+        'FaceVeryHappy', 'FaceVeryHappyFilled'
+    ]
+};
+// 모든 아이콘 이름을 포함하는 맵 생성
+export const IconNamesMap = Object.values(IconCategories).reduce((acc, icons) => {
+    icons.forEach(icon => {
+        acc[icon] = icon;
+    });
+    return acc;
+}, {});
+// 카테고리별 설명 생성 함수
+export function generateIconDescription(options = {}) {
+    const { format = 'flat', separator = ', ' } = options;
+    if (format === 'flat') {
+        return "아이콘 이름 (사용 가능한 아이콘 목록)\n" +
+            Object.entries(IconCategories)
+                .map(([category, icons]) => `- ${category}: ${icons.join(separator)}`)
+                .join('\n');
+    }
+    return "아이콘 이름 (카테고리별 사용 가능한 아이콘 목록)\n\n" +
+        Object.entries(IconCategories)
+            .map(([category, icons]) => `${category}:\n  - ${icons.join('\n  - ')}`)
+            .join('\n\n');
+}

package/build/components/examples/opsnow-common-calendar-examples-data.js

@@ -0,0 +1,48 @@
+// Calendar 컴포넌트 예제 데이터
+export const CalendarExamples = [
+    {
+        title: "dateRange",
+        code: `<OpsnowCommonCalendar type="dateRange" />`,
+        description: "날짜 범위 선택이 가능한 달력 예제입니다.",
+    },
+    {
+        title: "date",
+        code: `<OpsnowCommonCalendar type="date" />`,
+        description: "단일 날짜 선택이 가능한 달력 예제입니다.",
+    },
+    {
+        title: "date-minDate-maxDate",
+        code: `<OpsnowCommonCalendar type="date" minDate={dayjs('YYYY-MM-DD')} maxDate={dayjs('YYYY-MM-DD')} />`,
+        description: "단일 날짜 선택이 가능한 달력 예제입니다. 최소 최대 날짜를 설정할 수 있습니다.",
+    },
+    {
+        title: "dateRange-minDate-maxDate",
+        code: `<OpsnowCommonCalendar type="dateRange" minDate={dayjs('YYYY-MM-DD')} maxDate={dayjs('YYYY-MM-DD')} />`,
+        description: "날짜 범위 선택이 가능한 달력 예제입니다. 최소 최대 날짜를 설정할 수 있습니다.",
+    },
+    {
+        title: "dateTimeRange",
+        code: `<OpsnowCommonCalendar type="dateTimeRange" />`,
+        description: "날짜 + 시간 조합으로 범위 선택이 가능한 달력 예제입니다.",
+    },
+    {
+        title: "dateTimeRange-useShortcuts",
+        code: `<OpsnowCommonCalendar type="dateTimeRange" useShortcuts/>`,
+        description: "날짜 범위 선택이 가능한 달력 예제입니다. 지난 3개월과 같은 기본 쇼트컷을 사용할 수 있습니다.",
+    },
+    {
+        title: "dateTimeRange-customShortcuts",
+        code: `<OpsnowCommonCalendar type="dateTimeRange" useShortcuts customShortcuts={customShortcuts} />`,
+        description: "날짜 범위 선택이 가능한 달력 예제입니다. 원하는 쇼트컷을 추가하여 사용할 수 있습니다.",
+    },
+    {
+        title: "dateTime",
+        code: `<OpsnowCommonCalendar type="dateTime" />`,
+        description: "단일 날짜 + 시간 조합으로 선택이 가능한 달력 예제입니다.",
+    },
+    {
+        title: "dateTime-minDate-maxDate",
+        code: `<OpsnowCommonCalendar type="dateTime" minDate={dayjs('YYYY-MM-DD')} maxDate={dayjs('YYYY-MM-DD')} />`,
+        description: "단일 날짜 + 시간 조합으로 선택이 가능한 달력 예제입니다. 최소 최대 날짜를 설정할 수 있습니다.",
+    },
+];