@iotready/nextjs-components-library 1.0.0-preview14 → 1.0.0-preview15
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.
|
@@ -7,7 +7,7 @@ type Measure = {
|
|
|
7
7
|
unit: string;
|
|
8
8
|
stepped: boolean;
|
|
9
9
|
};
|
|
10
|
-
declare const TrendChart: ({ deviceId, measures1, measures2, enableDatePicker, handleGetInfluxData, handleExportDataCB, theme }: {
|
|
10
|
+
declare const TrendChart: ({ deviceId, measures1, measures2, enableDatePicker, handleGetInfluxData, handleExportDataCB, theme, initialTimeStart, initialTimeEnd }: {
|
|
11
11
|
deviceId: string;
|
|
12
12
|
measures1?: Array<Measure>;
|
|
13
13
|
measures2?: Array<Measure>;
|
|
@@ -15,5 +15,7 @@ declare const TrendChart: ({ deviceId, measures1, measures2, enableDatePicker, h
|
|
|
15
15
|
handleGetInfluxData: (measure: string, timeStart: number, timeEnd: number, deviceId: string, timeGroup: string, raw: boolean, fill?: boolean) => Promise<any>;
|
|
16
16
|
handleExportDataCB?: (measure: string, timeStart: number, timeEnd: number, deviceId: string) => Promise<any>;
|
|
17
17
|
theme: Theme;
|
|
18
|
+
initialTimeStart?: number;
|
|
19
|
+
initialTimeEnd?: number;
|
|
18
20
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
19
21
|
export default TrendChart;
|
|
@@ -186,18 +186,18 @@ function getCsvData(data, measures) {
|
|
|
186
186
|
return csvData.map(row => row.join(',')).join('\n');
|
|
187
187
|
}
|
|
188
188
|
// eslint-disable-next-line no-unused-vars
|
|
189
|
-
const TrendChart = ({ deviceId, measures1, measures2, enableDatePicker, handleGetInfluxData, handleExportDataCB, theme }) => {
|
|
189
|
+
const TrendChart = ({ deviceId, measures1, measures2, enableDatePicker, handleGetInfluxData, handleExportDataCB, theme, initialTimeStart, initialTimeEnd }) => {
|
|
190
190
|
const [chartJsLoaded, setChartJsLoaded] = useState(false);
|
|
191
191
|
const [dataMeasures, setDataMeasures] = useState(null);
|
|
192
192
|
const [chartPeriod, setChartPeriod] = useState('1D');
|
|
193
193
|
const [chartPeriodConfig, setChartPeriodConfig] = useState(chartConfigByPeriod['1D']);
|
|
194
194
|
const [chartLoading, setChartLoading] = useState(false);
|
|
195
|
-
const [timeStartPicker, setTimeStartPicker] = useState(moment().subtract(1, 'day').unix());
|
|
196
|
-
const [timeStart, setTimeStart] = useState(moment().subtract(1, 'day').unix());
|
|
197
|
-
const [timeEnd, setTimeEnd] = useState(moment().unix());
|
|
198
|
-
const [datePickerUsed, setDatePickerUsed] = useState(false);
|
|
199
|
-
const [pickerTimeStart, setPickerTimeStart] = useState(moment().subtract(1, 'day').unix());
|
|
200
|
-
const [pickerTimeEnd, setPickerTimeEnd] = useState(moment().unix());
|
|
195
|
+
const [timeStartPicker, setTimeStartPicker] = useState(initialTimeStart || moment().subtract(1, 'day').unix());
|
|
196
|
+
const [timeStart, setTimeStart] = useState(initialTimeStart || moment().subtract(1, 'day').unix());
|
|
197
|
+
const [timeEnd, setTimeEnd] = useState(initialTimeEnd || moment().unix());
|
|
198
|
+
const [datePickerUsed, setDatePickerUsed] = useState(initialTimeStart || initialTimeEnd ? true : false);
|
|
199
|
+
const [pickerTimeStart, setPickerTimeStart] = useState(initialTimeStart || moment().subtract(1, 'day').unix());
|
|
200
|
+
const [pickerTimeEnd, setPickerTimeEnd] = useState(initialTimeEnd || moment().unix());
|
|
201
201
|
const [loadingButton, setLoadingButton] = useState(false);
|
|
202
202
|
const csvLinkRef = useRef(null);
|
|
203
203
|
const [csvData, setCsvData] = useState('');
|
package/package.json
CHANGED