@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.
Files changed (114) hide show
  1. package/dist/AddToDashboardModal.js +146 -181
  2. package/dist/BarList.js +36 -44
  3. package/dist/Chart.d.ts +0 -5
  4. package/dist/Chart.d.ts.map +1 -1
  5. package/dist/Chart.js +94 -276
  6. package/dist/ChartBuilder.d.ts +1 -0
  7. package/dist/ChartBuilder.d.ts.map +1 -1
  8. package/dist/ChartBuilder.js +96 -93
  9. package/dist/ChartEditor.d.ts +2 -1
  10. package/dist/ChartEditor.d.ts.map +1 -1
  11. package/dist/ChartEditor.js +14 -21
  12. package/dist/Context.js +52 -57
  13. package/dist/Dashboard.d.ts.map +1 -1
  14. package/dist/Dashboard.js +181 -213
  15. package/dist/DateRangePicker/Calendar.js +41 -46
  16. package/dist/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  17. package/dist/DateRangePicker/DateRangePicker.js +33 -62
  18. package/dist/DateRangePicker/DateRangePickerButton.js +14 -17
  19. package/dist/DateRangePicker/dateRangePickerUtils.js +76 -90
  20. package/dist/DateRangePicker/index.js +1 -9
  21. package/dist/PieChart.js +35 -70
  22. package/dist/QuillProvider.js +4 -7
  23. package/dist/ReportBuilder.js +120 -129
  24. package/dist/SQLEditor.d.ts +5 -1
  25. package/dist/SQLEditor.d.ts.map +1 -1
  26. package/dist/SQLEditor.js +82 -89
  27. package/dist/Table.d.ts.map +1 -1
  28. package/dist/Table.js +64 -66
  29. package/dist/TableChart.js +17 -45
  30. package/dist/assets/ArrowDownHeadIcon.js +3 -6
  31. package/dist/assets/ArrowDownIcon.js +3 -6
  32. package/dist/assets/ArrowDownRightIcon.js +3 -6
  33. package/dist/assets/ArrowLeftHeadIcon.js +3 -6
  34. package/dist/assets/ArrowRightHeadIcon.js +3 -6
  35. package/dist/assets/ArrowRightIcon.js +3 -6
  36. package/dist/assets/ArrowUpHeadIcon.js +3 -6
  37. package/dist/assets/ArrowUpIcon.js +3 -6
  38. package/dist/assets/ArrowUpRightIcon.js +3 -6
  39. package/dist/assets/CalendarIcon.js +3 -6
  40. package/dist/assets/CalendarNormalIcon.js +3 -6
  41. package/dist/assets/DoubleArrowLeftHeadIcon.js +3 -6
  42. package/dist/assets/DoubleArrowRightHeadIcon.js +3 -6
  43. package/dist/assets/ExclamationFilledIcon.js +3 -6
  44. package/dist/assets/FilterIcon.js +3 -6
  45. package/dist/assets/LoadingSpinner.js +3 -6
  46. package/dist/assets/RefreshIcon.js +3 -6
  47. package/dist/assets/SearchIcon.js +3 -6
  48. package/dist/assets/UpLeftArrowsIcon.js +3 -6
  49. package/dist/assets/XCircleIcon.js +3 -6
  50. package/dist/assets/XIcon.js +3 -6
  51. package/dist/assets/index.js +21 -49
  52. package/dist/components/Banner/index.d.ts +3 -0
  53. package/dist/components/Banner/index.d.ts.map +1 -0
  54. package/dist/components/Banner/index.js +24 -0
  55. package/dist/components/BigModal/BigModal.js +13 -39
  56. package/dist/components/Dropdown/Dropdown.js +24 -53
  57. package/dist/components/Dropdown/DropdownItem.js +9 -35
  58. package/dist/components/Dropdown/index.js +2 -11
  59. package/dist/components/Modal/Modal.js +13 -39
  60. package/dist/components/Modal/index.js +1 -9
  61. package/dist/components/QuillCard.js +8 -13
  62. package/dist/components/ReportBuilder/ColumnSelector.d.ts +19 -0
  63. package/dist/components/ReportBuilder/ColumnSelector.d.ts.map +1 -0
  64. package/dist/components/ReportBuilder/ColumnSelector.js +87 -0
  65. package/dist/components/SqlTextEditor.d.ts.map +1 -1
  66. package/dist/components/SqlTextEditor.js +30 -13
  67. package/dist/components/UiComponents.d.ts.map +1 -1
  68. package/dist/components/UiComponents.js +40 -53
  69. package/dist/components/selectUtils.js +6 -17
  70. package/dist/contexts/BaseColorContext.js +3 -6
  71. package/dist/contexts/HoveredValueContext.js +3 -6
  72. package/dist/contexts/RootStylesContext.js +3 -6
  73. package/dist/contexts/SelectedValueContext.js +3 -6
  74. package/dist/contexts/index.js +4 -15
  75. package/dist/hooks/index.js +4 -15
  76. package/dist/hooks/useDashboard.js +10 -15
  77. package/dist/hooks/useInternalState.js +3 -6
  78. package/dist/hooks/useOnClickOutside.js +3 -6
  79. package/dist/hooks/useOnWindowResize.js +4 -7
  80. package/dist/hooks/useQuill.js +11 -16
  81. package/dist/hooks/useSelectOnKeyDown.js +4 -7
  82. package/dist/index.js +13 -33
  83. package/dist/internals/ReportBuilder/PivotList.js +14 -20
  84. package/dist/internals/ReportBuilder/PivotModal.d.ts +2 -2
  85. package/dist/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
  86. package/dist/internals/ReportBuilder/PivotModal.js +116 -119
  87. package/dist/internals/ReportBuilder/PivotModal.spec.js +70 -73
  88. package/dist/lib/font.js +2 -6
  89. package/dist/lib/index.js +3 -20
  90. package/dist/lib/inputTypes.js +1 -3
  91. package/dist/lib/utils.js +8 -19
  92. package/dist/test-data/tables.d.ts +2 -0
  93. package/dist/test-data/tables.d.ts.map +1 -0
  94. package/dist/test-data/tables.js +621 -0
  95. package/dist/utils/aggregate.js +28 -35
  96. package/dist/utils/axisFormatter.d.ts +20 -0
  97. package/dist/utils/axisFormatter.d.ts.map +1 -0
  98. package/dist/utils/axisFormatter.js +185 -0
  99. package/dist/utils/colorToHex.js +1 -5
  100. package/dist/utils/dataFetcher.js +2 -8
  101. package/dist/utils/downloadCSV.js +1 -6
  102. package/dist/utils/schema.d.ts +22 -0
  103. package/dist/utils/schema.d.ts.map +1 -0
  104. package/dist/utils/schema.js +134 -0
  105. package/dist/utils/textFormatting.d.ts +4 -0
  106. package/dist/utils/textFormatting.d.ts.map +1 -0
  107. package/dist/utils/textFormatting.js +38 -0
  108. package/dist/utils/valueFormatter.d.ts +17 -0
  109. package/dist/utils/valueFormatter.d.ts.map +1 -0
  110. package/dist/utils/valueFormatter.js +166 -0
  111. package/dist/utils/valueFormatterCSV.d.ts +17 -0
  112. package/dist/utils/valueFormatterCSV.d.ts.map +1 -0
  113. package/dist/utils/valueFormatterCSV.js +90 -0
  114. package/package.json +1 -2
@@ -1,9 +1,6 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
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
- exports.default = SelectedValueContext;
9
- //# sourceMappingURL=SelectedValueContext.js.map
6
+ export default SelectedValueContext;
@@ -1,15 +1,4 @@
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.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';
@@ -1,15 +1,4 @@
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.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
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useDashboard = void 0;
4
- const react_1 = require("react");
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] = (0, react_1.useState)(false);
12
- const [error, setError] = (0, react_1.useState)(null);
13
- const [data, setData] = (0, react_1.useState)(null);
14
- const [client] = (0, react_1.useContext)(Context_1.ClientContext);
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 (0, dataFetcher_1.getData)(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
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
- (0, react_1.useEffect)(() => {
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
- "use strict";
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] = (0, react_1.useState)(defaultValueProp);
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
- exports.default = useInternalState;
17
- //# sourceMappingURL=useInternalState.js.map
14
+ export default useInternalState;
@@ -1,8 +1,6 @@
1
- "use strict";
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
- (0, react_1.useEffect)(() => {
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
- exports.default = useOnClickOutside;
21
- //# sourceMappingURL=useOnClickOutside.js.map
18
+ export default useOnClickOutside;
@@ -1,9 +1,7 @@
1
- "use strict";
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] = (0, react_1.useState)(initialWindowSize);
6
- (0, react_1.useEffect)(() => {
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
- exports.default = useOnWindowResize;
17
- //# sourceMappingURL=useOnWindowResize.js.map
14
+ export default useOnWindowResize;
@@ -1,18 +1,15 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useQuill = void 0;
4
1
  // @ts-nocheck
5
- const react_1 = require("react");
6
- const Context_1 = require("../Context");
7
- const dataFetcher_1 = require("../utils/dataFetcher");
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 } = (0, react_1.useContext)(Context_1.DashboardContext);
11
- const [client] = (0, react_1.useContext)(Context_1.ClientContext);
12
- const [data, setData] = (0, react_1.useState)(null);
13
- const [loading, setLoading] = (0, react_1.useState)(true);
14
- const [error, setError] = (0, react_1.useState)(null);
15
- (0, react_1.useEffect)(() => {
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 (0, dataFetcher_1.getData)(client, 'itempost', 'same-origin', hostedBody, cloudBody);
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
- "use strict";
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] = (0, react_1.useState)(NO_SELECTION_IDX);
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
- (0, react_1.useEffect)(() => {
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
- exports.default = useSelectOnKeyDown;
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
- var Dashboard_1 = require("./Dashboard");
9
- Object.defineProperty(exports, "Dashboard", { enumerable: true, get: function () { return __importDefault(Dashboard_1).default; } });
10
- var QuillProvider_1 = require("./QuillProvider");
11
- Object.defineProperty(exports, "QuillProvider", { enumerable: true, get: function () { return __importDefault(QuillProvider_1).default; } });
12
- var Chart_1 = require("./Chart");
13
- Object.defineProperty(exports, "Chart", { enumerable: true, get: function () { return __importDefault(Chart_1).default; } });
14
- var Table_1 = require("./Table");
15
- Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
16
- var SQLEditor_1 = require("./SQLEditor");
17
- Object.defineProperty(exports, "SQLEditor", { enumerable: true, get: function () { return __importDefault(SQLEditor_1).default; } });
18
- var ReportBuilder_1 = require("./ReportBuilder");
19
- Object.defineProperty(exports, "ReportBuilder", { enumerable: true, get: function () { return __importDefault(ReportBuilder_1).default; } });
20
- var ChartBuilder_1 = require("./ChartBuilder");
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
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PivotList = exports.PivotCard = void 0;
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 ((0, jsx_runtime_1.jsx)(QuillCard_1.QuillCard, { theme: theme, onClick: () => onSelectPivot(pivotTable.pivot, index), isSelected: index === selectedPivotIndex, clickable: clickable, onClose: onClose, minHeight: minHeight, children: (0, jsx_runtime_1.jsxs)("div", { style: {
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: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [pivotTable.pivot.title && ((0, jsx_runtime_1.jsx)("div", { style: {
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: (0, jsx_runtime_1.jsx)(HeaderComponent, { children: pivotTable.pivot.title }) })), (0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsx)("tr", { children: pivotTable.columns.map(column => ((0, jsx_runtime_1.jsx)("th", { style: {
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: (0, jsx_runtime_1.jsx)(LabelComponent, { children: column.label }) }, column.field))) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: pivotTable.rows
26
+ }, children: _jsx(LabelComponent, { children: column.label }) }, column.field))) }) }), _jsx("tbody", { children: pivotTable.rows
30
27
  .slice(0, maxRowsInPivotPeak)
31
- .map((row, index) => ((0, jsx_runtime_1.jsx)("tr", { children: pivotTable.columns.map((colum, i) => ((0, jsx_runtime_1.jsx)("td", { style: {
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: (0, jsx_runtime_1.jsx)(TextComponent, { children: row[colum.field] }) }, i))) }, index))) })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
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 ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(TextComponent, { children: ["...", pivotTable.rows.length - maxRowsInPivotPeak < 5
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"] }) })) : ((0, jsx_runtime_1.jsx)("div", {})), showEdit && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ButtonComponent, { id: "edit-pivot", primary: false, onClick: (e) => {
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
- exports.PivotCard = PivotCard;
47
- const PivotList = ({ recommendedPivotTables, createdPivotTables, onSelectRecommendedPivot, onSelectCreatedPivot, theme, selectedPivotIndex, selectedPivotType, ButtonComponent, showCreatePivot = false, onEditRecommendedPivot, onEditCreatedPivot, showPivotEditButton = false, LabelComponent, TextComponent, HeaderComponent, }) => {
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) => ((0, jsx_runtime_1.jsx)(exports.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) => ((0, jsx_runtime_1.jsx)(exports.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 && ((0, jsx_runtime_1.jsx)(QuillCard_1.QuillCard, { theme: theme, onClick: () => onEditCreatedPivot({}, null), style: {
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, pivotColumns: any, format: any): 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: any;
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAkxBtB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,KAAA,EAAE,YAAY,KAAA,EAAE,MAAM,KAAA,OAgBlE;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"}
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"}