@databrainhq/plugin 0.9.20 → 0.9.21

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 (89) hide show
  1. package/README.md +26 -26
  2. package/dist/components/Alert/index.d.ts +1 -1
  3. package/dist/components/ChartModal/ChartConfig.d.ts +16 -6
  4. package/dist/components/ChartModal/ChartModalOptions.d.ts +5 -7
  5. package/dist/components/ChartPopup/components/UnderlyingData/index.d.ts +1 -1
  6. package/dist/components/ChartPopup/index.d.ts +1 -1
  7. package/dist/components/Charts/BarChart.d.ts +1 -1
  8. package/dist/components/Charts/LineChart.d.ts +1 -1
  9. package/dist/components/DataType/index.d.ts +1 -1
  10. package/dist/components/DateRangePicker/index.d.ts +1 -1
  11. package/dist/components/Error/index.d.ts +1 -1
  12. package/dist/components/ExternalMetricForm/index.d.ts +1 -1
  13. package/dist/components/FilterDropDown/index.d.ts +2 -2
  14. package/dist/components/FilterField/index.d.ts +2 -2
  15. package/dist/components/FloatingDropDown/index.d.ts +2 -2
  16. package/dist/components/FullScreenChart/index.d.ts +4 -3
  17. package/dist/components/GlobalFilters/AddFilter.d.ts +2 -2
  18. package/dist/components/GlobalFilters/AppliedFilter.d.ts +1 -1
  19. package/dist/components/GlobalFilters/NumberFilterField.d.ts +1 -1
  20. package/dist/components/GlobalFilters/index.d.ts +2 -2
  21. package/dist/components/Icons/index.d.ts +1 -1
  22. package/dist/components/InfoTooltip/index.d.ts +1 -1
  23. package/dist/components/MetricChart/ChartImageDownloadButton.d.ts +4 -4
  24. package/dist/components/MetricChart/CsvDownloadButton.d.ts +1 -1
  25. package/dist/components/MetricChart/MetricChart.d.ts +1 -1
  26. package/dist/components/MetricChart/index.d.ts +0 -1
  27. package/dist/components/MetricCreation/components/MetricOutput/MetricOutput.d.ts +1 -1
  28. package/dist/components/MetricCreation/components/MetricOutput/components/ChartTab/components/ChartConfigure/index.d.ts +26 -0
  29. package/dist/components/MetricCreation/components/MetricOutput/components/ChartTab/components/ChartSettings/index.d.ts +38 -0
  30. package/dist/components/MetricCreation/components/MetricOutput/components/ChartTab/components/index.d.ts +2 -0
  31. package/dist/components/MetricCreation/components/MetricOutput/components/ChartTab/index.d.ts +50 -6
  32. package/dist/components/MetricCreation/components/MetricOutput/components/TableTab/index.d.ts +1 -1
  33. package/dist/components/MetricCreation/components/MetricOutput/components/index.d.ts +1 -0
  34. package/dist/components/MetricFilterDropDown/index.d.ts +1 -1
  35. package/dist/components/MetricList/MetricList.d.ts +4 -3
  36. package/dist/components/MetricList/components/{DownloadRawCsvModal/index.d.ts → DownloadRawCsvModal.d.ts} +1 -1
  37. package/dist/components/MetricList/components/{LayoutAlert/index.d.ts → LayoutAlert.d.ts} +1 -1
  38. package/dist/components/MetricList/components/{MetricCards/MetricCard.d.ts → MetricCard.d.ts} +6 -5
  39. package/dist/components/MetricList/components/{MetricCards/SingleValueCard.d.ts → SingleValueCard.d.ts} +1 -1
  40. package/dist/components/MetricList/components/{TableViewModal/index.d.ts → TableViewModal.d.ts} +1 -1
  41. package/dist/components/MetricList/index.d.ts +6 -1
  42. package/dist/components/MetricTable/index.d.ts +1 -1
  43. package/dist/components/Modal/ModalFooter.d.ts +1 -1
  44. package/dist/components/PopoverMenu/index.d.ts +1 -1
  45. package/dist/components/ScheduleEmail/ScheduleEmailForm/index.d.ts +1 -1
  46. package/dist/components/Select/index.d.ts +5 -5
  47. package/dist/components/Tab/index.d.ts +1 -1
  48. package/dist/components/Table/DebouncedInput.d.ts +1 -1
  49. package/dist/components/Table/index.d.ts +2 -4
  50. package/dist/components/TagInputField/index.d.ts +1 -1
  51. package/dist/components/TimeGrainField/index.d.ts +1 -1
  52. package/dist/components/ToggleButton/SwitchInput.d.ts +1 -1
  53. package/dist/components/ToggleButton/ToggleInput.d.ts +1 -1
  54. package/dist/components/ToggleButton/index.d.ts +1 -1
  55. package/dist/components/index.d.ts +0 -2
  56. package/dist/consts/metricOptions.d.ts +0 -4
  57. package/dist/containers/Dashboard/Dashboard.d.ts +1 -1
  58. package/dist/containers/Dashboard/DashboardProvider.d.ts +1 -1
  59. package/dist/helpers/getTimeFilterValue.d.ts +1 -1
  60. package/dist/helpers/timeseries.d.ts +6 -6
  61. package/dist/hooks/index.d.ts +0 -1
  62. package/dist/hooks/useClientDashboardLayout.d.ts +1 -1
  63. package/dist/hooks/useExternalMetric.d.ts +20 -3
  64. package/dist/hooks/useGenerateEmbeddedMetric.d.ts +1 -1
  65. package/dist/hooks/useOutsideAlerter.d.ts +1 -1
  66. package/dist/hooks/useScheduleEmail.d.ts +1 -1
  67. package/dist/index.es.js +127470 -86236
  68. package/dist/index.umd.js +242 -298
  69. package/dist/style.css +1 -1
  70. package/dist/types/app.d.ts +61 -119
  71. package/dist/types/metricCreate.d.ts +87 -13
  72. package/dist/typings.d.ts +17 -0
  73. package/dist/utils/generated/graphql.d.ts +437 -437
  74. package/dist/utils/getChartAttributes.d.ts +8 -5
  75. package/dist/utils/handleSaveChartImage.d.ts +3 -0
  76. package/package.json +98 -110
  77. package/dist/components/Chart/SingleValueChart.d.ts +0 -16
  78. package/dist/components/Chart/index.d.ts +0 -21
  79. package/dist/components/ChartSettingsPopup/components/ChartConfigure/index.d.ts +0 -8
  80. package/dist/components/ChartSettingsPopup/components/ChartSettings/index.d.ts +0 -9
  81. package/dist/components/ChartSettingsPopup/index.d.ts +0 -9
  82. package/dist/components/MetricList/components/FullScreenView/DownloadButton.d.ts +0 -9
  83. package/dist/components/MetricList/components/FullScreenView/index.d.ts +0 -18
  84. package/dist/components/MetricList/components/MetricCards/NoDataLoading.d.ts +0 -7
  85. package/dist/components/MetricList/components/index.d.ts +0 -8
  86. package/dist/hooks/useMetricCard.d.ts +0 -37
  87. package/dist/utils/getChartImage.d.ts +0 -3
  88. package/dist/utils/getChartOptions.d.ts +0 -7
  89. /package/dist/components/MetricList/components/{ArchiveMetricModal/index.d.ts → ArchiveMetricModal.d.ts} +0 -0
@@ -1,123 +1,65 @@
1
1
  import type { ReactNode } from 'react';
2
- import { ColumnSizingState } from '@tanstack/react-table';
3
- import { CHART_TYPES } from '@/consts';
4
- export type ChildrenProps = {
2
+ export declare type ChildrenProps = {
5
3
  children: ReactNode;
6
4
  };
7
- export type TimeSeriesGroupType = 'yearly' | 'monthly' | 'weekly' | 'daily';
8
- export type TimeSeriesType = 'bar' | 'line' | 'area';
9
- export type TimeSeriesSettingsType = {
10
- seriesType: {
11
- type: TimeSeriesType;
12
- column: string;
13
- }[];
14
- groupBySettings: {
15
- isDynamic: boolean;
16
- options: string[];
17
- value: TimeSeriesGroupType;
18
- };
19
- };
20
- export type TimeSeriesSettingsProps = {
21
- settings: TimeSeriesSettingsType;
22
- onChange: (timeSeriesSettings: TimeSeriesSettingsType | ((ts: TimeSeriesSettingsType) => TimeSeriesSettingsType)) => void;
23
- yAxisList: string[];
24
- };
25
- export type TimeSeriesChartProps = {
26
- dataArray: Record<string, any>[];
27
- timeStampKey: string;
28
- valuekeys: string[];
29
- type: TimeSeriesType;
30
- groupBy: TimeSeriesGroupType;
31
- margins: Record<string, number>;
32
- legendSettings: LegendSettings;
33
- labelSettings: LabelSettings;
34
- axisSettings: AxisSettings;
35
- colors?: string[];
36
- customSettings: CustomSettings;
37
- backGroundColor: BackgroundSettings;
38
- };
39
- export type LegendSettings = {
40
- show?: boolean;
41
- top?: number;
42
- bottom?: number;
43
- left?: number;
44
- right?: number;
45
- position?: string;
46
- };
47
- export type MarginSettings = {
48
- marginTop?: number;
49
- marginBottom?: number;
50
- marginLeft?: number;
51
- marginRight?: number;
52
- };
53
- export type CustomSettings = {
54
- hideSplitLines?: string;
55
- hideAxisLines?: string;
56
- barWidth?: number;
57
- barRadius?: number;
58
- xRotation?: number;
59
- axisLabels?: string;
60
- fontSize?: number;
61
- subHeaderShow?: boolean;
62
- displayText?: string;
63
- subHeaderFontSize?: number;
64
- dateFormatter?: string;
65
- numberFormatter?: string;
66
- showLabelValues?: boolean;
5
+ export declare type LegendSettings = {
6
+ show: boolean;
7
+ top: number;
8
+ bottom: number;
9
+ left: number;
10
+ right: number;
11
+ position: string;
12
+ };
13
+ export declare type CustomSettings = {
14
+ hideSplitLines: string;
15
+ hideAxisLines: string;
16
+ barWidth: number;
17
+ barRadius: number;
18
+ xRotation: number;
19
+ axisLabels: string;
20
+ fontSize: number;
21
+ subHeaderShow: boolean;
22
+ displayText: string;
23
+ subHeaderFontSize: number;
24
+ dateFormatter: string;
25
+ numberFormatter: string;
26
+ showLabelValues: boolean;
67
27
  showFullStacked?: boolean;
68
28
  showConversionRate?: boolean;
69
29
  labelFormat?: string;
70
30
  };
71
- export type TableSettings = {
72
- contentAlignment?: string;
73
- lineGap?: string;
74
- hideVerticalDivider?: boolean;
75
- enableStripedRows?: boolean;
76
- showRowHover?: boolean;
77
- showTableTitle?: boolean;
78
- showTableDesc?: boolean;
79
- enableTableSearch?: boolean;
80
- enableFilter?: boolean;
81
- enableSorting?: boolean;
31
+ export declare type TableSettings = {
32
+ contentAlignment: string;
33
+ lineGap: string;
34
+ hideVerticalDivider: boolean;
35
+ enableStripedRows: boolean;
36
+ showRowHover: boolean;
37
+ showTableTitle: boolean;
38
+ showTableDesc: boolean;
39
+ enableTableSearch: boolean;
40
+ enableFilter: boolean;
41
+ enableSorting: boolean;
82
42
  disablePagination?: boolean;
83
43
  defaultRowSize?: string;
84
- columnSizing?: ColumnSizingState;
85
- };
86
- export type BackgroundSettings = {
87
- show?: boolean;
88
- };
89
- export type LabelSettings = {
90
- axis?: string;
91
- show?: boolean;
92
- position?: string;
93
- };
94
- export type AxisSettings = {
95
- axis?: string;
96
- };
97
- export type ChartSettingsType = {
98
- chartType: keyof typeof CHART_TYPES;
99
- margins?: MarginSettings;
100
- xAxis?: string;
101
- yAxisList?: string[];
102
- step?: string;
103
- measure?: string;
104
- singleValue?: string;
105
- sankeyValues?: string[];
106
- legendSettings?: LegendSettings;
107
- labelSettings?: LabelSettings;
108
- customSettings?: CustomSettings;
109
- tableSettings?: TableSettings;
110
- axisSettings?: AxisSettings;
111
- backGroundColor?: BackgroundSettings;
112
- timeSeriesSettings?: TimeSeriesSettingsType;
113
- };
114
- export type SelectedColumns = {
44
+ };
45
+ export declare type BackgroundSettings = {
46
+ show: boolean;
47
+ };
48
+ export declare type LabelSettings = {
49
+ axis: string;
50
+ show: boolean;
51
+ position: string;
52
+ };
53
+ export declare type AxisSettings = {
54
+ axis: string;
55
+ };
56
+ export declare type SelectedColumns = {
115
57
  column: string;
116
58
  datatype: string;
117
59
  schemaName: string;
118
60
  tableName: string;
119
61
  };
120
- export type Schema = {
62
+ export declare type Schema = {
121
63
  id: string;
122
64
  schemaName: string;
123
65
  tableName: string;
@@ -129,7 +71,7 @@ export type Schema = {
129
71
  isDefault?: boolean;
130
72
  }[];
131
73
  };
132
- export type RlsFilterObjectType = {
74
+ export declare type RlsFilterObjectType = {
133
75
  columnName: string;
134
76
  condition: string;
135
77
  createdAt: any;
@@ -145,7 +87,7 @@ export type RlsFilterObjectType = {
145
87
  lastName: string;
146
88
  };
147
89
  };
148
- export type SelectedTable = {
90
+ export declare type SelectedTable = {
149
91
  tableName: string;
150
92
  columns: {
151
93
  name: string;
@@ -153,40 +95,40 @@ export type SelectedTable = {
153
95
  as: string;
154
96
  }[] | [];
155
97
  }[] | undefined;
156
- export type GroupBy = {
98
+ export declare type GroupBy = {
157
99
  column: string;
158
100
  parentColumn?: {
159
101
  column: string;
160
102
  value: string;
161
103
  };
162
104
  };
163
- export type ClientType = {
105
+ export declare type ClientType = {
164
106
  label: string;
165
107
  value: string;
166
108
  };
167
- export type DashboardType = {
109
+ export declare type DashboardType = {
168
110
  id: string;
169
111
  name: string;
170
112
  };
171
- export type FloatingDropDownOption = {
113
+ export declare type FloatingDropDownOption = {
172
114
  key?: string;
173
115
  label: string;
174
116
  value: string;
175
117
  };
176
- export type FilterType = {
118
+ export declare type FilterType = {
177
119
  tableName: string;
178
120
  columns: Schema['columnsWithDataType'];
179
121
  };
180
- export type JoinField = {
122
+ export declare type JoinField = {
181
123
  a: string;
182
124
  b: string;
183
125
  };
184
- export type SqlError = {
126
+ export declare type SqlError = {
185
127
  errorMessage: string;
186
128
  explanation: string;
187
129
  solution: string;
188
130
  };
189
- export type DateOptionType = {
131
+ export declare type DateOptionType = {
190
132
  id: string;
191
133
  range: string;
192
134
  time: string;
@@ -194,7 +136,7 @@ export type DateOptionType = {
194
136
  name: string;
195
137
  count: number;
196
138
  };
197
- export type RlsCondition = {
139
+ export declare type RlsCondition = {
198
140
  name: string;
199
141
  columnName: string;
200
142
  tableName: string;
@@ -205,7 +147,7 @@ export type RlsCondition = {
205
147
  dimensionColumn?: string;
206
148
  measureColumn?: string;
207
149
  };
208
- export type MetricData = {
150
+ export declare type MetricData = {
209
151
  id: string;
210
152
  name: string;
211
153
  dashboards: {
@@ -216,7 +158,7 @@ export type MetricData = {
216
158
  createdBy: string;
217
159
  dateCreated: string;
218
160
  };
219
- export type GetUnderlyingData = ({ columnName, value, setData, setLoading, }: {
161
+ export declare type GetUnderlyingData = ({ columnName, value, setData, setLoading, }: {
220
162
  columnName: string;
221
163
  value: any;
222
164
  setData: React.Dispatch<React.SetStateAction<any[]>>;
@@ -1,12 +1,30 @@
1
1
  import { Dispatch, SetStateAction } from 'react';
2
- import { RlsCondition, FloatingDropDownOption, ChartSettingsType } from './app';
2
+ import { AxisSettings, BackgroundSettings, CustomSettings, LabelSettings, LegendSettings, RlsCondition, FloatingDropDownOption, TableSettings } from './app';
3
3
  import { ExternalMetrics } from '@/utils/generated/graphql';
4
- type ColumnData = {
4
+ declare type ColumnData = {
5
5
  name: string;
6
6
  datatype: string;
7
7
  as: string;
8
8
  };
9
- export type EmbeddedMetricCreationProps = {
9
+ export declare type TimeSeriesGroupType = 'yearly' | 'monthly' | 'weekly' | 'daily';
10
+ export declare type TimeSeriesType = 'bar' | 'line' | 'area';
11
+ export declare type TimeSeriesSettingsType = {
12
+ seriesType: {
13
+ type: TimeSeriesType;
14
+ column: string;
15
+ }[];
16
+ groupBySettings: {
17
+ isDynamic: boolean;
18
+ options: string[];
19
+ value: TimeSeriesGroupType;
20
+ };
21
+ };
22
+ export declare type TimeSeriesSettingsProps = {
23
+ settings: TimeSeriesSettingsType;
24
+ onChange: React.Dispatch<React.SetStateAction<TimeSeriesSettingsType>>;
25
+ yAxisList: string[];
26
+ };
27
+ export declare type EmbeddedMetricCreationProps = {
10
28
  clientId: string;
11
29
  companyId: string;
12
30
  isLiveMode: boolean;
@@ -20,7 +38,7 @@ export type EmbeddedMetricCreationProps = {
20
38
  metricData?: Record<string, any>[];
21
39
  workspaceId: string;
22
40
  };
23
- export type HeaderProps = {
41
+ export declare type HeaderProps = {
24
42
  Heading: string;
25
43
  setShowMetricCreateModal: React.Dispatch<React.SetStateAction<boolean>>;
26
44
  isDisableSqlBtn: boolean;
@@ -28,13 +46,13 @@ export type HeaderProps = {
28
46
  setShowSqlModal: React.Dispatch<React.SetStateAction<boolean>>;
29
47
  setShowSaveMetricModal: React.Dispatch<React.SetStateAction<boolean>>;
30
48
  };
31
- export type DatasetProps = {
49
+ export declare type DatasetProps = {
32
50
  setselectTable: React.Dispatch<React.SetStateAction<FloatingDropDownOption>>;
33
51
  selectTable: FloatingDropDownOption;
34
52
  tableList: FloatingDropDownOption[];
35
53
  columnList: ColumnData[];
36
54
  };
37
- export type ConstructMetricProps = {
55
+ export declare type ConstructMetricProps = {
38
56
  columnList: FloatingDropDownOption[];
39
57
  dateTimeColumnList: ColumnData[];
40
58
  companyId: string;
@@ -48,11 +66,11 @@ export type ConstructMetricProps = {
48
66
  clientColumn?: string;
49
67
  databaseId: string;
50
68
  };
51
- export type MetricsValue = {
69
+ export declare type MetricsValue = {
52
70
  value: string;
53
71
  as: string;
54
72
  };
55
- export type MetricOutputProps = {
73
+ export declare type MetricOutputProps = {
56
74
  data: any[] | undefined;
57
75
  isUpdateMetric?: boolean;
58
76
  query?: string;
@@ -65,8 +83,50 @@ export type MetricOutputProps = {
65
83
  setError?: React.Dispatch<React.SetStateAction<string>>;
66
84
  destinationId?: string;
67
85
  dbName?: string;
86
+ labels: string[] | undefined;
87
+ funnelData: ('' | {
88
+ value: any;
89
+ name: any;
90
+ } | undefined)[] | undefined;
91
+ chartType: string;
92
+ datasets: {
93
+ label: string;
94
+ data: any[] | undefined;
95
+ borderColor: string;
96
+ }[] | undefined;
97
+ setChartType: React.Dispatch<React.SetStateAction<string>>;
98
+ setXAxis: React.Dispatch<React.SetStateAction<string | undefined>>;
99
+ setYAxisList: React.Dispatch<React.SetStateAction<string[] | undefined>>;
100
+ yAxisList?: string[];
101
+ xAxis: string | undefined;
102
+ setMeasure: React.Dispatch<React.SetStateAction<string | undefined>>;
103
+ setStep: React.Dispatch<React.SetStateAction<string | undefined>>;
104
+ step: string | undefined;
105
+ measure: string | undefined;
106
+ setSankeyValues: React.Dispatch<React.SetStateAction<string[] | undefined>>;
107
+ sankeyData: (any[] | undefined)[] | undefined;
68
108
  previewTableDataList: any[] | undefined;
109
+ singleValue: string | undefined;
110
+ setSingleValue: React.Dispatch<React.SetStateAction<string | undefined>>;
111
+ singleValueData: ('' | {
112
+ value: any;
113
+ label: string;
114
+ } | undefined)[] | undefined;
115
+ setMargins: React.Dispatch<React.SetStateAction<Record<string, number>>>;
116
+ margins: Record<string, number>;
117
+ legendSettings: LegendSettings;
118
+ setLegendSettings: React.Dispatch<React.SetStateAction<LegendSettings>>;
119
+ labelSettings: LabelSettings;
120
+ setLabelSettings: React.Dispatch<React.SetStateAction<LabelSettings>>;
121
+ axisSettings: AxisSettings;
122
+ setAxisSettings: React.Dispatch<React.SetStateAction<AxisSettings>>;
123
+ customSettings: CustomSettings;
124
+ setCustomSettings: React.Dispatch<React.SetStateAction<CustomSettings>>;
69
125
  enableQueryTab?: boolean;
126
+ backGroundColor: BackgroundSettings;
127
+ setBackGroundColor: React.Dispatch<React.SetStateAction<BackgroundSettings>>;
128
+ tableSettings: TableSettings;
129
+ setTableSettings: React.Dispatch<React.SetStateAction<TableSettings>>;
70
130
  rlsConditions?: RlsCondition[] | undefined;
71
131
  onChangeFilterValue?: (name: string, value: string) => void;
72
132
  moreTabs?: {
@@ -75,14 +135,14 @@ export type MetricOutputProps = {
75
135
  tabContent: JSX.Element;
76
136
  }[];
77
137
  chartColors?: string[];
78
- chartSettings: ChartSettingsType;
79
- setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
138
+ timeSeriesSettings: TimeSeriesSettingsType;
139
+ setTimeSeriesSettings: React.Dispatch<React.SetStateAction<TimeSeriesSettingsType>>;
80
140
  };
81
- export type CompanyIntegration = {
141
+ export declare type CompanyIntegration = {
82
142
  id: string;
83
143
  name: string;
84
144
  } | undefined;
85
- export type ClickActionsConfig = {
145
+ export declare type ClickActionsConfig = {
86
146
  card: {
87
147
  isEnable: boolean;
88
148
  baseUrl: string;
@@ -98,9 +158,23 @@ export type ClickActionsConfig = {
98
158
  routeType: string;
99
159
  };
100
160
  };
101
- export type DrillDownSetting = {
161
+ export declare type DrillDownSetting = {
102
162
  selectedMeasures: string[];
103
163
  selectedDimensions: string[];
104
164
  isEnableGroupBy: boolean;
105
165
  };
166
+ export declare type TimeSeriesChartProps = {
167
+ dataArray: Record<string, any>[];
168
+ timeStampKey: string;
169
+ valuekeys: string[];
170
+ type: TimeSeriesType;
171
+ groupBy: TimeSeriesGroupType;
172
+ margins: Record<string, number>;
173
+ legendSettings: LegendSettings;
174
+ labelSettings: LabelSettings;
175
+ axisSettings: AxisSettings;
176
+ colors?: string[];
177
+ customSettings: CustomSettings;
178
+ backGroundColor: BackgroundSettings;
179
+ };
106
180
  export {};
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Default CSS definition for typescript,
3
+ * will be overridden with file-specific definitions by rollup
4
+ */
5
+ declare module '*.css' {
6
+ const content: Record<string, string>;
7
+ export default content;
8
+ }
9
+
10
+ interface SvgrComponent extends React.FC<React.SVGAttributes<SVGElement>> {}
11
+
12
+ declare module '*.svg' {
13
+ const svgUrl: string;
14
+ const svgComponent: SvgrComponent;
15
+ export default svgUrl;
16
+ export { svgComponent as ReactComponent };
17
+ }