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

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 (37) hide show
  1. package/build/components/all-component-tools.js +2 -0
  2. package/build/components/data/icon-names.generated.js +341 -0
  3. package/build/components/data/icon-names.js +32 -16
  4. package/build/components/examples/opsnow-common-chart-examples-data.js +73 -78
  5. package/build/components/examples/opsnow-common-forms-examples-data.js +1 -11
  6. package/build/components/examples/opsnow-common-grid-examples-data.js +271 -20
  7. package/build/components/examples/opsnow-common-layout-examples-data.js +12 -13
  8. package/build/components/examples/opsnow-common-popup-examples-data.js +14 -28
  9. package/build/components/examples/opsnow-common-progress-examples-data.js +0 -5
  10. package/build/components/examples/opsnow-common-stepper-examples-data.js +2 -3
  11. package/build/components/examples/opsnow-common-storage-examples-data.js +23 -4
  12. package/build/components/examples/opsnow-common-tooltip-examples-data.js +1 -21
  13. package/build/components/opsnow-common-calendar.js +36 -15
  14. package/build/components/opsnow-common-chart.js +213 -132
  15. package/build/components/opsnow-common-coach-mark.js +3 -2
  16. package/build/components/opsnow-common-data-status.js +17 -11
  17. package/build/components/opsnow-common-dropdown.js +80 -0
  18. package/build/components/opsnow-common-examples.js +4 -2
  19. package/build/components/opsnow-common-file-upload.js +4 -1
  20. package/build/components/opsnow-common-forms.js +73 -36
  21. package/build/components/opsnow-common-grid.js +72 -29
  22. package/build/components/opsnow-common-icons.js +23 -39
  23. package/build/components/opsnow-common-jsx-helper.js +36 -0
  24. package/build/components/opsnow-common-layout.js +66 -25
  25. package/build/components/opsnow-common-notification.js +3 -2
  26. package/build/components/opsnow-common-pagination.js +4 -4
  27. package/build/components/opsnow-common-popup.js +12 -11
  28. package/build/components/opsnow-common-progress.js +10 -16
  29. package/build/components/opsnow-common-select.js +26 -13
  30. package/build/components/opsnow-common-stepper.js +30 -7
  31. package/build/components/opsnow-common-tab.js +5 -3
  32. package/build/components/opsnow-common-toast-popup.js +1 -0
  33. package/build/components/opsnow-common-tooltip.js +44 -46
  34. package/build/components/opsnow-common-typography.js +11 -5
  35. package/build/components/opsnow-common-validate-props.js +0 -0
  36. package/build/index.js +2 -0
  37. package/package.json +2 -1
package/build/components/opsnow-common-chart.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { z } from "zod";
2
- const XyMultiChartSchema = z.object({
2
+ import { jsxExpr } from "./opsnow-common-jsx-helper.js";
3
+ export const XyMultiChartSchema = z.object({
3
4
  chartId: z.string().describe("차트의 고유 식별자"),
4
5
  chartProps: z.object({}).describe(`
5
6
  다음 정의된 형식 예를 보고 차트 속성을 설정하세요.
@@ -235,7 +236,7 @@ const XyMultiChartSchema = z.object({
235
236
  // 범례 설정
236
237
  "legend": {
237
238
  "clickTarget": "none", // 범례 클릭 대상: "none" | "" (기본값: "none")
238
- "useExtension": false // 범례 확장 사용 여부 (기본값: false) - 범례 전체 선택 체크 박스를 사용하려면 필수
239
+ "useExtension": true // 범례 확장 사용 여부 (기본값: true — 끄려면 false). 켜져 있으면 범례 전체 선택 체크박스 사용 가능
239
240
  }
240
241
  }
241
242
  `),
@@ -356,6 +357,13 @@ const XyMultiChartSchema = z.object({
356
357
  onSeriesPointerOver: z.string().optional().describe("시리즈 포인터 오버 이벤트"),
357
358
  onSeriesPointerOut: z.string().optional().describe("시리즈에서 포인터가 벗어날 때 호출되는 콜백 함수(stringified). onSeriesPointerOver와 짝으로 사용합니다."),
358
359
  chartTooltipDetailText: z.string().optional().describe("툴팁에서 보여주는 상세 텍스트"),
360
+ chartCustomCategoryGroup: z.array(z.object({
361
+ name: z.string().describe("그룹 이름"),
362
+ pattern: z.string().describe("이 그룹에 묶을 카테고리 이름 패턴"),
363
+ })).optional().describe("범례 카테고리 그룹 정의 [{ name, pattern }]"),
364
+ chartSelectAllLegends: z.string().optional().describe("확장 범례의 '전체 선택' 라벨 텍스트"),
365
+ chartUnfoldLegend: z.string().optional().describe("확장 범례 '펼치기' 버튼 텍스트"),
366
+ chartFoldLegend: z.string().optional().describe("확장 범례 '접기' 버튼 텍스트"),
359
367
  // 샘플(스켈레톤) 차트 설정 — chartProps 없이 chartSample* 계열만 전달하면 실데이터 로딩 전 미리보기(스켈레톤) 차트가 렌더링됩니다.
360
368
  chartSampleProps: z.object({}).optional().describe("샘플(스켈레톤) 차트 속성 (object, 기본값 없음). chartProps와 동일한 구조의 JSON입니다. chartProps 없이 chartSampleProps만 전달하면 차트가 샘플(미리보기/스켈레톤) 모드로 렌더링됩니다."),
361
369
  chartSampleCategory: z.array(z.object({
@@ -392,7 +400,8 @@ const XyMultiChartSchema = z.object({
392
400
  { "vendor": "azure", "categories": ["vm_cost"] }
393
401
  ]`),
394
402
  useOpsnowUs: z.boolean().optional().describe("OpsNow US 기본(basic) 색상 팔레트 사용 여부 (boolean, 기본값 true). false면 mix 팔레트를 사용합니다. chartCategoryColorByVendor가 지정되면 그 설정이 우선합니다."),
395
- chartNoRowsText: z.string().optional().describe("차트 데이터가 없을 때 표시할 텍스트 (string, 기본값 없음)")
403
+ chartNoRowsText: z.string().optional().describe("차트 데이터가 없을 때 표시할 텍스트 (string, 기본값 없음)"),
404
+ isDarkMode: z.boolean().optional().describe("다크 모드 활성화 여부 (boolean, 기본값 없음 — 미지정 시 MUI 테마의 palette.mode를 따릅니다)"),
396
405
  });
397
406
  // opsnow-common-stack-chart
398
407
  export const StackChartSchema = z.object({
@@ -528,7 +537,7 @@ export const StackChartSchema = z.object({
528
537
  // 범례 설정
529
538
  "legend": {
530
539
  "clickTarget": "none", // 범례 클릭 대상: "none" | "" (기본값: "none")
531
- "useExtension": false // 범례 확장 사용 여부 (기본값: false) - 범례 전체 선택 체크 박스를 사용하려면 필수
540
+ "useExtension": true // 범례 확장 사용 여부 (기본값: true — 끄려면 false). 켜져 있으면 범례 전체 선택 체크박스 사용 가능
532
541
  }
533
542
  }
534
543
  `),
@@ -728,7 +737,8 @@ export const StackChartSchema = z.object({
728
737
  .describe("OpsNow US 기본(basic) 색상 팔레트 사용 여부 (boolean, 기본값 true). false면 mix 팔레트를 사용합니다. chartCategoryColorByVendor가 지정되면 그 설정이 우선합니다."),
729
738
  chartNoRowsText: z.string()
730
739
  .optional()
731
- .describe("차트 데이터가 없을 때 표시할 텍스트 (string, 기본값 없음)")
740
+ .describe("차트 데이터가 없을 때 표시할 텍스트 (string, 기본값 없음)"),
741
+ isDarkMode: z.boolean().optional().describe("다크 모드 활성화 여부 (boolean, 기본값 없음 — 미지정 시 MUI 테마의 palette.mode를 따릅니다)"),
732
742
  });
733
743
  // opsnow-common-bar-chart
734
744
  export const BarChartSchema = z.object({
@@ -864,7 +874,7 @@ export const BarChartSchema = z.object({
864
874
  // 범례 설정
865
875
  "legend": {
866
876
  "clickTarget": "none", // 범례 클릭 대상: "none" | "" (기본값: "none")
867
- "useExtension": false // 범례 확장 사용 여부 (기본값: false) - 범례 전체 선택 체크 박스를 사용하려면 필수
877
+ "useExtension": true // 범례 확장 사용 여부 (기본값: true — 끄려면 false). 켜져 있으면 범례 전체 선택 체크박스 사용 가능
868
878
  }
869
879
  }
870
880
  `),
@@ -1056,7 +1066,8 @@ export const BarChartSchema = z.object({
1056
1066
  .describe("OpsNow US 기본(basic) 색상 팔레트 사용 여부 (boolean, 기본값 true). false면 mix 팔레트를 사용합니다. chartCategoryColorByVendor가 지정되면 그 설정이 우선합니다."),
1057
1067
  chartNoRowsText: z.string()
1058
1068
  .optional()
1059
- .describe("차트 데이터가 없을 때 표시할 텍스트 (string, 기본값 없음)")
1069
+ .describe("차트 데이터가 없을 때 표시할 텍스트 (string, 기본값 없음)"),
1070
+ isDarkMode: z.boolean().optional().describe("다크 모드 활성화 여부 (boolean, 기본값 없음 — 미지정 시 MUI 테마의 palette.mode를 따릅니다)"),
1060
1071
  });
1061
1072
  // opsnow-common-line-chart
1062
1073
  export const LineChartSchema = z.object({
@@ -1194,7 +1205,7 @@ export const LineChartSchema = z.object({
1194
1205
  // 범례 설정
1195
1206
  "legend": {
1196
1207
  "clickTarget": "none", // 범례 클릭 대상: "none" | "" (기본값: "none")
1197
- "useExtension": false // 범례 확장 사용 여부 (기본값: false) - 범례 전체 선택 체크 박스를 사용하려면 필수
1208
+ "useExtension": true // 범례 확장 사용 여부 (기본값: true — 끄려면 false). 켜져 있으면 범례 전체 선택 체크박스 사용 가능
1198
1209
  }
1199
1210
  }
1200
1211
  `),
@@ -1371,7 +1382,9 @@ export const LineChartSchema = z.object({
1371
1382
  ]`),
1372
1383
  useOpsnowUs: z.boolean()
1373
1384
  .optional()
1374
- .describe("OpsNow US 기본(basic) 색상 팔레트 사용 여부 (boolean, 기본값 true). false면 mix 팔레트를 사용합니다. chartCategoryColorByVendor가 지정되면 그 설정이 우선합니다.")
1385
+ .describe("OpsNow US 기본(basic) 색상 팔레트 사용 여부 (boolean, 기본값 true). false면 mix 팔레트를 사용합니다. chartCategoryColorByVendor가 지정되면 그 설정이 우선합니다."),
1386
+ isDarkMode: z.boolean().optional().describe("다크 모드 활성화 여부 (boolean, 기본값 없음 — 미지정 시 MUI 테마의 palette.mode를 따릅니다)"),
1387
+ chartNoRowsText: z.string().optional().describe("차트 데이터가 없을 때 표시할 텍스트 (string, 기본값 없음)"),
1375
1388
  });
1376
1389
  // opsnow-common-pie-chart
1377
1390
  export const PieChartSchema = z.object({
@@ -1506,7 +1519,14 @@ export const PieChartSchema = z.object({
1506
1519
  { "vendor": "aws", "categories": ["ec2_cost", "s3_cost"] },
1507
1520
  { "vendor": "azure", "categories": ["vm_cost"] }
1508
1521
  ]`),
1509
- useOpsnowUs: z.boolean().optional().describe("OpsNow US 기본(basic) 색상 팔레트 사용 여부 (boolean, 기본값 true). false면 mix 팔레트를 사용합니다. chartCategoryColorByVendor가 지정되면 그 설정이 우선합니다.")
1522
+ useOpsnowUs: z.boolean().optional().describe("OpsNow US 기본(basic) 색상 팔레트 사용 여부 (boolean, 기본값 true). false면 mix 팔레트를 사용합니다. chartCategoryColorByVendor가 지정되면 그 설정이 우선합니다."),
1523
+ isDarkMode: z.boolean().optional().describe("다크 모드 활성화 여부 (boolean, 기본값 없음 — 미지정 시 MUI 테마의 palette.mode를 따릅니다)"),
1524
+ chartNoRowsText: z.string().optional().describe("차트 데이터가 없을 때 표시할 텍스트 (string, 기본값 없음)"),
1525
+ chartLocaleMessage: z.array(z.object({
1526
+ name: z.string().describe("차트에서 사용하는 필드의 값 전체 또는 일부"),
1527
+ locale: z.string().describe("치환할 다국어 텍스트")
1528
+ })).optional().describe("차트 특정 메시지(라벨 등)에 다국어를 적용합니다 (object[], 기본값 없음). 예: [{ name: '사용량', locale: $t('usage') }]"),
1529
+ langCd: z.enum(['ko', 'en', 'ja', 'zh', 'ar']).optional().describe("언어 코드"),
1510
1530
  });
1511
1531
  // opsnow-common-gauge-chart
1512
1532
  export const GaugeChartSchema = z.object({
@@ -1598,6 +1618,7 @@ export const GaugeChartSchema = z.object({
1598
1618
  [
1599
1619
  { name: '사용량', locale: $t('usage') }
1600
1620
  ]`),
1621
+ isDarkMode: z.boolean().optional().describe("다크 모드 활성화 여부 (boolean, 기본값 없음 — 미지정 시 MUI 테마의 palette.mode를 따릅니다)"),
1601
1622
  });
1602
1623
  // opsnow-common-heatmap-chart
1603
1624
  export const HeatmapChartSchema = z.object({
@@ -1773,7 +1794,9 @@ export const HeatmapChartSchema = z.object({
1773
1794
  name: z.string(),
1774
1795
  value: z.string(),
1775
1796
  locale: z.string()
1776
- })).optional().describe("샘플 차트 데이터 다국어 적용 목록 (object[], 기본값 없음). chartLocaleData와 동일한 구조이며 샘플(스켈레톤) 모드에서 사용됩니다.")
1797
+ })).optional().describe("샘플 차트 데이터 다국어 적용 목록 (object[], 기본값 없음). chartLocaleData와 동일한 구조이며 샘플(스켈레톤) 모드에서 사용됩니다."),
1798
+ chartNoRowsText: z.string().optional().describe("차트 데이터가 없을 때 표시할 텍스트 (string, 기본값 없음)"),
1799
+ chartTooltipDetailText: z.string().optional().describe("툴팁에서 보여주는 상세 텍스트"),
1777
1800
  });
1778
1801
  // opsnow-common-bubble-chart
1779
1802
  export const BubbleChartSchema = z.object({
@@ -1874,7 +1897,15 @@ export const BubbleChartSchema = z.object({
1874
1897
  value: z.string(),
1875
1898
  locale: z.string()
1876
1899
  })).optional().describe("샘플 차트 데이터 다국어 적용 목록 (object[], 기본값 없음). chartLocaleData와 동일한 구조이며 샘플(스켈레톤) 모드에서 사용됩니다."),
1877
- isDarkMode: z.boolean().optional().describe("다크 모드 활성화 여부 (boolean, 기본값 없음 — 미지정 시 MUI 테마의 palette.mode를 따릅니다)")
1900
+ isDarkMode: z.boolean().optional().describe("다크 모드 활성화 여부 (boolean, 기본값 없음 — 미지정 시 MUI 테마의 palette.mode를 따릅니다)"),
1901
+ chartNoRowsText: z.string().optional().describe("차트 데이터가 없을 때 표시할 텍스트 (string, 기본값 없음)"),
1902
+ chartTooltipDetailText: z.string().optional().describe("툴팁에서 보여주는 상세 텍스트"),
1903
+ chartLocaleData: z.array(z.object({
1904
+ name: z.string().describe("chartData에 정의된 필드 이름"),
1905
+ value: z.string().describe("chartData에 정의된 필드 값 전체 또는 일부"),
1906
+ locale: z.string().describe("다국어 값")
1907
+ })).optional().describe("차트 데이터에 다국어를 적용합니다. 예: [{ name: 'category', value: 'ec2', locale: 'EC2' }]"),
1908
+ useOpsnowUs: z.boolean().optional().describe("OpsNow US 기본(basic) 색상 팔레트 사용 여부 (boolean, 기본값 true)"),
1878
1909
  });
1879
1910
  // Chart 컴포넌트 함수 - 배열 반환
1880
1911
  export function createChartComponent() {
@@ -1896,17 +1927,19 @@ export function createChartComponent() {
1896
1927
  if (args.chartId)
1897
1928
  props.push(`chartId="${args.chartId}"`);
1898
1929
  if (args.chartProps)
1899
- props.push(`chartProps={${args.chartProps}}`);
1900
- if (args.chartValue)
1901
- props.push(`chartValue={${args.chartValue}}`);
1930
+ props.push(`chartProps={${jsxExpr(args.chartProps)}}`);
1931
+ if (args.chartValue !== undefined)
1932
+ props.push(`chartValue={${jsxExpr(args.chartValue)}}`);
1902
1933
  if (args.chartSampleProps)
1903
- props.push(`chartSampleProps={${args.chartSampleProps}}`);
1934
+ props.push(`chartSampleProps={${jsxExpr(args.chartSampleProps)}}`);
1904
1935
  if (args.chartSampleValue !== undefined)
1905
- props.push(`chartSampleValue={${args.chartSampleValue}}`);
1936
+ props.push(`chartSampleValue={${jsxExpr(args.chartSampleValue)}}`);
1906
1937
  if (args.chartLocaleProps)
1907
- props.push(`chartLocaleProps={${args.chartLocaleProps}}`);
1938
+ props.push(`chartLocaleProps={${jsxExpr(args.chartLocaleProps)}}`);
1908
1939
  if (args.chartLocaleMessage)
1909
- props.push(`chartLocaleMessage={${args.chartLocaleMessage}}`);
1940
+ props.push(`chartLocaleMessage={${JSON.stringify(args.chartLocaleMessage)}}`);
1941
+ if (args.isDarkMode !== undefined)
1942
+ props.push(`isDarkMode={${jsxExpr(args.isDarkMode)}}`);
1910
1943
  const code = `<OpsnowCommonGaugeChart ${props.join(' ')} />`;
1911
1944
  return {
1912
1945
  content: [
@@ -1936,33 +1969,45 @@ export function createChartComponent() {
1936
1969
  if (args.chartId)
1937
1970
  props.push(`chartId="${args.chartId}"`);
1938
1971
  if (args.chartProps)
1939
- props.push(`chartProps={${args.chartProps}}`);
1972
+ props.push(`chartProps={${jsxExpr(args.chartProps)}}`);
1940
1973
  if (args.chartData)
1941
- props.push(`chartData={${args.chartData}}`);
1974
+ props.push(`chartData={${jsxExpr(args.chartData)}}`);
1942
1975
  else
1943
1976
  props.push(`chartData={[]}`);
1944
1977
  if (args.chartLocaleProps)
1945
- props.push(`chartLocaleProps={${args.chartLocaleProps}}`);
1978
+ props.push(`chartLocaleProps={${jsxExpr(args.chartLocaleProps)}}`);
1946
1979
  if (args.chartLocaleData)
1947
- props.push(`chartLocaleData={${args.chartLocaleData}}`);
1980
+ props.push(`chartLocaleData={${jsxExpr(args.chartLocaleData)}}`);
1948
1981
  if (args.chartCustomCategory)
1949
- props.push(`chartCustomCategory={${args.chartCustomCategory}}`);
1982
+ props.push(`chartCustomCategory={${jsxExpr(args.chartCustomCategory)}}`);
1950
1983
  if (args.chartSampleProps)
1951
- props.push(`chartSampleProps={${args.chartSampleProps}}`);
1984
+ props.push(`chartSampleProps={${jsxExpr(args.chartSampleProps)}}`);
1952
1985
  if (args.chartSampleData)
1953
- props.push(`chartSampleData={${args.chartSampleData}}`);
1986
+ props.push(`chartSampleData={${jsxExpr(args.chartSampleData)}}`);
1954
1987
  if (args.chartSampleCustomCategory)
1955
- props.push(`chartSampleCustomCategory={${args.chartSampleCustomCategory}}`);
1988
+ props.push(`chartSampleCustomCategory={${jsxExpr(args.chartSampleCustomCategory)}}`);
1956
1989
  if (args.chartSampleLocaleProps)
1957
- props.push(`chartSampleLocaleProps={${args.chartSampleLocaleProps}}`);
1990
+ props.push(`chartSampleLocaleProps={${jsxExpr(args.chartSampleLocaleProps)}}`);
1958
1991
  if (args.chartSampleLocaleData)
1959
- props.push(`chartSampleLocaleData={${args.chartSampleLocaleData}}`);
1992
+ props.push(`chartSampleLocaleData={${jsxExpr(args.chartSampleLocaleData)}}`);
1960
1993
  if (args.chartCategoryColorByVendor)
1961
- props.push(`chartCategoryColorByVendor={${args.chartCategoryColorByVendor}}`);
1994
+ props.push(`chartCategoryColorByVendor={${jsxExpr(args.chartCategoryColorByVendor)}}`);
1962
1995
  if (args.useOpsnowUs !== undefined)
1963
- props.push(`useOpsnowUs={${args.useOpsnowUs}}`);
1996
+ props.push(`useOpsnowUs={${jsxExpr(args.useOpsnowUs)}}`);
1997
+ if (args.onChartClick)
1998
+ props.push(`onChartClick={${jsxExpr(args.onChartClick)}}`);
1999
+ if (args.onLegendClick)
2000
+ props.push(`onLegendClick={${jsxExpr(args.onLegendClick)}}`);
1964
2001
  if (args.chartUserDefinedFunc)
1965
- props.push(`chartUserDefinedFunc={${args.chartUserDefinedFunc}}`);
2002
+ props.push(`chartUserDefinedFunc={${jsxExpr(args.chartUserDefinedFunc)}}`);
2003
+ if (args.isDarkMode !== undefined)
2004
+ props.push(`isDarkMode={${jsxExpr(args.isDarkMode)}}`);
2005
+ if (args.chartNoRowsText)
2006
+ props.push(`chartNoRowsText="${args.chartNoRowsText}"`);
2007
+ if (args.chartLocaleMessage)
2008
+ props.push(`chartLocaleMessage={${JSON.stringify(args.chartLocaleMessage)}}`);
2009
+ if (args.langCd)
2010
+ props.push(`langCd="${args.langCd}"`);
1966
2011
  const code = `<OpsnowCommonPieChart ${props.join(' ')} />`;
1967
2012
  return {
1968
2013
  content: [
@@ -1991,23 +2036,25 @@ export function createChartComponent() {
1991
2036
  if (args.chartId)
1992
2037
  props.push(`chartId="${args.chartId}"`);
1993
2038
  if (args.chartProps)
1994
- props.push(`chartProps={${args.chartProps}}`);
2039
+ props.push(`chartProps={${jsxExpr(args.chartProps)}}`);
1995
2040
  if (args.chartData)
1996
- props.push(`chartData={${args.chartData}}`);
2041
+ props.push(`chartData={${jsxExpr(args.chartData)}}`);
1997
2042
  else
1998
2043
  props.push(`chartData={[]}`);
1999
2044
  if (args.chartCategory)
2000
- props.push(`chartCategory={${args.chartCategory}}`);
2045
+ props.push(`chartCategory={${jsxExpr(args.chartCategory)}}`);
2001
2046
  if (args.chartLocaleProps)
2002
- props.push(`chartLocaleProps={${args.chartLocaleProps}}`);
2047
+ props.push(`chartLocaleProps={${jsxExpr(args.chartLocaleProps)}}`);
2003
2048
  if (args.chartCategoryLocaleMapping)
2004
- props.push(`chartCategoryLocaleMapping={${args.chartCategoryLocaleMapping}}`);
2049
+ props.push(`chartCategoryLocaleMapping={${jsxExpr(args.chartCategoryLocaleMapping)}}`);
2005
2050
  if (args.chartLocaleData)
2006
- props.push(`chartLocaleData={${args.chartLocaleData}}`);
2051
+ props.push(`chartLocaleData={${jsxExpr(args.chartLocaleData)}}`);
2007
2052
  if (args.chartCustomCategory)
2008
- props.push(`chartCustomCategory={${args.chartCustomCategory}}`);
2053
+ props.push(`chartCustomCategory={${jsxExpr(args.chartCustomCategory)}}`);
2054
+ if (args.chartLocaleMessage)
2055
+ props.push(`chartLocaleMessage={${JSON.stringify(args.chartLocaleMessage)}}`);
2009
2056
  if (args.onChartClick)
2010
- props.push(`onChartClick={${args.onChartClick}}`);
2057
+ props.push(`onChartClick={${jsxExpr(args.onChartClick)}}`);
2011
2058
  if (args.chartTooltipDetailText)
2012
2059
  props.push(`chartTooltipDetailText="${args.chartTooltipDetailText}"`);
2013
2060
  if (args.chartSelectAllLegends)
@@ -2017,29 +2064,33 @@ export function createChartComponent() {
2017
2064
  if (args.chartFoldLegend)
2018
2065
  props.push(`chartFoldLegend="${args.chartFoldLegend}"`);
2019
2066
  if (args.chartSampleProps)
2020
- props.push(`chartSampleProps={${args.chartSampleProps}}`);
2067
+ props.push(`chartSampleProps={${jsxExpr(args.chartSampleProps)}}`);
2021
2068
  if (args.chartSampleCategory)
2022
- props.push(`chartSampleCategory={${args.chartSampleCategory}}`);
2069
+ props.push(`chartSampleCategory={${jsxExpr(args.chartSampleCategory)}}`);
2023
2070
  if (args.chartSampleData)
2024
- props.push(`chartSampleData={${args.chartSampleData}}`);
2071
+ props.push(`chartSampleData={${jsxExpr(args.chartSampleData)}}`);
2025
2072
  if (args.chartSampleCustomCategory)
2026
- props.push(`chartSampleCustomCategory={${args.chartSampleCustomCategory}}`);
2073
+ props.push(`chartSampleCustomCategory={${jsxExpr(args.chartSampleCustomCategory)}}`);
2027
2074
  if (args.chartSampleLocaleProps)
2028
- props.push(`chartSampleLocaleProps={${args.chartSampleLocaleProps}}`);
2075
+ props.push(`chartSampleLocaleProps={${jsxExpr(args.chartSampleLocaleProps)}}`);
2029
2076
  if (args.chartSampleCategoryLocaleMapping)
2030
- props.push(`chartSampleCategoryLocaleMapping={${args.chartSampleCategoryLocaleMapping}}`);
2077
+ props.push(`chartSampleCategoryLocaleMapping={${jsxExpr(args.chartSampleCategoryLocaleMapping)}}`);
2031
2078
  if (args.chartSampleLocaleData)
2032
- props.push(`chartSampleLocaleData={${args.chartSampleLocaleData}}`);
2079
+ props.push(`chartSampleLocaleData={${jsxExpr(args.chartSampleLocaleData)}}`);
2033
2080
  if (args.chartCategoryColorByVendor)
2034
- props.push(`chartCategoryColorByVendor={${args.chartCategoryColorByVendor}}`);
2081
+ props.push(`chartCategoryColorByVendor={${jsxExpr(args.chartCategoryColorByVendor)}}`);
2035
2082
  if (args.useOpsnowUs !== undefined)
2036
- props.push(`useOpsnowUs={${args.useOpsnowUs}}`);
2083
+ props.push(`useOpsnowUs={${jsxExpr(args.useOpsnowUs)}}`);
2037
2084
  if (args.onTopNPopupDetailClick)
2038
- props.push(`onTopNPopupDetailClick={${args.onTopNPopupDetailClick}}`);
2085
+ props.push(`onTopNPopupDetailClick={${jsxExpr(args.onTopNPopupDetailClick)}}`);
2039
2086
  if (args.chartUserDefinedFunc)
2040
- props.push(`chartUserDefinedFunc={${args.chartUserDefinedFunc}}`);
2087
+ props.push(`chartUserDefinedFunc={${jsxExpr(args.chartUserDefinedFunc)}}`);
2041
2088
  if (args.langCd)
2042
2089
  props.push(`langCd="${args.langCd}"`);
2090
+ if (args.isDarkMode !== undefined)
2091
+ props.push(`isDarkMode={${jsxExpr(args.isDarkMode)}}`);
2092
+ if (args.chartNoRowsText)
2093
+ props.push(`chartNoRowsText="${args.chartNoRowsText}"`);
2043
2094
  const code = `<OpsnowCommonLineChart ${props.join(' ')} />`;
2044
2095
  return {
2045
2096
  content: [
@@ -2072,26 +2123,28 @@ export function createChartComponent() {
2072
2123
  props.push(`chartId="${args.chartId}"`);
2073
2124
  if (args.chartProps) {
2074
2125
  // const chartProps = JSON.parse(args.chartProps);
2075
- props.push(`chartProps={${args.chartProps}}`);
2126
+ props.push(`chartProps={${jsxExpr(args.chartProps)}}`);
2076
2127
  }
2077
2128
  if (args.chartData)
2078
- props.push(`chartData={${args.chartData}}`);
2129
+ props.push(`chartData={${jsxExpr(args.chartData)}}`);
2079
2130
  else
2080
2131
  props.push(`chartData={[]}`);
2081
2132
  if (args.chartCategory)
2082
- props.push(`chartCategory={${args.chartCategory}}`);
2133
+ props.push(`chartCategory={${jsxExpr(args.chartCategory)}}`);
2083
2134
  if (args.chartLocaleProps)
2084
- props.push(`chartLocaleProps={${args.chartLocaleProps}}`);
2135
+ props.push(`chartLocaleProps={${jsxExpr(args.chartLocaleProps)}}`);
2085
2136
  if (args.chartCategoryLocaleMapping)
2086
- props.push(`chartCategoryLocaleMapping={${args.chartCategoryLocaleMapping}}`);
2137
+ props.push(`chartCategoryLocaleMapping={${jsxExpr(args.chartCategoryLocaleMapping)}}`);
2087
2138
  if (args.chartLocaleData)
2088
- props.push(`chartLocaleData={${args.chartLocaleData}}`);
2139
+ props.push(`chartLocaleData={${jsxExpr(args.chartLocaleData)}}`);
2089
2140
  if (args.chartCustomCategory)
2090
- props.push(`chartCustomCategory={${args.chartCustomCategory}}`);
2141
+ props.push(`chartCustomCategory={${jsxExpr(args.chartCustomCategory)}}`);
2091
2142
  if (args.langCd)
2092
2143
  props.push(`langCd="${args.langCd}"`);
2144
+ if (args.chartLocaleMessage)
2145
+ props.push(`chartLocaleMessage={${JSON.stringify(args.chartLocaleMessage)}}`);
2093
2146
  if (args.onChartClick)
2094
- props.push(`onChartClick={${args.onChartClick}}`);
2147
+ props.push(`onChartClick={${jsxExpr(args.onChartClick)}}`);
2095
2148
  if (args.chartTooltipDetailText)
2096
2149
  props.push(`chartTooltipDetailText="${args.chartTooltipDetailText}"`);
2097
2150
  if (args.chartSelectAllLegends)
@@ -2101,27 +2154,29 @@ export function createChartComponent() {
2101
2154
  if (args.chartFoldLegend)
2102
2155
  props.push(`chartFoldLegend="${args.chartFoldLegend}"`);
2103
2156
  if (args.chartSampleProps)
2104
- props.push(`chartSampleProps={${args.chartSampleProps}}`);
2157
+ props.push(`chartSampleProps={${jsxExpr(args.chartSampleProps)}}`);
2105
2158
  if (args.chartSampleCategory)
2106
- props.push(`chartSampleCategory={${args.chartSampleCategory}}`);
2159
+ props.push(`chartSampleCategory={${jsxExpr(args.chartSampleCategory)}}`);
2107
2160
  if (args.chartSampleData)
2108
- props.push(`chartSampleData={${args.chartSampleData}}`);
2161
+ props.push(`chartSampleData={${jsxExpr(args.chartSampleData)}}`);
2109
2162
  if (args.chartSampleCustomCategory)
2110
- props.push(`chartSampleCustomCategory={${args.chartSampleCustomCategory}}`);
2163
+ props.push(`chartSampleCustomCategory={${jsxExpr(args.chartSampleCustomCategory)}}`);
2111
2164
  if (args.chartSampleLocaleProps)
2112
- props.push(`chartSampleLocaleProps={${args.chartSampleLocaleProps}}`);
2165
+ props.push(`chartSampleLocaleProps={${jsxExpr(args.chartSampleLocaleProps)}}`);
2113
2166
  if (args.chartSampleCategoryLocaleMapping)
2114
- props.push(`chartSampleCategoryLocaleMapping={${args.chartSampleCategoryLocaleMapping}}`);
2167
+ props.push(`chartSampleCategoryLocaleMapping={${jsxExpr(args.chartSampleCategoryLocaleMapping)}}`);
2115
2168
  if (args.chartSampleLocaleData)
2116
- props.push(`chartSampleLocaleData={${args.chartSampleLocaleData}}`);
2169
+ props.push(`chartSampleLocaleData={${jsxExpr(args.chartSampleLocaleData)}}`);
2117
2170
  if (args.chartCategoryColorByVendor)
2118
- props.push(`chartCategoryColorByVendor={${args.chartCategoryColorByVendor}}`);
2171
+ props.push(`chartCategoryColorByVendor={${jsxExpr(args.chartCategoryColorByVendor)}}`);
2119
2172
  if (args.useOpsnowUs !== undefined)
2120
- props.push(`useOpsnowUs={${args.useOpsnowUs}}`);
2173
+ props.push(`useOpsnowUs={${jsxExpr(args.useOpsnowUs)}}`);
2121
2174
  if (args.chartNoRowsText)
2122
2175
  props.push(`chartNoRowsText="${args.chartNoRowsText}"`);
2123
2176
  if (args.onTopNPopupDetailClick)
2124
- props.push(`onTopNPopupDetailClick={${args.onTopNPopupDetailClick}}`);
2177
+ props.push(`onTopNPopupDetailClick={${jsxExpr(args.onTopNPopupDetailClick)}}`);
2178
+ if (args.isDarkMode !== undefined)
2179
+ props.push(`isDarkMode={${jsxExpr(args.isDarkMode)}}`);
2125
2180
  const code = `<OpsnowCommonBarChart ${props.join(' ')} />`;
2126
2181
  return {
2127
2182
  content: [
@@ -2150,27 +2205,29 @@ export function createChartComponent() {
2150
2205
  if (args.chartId)
2151
2206
  props.push(`chartId="${args.chartId}"`);
2152
2207
  if (args.chartProps)
2153
- props.push(`chartProps={${args.chartProps}}`);
2208
+ props.push(`chartProps={${jsxExpr(args.chartProps)}}`);
2154
2209
  if (args.chartData)
2155
- props.push(`chartData={${args.chartData}}`);
2210
+ props.push(`chartData={${jsxExpr(args.chartData)}}`);
2156
2211
  else
2157
2212
  props.push(`chartData={[]}`);
2158
2213
  if (args.chartCategory)
2159
- props.push(`chartCategory={${args.chartCategory}}`);
2214
+ props.push(`chartCategory={${jsxExpr(args.chartCategory)}}`);
2160
2215
  if (args.chartLocaleProps)
2161
- props.push(`chartLocaleProps={${args.chartLocaleProps}}`);
2216
+ props.push(`chartLocaleProps={${jsxExpr(args.chartLocaleProps)}}`);
2162
2217
  if (args.chartCategoryLocaleMapping)
2163
- props.push(`chartCategoryLocaleMapping={${args.chartCategoryLocaleMapping}}`);
2218
+ props.push(`chartCategoryLocaleMapping={${jsxExpr(args.chartCategoryLocaleMapping)}}`);
2164
2219
  if (args.chartLocaleData)
2165
- props.push(`chartLocaleData={${args.chartLocaleData}}`);
2220
+ props.push(`chartLocaleData={${jsxExpr(args.chartLocaleData)}}`);
2166
2221
  if (args.chartCustomCategory)
2167
- props.push(`chartCustomCategory={${args.chartCustomCategory}}`);
2222
+ props.push(`chartCustomCategory={${jsxExpr(args.chartCustomCategory)}}`);
2168
2223
  if (args.chartUserDefinedFunc)
2169
- props.push(`chartUserDefinedFunc={${args.chartUserDefinedFunc}}`);
2224
+ props.push(`chartUserDefinedFunc={${jsxExpr(args.chartUserDefinedFunc)}}`);
2170
2225
  if (args.langCd)
2171
2226
  props.push(`langCd="${args.langCd}"`);
2227
+ if (args.chartLocaleMessage)
2228
+ props.push(`chartLocaleMessage={${JSON.stringify(args.chartLocaleMessage)}}`);
2172
2229
  if (args.onChartClick)
2173
- props.push(`onChartClick={${args.onChartClick}}`);
2230
+ props.push(`onChartClick={${jsxExpr(args.onChartClick)}}`);
2174
2231
  if (args.chartTooltipDetailText)
2175
2232
  props.push(`chartTooltipDetailText="${args.chartTooltipDetailText}"`);
2176
2233
  if (args.chartSelectAllLegends)
@@ -2180,31 +2237,33 @@ export function createChartComponent() {
2180
2237
  if (args.chartFoldLegend)
2181
2238
  props.push(`chartFoldLegend="${args.chartFoldLegend}"`);
2182
2239
  if (args.onSeriesPointerOver)
2183
- props.push(`onSeriesPointerOver={${args.onSeriesPointerOver}}`);
2240
+ props.push(`onSeriesPointerOver={${jsxExpr(args.onSeriesPointerOver)}}`);
2184
2241
  if (args.onSeriesPointerOut)
2185
- props.push(`onSeriesPointerOut={${args.onSeriesPointerOut}}`);
2242
+ props.push(`onSeriesPointerOut={${jsxExpr(args.onSeriesPointerOut)}}`);
2186
2243
  if (args.chartSampleProps)
2187
- props.push(`chartSampleProps={${args.chartSampleProps}}`);
2244
+ props.push(`chartSampleProps={${jsxExpr(args.chartSampleProps)}}`);
2188
2245
  if (args.chartSampleCategory)
2189
- props.push(`chartSampleCategory={${args.chartSampleCategory}}`);
2246
+ props.push(`chartSampleCategory={${jsxExpr(args.chartSampleCategory)}}`);
2190
2247
  if (args.chartSampleData)
2191
- props.push(`chartSampleData={${args.chartSampleData}}`);
2248
+ props.push(`chartSampleData={${jsxExpr(args.chartSampleData)}}`);
2192
2249
  if (args.chartSampleCustomCategory)
2193
- props.push(`chartSampleCustomCategory={${args.chartSampleCustomCategory}}`);
2250
+ props.push(`chartSampleCustomCategory={${jsxExpr(args.chartSampleCustomCategory)}}`);
2194
2251
  if (args.chartSampleLocaleProps)
2195
- props.push(`chartSampleLocaleProps={${args.chartSampleLocaleProps}}`);
2252
+ props.push(`chartSampleLocaleProps={${jsxExpr(args.chartSampleLocaleProps)}}`);
2196
2253
  if (args.chartSampleCategoryLocaleMapping)
2197
- props.push(`chartSampleCategoryLocaleMapping={${args.chartSampleCategoryLocaleMapping}}`);
2254
+ props.push(`chartSampleCategoryLocaleMapping={${jsxExpr(args.chartSampleCategoryLocaleMapping)}}`);
2198
2255
  if (args.chartSampleLocaleData)
2199
- props.push(`chartSampleLocaleData={${args.chartSampleLocaleData}}`);
2256
+ props.push(`chartSampleLocaleData={${jsxExpr(args.chartSampleLocaleData)}}`);
2200
2257
  if (args.chartCategoryColorByVendor)
2201
- props.push(`chartCategoryColorByVendor={${args.chartCategoryColorByVendor}}`);
2258
+ props.push(`chartCategoryColorByVendor={${jsxExpr(args.chartCategoryColorByVendor)}}`);
2202
2259
  if (args.useOpsnowUs !== undefined)
2203
- props.push(`useOpsnowUs={${args.useOpsnowUs}}`);
2260
+ props.push(`useOpsnowUs={${jsxExpr(args.useOpsnowUs)}}`);
2204
2261
  if (args.chartNoRowsText)
2205
2262
  props.push(`chartNoRowsText="${args.chartNoRowsText}"`);
2206
2263
  if (args.onTopNPopupDetailClick)
2207
- props.push(`onTopNPopupDetailClick={${args.onTopNPopupDetailClick}}`);
2264
+ props.push(`onTopNPopupDetailClick={${jsxExpr(args.onTopNPopupDetailClick)}}`);
2265
+ if (args.isDarkMode !== undefined)
2266
+ props.push(`isDarkMode={${jsxExpr(args.isDarkMode)}}`);
2208
2267
  const code = `<OpsnowCommonStackChart ${props.join(' ')} />`;
2209
2268
  return {
2210
2269
  content: [
@@ -2236,55 +2295,65 @@ export function createChartComponent() {
2236
2295
  if (args.chartId)
2237
2296
  props.push(`chartId="${args.chartId}"`);
2238
2297
  if (args.chartProps)
2239
- props.push(`chartProps={${args.chartProps}}`);
2298
+ props.push(`chartProps={${jsxExpr(args.chartProps)}}`);
2240
2299
  if (args.chartData)
2241
- props.push(`chartData={${args.chartData}}`);
2300
+ props.push(`chartData={${jsxExpr(args.chartData)}}`);
2242
2301
  else
2243
2302
  props.push(`chartData={[]}`);
2244
2303
  if (args.chartCategory)
2245
- props.push(`chartCategory={${args.chartCategory}}`);
2304
+ props.push(`chartCategory={${jsxExpr(args.chartCategory)}}`);
2246
2305
  if (args.chartLocaleProps)
2247
- props.push(`chartLocaleProps={${args.chartLocaleProps}}`);
2306
+ props.push(`chartLocaleProps={${jsxExpr(args.chartLocaleProps)}}`);
2248
2307
  if (args.chartLocaleMessage)
2249
- props.push(`chartLocaleMessage={${args.chartLocaleMessage}}`);
2308
+ props.push(`chartLocaleMessage={${JSON.stringify(args.chartLocaleMessage)}}`);
2250
2309
  if (args.chartCategoryLocaleMapping)
2251
- props.push(`chartCategoryLocaleMapping={${args.chartCategoryLocaleMapping}}`);
2310
+ props.push(`chartCategoryLocaleMapping={${jsxExpr(args.chartCategoryLocaleMapping)}}`);
2252
2311
  if (args.chartLocaleData)
2253
- props.push(`chartLocaleData={${args.chartLocaleData}}`);
2312
+ props.push(`chartLocaleData={${jsxExpr(args.chartLocaleData)}}`);
2254
2313
  if (args.chartCustomCategory)
2255
- props.push(`chartCustomCategory={${args.chartCustomCategory}}`);
2314
+ props.push(`chartCustomCategory={${jsxExpr(args.chartCustomCategory)}}`);
2256
2315
  if (args.chartUserDefinedFunc)
2257
- props.push(`chartUserDefinedFunc={${args.chartUserDefinedFunc}}`);
2316
+ props.push(`chartUserDefinedFunc={${jsxExpr(args.chartUserDefinedFunc)}}`);
2258
2317
  if (args.langCd)
2259
2318
  props.push(`langCd="${args.langCd}"`);
2260
2319
  if (args.onChartClick)
2261
- props.push(`onChartClick={${args.onChartClick}}`);
2320
+ props.push(`onChartClick={${jsxExpr(args.onChartClick)}}`);
2262
2321
  if (args.onSeriesPointerOver)
2263
- props.push(`onSeriesPointerOver={${args.onSeriesPointerOver}}`);
2322
+ props.push(`onSeriesPointerOver={${jsxExpr(args.onSeriesPointerOver)}}`);
2264
2323
  if (args.onSeriesPointerOut)
2265
- props.push(`onSeriesPointerOut={${args.onSeriesPointerOut}}`);
2324
+ props.push(`onSeriesPointerOut={${jsxExpr(args.onSeriesPointerOut)}}`);
2266
2325
  if (args.chartSampleProps)
2267
- props.push(`chartSampleProps={${args.chartSampleProps}}`);
2326
+ props.push(`chartSampleProps={${jsxExpr(args.chartSampleProps)}}`);
2268
2327
  if (args.chartSampleCategory)
2269
- props.push(`chartSampleCategory={${args.chartSampleCategory}}`);
2328
+ props.push(`chartSampleCategory={${jsxExpr(args.chartSampleCategory)}}`);
2270
2329
  if (args.chartSampleData)
2271
- props.push(`chartSampleData={${args.chartSampleData}}`);
2330
+ props.push(`chartSampleData={${jsxExpr(args.chartSampleData)}}`);
2272
2331
  if (args.chartSampleCustomCategory)
2273
- props.push(`chartSampleCustomCategory={${args.chartSampleCustomCategory}}`);
2332
+ props.push(`chartSampleCustomCategory={${jsxExpr(args.chartSampleCustomCategory)}}`);
2274
2333
  if (args.chartSampleLocaleProps)
2275
- props.push(`chartSampleLocaleProps={${args.chartSampleLocaleProps}}`);
2334
+ props.push(`chartSampleLocaleProps={${jsxExpr(args.chartSampleLocaleProps)}}`);
2276
2335
  if (args.chartSampleCategoryLocaleMapping)
2277
- props.push(`chartSampleCategoryLocaleMapping={${args.chartSampleCategoryLocaleMapping}}`);
2336
+ props.push(`chartSampleCategoryLocaleMapping={${jsxExpr(args.chartSampleCategoryLocaleMapping)}}`);
2278
2337
  if (args.chartSampleLocaleData)
2279
- props.push(`chartSampleLocaleData={${args.chartSampleLocaleData}}`);
2338
+ props.push(`chartSampleLocaleData={${jsxExpr(args.chartSampleLocaleData)}}`);
2280
2339
  if (args.chartCategoryColorByVendor)
2281
- props.push(`chartCategoryColorByVendor={${args.chartCategoryColorByVendor}}`);
2340
+ props.push(`chartCategoryColorByVendor={${jsxExpr(args.chartCategoryColorByVendor)}}`);
2282
2341
  if (args.useOpsnowUs !== undefined)
2283
- props.push(`useOpsnowUs={${args.useOpsnowUs}}`);
2342
+ props.push(`useOpsnowUs={${jsxExpr(args.useOpsnowUs)}}`);
2284
2343
  if (args.chartNoRowsText)
2285
2344
  props.push(`chartNoRowsText="${args.chartNoRowsText}"`);
2286
2345
  if (args.chartTooltipDetailText)
2287
2346
  props.push(`chartTooltipDetailText="${args.chartTooltipDetailText}"`);
2347
+ if (args.chartCustomCategoryGroup)
2348
+ props.push(`chartCustomCategoryGroup={${JSON.stringify(args.chartCustomCategoryGroup)}}`);
2349
+ if (args.chartSelectAllLegends)
2350
+ props.push(`chartSelectAllLegends="${args.chartSelectAllLegends}"`);
2351
+ if (args.chartUnfoldLegend)
2352
+ props.push(`chartUnfoldLegend="${args.chartUnfoldLegend}"`);
2353
+ if (args.chartFoldLegend)
2354
+ props.push(`chartFoldLegend="${args.chartFoldLegend}"`);
2355
+ if (args.isDarkMode !== undefined)
2356
+ props.push(`isDarkMode={${jsxExpr(args.isDarkMode)}}`);
2288
2357
  const code = `<OpsnowCommonXyMultiChart ${props.join(' ')} />`;
2289
2358
  return {
2290
2359
  content: [
@@ -2317,31 +2386,35 @@ export function createChartComponent() {
2317
2386
  if (args.chartId)
2318
2387
  props.push(`chartId="${args.chartId}"`);
2319
2388
  if (args.chartProps)
2320
- props.push(`chartProps={${args.chartProps}}`);
2389
+ props.push(`chartProps={${jsxExpr(args.chartProps)}}`);
2321
2390
  if (args.chartData)
2322
- props.push(`chartData={${args.chartData}}`);
2391
+ props.push(`chartData={${jsxExpr(args.chartData)}}`);
2323
2392
  else
2324
2393
  props.push(`chartData={[]}`);
2325
2394
  if (args.chartLocaleProps)
2326
- props.push(`chartLocaleProps={${args.chartLocaleProps}}`);
2395
+ props.push(`chartLocaleProps={${jsxExpr(args.chartLocaleProps)}}`);
2327
2396
  if (args.chartLocaleData)
2328
- props.push(`chartLocaleData={${args.chartLocaleData}}`);
2397
+ props.push(`chartLocaleData={${jsxExpr(args.chartLocaleData)}}`);
2329
2398
  if (args.chartLocaleMessage)
2330
- props.push(`chartLocaleMessage={${args.chartLocaleMessage}}`);
2399
+ props.push(`chartLocaleMessage={${JSON.stringify(args.chartLocaleMessage)}}`);
2331
2400
  if (args.langCd)
2332
2401
  props.push(`langCd="${args.langCd}"`);
2333
2402
  if (args.isDarkMode !== undefined)
2334
- props.push(`isDarkMode={${args.isDarkMode}}`);
2403
+ props.push(`isDarkMode={${jsxExpr(args.isDarkMode)}}`);
2335
2404
  if (args.onChartClick)
2336
- props.push(`onChartClick={${args.onChartClick}}`);
2405
+ props.push(`onChartClick={${jsxExpr(args.onChartClick)}}`);
2337
2406
  if (args.chartSampleProps)
2338
- props.push(`chartSampleProps={${args.chartSampleProps}}`);
2407
+ props.push(`chartSampleProps={${jsxExpr(args.chartSampleProps)}}`);
2339
2408
  if (args.chartSampleData)
2340
- props.push(`chartSampleData={${args.chartSampleData}}`);
2409
+ props.push(`chartSampleData={${jsxExpr(args.chartSampleData)}}`);
2341
2410
  if (args.chartSampleLocaleProps)
2342
- props.push(`chartSampleLocaleProps={${args.chartSampleLocaleProps}}`);
2411
+ props.push(`chartSampleLocaleProps={${jsxExpr(args.chartSampleLocaleProps)}}`);
2343
2412
  if (args.chartSampleLocaleData)
2344
- props.push(`chartSampleLocaleData={${args.chartSampleLocaleData}}`);
2413
+ props.push(`chartSampleLocaleData={${jsxExpr(args.chartSampleLocaleData)}}`);
2414
+ if (args.chartNoRowsText)
2415
+ props.push(`chartNoRowsText="${args.chartNoRowsText}"`);
2416
+ if (args.chartTooltipDetailText)
2417
+ props.push(`chartTooltipDetailText="${args.chartTooltipDetailText}"`);
2345
2418
  const code = `<OpsnowCommonHeatmapChart ${props.join(' ')} />`;
2346
2419
  return {
2347
2420
  content: [
@@ -2376,29 +2449,37 @@ export function createChartComponent() {
2376
2449
  if (args.chartId)
2377
2450
  props.push(`chartId="${args.chartId}"`);
2378
2451
  if (args.chartProps)
2379
- props.push(`chartProps={${args.chartProps}}`);
2452
+ props.push(`chartProps={${jsxExpr(args.chartProps)}}`);
2380
2453
  if (args.chartData)
2381
- props.push(`chartData={${args.chartData}}`);
2454
+ props.push(`chartData={${jsxExpr(args.chartData)}}`);
2382
2455
  else
2383
2456
  props.push(`chartData={[]}`);
2384
2457
  if (args.chartLocaleProps)
2385
- props.push(`chartLocaleProps={${args.chartLocaleProps}}`);
2458
+ props.push(`chartLocaleProps={${jsxExpr(args.chartLocaleProps)}}`);
2386
2459
  if (args.chartLocaleMessage)
2387
- props.push(`chartLocaleMessage={${args.chartLocaleMessage}}`);
2460
+ props.push(`chartLocaleMessage={${JSON.stringify(args.chartLocaleMessage)}}`);
2388
2461
  if (args.langCd)
2389
2462
  props.push(`langCd="${args.langCd}"`);
2390
2463
  if (args.onChartClick)
2391
- props.push(`onChartClick={${args.onChartClick}}`);
2464
+ props.push(`onChartClick={${jsxExpr(args.onChartClick)}}`);
2392
2465
  if (args.chartSampleProps)
2393
- props.push(`chartSampleProps={${args.chartSampleProps}}`);
2466
+ props.push(`chartSampleProps={${jsxExpr(args.chartSampleProps)}}`);
2394
2467
  if (args.chartSampleData)
2395
- props.push(`chartSampleData={${args.chartSampleData}}`);
2468
+ props.push(`chartSampleData={${jsxExpr(args.chartSampleData)}}`);
2396
2469
  if (args.chartSampleLocaleProps)
2397
- props.push(`chartSampleLocaleProps={${args.chartSampleLocaleProps}}`);
2470
+ props.push(`chartSampleLocaleProps={${jsxExpr(args.chartSampleLocaleProps)}}`);
2398
2471
  if (args.chartSampleLocaleData)
2399
- props.push(`chartSampleLocaleData={${args.chartSampleLocaleData}}`);
2472
+ props.push(`chartSampleLocaleData={${jsxExpr(args.chartSampleLocaleData)}}`);
2400
2473
  if (args.isDarkMode !== undefined)
2401
- props.push(`isDarkMode={${args.isDarkMode}}`);
2474
+ props.push(`isDarkMode={${jsxExpr(args.isDarkMode)}}`);
2475
+ if (args.chartNoRowsText)
2476
+ props.push(`chartNoRowsText="${args.chartNoRowsText}"`);
2477
+ if (args.chartTooltipDetailText)
2478
+ props.push(`chartTooltipDetailText="${args.chartTooltipDetailText}"`);
2479
+ if (args.chartLocaleData)
2480
+ props.push(`chartLocaleData={${jsxExpr(args.chartLocaleData)}}`);
2481
+ if (args.useOpsnowUs !== undefined)
2482
+ props.push(`useOpsnowUs={${jsxExpr(args.useOpsnowUs)}}`);
2402
2483
  const code = `<OpsnowCommonBubbleChart ${props.join(' ')} />`;
2403
2484
  return {
2404
2485
  content: [