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

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

@@ -0,0 +1,65 @@
+// DataStatus 컴포넌트 예제 데이터
+export const DataStatusExamples = [
+    {
+        title: "loading",
+        code: `<OpsnowCommonDataStatus type="loading" />`,
+        description: "로딩 상태를 나타내는 예제입니다.",
+    },
+    {
+        title: "noData",
+        code: `<OpsnowCommonDataStatus
+            type="noData"
+          />`,
+        description: "데이터가 없을 때 기본 예제입니다.",
+    },
+    {
+        title: "noData-title-description",
+        code: `<OpsnowCommonDataStatus
+            type="noData"
+            title="데이터 없음"
+            description="데이터가 없습니다."
+          />`,
+        description: "데이터가 없을 때, title, description을 추가한 상태 예제입니다.",
+    },
+    {
+        title: "noSearchResults",
+        code: `<OpsnowCommonDataStatus
+            type="noSearchResults"
+          />`,
+        description: "검색 결과가 없을 때의 상태 기본 예제입니다.",
+    },
+    {
+        title: "noSearchResults",
+        code: `<OpsnowCommonDataStatus
+            type="noSearchResults"
+            title="results"
+          />`,
+        description: "검색 결과가 없을 때, title을 추가한 예제입니다.",
+    },
+    {
+        title: "withAction",
+        code: `<OpsnowCommonDataStatus
+            type="withAction"
+            title="Add Cloud Account"
+            description="View spending trends and savings opportunities"
+            iconName="CloudPlus"
+            buttonProps={{
+              label: 'Add AWS Account',
+              onConfirm,
+              disabled: false,
+              iconName: 'ArrowRight',
+              iconPosition: 'right',
+            }}
+          />`,
+        description: "버튼이 있고 버튼 클릭 시의 액션을 포함한 상태 예제입니다.",
+    },
+    {
+        title: "error",
+        code: `<OpsnowCommonDataStatus
+            type="error"
+            title="Error"
+            description="description..."
+          />`,
+        description: "에러 상태를 나타내는 예제입니다.",
+    },
+];

package/build/components/examples/opsnow-common-file-upload-examples-data.js

@@ -0,0 +1,95 @@
+// FileUploader 컴포넌트 예제 데이터
+export const FileUploaderExamples = [
+    {
+        title: '비활성화 (disabled)',
+        code: `<OpsnowCommonFileUploader
+  accept={{ 'application/x-x509-ca-cert': ['.pem'] }}
+  targetUrl="./upload"
+  disabled
+  fileNotSelectedText={t('common.validation.file_not_selected_type1')}
+  fileSizeEmptyText={t('common.validation.file_size_empty_type1')}
+  fileUploadFailText={t('common.validation.file_upload_fail_type1')}
+  invalidFileFormatText={t('common.validation.invalid_file_format_type1')}
+  loadingText={t('common.loading')}
+  browseText={t('common.upload.button_type1')}
+  placeholder={t('common.upload.single_placeholder')}
+/>`,
+        description: '비활성화된 파일 업로더 예제입니다.'
+    },
+    {
+        title: '.pem 파일만 허용, 자동 업로드',
+        code: `<OpsnowCommonFileUploader
+  accept={{ 'application/x-x509-ca-cert': ['.pem'] }}
+  targetUrl="./upload"
+  onChange={handleOnFileUploaderChange}
+  helperText={helperText}
+  fileNotSelectedText={t('common.validation.file_not_selected_type1')}
+  fileSizeEmptyText={t('common.validation.file_size_empty_type1')}
+  fileUploadFailText={t('common.validation.file_upload_fail_type1')}
+  invalidFileFormatText={t('common.validation.invalid_file_format_type1')}
+  loadingText={t('common.loading')}
+  browseText={t('common.upload.button_type1')}
+  placeholder={t('common.upload.single_placeholder')}
+/>`,
+        description: '.pem 파일만 허용, 자동 업로드 예제입니다.'
+    },
+    {
+        title: '.pem 파일만 허용, 수동 업로드',
+        code: `<OpsnowCommonFileUploader
+  accept={{ 'application/x-x509-ca-cert': ['.pem'] }}
+  targetUrl="./upload"
+  helperText={helperText}
+  fileNotSelectedText={t('common.validation.file_not_selected_type1')}
+  fileSizeEmptyText={t('common.validation.file_size_empty_type1')}
+  fileUploadFailText={t('common.validation.file_upload_fail_type1')}
+  invalidFileFormatText={t('common.validation.invalid_file_format_type1')}
+  loadingText={t('common.loading')}
+  browseText={t('common.upload.button_type1')}
+  placeholder={t('common.upload.single_placeholder')}
+/>
+<OpsnowCommonButton label="clear files" variant="contained" onClick={singleFileClearFiles} />
+<OpsnowCommonButton label="upload" variant="contained" onClick={handleSingleFileUpload} />`,
+        description: '.pem 파일만 허용, 수동 업로드 및 파일/상태 초기화 버튼 예제입니다.'
+    },
+    {
+        title: '여러 파일 업로드, 모든 타입 허용',
+        code: `<OpsnowCommonFileUploader
+  multiple
+  targetUrl="./upload"
+  helperText={helperText}
+  fileNotSelectedText={t('common.validation.file_not_selected_type1')}
+  fileSizeEmptyText={t('common.validation.file_size_empty_type1')}
+  fileUploadFailText={t('common.validation.file_upload_fail_type1')}
+  invalidFileFormatText={t('common.validation.invalid_file_format_type1')}
+  loadingText={t('common.loading')}
+  browseText={t('common.upload.button_type1')}
+  placeholder={t('common.upload.placeholder')}
+/>
+<OpsnowCommonButton label="invalid" variant="contained" onClick={invalid} />
+<OpsnowCommonButton label="clear invalid" variant="contained" onClick={clearInvalid} />
+<OpsnowCommonButton label="clear files" variant="contained" onClick={clearFiles} />
+<OpsnowCommonButton label="upload" variant="contained" onClick={handleUpload} />`,
+        description: '여러 파일 업로드 및 상태/파일 초기화, 업로드 버튼 예제입니다.'
+    },
+    {
+        title: '에러 메시지 테스트',
+        code: `<OpsnowCommonFileUploader
+  accept={{
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['.xlsx'],
+    'text/csv': ['.csv'],
+  }}
+  targetUrl="./upload"
+  helperText={helperText}
+  fileNotSelectedText={t('common.validation.file_not_selected_type1')}
+  fileSizeEmptyText={t('common.validation.file_size_empty_type1')}
+  fileUploadFailText={t('common.validation.file_upload_fail_type1')}
+  invalidFileFormatText={t('common.validation.invalid_file_format_type1')}
+  loadingText={t('common.loading')}
+  browseText={t('common.upload.button_type1')}
+  placeholder={t('common.upload.single_placeholder')}
+/>
+<OpsnowCommonButton label="set invalid" variant="contained" onClick={invalidTest} />
+<OpsnowCommonButton label="clear invalid" variant="contained" onClick={clearInvalidTest} />`,
+        description: '에러 메시지 및 상태 변경 버튼 예제입니다.'
+    }
+];