@quillsql/react 2.8.9 → 2.9.1
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.d.ts +0 -1
- package/dist/AddToDashboardModal.js +181 -146
- package/dist/BarList.d.ts +0 -1
- package/dist/BarList.js +44 -36
- package/dist/BarList.js.map +1 -1
- package/dist/Chart.d.ts +0 -1
- package/dist/Chart.js +119 -87
- package/dist/Chart.js.map +1 -1
- package/dist/ChartBuilder.d.ts +0 -1
- package/dist/ChartBuilder.js +93 -83
- package/dist/ChartBuilder.js.map +1 -1
- package/dist/ChartEditor.d.ts +0 -1
- package/dist/ChartEditor.js +21 -14
- package/dist/ChartEditor.js.map +1 -1
- package/dist/Context.d.ts +0 -1
- package/dist/Context.js +57 -52
- package/dist/Dashboard.d.ts +0 -1
- package/dist/Dashboard.js +212 -179
- package/dist/Dashboard.js.map +1 -1
- package/dist/DateRangePicker/Calendar.d.ts +0 -1
- package/dist/DateRangePicker/Calendar.js +46 -41
- package/dist/DateRangePicker/DateRangePicker.d.ts +0 -1
- package/dist/DateRangePicker/DateRangePicker.js +61 -32
- package/dist/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/DateRangePicker/DateRangePickerButton.d.ts +0 -1
- package/dist/DateRangePicker/DateRangePickerButton.js +17 -14
- package/dist/DateRangePicker/dateRangePickerUtils.d.ts +0 -1
- package/dist/DateRangePicker/dateRangePickerUtils.js +90 -76
- package/dist/DateRangePicker/index.d.ts +0 -1
- package/dist/DateRangePicker/index.js +9 -1
- package/dist/PieChart.d.ts +0 -1
- package/dist/PieChart.js +70 -35
- package/dist/QuillProvider.d.ts +0 -1
- package/dist/QuillProvider.js +7 -4
- package/dist/ReportBuilder.d.ts +0 -1
- package/dist/ReportBuilder.js +129 -120
- package/dist/SQLEditor.d.ts +0 -1
- package/dist/SQLEditor.js +65 -56
- package/dist/SQLEditor.js.map +1 -1
- package/dist/Table.d.ts +0 -1
- package/dist/Table.js +65 -60
- package/dist/Table.js.map +1 -1
- package/dist/TableChart.d.ts +0 -1
- package/dist/TableChart.js +45 -17
- package/dist/TableChart.js.map +1 -1
- package/dist/assets/ArrowDownHeadIcon.d.ts +0 -1
- package/dist/assets/ArrowDownHeadIcon.js +6 -3
- package/dist/assets/ArrowDownHeadIcon.js.map +1 -1
- package/dist/assets/ArrowDownIcon.d.ts +0 -1
- package/dist/assets/ArrowDownIcon.js +6 -3
- package/dist/assets/ArrowDownRightIcon.d.ts +0 -1
- package/dist/assets/ArrowDownRightIcon.js +6 -3
- package/dist/assets/ArrowLeftHeadIcon.d.ts +0 -1
- package/dist/assets/ArrowLeftHeadIcon.js +6 -3
- package/dist/assets/ArrowRightHeadIcon.d.ts +0 -1
- package/dist/assets/ArrowRightHeadIcon.js +6 -3
- package/dist/assets/ArrowRightIcon.d.ts +0 -1
- package/dist/assets/ArrowRightIcon.js +6 -3
- package/dist/assets/ArrowUpHeadIcon.d.ts +0 -1
- package/dist/assets/ArrowUpHeadIcon.js +6 -3
- package/dist/assets/ArrowUpIcon.d.ts +0 -1
- package/dist/assets/ArrowUpIcon.js +6 -3
- package/dist/assets/ArrowUpRightIcon.d.ts +0 -1
- package/dist/assets/ArrowUpRightIcon.js +6 -3
- package/dist/assets/CalendarIcon.d.ts +0 -1
- package/dist/assets/CalendarIcon.js +6 -3
- package/dist/assets/CalendarNormalIcon.d.ts +0 -1
- package/dist/assets/CalendarNormalIcon.js +6 -3
- package/dist/assets/DoubleArrowLeftHeadIcon.d.ts +0 -1
- package/dist/assets/DoubleArrowLeftHeadIcon.js +6 -3
- package/dist/assets/DoubleArrowRightHeadIcon.d.ts +0 -1
- package/dist/assets/DoubleArrowRightHeadIcon.js +6 -3
- package/dist/assets/ExclamationFilledIcon.d.ts +0 -1
- package/dist/assets/ExclamationFilledIcon.js +6 -3
- package/dist/assets/FilterIcon.d.ts +0 -1
- package/dist/assets/FilterIcon.js +6 -3
- package/dist/assets/LoadingSpinner.d.ts +0 -1
- package/dist/assets/LoadingSpinner.js +6 -3
- package/dist/assets/RefreshIcon.d.ts +0 -1
- package/dist/assets/RefreshIcon.js +6 -3
- package/dist/assets/SearchIcon.d.ts +0 -1
- package/dist/assets/SearchIcon.js +6 -3
- package/dist/assets/UpLeftArrowsIcon.d.ts +0 -1
- package/dist/assets/UpLeftArrowsIcon.js +6 -3
- package/dist/assets/XCircleIcon.d.ts +0 -1
- package/dist/assets/XCircleIcon.js +6 -3
- package/dist/assets/XIcon.d.ts +0 -1
- package/dist/assets/XIcon.js +6 -3
- package/dist/assets/index.d.ts +0 -1
- package/dist/assets/index.js +49 -21
- package/dist/components/Banner/index.d.ts +0 -1
- package/dist/components/Banner/index.js +10 -6
- package/dist/components/Banner/index.js.map +1 -0
- package/dist/components/BigModal/BigModal.d.ts +0 -1
- package/dist/components/BigModal/BigModal.js +39 -13
- package/dist/components/Dropdown/Dropdown.d.ts +0 -1
- package/dist/components/Dropdown/Dropdown.js +53 -24
- package/dist/components/Dropdown/DropdownItem.d.ts +0 -1
- package/dist/components/Dropdown/DropdownItem.js +35 -9
- package/dist/components/Dropdown/index.d.ts +0 -1
- package/dist/components/Dropdown/index.js +11 -2
- package/dist/components/Modal/Modal.d.ts +0 -1
- package/dist/components/Modal/Modal.js +39 -13
- package/dist/components/Modal/index.d.ts +0 -1
- package/dist/components/Modal/index.js +9 -1
- package/dist/components/QuillCard.d.ts +0 -1
- package/dist/components/QuillCard.js +13 -8
- package/dist/components/SqlTextEditor.d.ts +0 -1
- package/dist/components/SqlTextEditor.js +11 -4
- package/dist/components/SqlTextEditor.js.map +1 -1
- package/dist/components/UiComponents.d.ts +0 -1
- package/dist/components/UiComponents.js +51 -37
- package/dist/components/UiComponents.js.map +1 -1
- package/dist/components/selectUtils.d.ts +0 -1
- package/dist/components/selectUtils.js +17 -6
- package/dist/contexts/BaseColorContext.d.ts +0 -1
- package/dist/contexts/BaseColorContext.js +6 -3
- package/dist/contexts/HoveredValueContext.d.ts +0 -1
- package/dist/contexts/HoveredValueContext.js +6 -3
- package/dist/contexts/RootStylesContext.d.ts +0 -1
- package/dist/contexts/RootStylesContext.js +6 -3
- package/dist/contexts/SelectedValueContext.d.ts +0 -1
- package/dist/contexts/SelectedValueContext.js +6 -3
- package/dist/contexts/index.d.ts +0 -1
- package/dist/contexts/index.js +15 -4
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/index.js +15 -4
- package/dist/hooks/useDashboard.d.ts +0 -1
- package/dist/hooks/useDashboard.js +15 -10
- package/dist/hooks/useInternalState.d.ts +0 -1
- package/dist/hooks/useInternalState.js +6 -3
- package/dist/hooks/useOnClickOutside.d.ts +0 -1
- package/dist/hooks/useOnClickOutside.js +6 -3
- package/dist/hooks/useOnWindowResize.d.ts +0 -1
- package/dist/hooks/useOnWindowResize.js +7 -4
- package/dist/hooks/useQuill.d.ts +0 -1
- package/dist/hooks/useQuill.js +16 -11
- package/dist/hooks/useSelectOnKeyDown.d.ts +0 -1
- package/dist/hooks/useSelectOnKeyDown.js +7 -4
- package/dist/index.d.ts +0 -1
- package/dist/index.js +33 -13
- package/dist/internals/ReportBuilder/PivotList.d.ts +0 -1
- package/dist/internals/ReportBuilder/PivotList.js +20 -14
- package/dist/internals/ReportBuilder/PivotModal.d.ts +0 -1
- package/dist/internals/ReportBuilder/PivotModal.js +92 -84
- package/dist/internals/ReportBuilder/PivotModal.js.map +1 -1
- package/dist/internals/ReportBuilder/PivotModal.spec.d.ts +0 -1
- package/dist/internals/ReportBuilder/PivotModal.spec.js +73 -70
- package/dist/lib/font.d.ts +0 -1
- package/dist/lib/font.js +6 -2
- package/dist/lib/index.d.ts +0 -1
- package/dist/lib/index.js +20 -3
- package/dist/lib/inputTypes.d.ts +0 -1
- package/dist/lib/inputTypes.js +3 -1
- package/dist/lib/utils.d.ts +0 -1
- package/dist/lib/utils.js +19 -8
- package/dist/utils/aggregate.d.ts +0 -1
- package/dist/utils/aggregate.js +35 -28
- package/dist/utils/axisFormatter.d.ts +0 -1
- package/dist/utils/axisFormatter.js +24 -19
- package/dist/utils/axisFormatter.js.map +1 -0
- package/dist/utils/colorToHex.d.ts +0 -1
- package/dist/utils/colorToHex.js +5 -1
- package/dist/utils/dataFetcher.d.ts +0 -1
- package/dist/utils/dataFetcher.js +8 -2
- package/dist/utils/downloadCSV.d.ts +0 -1
- package/dist/utils/downloadCSV.js +6 -1
- package/dist/utils/valueFormatter.d.ts +0 -1
- package/dist/utils/valueFormatter.js +24 -19
- package/dist/utils/valueFormatter.js.map +1 -0
- package/dist/utils/valueFormatterCSV.d.ts +0 -1
- package/dist/utils/valueFormatterCSV.js +24 -19
- package/dist/utils/valueFormatterCSV.js.map +1 -0
- package/package.json +2 -1
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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"));
|
|
3
8
|
function defineEditorTheme(monaco) {
|
|
4
9
|
monaco.editor.defineTheme('onedark', {
|
|
5
10
|
base: 'vs',
|
|
@@ -25,8 +30,8 @@ function setEditorTheme(editor, monaco) {
|
|
|
25
30
|
console.log('ERROR: ', e);
|
|
26
31
|
}
|
|
27
32
|
}
|
|
28
|
-
|
|
29
|
-
return (
|
|
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: {
|
|
30
35
|
wordWrap: 'on',
|
|
31
36
|
minimap: {
|
|
32
37
|
enabled: false,
|
|
@@ -36,3 +41,5 @@ export default function SqlTextEditor({ containerStyle, value, setValue, }) {
|
|
|
36
41
|
setValue(query);
|
|
37
42
|
}, beforeMount: (monaco) => defineEditorTheme(monaco), onMount: setEditorTheme }) }));
|
|
38
43
|
}
|
|
44
|
+
exports.default = SqlTextEditor;
|
|
45
|
+
//# sourceMappingURL=SqlTextEditor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SqlTextEditor.js","sourceRoot":"","sources":["../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"SqlTextEditor.js","sourceRoot":"","sources":["../../src/components/SqlTextEditor.tsx"],"names":[],"mappings":";;;;;;AAGA,iEAAgD;AAEhD,SAAS,iBAAiB,CAAC,MAAM;IAC/B,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,EAAE;QACnC,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,SAAS;gBAChB,UAAU,EAAE,SAAS;gBACrB,SAAS,EAAE,QAAQ;aACpB;YACD,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE;SAC7C;QACD,MAAM,EAAE;YACN,mBAAmB,EAAE,SAAS;SAC/B;KACF,CAAC,CAAC;AACL,CAAC;AACD,SAAS,cAAc,CAAC,MAAM,EAAE,MAAM;IACpC,IAAI,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IAC5B,CAAC;AACH,CAAC;AAED,SAAwB,aAAa,CAAC,EACpC,cAAc,EACd,KAAK,EACL,QAAQ,GAKT;IACC,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,GAAG,cAAc,EAAE,YAC/B,uBAAC,eAAY,IACX,MAAM,EAAC,OAAO,EACd,eAAe,EAAC,OAAO,EACvB,YAAY,EAAC,EAAE,EACf,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,iCAAO,EAChB,OAAO,EAAE;gBACP,QAAQ,EAAE,IAAI;gBACd,OAAO,EAAE;oBACP,OAAO,EAAE,KAAK;iBACf;gBACD,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;aACrB,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,QAAQ,CAAC,KAAM,CAAC,CAAC;YACnB,CAAC,EACD,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAClD,OAAO,EAAE,cAAc,GACvB,GACE,CACP,CAAC;AACJ,CAAC;AAhCD,gCAgCC"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MemoizedDeleteButton = exports.MemoizedModal = exports.MemoizedPopover = exports.MemoizedText = exports.MemoizedLabel = exports.MemoizedHeader = exports.MemoizedSelect = exports.MemoizedSecondaryButton = exports.MemoizedButton = exports.MemoizedTextInput = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
5
|
// @ts-nocheck
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const [theme] = useContext(ThemeContext);
|
|
8
|
-
return (
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const assets_1 = require("../assets");
|
|
8
|
+
const Context_1 = require("../Context");
|
|
9
|
+
const MemoizedTextInput = ({ value, onChange, placeholder, id }) => {
|
|
10
|
+
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
11
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
|
|
9
12
|
.quill-text-input {
|
|
10
13
|
background-color: white;
|
|
11
14
|
height: 40px;
|
|
@@ -20,11 +23,12 @@ export const MemoizedTextInput = ({ value, onChange, placeholder, id }) => {
|
|
|
20
23
|
padding-top: 0px;
|
|
21
24
|
padding-bottom: 0px;
|
|
22
25
|
box-sizing: content-box;
|
|
23
|
-
}` }),
|
|
26
|
+
}` }), (0, jsx_runtime_1.jsx)("input", { id: id, className: "quill-text-input", type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder, style: { fontFamily: theme?.fontFamily } })] }));
|
|
24
27
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
+
exports.MemoizedTextInput = MemoizedTextInput;
|
|
29
|
+
const MemoizedButton = ({ label, onClick, primary = true }) => {
|
|
30
|
+
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
31
|
+
return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-button", onClick: onClick, style: { fontFamily: theme?.fontFamily }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
|
|
28
32
|
.quill-button {
|
|
29
33
|
background-color: #384151;
|
|
30
34
|
color: white;
|
|
@@ -45,9 +49,10 @@ export const MemoizedButton = ({ label, onClick, primary = true }) => {
|
|
|
45
49
|
overflow: hidden;
|
|
46
50
|
}` }), label] }));
|
|
47
51
|
};
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
52
|
+
exports.MemoizedButton = MemoizedButton;
|
|
53
|
+
const MemoizedSecondaryButton = ({ label, onClick }) => {
|
|
54
|
+
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
55
|
+
return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-secondary-button", onClick: onClick, style: { fontFamily: theme?.fontFamily }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
|
|
51
56
|
.quill-secondary-button {
|
|
52
57
|
background-color: #F5F5F6;
|
|
53
58
|
color: rgba(56, 65, 81, 0.75);
|
|
@@ -65,12 +70,13 @@ export const MemoizedSecondaryButton = ({ label, onClick }) => {
|
|
|
65
70
|
background-color: rgba(56, 65, 81, 0.09);
|
|
66
71
|
}` }), label] }));
|
|
67
72
|
};
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
73
|
+
exports.MemoizedSecondaryButton = MemoizedSecondaryButton;
|
|
74
|
+
const MemoizedSelect = ({ value, onChange, options, disabled = false, label, }) => {
|
|
75
|
+
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
76
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
71
77
|
position: 'relative',
|
|
72
78
|
maxWidth: 206,
|
|
73
|
-
}, children: [
|
|
79
|
+
}, children: [(0, jsx_runtime_1.jsx)("style", { children: `
|
|
74
80
|
.quill-select {
|
|
75
81
|
background-color: white;
|
|
76
82
|
height: 42px;
|
|
@@ -82,7 +88,7 @@ export const MemoizedSelect = ({ value, onChange, options, disabled = false, lab
|
|
|
82
88
|
box-shadow: 0px 1px 4px 0px rgba(56, 65, 81, 0.08);
|
|
83
89
|
padding-left: 12px;
|
|
84
90
|
padding-right: 12px;
|
|
85
|
-
}` }),
|
|
91
|
+
}` }), (0, jsx_runtime_1.jsx)("select", { style: { WebkitAppearance: 'none', fontFamily: theme?.fontFamily }, className: "quill-select", value: value, disabled: disabled, onChange: (event) => onChange(event.target.value), children: options.map((option) => ((0, jsx_runtime_1.jsx)("option", { className: "quill-option", value: option.value, children: option.label }, option.value))) }), (0, jsx_runtime_1.jsx)(assets_1.ArrowDownHeadIcon, { style: {
|
|
86
92
|
height: '20px',
|
|
87
93
|
width: '20px',
|
|
88
94
|
flex: 'none',
|
|
@@ -92,7 +98,8 @@ export const MemoizedSelect = ({ value, onChange, options, disabled = false, lab
|
|
|
92
98
|
color: '#6C727F',
|
|
93
99
|
}, "aria-hidden": "true" })] }));
|
|
94
100
|
};
|
|
95
|
-
|
|
101
|
+
exports.MemoizedSelect = MemoizedSelect;
|
|
102
|
+
const MemoizedHeader = ({ children }) => ((0, jsx_runtime_1.jsx)("h1", { style: {
|
|
96
103
|
fontSize: 16,
|
|
97
104
|
fontWeight: 600,
|
|
98
105
|
color: '#384151',
|
|
@@ -100,22 +107,25 @@ export const MemoizedHeader = ({ children }) => (_jsx("h1", { style: {
|
|
|
100
107
|
margin: 0,
|
|
101
108
|
padding: 0,
|
|
102
109
|
}, children: children }));
|
|
103
|
-
|
|
110
|
+
exports.MemoizedHeader = MemoizedHeader;
|
|
111
|
+
const MemoizedLabel = ({ children }) => ((0, jsx_runtime_1.jsx)("h1", { style: {
|
|
104
112
|
fontSize: 14,
|
|
105
113
|
fontWeight: 600,
|
|
106
114
|
color: '#575E6A',
|
|
107
115
|
userSelect: 'none',
|
|
108
116
|
paddingBottom: 5,
|
|
109
117
|
}, children: children }));
|
|
110
|
-
|
|
118
|
+
exports.MemoizedLabel = MemoizedLabel;
|
|
119
|
+
const MemoizedText = ({ children }) => ((0, jsx_runtime_1.jsx)("p", { style: {
|
|
111
120
|
fontSize: 12,
|
|
112
121
|
fontWeight: 400,
|
|
113
122
|
margin: 0,
|
|
114
123
|
color: '#575E6A',
|
|
115
124
|
userSelect: 'none',
|
|
116
125
|
}, children: children }));
|
|
126
|
+
exports.MemoizedText = MemoizedText;
|
|
117
127
|
const useOnClickOutside = (ref, handler) => {
|
|
118
|
-
useEffect(() => {
|
|
128
|
+
(0, react_1.useEffect)(() => {
|
|
119
129
|
const listener = (event) => {
|
|
120
130
|
if (!ref.current || ref.current.contains(event.target)) {
|
|
121
131
|
return;
|
|
@@ -130,8 +140,8 @@ const useOnClickOutside = (ref, handler) => {
|
|
|
130
140
|
};
|
|
131
141
|
}, [ref, handler]);
|
|
132
142
|
};
|
|
133
|
-
|
|
134
|
-
const modalRef = useRef(null);
|
|
143
|
+
function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
|
|
144
|
+
const modalRef = (0, react_1.useRef)(null);
|
|
135
145
|
useOnClickOutside(modalRef, (e) => {
|
|
136
146
|
// Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
|
|
137
147
|
const isTriggerElem = parentRef
|
|
@@ -147,12 +157,12 @@ export function MemoizedPopover({ onClose, parentRef, children, style = {}, onCl
|
|
|
147
157
|
onClose();
|
|
148
158
|
}
|
|
149
159
|
};
|
|
150
|
-
return (
|
|
160
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [showTrigger && ((0, jsx_runtime_1.jsx)(exports.MemoizedSecondaryButton, { onClick: (e) => {
|
|
151
161
|
setIsOpen((isOpen) => !isOpen);
|
|
152
162
|
if (onClick) {
|
|
153
163
|
onClick(e);
|
|
154
164
|
}
|
|
155
|
-
}, label: label })), isOpen && (
|
|
165
|
+
}, label: label })), isOpen && ((0, jsx_runtime_1.jsx)("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: (0, jsx_runtime_1.jsx)("div", { style: {
|
|
156
166
|
background: 'white',
|
|
157
167
|
position: 'absolute',
|
|
158
168
|
boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
|
|
@@ -166,11 +176,12 @@ export function MemoizedPopover({ onClose, parentRef, children, style = {}, onCl
|
|
|
166
176
|
...style,
|
|
167
177
|
}, children: children }) }))] }));
|
|
168
178
|
}
|
|
169
|
-
|
|
179
|
+
exports.MemoizedPopover = MemoizedPopover;
|
|
180
|
+
function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, }) {
|
|
170
181
|
if (!isOpen) {
|
|
171
182
|
return null;
|
|
172
183
|
}
|
|
173
|
-
return (
|
|
184
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
174
185
|
position: 'fixed',
|
|
175
186
|
top: '0',
|
|
176
187
|
right: '0',
|
|
@@ -179,7 +190,7 @@ export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, the
|
|
|
179
190
|
zIndex: '50',
|
|
180
191
|
backgroundColor: 'rgba(255, 255, 255, 0.8)',
|
|
181
192
|
backdropFilter: 'blur(5px)',
|
|
182
|
-
}, onClick: onClose }),
|
|
193
|
+
}, onClick: onClose }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
183
194
|
// position: "absolute",
|
|
184
195
|
position: 'fixed',
|
|
185
196
|
left: '50%',
|
|
@@ -199,7 +210,7 @@ export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, the
|
|
|
199
210
|
borderColor: '#e7e7e7',
|
|
200
211
|
overflow: 'hidden',
|
|
201
212
|
// zIndex: 1000,
|
|
202
|
-
}, children:
|
|
213
|
+
}, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
203
214
|
// width: "80%",
|
|
204
215
|
maxHeight: '90vh',
|
|
205
216
|
overflowY: 'scroll',
|
|
@@ -212,13 +223,13 @@ export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, the
|
|
|
212
223
|
alignItems: 'center',
|
|
213
224
|
position: 'relative',
|
|
214
225
|
fontFamily: theme?.fontFamily,
|
|
215
|
-
}, children: [
|
|
226
|
+
}, children: [(0, jsx_runtime_1.jsxs)("div", { id: "quill-modal-header", style: {
|
|
216
227
|
display: 'flex',
|
|
217
228
|
flexDirection: 'row',
|
|
218
229
|
width: '100%',
|
|
219
230
|
justifyContent: 'space-between',
|
|
220
231
|
alignItems: 'center',
|
|
221
|
-
}, children: [
|
|
232
|
+
}, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
|
|
222
233
|
fontSize: 18,
|
|
223
234
|
fontWeight: '600',
|
|
224
235
|
marginLeft: 20,
|
|
@@ -226,9 +237,10 @@ export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, the
|
|
|
226
237
|
textAlign: 'left',
|
|
227
238
|
paddingTop: 18,
|
|
228
239
|
color: theme?.primaryTextColor,
|
|
229
|
-
}, children: title }),
|
|
240
|
+
}, children: title }), (0, jsx_runtime_1.jsx)(exports.MemoizedDeleteButton, { onClick: onClose, style: { marginRight: 10, marginTop: 10 } })] }), children] }) })] }));
|
|
230
241
|
}
|
|
231
|
-
|
|
242
|
+
exports.MemoizedModal = MemoizedModal;
|
|
243
|
+
const MemoizedDeleteButton = ({ onClick, style }) => ((0, jsx_runtime_1.jsxs)("button", { className: "quill-delete-button", type: "button", onClick: onClick, style: {
|
|
232
244
|
height: 42,
|
|
233
245
|
width: 42,
|
|
234
246
|
border: 'none',
|
|
@@ -238,10 +250,12 @@ export const MemoizedDeleteButton = ({ onClick, style }) => (_jsxs("button", { c
|
|
|
238
250
|
justifyContent: 'center',
|
|
239
251
|
borderRadius: 6,
|
|
240
252
|
...style,
|
|
241
|
-
}, children: [
|
|
253
|
+
}, children: [(0, jsx_runtime_1.jsx)("style", { children: `
|
|
242
254
|
.quill-delete-button {
|
|
243
255
|
background-color: white;
|
|
244
256
|
}
|
|
245
257
|
.quill-delete-button:hover {
|
|
246
258
|
background-color: rgba(56, 65, 81, 0.03);
|
|
247
|
-
}` }),
|
|
259
|
+
}` }), (0, jsx_runtime_1.jsx)(assets_1.XIcon, { height: "20", width: "20", fill: "#6C727F" })] }));
|
|
260
|
+
exports.MemoizedDeleteButton = MemoizedDeleteButton;
|
|
261
|
+
//# sourceMappingURL=UiComponents.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiComponents.js","sourceRoot":"","sources":["../../src/components/UiComponents.tsx"],"names":[],"mappings":";;;;AAAA,cAAc;AACd,
|
|
1
|
+
{"version":3,"file":"UiComponents.js","sourceRoot":"","sources":["../../src/components/UiComponents.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,4 +7,3 @@ export declare function constructValueToNameMapping(children: React.ReactElement
|
|
|
7
7
|
export declare function getFilteredOptions(searchQuery: string, options: SelectItemProps[]): SelectItemProps[];
|
|
8
8
|
export declare const getSelectButtonColors: (hasSelection: boolean, isDisabled: boolean, hasError?: boolean) => null;
|
|
9
9
|
export declare const hasValue: (value: string | null | undefined) => boolean;
|
|
10
|
-
//# sourceMappingURL=selectUtils.d.ts.map
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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.hasValue = exports.getSelectButtonColors = exports.getFilteredOptions = exports.constructValueToNameMapping = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
function constructValueToNameMapping(children) {
|
|
3
9
|
const valueToNameMapping = new Map();
|
|
4
|
-
|
|
10
|
+
react_1.default.Children.map(children, (child) => {
|
|
5
11
|
valueToNameMapping.set(child.props.value, child.props.text ?? child.props.value);
|
|
6
12
|
});
|
|
7
13
|
return valueToNameMapping;
|
|
8
14
|
}
|
|
9
|
-
|
|
15
|
+
exports.constructValueToNameMapping = constructValueToNameMapping;
|
|
16
|
+
function getFilteredOptions(searchQuery, options) {
|
|
10
17
|
return searchQuery === ''
|
|
11
18
|
? options
|
|
12
19
|
: options.filter((option) => {
|
|
@@ -14,7 +21,8 @@ export function getFilteredOptions(searchQuery, options) {
|
|
|
14
21
|
return optionText.toLowerCase().includes(searchQuery.toLowerCase());
|
|
15
22
|
});
|
|
16
23
|
}
|
|
17
|
-
|
|
24
|
+
exports.getFilteredOptions = getFilteredOptions;
|
|
25
|
+
const getSelectButtonColors = (hasSelection, isDisabled, hasError = false) => {
|
|
18
26
|
return null;
|
|
19
27
|
// return twMerge(
|
|
20
28
|
// isDisabled
|
|
@@ -34,4 +42,7 @@ export const getSelectButtonColors = (hasSelection, isDisabled, hasError = false
|
|
|
34
42
|
// : getColorClassNames(DEFAULT_COLOR, colorPalette.ring).borderColor
|
|
35
43
|
// );
|
|
36
44
|
};
|
|
37
|
-
|
|
45
|
+
exports.getSelectButtonColors = getSelectButtonColors;
|
|
46
|
+
const hasValue = (value) => value !== null && value !== undefined && value !== '';
|
|
47
|
+
exports.hasValue = hasValue;
|
|
48
|
+
//# sourceMappingURL=selectUtils.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
const BaseColorContext = (0, react_1.createContext)('blue');
|
|
5
|
+
exports.default = BaseColorContext;
|
|
6
|
+
//# sourceMappingURL=BaseColorContext.js.map
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
const HoveredValueContext = (0, react_1.createContext)({
|
|
3
5
|
hoveredValue: undefined,
|
|
4
6
|
});
|
|
5
|
-
|
|
7
|
+
exports.default = HoveredValueContext;
|
|
8
|
+
//# sourceMappingURL=HoveredValueContext.js.map
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
const RootStylesContext = (0, react_1.createContext)(undefined);
|
|
5
|
+
exports.default = RootStylesContext;
|
|
6
|
+
//# sourceMappingURL=RootStylesContext.js.map
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
const SelectedValueContext = (0, react_1.createContext)({
|
|
3
5
|
selectedValue: undefined,
|
|
4
6
|
handleValueChange: undefined,
|
|
5
7
|
});
|
|
6
|
-
|
|
8
|
+
exports.default = SelectedValueContext;
|
|
9
|
+
//# sourceMappingURL=SelectedValueContext.js.map
|
package/dist/contexts/index.d.ts
CHANGED
|
@@ -2,4 +2,3 @@ export { default as BaseColorContext } from './BaseColorContext';
|
|
|
2
2
|
export { default as HoveredValueContext } from './HoveredValueContext';
|
|
3
3
|
export { default as RootStylesContext } from './RootStylesContext';
|
|
4
4
|
export { default as SelectedValueContext } from './SelectedValueContext';
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
package/dist/contexts/index.js
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -2,4 +2,3 @@ export { default as useInternalState } from "./useInternalState";
|
|
|
2
2
|
export { default as useOnClickOutside } from "./useOnClickOutside";
|
|
3
3
|
export { default as useOnWindowResize } from "./useOnWindowResize";
|
|
4
4
|
export { default as useSelectOnKeyDown } from "./useSelectOnKeyDown";
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
package/dist/hooks/index.js
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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,14 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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) => {
|
|
5
8
|
// if (dashboardName === undefined || dashboardName === null) {
|
|
6
9
|
// throw new Error('useDashboard requires a dashboard name parameter');
|
|
7
10
|
// }
|
|
8
|
-
const [isLoading, setIsLoading] = useState(false);
|
|
9
|
-
const [error, setError] = useState(null);
|
|
10
|
-
const [data, setData] = useState(null);
|
|
11
|
-
const [client] = useContext(ClientContext);
|
|
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);
|
|
12
15
|
const handleReload = () => {
|
|
13
16
|
getDashboards();
|
|
14
17
|
};
|
|
@@ -31,7 +34,7 @@ export const useDashboard = (dashboardName) => {
|
|
|
31
34
|
...(customerId ? { orgId: customerId } : {}),
|
|
32
35
|
},
|
|
33
36
|
};
|
|
34
|
-
const resp = await getData(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
|
|
37
|
+
const resp = await (0, dataFetcher_1.getData)(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
|
|
35
38
|
setData(resp);
|
|
36
39
|
setError(null);
|
|
37
40
|
}
|
|
@@ -42,8 +45,10 @@ export const useDashboard = (dashboardName) => {
|
|
|
42
45
|
}
|
|
43
46
|
setIsLoading(false);
|
|
44
47
|
}
|
|
45
|
-
useEffect(() => {
|
|
48
|
+
(0, react_1.useEffect)(() => {
|
|
46
49
|
getDashboards();
|
|
47
50
|
}, [dashboardName, client]);
|
|
48
51
|
return { data, isLoading, error, reload: handleReload };
|
|
49
52
|
};
|
|
53
|
+
exports.useDashboard = useDashboard;
|
|
54
|
+
//# sourceMappingURL=useDashboard.js.map
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
2
4
|
const useInternalState = (defaultValueProp, valueProp) => {
|
|
3
5
|
const isControlled = valueProp !== undefined;
|
|
4
|
-
const [valueState, setValueState] = useState(defaultValueProp);
|
|
6
|
+
const [valueState, setValueState] = (0, react_1.useState)(defaultValueProp);
|
|
5
7
|
const value = isControlled ? valueProp : valueState;
|
|
6
8
|
const setValue = (nextValue) => {
|
|
7
9
|
if (isControlled) {
|
|
@@ -11,4 +13,5 @@ const useInternalState = (defaultValueProp, valueProp) => {
|
|
|
11
13
|
};
|
|
12
14
|
return [value, setValue];
|
|
13
15
|
};
|
|
14
|
-
|
|
16
|
+
exports.default = useInternalState;
|
|
17
|
+
//# sourceMappingURL=useInternalState.js.map
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
2
4
|
const useOnClickOutside = (ref, handler) => {
|
|
3
|
-
useEffect(() => {
|
|
5
|
+
(0, react_1.useEffect)(() => {
|
|
4
6
|
const listener = (event) => {
|
|
5
7
|
if (!ref.current || ref.current.contains(event.target)) {
|
|
6
8
|
return;
|
|
@@ -15,4 +17,5 @@ const useOnClickOutside = (ref, handler) => {
|
|
|
15
17
|
};
|
|
16
18
|
}, [ref, handler]);
|
|
17
19
|
};
|
|
18
|
-
|
|
20
|
+
exports.default = useOnClickOutside;
|
|
21
|
+
//# sourceMappingURL=useOnClickOutside.js.map
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
2
4
|
const useOnWindowResize = (handler, initialWindowSize) => {
|
|
3
|
-
const [windowSize, setWindowSize] = useState(initialWindowSize);
|
|
4
|
-
useEffect(() => {
|
|
5
|
+
const [windowSize, setWindowSize] = (0, react_1.useState)(initialWindowSize);
|
|
6
|
+
(0, react_1.useEffect)(() => {
|
|
5
7
|
const handleResize = () => {
|
|
6
8
|
setWindowSize(window.innerWidth);
|
|
7
9
|
handler();
|
|
@@ -11,4 +13,5 @@ const useOnWindowResize = (handler, initialWindowSize) => {
|
|
|
11
13
|
return () => window.removeEventListener("resize", handleResize);
|
|
12
14
|
}, [handler, windowSize]);
|
|
13
15
|
};
|
|
14
|
-
|
|
16
|
+
exports.default = useOnWindowResize;
|
|
17
|
+
//# sourceMappingURL=useOnWindowResize.js.map
|
package/dist/hooks/useQuill.d.ts
CHANGED