@quillsql/react 2.8.8 → 2.8.9
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.
- package/dist/AddToDashboardModal.js +146 -181
- package/dist/BarList.js +36 -44
- package/dist/Chart.d.ts +0 -5
- package/dist/Chart.d.ts.map +1 -1
- package/dist/Chart.js +94 -276
- package/dist/ChartBuilder.d.ts +1 -0
- package/dist/ChartBuilder.d.ts.map +1 -1
- package/dist/ChartBuilder.js +96 -93
- package/dist/ChartEditor.d.ts +2 -1
- package/dist/ChartEditor.d.ts.map +1 -1
- package/dist/ChartEditor.js +14 -21
- package/dist/Context.js +52 -57
- package/dist/Dashboard.d.ts.map +1 -1
- package/dist/Dashboard.js +181 -213
- package/dist/DateRangePicker/Calendar.js +41 -46
- package/dist/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/DateRangePicker/DateRangePicker.js +33 -62
- package/dist/DateRangePicker/DateRangePickerButton.js +14 -17
- package/dist/DateRangePicker/dateRangePickerUtils.js +76 -90
- package/dist/DateRangePicker/index.js +1 -9
- package/dist/PieChart.js +35 -70
- package/dist/QuillProvider.js +4 -7
- package/dist/ReportBuilder.js +120 -129
- package/dist/SQLEditor.d.ts +5 -1
- package/dist/SQLEditor.d.ts.map +1 -1
- package/dist/SQLEditor.js +82 -89
- package/dist/Table.d.ts.map +1 -1
- package/dist/Table.js +64 -66
- package/dist/TableChart.js +17 -45
- package/dist/assets/ArrowDownHeadIcon.js +3 -6
- package/dist/assets/ArrowDownIcon.js +3 -6
- package/dist/assets/ArrowDownRightIcon.js +3 -6
- package/dist/assets/ArrowLeftHeadIcon.js +3 -6
- package/dist/assets/ArrowRightHeadIcon.js +3 -6
- package/dist/assets/ArrowRightIcon.js +3 -6
- package/dist/assets/ArrowUpHeadIcon.js +3 -6
- package/dist/assets/ArrowUpIcon.js +3 -6
- package/dist/assets/ArrowUpRightIcon.js +3 -6
- package/dist/assets/CalendarIcon.js +3 -6
- package/dist/assets/CalendarNormalIcon.js +3 -6
- package/dist/assets/DoubleArrowLeftHeadIcon.js +3 -6
- package/dist/assets/DoubleArrowRightHeadIcon.js +3 -6
- package/dist/assets/ExclamationFilledIcon.js +3 -6
- package/dist/assets/FilterIcon.js +3 -6
- package/dist/assets/LoadingSpinner.js +3 -6
- package/dist/assets/RefreshIcon.js +3 -6
- package/dist/assets/SearchIcon.js +3 -6
- package/dist/assets/UpLeftArrowsIcon.js +3 -6
- package/dist/assets/XCircleIcon.js +3 -6
- package/dist/assets/XIcon.js +3 -6
- package/dist/assets/index.js +21 -49
- package/dist/components/Banner/index.d.ts +3 -0
- package/dist/components/Banner/index.d.ts.map +1 -0
- package/dist/components/Banner/index.js +24 -0
- package/dist/components/BigModal/BigModal.js +13 -39
- package/dist/components/Dropdown/Dropdown.js +24 -53
- package/dist/components/Dropdown/DropdownItem.js +9 -35
- package/dist/components/Dropdown/index.js +2 -11
- package/dist/components/Modal/Modal.js +13 -39
- package/dist/components/Modal/index.js +1 -9
- package/dist/components/QuillCard.js +8 -13
- package/dist/components/ReportBuilder/ColumnSelector.d.ts +19 -0
- package/dist/components/ReportBuilder/ColumnSelector.d.ts.map +1 -0
- package/dist/components/ReportBuilder/ColumnSelector.js +87 -0
- package/dist/components/SqlTextEditor.d.ts.map +1 -1
- package/dist/components/SqlTextEditor.js +30 -13
- package/dist/components/UiComponents.d.ts.map +1 -1
- package/dist/components/UiComponents.js +40 -53
- package/dist/components/selectUtils.js +6 -17
- package/dist/contexts/BaseColorContext.js +3 -6
- package/dist/contexts/HoveredValueContext.js +3 -6
- package/dist/contexts/RootStylesContext.js +3 -6
- package/dist/contexts/SelectedValueContext.js +3 -6
- package/dist/contexts/index.js +4 -15
- package/dist/hooks/index.js +4 -15
- package/dist/hooks/useDashboard.js +10 -15
- package/dist/hooks/useInternalState.js +3 -6
- package/dist/hooks/useOnClickOutside.js +3 -6
- package/dist/hooks/useOnWindowResize.js +4 -7
- package/dist/hooks/useQuill.js +11 -16
- package/dist/hooks/useSelectOnKeyDown.js +4 -7
- package/dist/index.js +13 -33
- package/dist/internals/ReportBuilder/PivotList.js +14 -20
- package/dist/internals/ReportBuilder/PivotModal.d.ts +2 -2
- package/dist/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/internals/ReportBuilder/PivotModal.js +116 -119
- package/dist/internals/ReportBuilder/PivotModal.spec.js +70 -73
- package/dist/lib/font.js +2 -6
- package/dist/lib/index.js +3 -20
- package/dist/lib/inputTypes.js +1 -3
- package/dist/lib/utils.js +8 -19
- package/dist/test-data/tables.d.ts +2 -0
- package/dist/test-data/tables.d.ts.map +1 -0
- package/dist/test-data/tables.js +621 -0
- package/dist/utils/aggregate.js +28 -35
- package/dist/utils/axisFormatter.d.ts +20 -0
- package/dist/utils/axisFormatter.d.ts.map +1 -0
- package/dist/utils/axisFormatter.js +185 -0
- package/dist/utils/colorToHex.js +1 -5
- package/dist/utils/dataFetcher.js +2 -8
- package/dist/utils/downloadCSV.js +1 -6
- package/dist/utils/schema.d.ts +22 -0
- package/dist/utils/schema.d.ts.map +1 -0
- package/dist/utils/schema.js +134 -0
- package/dist/utils/textFormatting.d.ts +4 -0
- package/dist/utils/textFormatting.d.ts.map +1 -0
- package/dist/utils/textFormatting.js +38 -0
- package/dist/utils/valueFormatter.d.ts +17 -0
- package/dist/utils/valueFormatter.d.ts.map +1 -0
- package/dist/utils/valueFormatter.js +166 -0
- package/dist/utils/valueFormatterCSV.d.ts +17 -0
- package/dist/utils/valueFormatterCSV.d.ts.map +1 -0
- package/dist/utils/valueFormatterCSV.js +90 -0
- package/package.json +1 -2
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
const react_1 = require("react");
|
|
4
|
-
const SelectedValueContext = (0, react_1.createContext)({
|
|
1
|
+
import { createContext } from 'react';
|
|
2
|
+
const SelectedValueContext = createContext({
|
|
5
3
|
selectedValue: undefined,
|
|
6
4
|
handleValueChange: undefined,
|
|
7
5
|
});
|
|
8
|
-
|
|
9
|
-
//# sourceMappingURL=SelectedValueContext.js.map
|
|
6
|
+
export default SelectedValueContext;
|
package/dist/contexts/index.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.SelectedValueContext = exports.RootStylesContext = exports.HoveredValueContext = exports.BaseColorContext = void 0;
|
|
7
|
-
var BaseColorContext_1 = require("./BaseColorContext");
|
|
8
|
-
Object.defineProperty(exports, "BaseColorContext", { enumerable: true, get: function () { return __importDefault(BaseColorContext_1).default; } });
|
|
9
|
-
var HoveredValueContext_1 = require("./HoveredValueContext");
|
|
10
|
-
Object.defineProperty(exports, "HoveredValueContext", { enumerable: true, get: function () { return __importDefault(HoveredValueContext_1).default; } });
|
|
11
|
-
var RootStylesContext_1 = require("./RootStylesContext");
|
|
12
|
-
Object.defineProperty(exports, "RootStylesContext", { enumerable: true, get: function () { return __importDefault(RootStylesContext_1).default; } });
|
|
13
|
-
var SelectedValueContext_1 = require("./SelectedValueContext");
|
|
14
|
-
Object.defineProperty(exports, "SelectedValueContext", { enumerable: true, get: function () { return __importDefault(SelectedValueContext_1).default; } });
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export { default as BaseColorContext } from './BaseColorContext';
|
|
2
|
+
export { default as HoveredValueContext } from './HoveredValueContext';
|
|
3
|
+
export { default as RootStylesContext } from './RootStylesContext';
|
|
4
|
+
export { default as SelectedValueContext } from './SelectedValueContext';
|
package/dist/hooks/index.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.useSelectOnKeyDown = exports.useOnWindowResize = exports.useOnClickOutside = exports.useInternalState = void 0;
|
|
7
|
-
var useInternalState_1 = require("./useInternalState");
|
|
8
|
-
Object.defineProperty(exports, "useInternalState", { enumerable: true, get: function () { return __importDefault(useInternalState_1).default; } });
|
|
9
|
-
var useOnClickOutside_1 = require("./useOnClickOutside");
|
|
10
|
-
Object.defineProperty(exports, "useOnClickOutside", { enumerable: true, get: function () { return __importDefault(useOnClickOutside_1).default; } });
|
|
11
|
-
var useOnWindowResize_1 = require("./useOnWindowResize");
|
|
12
|
-
Object.defineProperty(exports, "useOnWindowResize", { enumerable: true, get: function () { return __importDefault(useOnWindowResize_1).default; } });
|
|
13
|
-
var useSelectOnKeyDown_1 = require("./useSelectOnKeyDown");
|
|
14
|
-
Object.defineProperty(exports, "useSelectOnKeyDown", { enumerable: true, get: function () { return __importDefault(useSelectOnKeyDown_1).default; } });
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export { default as useInternalState } from "./useInternalState";
|
|
2
|
+
export { default as useOnClickOutside } from "./useOnClickOutside";
|
|
3
|
+
export { default as useOnWindowResize } from "./useOnWindowResize";
|
|
4
|
+
export { default as useSelectOnKeyDown } from "./useSelectOnKeyDown";
|
|
@@ -1,17 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const
|
|
5
|
-
const Context_1 = require("../Context");
|
|
6
|
-
const dataFetcher_1 = require("../utils/dataFetcher");
|
|
7
|
-
const useDashboard = (dashboardName) => {
|
|
1
|
+
import { useContext, useEffect, useState } from 'react';
|
|
2
|
+
import { ClientContext } from '../Context';
|
|
3
|
+
import { getData } from '../utils/dataFetcher';
|
|
4
|
+
export const useDashboard = (dashboardName) => {
|
|
8
5
|
// if (dashboardName === undefined || dashboardName === null) {
|
|
9
6
|
// throw new Error('useDashboard requires a dashboard name parameter');
|
|
10
7
|
// }
|
|
11
|
-
const [isLoading, setIsLoading] =
|
|
12
|
-
const [error, setError] =
|
|
13
|
-
const [data, setData] =
|
|
14
|
-
const [client] =
|
|
8
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
9
|
+
const [error, setError] = useState(null);
|
|
10
|
+
const [data, setData] = useState(null);
|
|
11
|
+
const [client] = useContext(ClientContext);
|
|
15
12
|
const handleReload = () => {
|
|
16
13
|
getDashboards();
|
|
17
14
|
};
|
|
@@ -34,7 +31,7 @@ const useDashboard = (dashboardName) => {
|
|
|
34
31
|
...(customerId ? { orgId: customerId } : {}),
|
|
35
32
|
},
|
|
36
33
|
};
|
|
37
|
-
const resp = await
|
|
34
|
+
const resp = await getData(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
|
|
38
35
|
setData(resp);
|
|
39
36
|
setError(null);
|
|
40
37
|
}
|
|
@@ -45,10 +42,8 @@ const useDashboard = (dashboardName) => {
|
|
|
45
42
|
}
|
|
46
43
|
setIsLoading(false);
|
|
47
44
|
}
|
|
48
|
-
|
|
45
|
+
useEffect(() => {
|
|
49
46
|
getDashboards();
|
|
50
47
|
}, [dashboardName, client]);
|
|
51
48
|
return { data, isLoading, error, reload: handleReload };
|
|
52
49
|
};
|
|
53
|
-
exports.useDashboard = useDashboard;
|
|
54
|
-
//# sourceMappingURL=useDashboard.js.map
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const react_1 = require("react");
|
|
1
|
+
import { useState } from 'react';
|
|
4
2
|
const useInternalState = (defaultValueProp, valueProp) => {
|
|
5
3
|
const isControlled = valueProp !== undefined;
|
|
6
|
-
const [valueState, setValueState] =
|
|
4
|
+
const [valueState, setValueState] = useState(defaultValueProp);
|
|
7
5
|
const value = isControlled ? valueProp : valueState;
|
|
8
6
|
const setValue = (nextValue) => {
|
|
9
7
|
if (isControlled) {
|
|
@@ -13,5 +11,4 @@ const useInternalState = (defaultValueProp, valueProp) => {
|
|
|
13
11
|
};
|
|
14
12
|
return [value, setValue];
|
|
15
13
|
};
|
|
16
|
-
|
|
17
|
-
//# sourceMappingURL=useInternalState.js.map
|
|
14
|
+
export default useInternalState;
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const react_1 = require("react");
|
|
1
|
+
import { useEffect } from "react";
|
|
4
2
|
const useOnClickOutside = (ref, handler) => {
|
|
5
|
-
|
|
3
|
+
useEffect(() => {
|
|
6
4
|
const listener = (event) => {
|
|
7
5
|
if (!ref.current || ref.current.contains(event.target)) {
|
|
8
6
|
return;
|
|
@@ -17,5 +15,4 @@ const useOnClickOutside = (ref, handler) => {
|
|
|
17
15
|
};
|
|
18
16
|
}, [ref, handler]);
|
|
19
17
|
};
|
|
20
|
-
|
|
21
|
-
//# sourceMappingURL=useOnClickOutside.js.map
|
|
18
|
+
export default useOnClickOutside;
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const react_1 = require("react");
|
|
1
|
+
import { useEffect, useState } from "react";
|
|
4
2
|
const useOnWindowResize = (handler, initialWindowSize) => {
|
|
5
|
-
const [windowSize, setWindowSize] =
|
|
6
|
-
|
|
3
|
+
const [windowSize, setWindowSize] = useState(initialWindowSize);
|
|
4
|
+
useEffect(() => {
|
|
7
5
|
const handleResize = () => {
|
|
8
6
|
setWindowSize(window.innerWidth);
|
|
9
7
|
handler();
|
|
@@ -13,5 +11,4 @@ const useOnWindowResize = (handler, initialWindowSize) => {
|
|
|
13
11
|
return () => window.removeEventListener("resize", handleResize);
|
|
14
12
|
}, [handler, windowSize]);
|
|
15
13
|
};
|
|
16
|
-
|
|
17
|
-
//# sourceMappingURL=useOnWindowResize.js.map
|
|
14
|
+
export default useOnWindowResize;
|
package/dist/hooks/useQuill.js
CHANGED
|
@@ -1,18 +1,15 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useQuill = void 0;
|
|
4
1
|
// @ts-nocheck
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const useQuill = (chartId) => {
|
|
2
|
+
import { useContext, useEffect, useState } from 'react';
|
|
3
|
+
import { ClientContext, DashboardContext } from '../Context';
|
|
4
|
+
import { getData } from '../utils/dataFetcher';
|
|
5
|
+
export const useQuill = (chartId) => {
|
|
9
6
|
// @ts-ignore
|
|
10
|
-
const { dashboard, dispatch } =
|
|
11
|
-
const [client] =
|
|
12
|
-
const [data, setData] =
|
|
13
|
-
const [loading, setLoading] =
|
|
14
|
-
const [error, setError] =
|
|
15
|
-
|
|
7
|
+
const { dashboard, dispatch } = useContext(DashboardContext);
|
|
8
|
+
const [client] = useContext(ClientContext);
|
|
9
|
+
const [data, setData] = useState(null);
|
|
10
|
+
const [loading, setLoading] = useState(true);
|
|
11
|
+
const [error, setError] = useState(null);
|
|
12
|
+
useEffect(() => {
|
|
16
13
|
let isSubscribed = true;
|
|
17
14
|
async function getChartOptions(id) {
|
|
18
15
|
if (isSubscribed) {
|
|
@@ -33,7 +30,7 @@ const useQuill = (chartId) => {
|
|
|
33
30
|
id,
|
|
34
31
|
filters: [],
|
|
35
32
|
};
|
|
36
|
-
const resp = await
|
|
33
|
+
const resp = await getData(client, 'itempost', 'same-origin', hostedBody, cloudBody);
|
|
37
34
|
if (resp) {
|
|
38
35
|
setLoading(false);
|
|
39
36
|
setData(resp);
|
|
@@ -59,7 +56,6 @@ const useQuill = (chartId) => {
|
|
|
59
56
|
}, [chartId, dashboard]);
|
|
60
57
|
return { data, loading, error };
|
|
61
58
|
};
|
|
62
|
-
exports.useQuill = useQuill;
|
|
63
59
|
function stringifyIfObject(e) {
|
|
64
60
|
if (typeof e === 'string') {
|
|
65
61
|
// do nothing if e is a string
|
|
@@ -71,4 +67,3 @@ function stringifyIfObject(e) {
|
|
|
71
67
|
}
|
|
72
68
|
return e; // returns the input as is for other types
|
|
73
69
|
}
|
|
74
|
-
//# sourceMappingURL=useQuill.js.map
|
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const react_1 = require("react");
|
|
1
|
+
import { useEffect, useState } from "react";
|
|
4
2
|
const useSelectOnKeyDown = (onValueChange, optionValues, isFocused, handleFocusChange, value) => {
|
|
5
3
|
const NO_SELECTION_IDX = -1;
|
|
6
|
-
const [hoveredIdx, setHoveredIdx] =
|
|
4
|
+
const [hoveredIdx, setHoveredIdx] = useState(NO_SELECTION_IDX);
|
|
7
5
|
const getHoveredValue = (hoveredIdx, optionValues) => {
|
|
8
6
|
if (hoveredIdx < 0)
|
|
9
7
|
return undefined;
|
|
10
8
|
return optionValues[hoveredIdx];
|
|
11
9
|
};
|
|
12
|
-
|
|
10
|
+
useEffect(() => {
|
|
13
11
|
const getIndexOfSelectedValue = () => {
|
|
14
12
|
if (!isFocused) {
|
|
15
13
|
setHoveredIdx(NO_SELECTION_IDX);
|
|
@@ -62,5 +60,4 @@ const useSelectOnKeyDown = (onValueChange, optionValues, isFocused, handleFocusC
|
|
|
62
60
|
};
|
|
63
61
|
return [hoveredValue, handleKeyDown];
|
|
64
62
|
};
|
|
65
|
-
|
|
66
|
-
//# sourceMappingURL=useSelectOnKeyDown.js.map
|
|
63
|
+
export default useSelectOnKeyDown;
|
package/dist/index.js
CHANGED
|
@@ -1,34 +1,14 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.downloadCSV = exports.useQuill = exports.useDashboard = exports.SqlTextEditor = exports.AddToDashboardModal = exports.ChartEditor = exports.ChartBuilder = exports.ReportBuilder = exports.SQLEditor = exports.Table = exports.Chart = exports.QuillProvider = exports.Dashboard = void 0;
|
|
7
1
|
// src/index.ts
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
Object.defineProperty(exports, "ChartBuilder", { enumerable: true, get: function () { return __importDefault(ChartBuilder_1).default; } });
|
|
22
|
-
var ChartEditor_1 = require("./ChartEditor");
|
|
23
|
-
Object.defineProperty(exports, "ChartEditor", { enumerable: true, get: function () { return __importDefault(ChartEditor_1).default; } });
|
|
24
|
-
var AddToDashboardModal_1 = require("./AddToDashboardModal");
|
|
25
|
-
Object.defineProperty(exports, "AddToDashboardModal", { enumerable: true, get: function () { return __importDefault(AddToDashboardModal_1).default; } });
|
|
26
|
-
var SqlTextEditor_1 = require("./components/SqlTextEditor");
|
|
27
|
-
Object.defineProperty(exports, "SqlTextEditor", { enumerable: true, get: function () { return __importDefault(SqlTextEditor_1).default; } });
|
|
28
|
-
var useDashboard_1 = require("./hooks/useDashboard");
|
|
29
|
-
Object.defineProperty(exports, "useDashboard", { enumerable: true, get: function () { return useDashboard_1.useDashboard; } });
|
|
30
|
-
var useQuill_1 = require("./hooks/useQuill");
|
|
31
|
-
Object.defineProperty(exports, "useQuill", { enumerable: true, get: function () { return useQuill_1.useQuill; } });
|
|
32
|
-
var downloadCSV_1 = require("./utils/downloadCSV");
|
|
33
|
-
Object.defineProperty(exports, "downloadCSV", { enumerable: true, get: function () { return downloadCSV_1.downloadCSV; } });
|
|
34
|
-
//# sourceMappingURL=index.js.map
|
|
2
|
+
export { default as Dashboard } from './Dashboard';
|
|
3
|
+
export { default as QuillProvider } from './QuillProvider';
|
|
4
|
+
export { default as Chart } from './Chart';
|
|
5
|
+
export { default as Table } from './Table';
|
|
6
|
+
export { default as SQLEditor } from './SQLEditor';
|
|
7
|
+
export { default as ReportBuilder } from './ReportBuilder';
|
|
8
|
+
export { default as ChartBuilder } from './ChartBuilder';
|
|
9
|
+
export { default as ChartEditor } from './ChartEditor';
|
|
10
|
+
export { default as AddToDashboardModal } from './AddToDashboardModal';
|
|
11
|
+
export { default as SqlTextEditor } from './components/SqlTextEditor';
|
|
12
|
+
export { useDashboard } from './hooks/useDashboard';
|
|
13
|
+
export { useQuill } from './hooks/useQuill';
|
|
14
|
+
export { downloadCSV } from './utils/downloadCSV';
|
|
@@ -1,17 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const QuillCard_1 = require("../../components/QuillCard");
|
|
6
|
-
const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex, onEditPivot, ButtonComponent, showEdit = false, clickable = true, onClose = null, minHeight = 0, LabelComponent, TextComponent, HeaderComponent, }) => {
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { QuillCard } from '../../components/QuillCard';
|
|
3
|
+
export const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex, onEditPivot, ButtonComponent, showEdit = false, clickable = true, onClose = null, minHeight = 0, LabelComponent, TextComponent, HeaderComponent, }) => {
|
|
7
4
|
const maxRowsInPivotPeak = 5;
|
|
8
|
-
return ((
|
|
5
|
+
return (_jsx(QuillCard, { theme: theme, onClick: () => onSelectPivot(pivotTable.pivot, index), isSelected: index === selectedPivotIndex, clickable: clickable, onClose: onClose, minHeight: minHeight, children: _jsxs("div", { style: {
|
|
9
6
|
fontSize: 14,
|
|
10
7
|
display: 'flex',
|
|
11
8
|
flexDirection: 'column',
|
|
12
9
|
justifyContent: 'space-between',
|
|
13
10
|
height: minHeight,
|
|
14
|
-
}, children: [(
|
|
11
|
+
}, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [pivotTable.pivot.title && (_jsx("div", { style: {
|
|
15
12
|
display: 'flex',
|
|
16
13
|
flex: 1,
|
|
17
14
|
justifyContent: 'space-between',
|
|
@@ -19,38 +16,37 @@ const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex
|
|
|
19
16
|
whiteSpace: 'nowrap',
|
|
20
17
|
textOverflow: 'ellipsis',
|
|
21
18
|
paddingBottom: 6,
|
|
22
|
-
}, children: (
|
|
19
|
+
}, children: _jsx(HeaderComponent, { children: pivotTable.pivot.title }) })), _jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: pivotTable.columns.map(column => (_jsx("th", { style: {
|
|
23
20
|
fontWeight: 600,
|
|
24
21
|
paddingRight: 5,
|
|
25
22
|
flex: 1,
|
|
26
23
|
textAlign: 'left',
|
|
27
24
|
whiteSpace: 'nowrap',
|
|
28
25
|
textOverflow: 'ellipsis',
|
|
29
|
-
}, children: (
|
|
26
|
+
}, children: _jsx(LabelComponent, { children: column.label }) }, column.field))) }) }), _jsx("tbody", { children: pivotTable.rows
|
|
30
27
|
.slice(0, maxRowsInPivotPeak)
|
|
31
|
-
.map((row, index) => ((
|
|
28
|
+
.map((row, index) => (_jsx("tr", { children: pivotTable.columns.map((colum, i) => (_jsx("td", { style: {
|
|
32
29
|
paddingRight: 5,
|
|
33
30
|
flex: 1,
|
|
34
31
|
whiteSpace: 'nowrap',
|
|
35
32
|
textOverflow: 'ellipsis',
|
|
36
|
-
}, children: (
|
|
33
|
+
}, children: _jsx(TextComponent, { children: row[colum.field] }) }, i))) }, index))) })] })] }), _jsxs("div", { style: {
|
|
37
34
|
display: 'flex',
|
|
38
35
|
justifyContent: 'space-between',
|
|
39
|
-
}, children: [pivotTable.rows.length > maxRowsInPivotPeak ? ((
|
|
36
|
+
}, children: [pivotTable.rows.length > maxRowsInPivotPeak ? (_jsx("div", { children: _jsxs(TextComponent, { children: ["...", pivotTable.rows.length - maxRowsInPivotPeak < 5
|
|
40
37
|
? ''
|
|
41
|
-
: pivotTable.rows.length - maxRowsInPivotPeak, ' ', "more rows"] }) })) : ((
|
|
38
|
+
: pivotTable.rows.length - maxRowsInPivotPeak, ' ', "more rows"] }) })) : (_jsx("div", {})), showEdit && (_jsx("div", { children: _jsx(ButtonComponent, { id: "edit-pivot", primary: false, onClick: (e) => {
|
|
42
39
|
e.stopPropagation();
|
|
43
40
|
onEditPivot(pivotTable.pivot, index);
|
|
44
41
|
}, label: 'Edit' }) }))] })] }) }));
|
|
45
42
|
};
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
43
|
+
export const PivotList = ({ recommendedPivotTables, createdPivotTables, onSelectRecommendedPivot, onSelectCreatedPivot, theme, selectedPivotIndex, selectedPivotType, ButtonComponent, showCreatePivot = false, onEditRecommendedPivot, onEditCreatedPivot, showPivotEditButton = false, LabelComponent, TextComponent, HeaderComponent, }) => {
|
|
44
|
+
return (_jsx("div", { children: _jsxs("div", { style: {
|
|
49
45
|
display: 'grid',
|
|
50
46
|
gridTemplateColumns: 'repeat(2, 1fr)',
|
|
51
47
|
gap: 16,
|
|
52
48
|
gridAutoRows: '220px',
|
|
53
|
-
}, children: [recommendedPivotTables.map((pivotTable, index) => ((
|
|
49
|
+
}, children: [recommendedPivotTables.map((pivotTable, index) => (_jsx(PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectRecommendedPivot, selectedPivotIndex: selectedPivotType === 'recommended' ? selectedPivotIndex : -1, onEditPivot: onEditRecommendedPivot, ButtonComponent: ButtonComponent, showPivotEditButton: showPivotEditButton, minHeight: 180, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent }, index))), createdPivotTables.map((pivotTable, index) => (_jsx(PivotCard, { pivotTable: pivotTable, theme: theme, index: index, onSelectPivot: onSelectCreatedPivot, selectedPivotIndex: selectedPivotType === 'created' ? selectedPivotIndex : -1, onEditPivot: onEditCreatedPivot, ButtonComponent: ButtonComponent, showPivotEditButton: showPivotEditButton, minHeight: 180, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent }, index))), showCreatePivot && (_jsx(QuillCard, { theme: theme, onClick: () => onEditCreatedPivot({}, null), style: {
|
|
54
50
|
display: 'flex',
|
|
55
51
|
justifyContent: 'center',
|
|
56
52
|
alignItems: 'center',
|
|
@@ -58,5 +54,3 @@ const PivotList = ({ recommendedPivotTables, createdPivotTables, onSelectRecomme
|
|
|
58
54
|
boxShadow: 'none',
|
|
59
55
|
}, children: "Create pivot +" }))] }) }));
|
|
60
56
|
};
|
|
61
|
-
exports.PivotList = PivotList;
|
|
62
|
-
//# sourceMappingURL=PivotList.js.map
|
|
@@ -50,13 +50,13 @@ export declare const PivotModal: ({ pivotRowField, setPivotRowField, pivotColumn
|
|
|
50
50
|
rightAlign?: boolean | undefined;
|
|
51
51
|
parentRef: any;
|
|
52
52
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
53
|
-
export declare function generatePivotTableYAxis(pivot: any,
|
|
53
|
+
export declare function generatePivotTableYAxis(pivot: any, cols: any, format: any): any;
|
|
54
54
|
export declare function isDateField(fieldType: any): boolean;
|
|
55
55
|
export declare function generatePivotTable(pivot: Pivot, data: any, dateRange: any, rowLimit?: number): {
|
|
56
56
|
rows: any[];
|
|
57
57
|
columns: {
|
|
58
58
|
label: any;
|
|
59
|
-
field:
|
|
59
|
+
field: unknown;
|
|
60
60
|
}[];
|
|
61
61
|
};
|
|
62
62
|
//# sourceMappingURL=PivotModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PivotModal.d.ts","sourceRoot":"","sources":["../../../src/internals/ReportBuilder/PivotModal.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAkBD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"PivotModal.d.ts","sourceRoot":"","sources":["../../../src/internals/ReportBuilder/PivotModal.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAkBD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAqxBtB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA,EAAE,MAAM,KAAA,OAyB1D;AAyFD,wBAAgB,WAAW,CAAC,SAAS,KAAA,WAOpC;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,GAAG,EACT,SAAS,EAAE,GAAG,EACd,QAAQ,SAAK;;;;;;EAgLd"}
|