@quillsql/react 2.10.10 → 2.10.12

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 (93) hide show
  1. package/dist/cjs/AddToDashboardModal.d.ts.map +1 -1
  2. package/dist/cjs/AddToDashboardModal.js +95 -64
  3. package/dist/cjs/Chart.d.ts.map +1 -1
  4. package/dist/cjs/Chart.js +1 -0
  5. package/dist/cjs/ChartBuilder.d.ts +1 -0
  6. package/dist/cjs/ChartBuilder.d.ts.map +1 -1
  7. package/dist/cjs/ChartBuilder.js +24 -8
  8. package/dist/cjs/ChartEditor.d.ts.map +1 -1
  9. package/dist/cjs/ChartEditor.js +3 -1
  10. package/dist/cjs/Dashboard.d.ts.map +1 -1
  11. package/dist/cjs/Dashboard.js +11 -13
  12. package/dist/cjs/ReportBuilder.d.ts.map +1 -1
  13. package/dist/cjs/ReportBuilder.js +44 -26
  14. package/dist/cjs/SQLEditor.d.ts +9 -1
  15. package/dist/cjs/SQLEditor.d.ts.map +1 -1
  16. package/dist/cjs/SQLEditor.js +52 -25
  17. package/dist/cjs/Table.d.ts +3 -1
  18. package/dist/cjs/Table.d.ts.map +1 -1
  19. package/dist/cjs/Table.js +4 -2
  20. package/dist/cjs/components/Chart/BarChart.d.ts.map +1 -1
  21. package/dist/cjs/components/Chart/BarChart.js +17 -1
  22. package/dist/cjs/components/Chart/LineChart.d.ts.map +1 -1
  23. package/dist/cjs/components/Chart/LineChart.js +29 -6
  24. package/dist/cjs/components/UiComponents.d.ts +10 -0
  25. package/dist/cjs/components/UiComponents.d.ts.map +1 -1
  26. package/dist/cjs/hooks/useDashboard.d.ts.map +1 -1
  27. package/dist/cjs/hooks/useDashboard.js +2 -1
  28. package/dist/cjs/hooks/useQuill.d.ts.map +1 -1
  29. package/dist/cjs/hooks/useQuill.js +1 -0
  30. package/dist/cjs/index.d.ts +5 -2
  31. package/dist/cjs/index.d.ts.map +1 -1
  32. package/dist/cjs/index.js +4 -3
  33. package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
  34. package/dist/cjs/internals/ReportBuilder/PivotModal.js +11 -2
  35. package/dist/cjs/utils/axisFormatter.d.ts.map +1 -1
  36. package/dist/cjs/utils/dashboard.d.ts +1 -1
  37. package/dist/cjs/utils/dashboard.d.ts.map +1 -1
  38. package/dist/cjs/utils/dashboard.js +3 -6
  39. package/dist/cjs/utils/dataFetcher.d.ts.map +1 -1
  40. package/dist/cjs/utils/dataFetcher.js +3 -0
  41. package/dist/cjs/utils/valueFormatter.d.ts +2 -1
  42. package/dist/cjs/utils/valueFormatter.d.ts.map +1 -1
  43. package/dist/cjs/utils/valueFormatter.js +19 -2
  44. package/dist/esm/AddToDashboardModal.d.ts.map +1 -1
  45. package/dist/esm/AddToDashboardModal.js +95 -64
  46. package/dist/esm/Chart.d.ts.map +1 -1
  47. package/dist/esm/Chart.js +1 -0
  48. package/dist/esm/ChartBuilder.d.ts +1 -0
  49. package/dist/esm/ChartBuilder.d.ts.map +1 -1
  50. package/dist/esm/ChartBuilder.js +24 -8
  51. package/dist/esm/ChartEditor.d.ts.map +1 -1
  52. package/dist/esm/ChartEditor.js +3 -1
  53. package/dist/esm/Dashboard.d.ts.map +1 -1
  54. package/dist/esm/Dashboard.js +11 -13
  55. package/dist/esm/ReportBuilder.d.ts.map +1 -1
  56. package/dist/esm/ReportBuilder.js +44 -26
  57. package/dist/esm/SQLEditor.d.ts +9 -1
  58. package/dist/esm/SQLEditor.d.ts.map +1 -1
  59. package/dist/esm/SQLEditor.js +49 -23
  60. package/dist/esm/Table.d.ts +3 -1
  61. package/dist/esm/Table.d.ts.map +1 -1
  62. package/dist/esm/Table.js +4 -2
  63. package/dist/esm/components/Chart/BarChart.d.ts.map +1 -1
  64. package/dist/esm/components/Chart/BarChart.js +17 -1
  65. package/dist/esm/components/Chart/LineChart.d.ts.map +1 -1
  66. package/dist/esm/components/Chart/LineChart.js +29 -6
  67. package/dist/esm/components/UiComponents.d.ts +10 -0
  68. package/dist/esm/components/UiComponents.d.ts.map +1 -1
  69. package/dist/esm/hooks/useDashboard.d.ts.map +1 -1
  70. package/dist/esm/hooks/useDashboard.js +2 -1
  71. package/dist/esm/hooks/useQuill.d.ts.map +1 -1
  72. package/dist/esm/hooks/useQuill.js +1 -0
  73. package/dist/esm/index.d.ts +5 -2
  74. package/dist/esm/index.d.ts.map +1 -1
  75. package/dist/esm/index.js +2 -2
  76. package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
  77. package/dist/esm/internals/ReportBuilder/PivotModal.js +11 -2
  78. package/dist/esm/utils/axisFormatter.d.ts.map +1 -1
  79. package/dist/esm/utils/dashboard.d.ts +1 -1
  80. package/dist/esm/utils/dashboard.d.ts.map +1 -1
  81. package/dist/esm/utils/dashboard.js +3 -6
  82. package/dist/esm/utils/dataFetcher.d.ts.map +1 -1
  83. package/dist/esm/utils/dataFetcher.js +3 -0
  84. package/dist/esm/utils/valueFormatter.d.ts +2 -1
  85. package/dist/esm/utils/valueFormatter.d.ts.map +1 -1
  86. package/dist/esm/utils/valueFormatter.js +18 -1
  87. package/package.json +2 -2
  88. package/dist/cjs/components/SqlTextEditor.d.ts +0 -7
  89. package/dist/cjs/components/SqlTextEditor.d.ts.map +0 -1
  90. package/dist/cjs/components/SqlTextEditor.js +0 -44
  91. package/dist/esm/components/SqlTextEditor.d.ts +0 -7
  92. package/dist/esm/components/SqlTextEditor.d.ts.map +0 -1
  93. package/dist/esm/components/SqlTextEditor.js +0 -38
@@ -6,10 +6,31 @@ import { axisFormatter } from '../../utils/axisFormatter';
6
6
  import { selectColor } from '../../utils/color';
7
7
  import ChartTooltip from '../../components/Chart/ChartTooltip';
8
8
  import getDomain from '../../utils/getDomain';
9
+ import { useEffect, useState } from 'react';
9
10
  export default function LineChart({ colors, yAxisFields, data, containerStyle, xAxisField, xAxisFormat, theme, comparison, isAnimationActive = true, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, }) {
11
+ const [formattedData, setFormattedData] = useState([]);
10
12
  if (!yAxisFields || !yAxisFields.length) {
11
13
  return null;
12
14
  }
15
+ useEffect(() => {
16
+ if (!data || data.length === 0) {
17
+ return;
18
+ }
19
+ if (typeof data[0][xAxisField] === 'object') {
20
+ const curData = data.map((d) => {
21
+ const formatted = { ...d };
22
+ // NEED TO FORMAT FOR BIG QUERY
23
+ if (d[xAxisField] && typeof d[xAxisField] === 'object') {
24
+ formatted[xAxisField] = d[xAxisField].value;
25
+ }
26
+ return formatted;
27
+ });
28
+ setFormattedData(curData);
29
+ }
30
+ else {
31
+ setFormattedData(data);
32
+ }
33
+ }, [data]);
13
34
  if (!data || data.length === 0) {
14
35
  return (_jsx("div", { style: {
15
36
  display: 'flex',
@@ -22,17 +43,19 @@ export default function LineChart({ colors, yAxisFields, data, containerStyle, x
22
43
  color: theme.secondaryTextColor,
23
44
  }, children: "No results found for specified time period." }));
24
45
  }
25
- return (_jsx("div", { style: { ...containerStyle }, children: _jsx(ResponsiveContainer, { width: "100%", height: '100%', children: _jsxs(ReChartsAreaChart, { data: data, children: [!hideCartesianGrid && (_jsx(CartesianGrid, { horizontal: true, vertical: false, stroke: "#e5e7eb" })), _jsx(XAxis, { dataKey: xAxisField, hide: hideXAxis, tick: { transform: 'translate(0, 6)' }, style: {
46
+ return (_jsx("div", { style: { ...containerStyle }, children: _jsx(ResponsiveContainer, { width: "100%", height: '100%', children: _jsxs(ReChartsAreaChart, { data: formattedData, children: [!hideCartesianGrid && (_jsx(CartesianGrid, { horizontal: true, vertical: false, stroke: "#e5e7eb" })), _jsx(XAxis, { dataKey: xAxisField, hide: hideXAxis, tick: { transform: 'translate(0, 6)' }, style: {
26
47
  fontSize: '12px',
27
48
  fontFamily: theme?.chartLabelFontFamily ||
28
49
  theme?.fontFamily ||
29
50
  'Inter; Helvetica',
30
51
  color: theme?.chartLabelColor || '#666666',
31
- }, interval: "preserveStartEnd", tickLine: false, axisLine: false, padding: { left: 10, right: 10 }, minTickGap: 5, tickFormatter: (tick) => axisFormatter({
32
- value: tick,
33
- field: xAxisField,
34
- fields: [{ field: xAxisField, format: xAxisFormat }],
35
- }) }), _jsx(YAxis, { hide: hideYAxis, width: 44, axisLine: false, tickLine: false, type: "number", domain: getDomain(data, yAxisFields), tick: { transform: 'translate(-3, 0)' }, style: {
52
+ }, interval: "preserveStartEnd", tickLine: false, axisLine: false, padding: { left: 10, right: 10 }, minTickGap: 5, tickFormatter: (tick) => {
53
+ return axisFormatter({
54
+ value: tick,
55
+ field: xAxisField,
56
+ fields: [{ field: xAxisField, format: xAxisFormat }],
57
+ });
58
+ } }), _jsx(YAxis, { hide: hideYAxis, width: 44, axisLine: false, tickLine: false, type: "number", domain: getDomain(data, yAxisFields), tick: { transform: 'translate(-3, 0)' }, style: {
36
59
  fontSize: '12px',
37
60
  fontFamily: theme?.chartLabelFontFamily ||
38
61
  theme?.fontFamily ||
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export interface Option {
2
3
  value: string;
3
4
  label: string;
@@ -14,11 +15,20 @@ export interface TextInputComponentProps {
14
15
  value: string;
15
16
  id: string;
16
17
  placeholder: string;
18
+ width?: string;
17
19
  }
18
20
  export interface ButtonComponentProps {
19
21
  onClick: () => void;
20
22
  label: string;
21
23
  primary?: boolean;
24
+ width?: string;
25
+ }
26
+ export interface TableComponentProps {
27
+ rows: any[];
28
+ columns: any[];
29
+ height: string;
30
+ loading?: boolean;
31
+ LoadingComponent?: () => JSX.Element;
22
32
  }
23
33
  export interface TextInputComponentProps {
24
34
  onChange: (e: any) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,GAAG,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,eAAO,MAAM,iBAAiB;;;;;6CAgC7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;6CAgC1B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;6CA6BnC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;6CA4D1B,CAAC;AAEF,eAAO,MAAM,cAAc;;6CAa1B,CAAC;AAEF,eAAO,MAAM,aAAa;;6CAYzB,CAAC;AAEF,eAAO,MAAM,YAAY;;6CAYxB,CAAC;AAsBF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAU,EACV,OAAO,EACP,KAAK,EACL,WAAkB,EAClB,MAAM,EACN,SAAS,GACV;;;;;;;;;;CAAA,2CA4DA;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,KAAK,GACN;;;;;;;CAAA,kDA2FA;AAED,eAAO,MAAM,oBAAoB;;;6CA0BhC,CAAC"}
1
+ {"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,kBAAmB,MAAM;;;;;CAyDjD,CAAC"}
1
+ {"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,kBAAmB,MAAM;;;;;CA0DjD,CAAC"}
@@ -16,7 +16,7 @@ export const useDashboard = (dashboardName) => {
16
16
  if (dashboardName === null || dashboardName === undefined)
17
17
  return;
18
18
  setIsLoading(true);
19
- const { publicKey, customerId } = client;
19
+ const { databaseType, publicKey, customerId } = client;
20
20
  try {
21
21
  const searchParams = new URLSearchParams({
22
22
  publicKey: publicKey,
@@ -29,6 +29,7 @@ export const useDashboard = (dashboardName) => {
29
29
  task: 'config',
30
30
  clientId: publicKey,
31
31
  ...(customerId ? { orgId: customerId } : {}),
32
+ databaseType: databaseType,
32
33
  },
33
34
  };
34
35
  const resp = await getData(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
@@ -1 +1 @@
1
- {"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAUA,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,YACV,MAAM;UAET,WAAW,GAAG,IAAI;aACf,OAAO;WACT,MAAM,GAAG,IAAI;CAgFrB,CAAC"}
1
+ {"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAUA,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,YACV,MAAM;UAET,WAAW,GAAG,IAAI;aACf,OAAO;WACT,MAAM,GAAG,IAAI;CAiFrB,CAAC"}
@@ -31,6 +31,7 @@ export const useQuill = (chartId) => {
31
31
  clientId: client.publicKey,
32
32
  task: 'item',
33
33
  filters: [...Object.values(dashboardFilters)],
34
+ databaseType: client?.databaseType,
34
35
  },
35
36
  };
36
37
  const cloudBody = {
@@ -2,13 +2,16 @@ export { default as Dashboard, type DashboardProps, type DashboardItemProps, typ
2
2
  export { default as QuillProvider } from './QuillProvider';
3
3
  export { default as Chart } from './Chart';
4
4
  export { default as Table } from './Table';
5
- export { default as SQLEditor } from './SQLEditor';
5
+ export { default as SQLEditor, SchemaListComponent } from './SQLEditor';
6
6
  export { default as ReportBuilder } from './ReportBuilder';
7
7
  export { default as ChartBuilder } from './ChartBuilder';
8
8
  export { default as ChartEditor } from './ChartEditor';
9
9
  export { default as AddToDashboardModal } from './AddToDashboardModal';
10
- export { default as SqlTextEditor } from './components/SqlTextEditor';
11
10
  export { useDashboard } from './hooks/useDashboard';
12
11
  export { useQuill } from './hooks/useQuill';
13
12
  export { downloadCSV } from './utils/downloadCSV';
13
+ export type { QuillTheme } from './QuillProvider';
14
+ export { ThemeContext } from './Context';
15
+ export type { TextInputComponentProps, ButtonComponentProps, Option, PopoverComponentProps, ModalComponentProps, TableComponentProps, HeaderProps, } from './components/UiComponents';
16
+ export type { DateRangePickerProps, DateRangePickerOption, DateRange, } from './DateRangePicker/DateRangePicker';
14
17
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,UAAU,GAChB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,UAAU,GAChB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACnB,WAAW,GACZ,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,GACV,MAAM,mCAAmC,CAAC"}
package/dist/esm/index.js CHANGED
@@ -3,12 +3,12 @@ export { default as Dashboard, } from './Dashboard';
3
3
  export { default as QuillProvider } from './QuillProvider';
4
4
  export { default as Chart } from './Chart';
5
5
  export { default as Table } from './Table';
6
- export { default as SQLEditor } from './SQLEditor';
6
+ export { default as SQLEditor, SchemaListComponent } from './SQLEditor';
7
7
  export { default as ReportBuilder } from './ReportBuilder';
8
8
  export { default as ChartBuilder } from './ChartBuilder';
9
9
  export { default as ChartEditor } from './ChartEditor';
10
10
  export { default as AddToDashboardModal } from './AddToDashboardModal';
11
- export { default as SqlTextEditor } from './components/SqlTextEditor';
12
11
  export { useDashboard } from './hooks/useDashboard';
13
12
  export { useQuill } from './hooks/useQuill';
14
13
  export { downloadCSV } from './utils/downloadCSV';
14
+ export { ThemeContext } from './Context';
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAqxBtB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA,EAAE,MAAM,KAAA,OAyB1D;AAyGD,wBAAgB,WAAW,CAAC,SAAS,KAAA,WAOpC;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,GAAG,EACT,SAAS,EAAE,GAAG,EACd,YAAY,EAAE,OAAO,EACrB,QAAQ,SAAK,EACb,SAAS,GAAE,GAAU;;;;;;EA+XtB"}
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;AAkHD,wBAAgB,WAAW,CAAC,SAAS,KAAA,WAOpC;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,GAAG,EACT,SAAS,EAAE,GAAG,EACd,YAAY,EAAE,OAAO,EACrB,QAAQ,SAAK,EACb,SAAS,GAAE,GAAU;;;;;;EA+XtB"}
@@ -472,12 +472,21 @@ export function generatePivotTableYAxis(pivot, cols, format) {
472
472
  function generatePivotTitle(pivot) {
473
473
  return snakeCaseToTitleCase(`${pivot.aggregationType} of ${pivot.valueField} by ${pivot.rowField}${pivot.columnField ? ` and ${pivot.columnField}` : ''}`);
474
474
  }
475
+ function castValueToDate(value) {
476
+ if (!value) {
477
+ return null;
478
+ }
479
+ if (typeof value === 'object' && value.value) {
480
+ return new Date(value.value);
481
+ }
482
+ return new Date(value);
483
+ }
475
484
  function getDateRange(dateRange, column, data) {
476
485
  if (!dateRange || !dateRange[0]) {
477
486
  if (data.length == 0 || !data[0][column]) {
478
487
  return { start: new Date(), end: new Date() };
479
488
  }
480
- const firstDate = data[0][column] === null ? null : new Date(data[0][column]);
489
+ const firstDate = castValueToDate(data[0][column]);
481
490
  if (data.length == 1) {
482
491
  return {
483
492
  start: firstDate || new Date(),
@@ -488,7 +497,7 @@ function getDateRange(dateRange, column, data) {
488
497
  let lastestDate = firstDate;
489
498
  for (let i = 0; i < data.length; i++) {
490
499
  if (data[i][column]) {
491
- const value = new Date(data[i][column]);
500
+ const value = castValueToDate(data[i][column]);
492
501
  lastestDate = lastestDate === null ? value : max([lastestDate, value]);
493
502
  earliestDate =
494
503
  earliestDate === null ? value : min([earliestDate, value]);
@@ -1 +1 @@
1
- {"version":3,"file":"axisFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/axisFormatter.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,8BAIvB,KAAK,KAAG,MAAM,GAAG,MAAM,GAAG,OA+B5B,CAAC"}
1
+ {"version":3,"file":"axisFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/axisFormatter.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,8BAIvB,KAAK,KAAG,MAAM,GAAG,MAAM,GAAG,OA8B5B,CAAC"}
@@ -8,5 +8,5 @@ import { DashboardItemData } from '../Dashboard';
8
8
  */
9
9
  export declare function cleanDashboardItem(item: {
10
10
  [key: string]: any;
11
- } | undefined): Partial<DashboardItemData> | undefined;
11
+ } | undefined, dashboardFilters: any): Partial<DashboardItemData> | undefined;
12
12
  //# sourceMappingURL=dashboard.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../../src/utils/dashboard.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAQjD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,SAAS,GACvC,OAAO,CAAC,iBAAiB,CAAC,GAAG,SAAS,CA6BxC"}
1
+ {"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../../src/utils/dashboard.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAQjD;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,GAAG,SAAS,EACxC,gBAAgB,EAAE,GAAG,GACpB,OAAO,CAAC,iBAAiB,CAAC,GAAG,SAAS,CA6BxC"}
@@ -1,7 +1,5 @@
1
- import { useContext } from 'react';
2
1
  import { valueFormatter } from './valueFormatter';
3
2
  import { generatePivotTable, generatePivotTableYAxis, } from '../internals/ReportBuilder/PivotModal';
4
- import { DashboardFiltersContext } from '../Context';
5
3
  /**
6
4
  * Returns a cleaned version of the dashboard item we store in state. We clean
7
5
  * the dashboard item so that we aren't exposing unnecessary details to the
@@ -9,12 +7,12 @@ import { DashboardFiltersContext } from '../Context';
9
7
  * interface to build amazing dashboards on top of.
10
8
  * @param item
11
9
  */
12
- export function cleanDashboardItem(item) {
10
+ export function cleanDashboardItem(item, dashboardFilters) {
13
11
  if (!item)
14
12
  return undefined;
15
13
  if (!item.rows)
16
14
  return { id: item._id, name: item.name };
17
- const pivotTable = getPivotTable(item);
15
+ const pivotTable = getPivotTable(item, dashboardFilters);
18
16
  const { primaryAggregation, comparisonAggregation, aggregationPercentChange, } = getAggragations(pivotTable, item);
19
17
  return {
20
18
  id: item._id,
@@ -86,10 +84,9 @@ function formatPercentageWithSign(a, b) {
86
84
  /**
87
85
  * Extract and transform the data from itemInfo.
88
86
  */
89
- function getPivotTable(itemInfo, config = undefined) {
87
+ function getPivotTable(itemInfo, dashboardFilters, config = undefined) {
90
88
  if (!itemInfo)
91
89
  return [];
92
- const { dashboardFilters } = useContext(DashboardFiltersContext);
93
90
  const dateFilter = Object.values(dashboardFilters ?? {}).find((filter) => filter.filterType == 'date_range');
94
91
  const pivot = itemInfo?.pivot || config?.pivot;
95
92
  const data = itemInfo ? itemInfo : config;
@@ -1 +1 @@
1
- {"version":3,"file":"dataFetcher.d.ts","sourceRoot":"","sources":["../../../src/utils/dataFetcher.tsx"],"names":[],"mappings":"AAEA,wBAAsB,OAAO,CAC3B,MAAM,EAAE,GAAG,EACX,kBAAkB,EAAE,MAAM,EAC1B,MAAM,EAAE,kBAAkB,EAC1B,iBAAiB,EAAE,GAAG,EACtB,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,gBAkChB;AAED,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,GAAG,EACX,kBAAkB,EAAE,MAAM,EAC1B,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,gBA+BhB"}
1
+ {"version":3,"file":"dataFetcher.d.ts","sourceRoot":"","sources":["../../../src/utils/dataFetcher.tsx"],"names":[],"mappings":"AAEA,wBAAsB,OAAO,CAC3B,MAAM,EAAE,GAAG,EACX,kBAAkB,EAAE,MAAM,EAC1B,MAAM,EAAE,kBAAkB,EAC1B,iBAAiB,EAAE,GAAG,EACtB,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,gBAqChB;AAED,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,GAAG,EACX,kBAAkB,EAAE,MAAM,EAC1B,gBAAgB,EAAE,GAAG,EACrB,MAAM,SAAS,gBA+BhB"}
@@ -14,6 +14,9 @@ export async function getData(client, cloudQueryEndpoint, noCred, hostedRequestB
14
14
  body: JSON.stringify(hostedRequestBody),
15
15
  });
16
16
  const responseJson = await resp.json();
17
+ if (responseJson.error) {
18
+ return { success: false, errorMessage: responseJson.error };
19
+ }
17
20
  const result = {
18
21
  ...responseJson.data,
19
22
  rows: responseJson?.queries?.queryResults[0]?.rows,
@@ -5,10 +5,11 @@ type Field = {
5
5
  format: 'percent';
6
6
  };
7
7
  type Props = {
8
- value: string | number | boolean | undefined | null;
8
+ value: any;
9
9
  field: string | undefined | null;
10
10
  fields: Field[];
11
11
  };
12
+ export declare const DATE_FORMAT_TYPES: string[];
12
13
  /**
13
14
  * Pretty-prints the given values to their nice-looking string form.
14
15
  */
@@ -1 +1 @@
1
- {"version":3,"file":"valueFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatter.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACpD,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,8BAIxB,KAAK,KAAG,MA+BV,CAAC"}
1
+ {"version":3,"file":"valueFormatter.d.ts","sourceRoot":"","sources":["../../../src/utils/valueFormatter.ts"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAQ7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,8BAIxB,KAAK,KAAG,MAwCV,CAAC"}
@@ -1,5 +1,14 @@
1
1
  import { endOfWeek, format, getWeek, isValid, startOfWeek } from 'date-fns';
2
2
  import { utcToZonedTime } from 'date-fns-tz';
3
+ export const DATE_FORMAT_TYPES = [
4
+ 'yyyy',
5
+ 'MMM_yyyy',
6
+ 'MMM_dd_yyyy',
7
+ 'hh_ap_pm',
8
+ 'MMM_dd-MMM_dd',
9
+ 'MMM_dd_hh:mm_ap_pm',
10
+ 'wo, yyyy',
11
+ ];
3
12
  /**
4
13
  * Pretty-prints the given values to their nice-looking string form.
5
14
  */
@@ -30,6 +39,12 @@ export const valueFormatter = ({ value, field, fields, }) => {
30
39
  // try to handle this value using the associated formatType handler
31
40
  const formatType = fieldInfo.format;
32
41
  if (Object.keys(HANDLERS).includes(formatType)) {
42
+ // if bigquery date type, we have to pull the value out of the json
43
+ if (DATE_FORMAT_TYPES.includes(formatType) &&
44
+ typeof value === 'object' &&
45
+ value.value) {
46
+ return HANDLERS[formatType](value.value);
47
+ }
33
48
  return HANDLERS[formatType](value);
34
49
  }
35
50
  return formatString(value); // by default make this value a string
@@ -140,7 +155,9 @@ const _getUTCDateHelper = (value, fmt) => {
140
155
  const format_YYYY = (value) => _getUTCDateHelper(value, 'yyyy');
141
156
  const format_MMM_yyyy = (value) => _getUTCDateHelper(value, 'MMM yyyy');
142
157
  const format_hh_ap_pm = (value) => _getUTCDateHelper(value, 'hh:mm aa');
143
- const format_MMM_dd_yyyy = (value) => _getUTCDateHelper(value, 'dd MMM yyyy');
158
+ const format_MMM_dd_yyyy = (value) => {
159
+ return _getUTCDateHelper(value, 'dd MMM yyyy');
160
+ };
144
161
  const format_MMM_dd_MMM_dd = (value) => {
145
162
  const utcDate = utcToZonedTime(new Date(value), 'UTC');
146
163
  if (!isValid(utcDate))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quillsql/react",
3
- "version": "2.10.10",
3
+ "version": "2.10.12",
4
4
  "exports": {
5
5
  ".": {
6
6
  "import": "./dist/esm/index.js",
@@ -13,7 +13,7 @@
13
13
  ],
14
14
  "scripts": {
15
15
  "build": "rm -rf dist && tsc -p tsconfig.json && tsc -p tsconfig.esm.json",
16
- "dev": "tsc -p tsconfig.json -w & tsc -p tsconfig.esm.json",
16
+ "dev": "tsc -p tsconfig.json -w & tsc -p tsconfig.esm.json -w",
17
17
  "lint": "eslint . --max-warnings 0",
18
18
  "pub": "rm -rf dist && tsc -p tsconfig.json && tsc -p tsconfig.esm.json && npm publish --access public"
19
19
  },
@@ -1,7 +0,0 @@
1
- import { CSSProperties } from 'react';
2
- export default function SqlTextEditor({ containerStyle, value, setValue, }: {
3
- containerStyle?: CSSProperties;
4
- value: string;
5
- setValue: (e: string) => void;
6
- }): import("react/jsx-runtime").JSX.Element;
7
- //# sourceMappingURL=SqlTextEditor.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SqlTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA4B7C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,GACT,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,2CAwBA"}
@@ -1,44 +0,0 @@
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
- const jsx_runtime_1 = require("react/jsx-runtime");
7
- const react_1 = __importDefault(require("@monaco-editor/react"));
8
- function defineEditorTheme(monaco) {
9
- monaco.editor.defineTheme('onedark', {
10
- base: 'vs',
11
- inherit: true,
12
- rules: [
13
- {
14
- token: 'comment',
15
- foreground: '#5d7988',
16
- fontStyle: 'italic',
17
- },
18
- { token: 'constant', foreground: '#e06c75' },
19
- ],
20
- colors: {
21
- 'editor.background': '#F9F9F9',
22
- },
23
- });
24
- }
25
- function setEditorTheme(editor, monaco) {
26
- try {
27
- monaco.editor.setTheme('onedark');
28
- }
29
- catch (e) {
30
- console.log('ERROR: ', e);
31
- }
32
- }
33
- function SqlTextEditor({ containerStyle, value, setValue, }) {
34
- return ((0, jsx_runtime_1.jsx)("div", { style: { ...containerStyle }, children: (0, jsx_runtime_1.jsx)(react_1.default, { height: "224px", defaultLanguage: "pgsql", defaultValue: "", value: value, loading: (0, jsx_runtime_1.jsx)("div", {}), options: {
35
- wordWrap: 'on',
36
- minimap: {
37
- enabled: false,
38
- },
39
- padding: { top: 16 },
40
- }, onChange: (query) => {
41
- setValue(query);
42
- }, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: setEditorTheme }) }));
43
- }
44
- exports.default = SqlTextEditor;
@@ -1,7 +0,0 @@
1
- import { CSSProperties } from 'react';
2
- export default function SqlTextEditor({ containerStyle, value, setValue, }: {
3
- containerStyle?: CSSProperties;
4
- value: string;
5
- setValue: (e: string) => void;
6
- }): import("react/jsx-runtime").JSX.Element;
7
- //# sourceMappingURL=SqlTextEditor.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SqlTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA4B7C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,GACT,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B,2CAwBA"}
@@ -1,38 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import MonacoEditor from '@monaco-editor/react';
3
- function defineEditorTheme(monaco) {
4
- monaco.editor.defineTheme('onedark', {
5
- base: 'vs',
6
- inherit: true,
7
- rules: [
8
- {
9
- token: 'comment',
10
- foreground: '#5d7988',
11
- fontStyle: 'italic',
12
- },
13
- { token: 'constant', foreground: '#e06c75' },
14
- ],
15
- colors: {
16
- 'editor.background': '#F9F9F9',
17
- },
18
- });
19
- }
20
- function setEditorTheme(editor, monaco) {
21
- try {
22
- monaco.editor.setTheme('onedark');
23
- }
24
- catch (e) {
25
- console.log('ERROR: ', e);
26
- }
27
- }
28
- export default function SqlTextEditor({ containerStyle, value, setValue, }) {
29
- return (_jsx("div", { style: { ...containerStyle }, children: _jsx(MonacoEditor, { height: "224px", defaultLanguage: "pgsql", defaultValue: "", value: value, loading: _jsx("div", {}), options: {
30
- wordWrap: 'on',
31
- minimap: {
32
- enabled: false,
33
- },
34
- padding: { top: 16 },
35
- }, onChange: (query) => {
36
- setValue(query);
37
- }, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: setEditorTheme }) }));
38
- }