@quillsql/admin 1.4.0 → 1.5.2
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/cjs/Admin.d.ts +4 -1
- package/dist/cjs/Admin.d.ts.map +1 -1
- package/dist/cjs/Admin.js +122 -77
- package/dist/cjs/AdminProvider.d.ts +1 -1
- package/dist/cjs/AdminProvider.d.ts.map +1 -1
- package/dist/cjs/AdminProvider.js +9 -9
- package/dist/cjs/api/ConnectionClient.d.ts.map +1 -1
- package/dist/cjs/api/ConnectionClient.js +13 -0
- package/dist/cjs/components/UiComponents.d.ts +2 -1
- package/dist/cjs/components/UiComponents.d.ts.map +1 -1
- package/dist/cjs/components/UiComponents.js +9 -7
- package/dist/cjs/forms/client_onboard/CreateSqlViews.js +1 -1
- package/dist/cjs/forms/sql_views/CreateEditSqlView.d.ts.map +1 -1
- package/dist/cjs/forms/sql_views/CreateEditSqlView.js +19 -6
- package/dist/cjs/modals/NewDashboardModal.js +1 -1
- package/dist/cjs/modals/ReorderDashboardModal.d.ts.map +1 -1
- package/dist/cjs/modals/ReorderDashboardModal.js +178 -63
- package/dist/cjs/primitives/ModalPrimitive.d.ts.map +1 -1
- package/dist/cjs/primitives/ModalPrimitive.js +1 -2
- package/dist/cjs/public_components/DashboardBuilder.d.ts.map +1 -1
- package/dist/cjs/public_components/DashboardBuilder.js +92 -30
- package/dist/cjs/public_components/DashboardManager.d.ts.map +1 -1
- package/dist/cjs/public_components/DashboardManager.js +164 -160
- package/dist/cjs/public_components/SQLViewManager.d.ts.map +1 -1
- package/dist/cjs/public_components/SQLViewManager.js +23 -4
- package/dist/cjs/utils/constants.d.ts +4 -4
- package/dist/cjs/utils/constants.js +2 -2
- package/dist/esm/Admin.d.ts +4 -1
- package/dist/esm/Admin.d.ts.map +1 -1
- package/dist/esm/Admin.js +124 -79
- package/dist/esm/AdminProvider.d.ts +1 -1
- package/dist/esm/AdminProvider.d.ts.map +1 -1
- package/dist/esm/AdminProvider.js +10 -10
- package/dist/esm/api/ConnectionClient.d.ts.map +1 -1
- package/dist/esm/api/ConnectionClient.js +13 -0
- package/dist/esm/components/UiComponents.d.ts +2 -1
- package/dist/esm/components/UiComponents.d.ts.map +1 -1
- package/dist/esm/components/UiComponents.js +9 -7
- package/dist/esm/forms/client_onboard/CreateSqlViews.js +2 -2
- package/dist/esm/forms/sql_views/CreateEditSqlView.d.ts.map +1 -1
- package/dist/esm/forms/sql_views/CreateEditSqlView.js +19 -6
- package/dist/esm/modals/NewDashboardModal.js +1 -1
- package/dist/esm/modals/ReorderDashboardModal.d.ts.map +1 -1
- package/dist/esm/modals/ReorderDashboardModal.js +178 -63
- package/dist/esm/primitives/ModalPrimitive.d.ts.map +1 -1
- package/dist/esm/primitives/ModalPrimitive.js +1 -2
- package/dist/esm/public_components/DashboardBuilder.d.ts.map +1 -1
- package/dist/esm/public_components/DashboardBuilder.js +93 -31
- package/dist/esm/public_components/DashboardManager.d.ts.map +1 -1
- package/dist/esm/public_components/DashboardManager.js +164 -160
- package/dist/esm/public_components/SQLViewManager.d.ts.map +1 -1
- package/dist/esm/public_components/SQLViewManager.js +23 -4
- package/dist/esm/utils/constants.d.ts +4 -4
- package/dist/esm/utils/constants.js +2 -2
- package/package.json +1 -1
|
@@ -15,6 +15,7 @@ const NewDashboardModal_1 = require("../modals/NewDashboardModal");
|
|
|
15
15
|
const constants_1 = require("../utils/constants");
|
|
16
16
|
const EmptyDashboardComponent_1 = __importDefault(require("../components/EmptyDashboardComponent"));
|
|
17
17
|
const DatabaseMismatchCard_1 = __importDefault(require("../components/DatabaseMismatchCard"));
|
|
18
|
+
const UiComponents_1 = require("../components/UiComponents");
|
|
18
19
|
function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
|
|
19
20
|
const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
|
|
20
21
|
const parentRef = (0, react_1.useRef)(null);
|
|
@@ -114,13 +115,15 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
|
|
|
114
115
|
...state.queryHeaders,
|
|
115
116
|
'Content-Type': 'application/json',
|
|
116
117
|
},
|
|
117
|
-
body: JSON.stringify({
|
|
118
|
+
body: JSON.stringify({
|
|
119
|
+
metadata: {
|
|
118
120
|
orgId: state.organizationId || '*',
|
|
119
121
|
task: 'config',
|
|
120
122
|
name: dashboard,
|
|
121
123
|
clientId: state.client._id,
|
|
122
124
|
databaseType: state.client.databaseType,
|
|
123
|
-
}
|
|
125
|
+
},
|
|
126
|
+
}),
|
|
124
127
|
credentials: state.withCredentials ? 'include' : 'omit', // If withCredentials is true, set to 'include'. Otherwise, set to 'omit'.
|
|
125
128
|
});
|
|
126
129
|
responseData = (await response.json()).data;
|
|
@@ -160,169 +163,170 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
|
|
|
160
163
|
state.organizationId,
|
|
161
164
|
state.client,
|
|
162
165
|
]);
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
position: 'relative',
|
|
171
|
-
}, ref: parentRef, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
172
|
-
// width: 'calc(100vw - 30px)',
|
|
173
|
-
display: 'flex',
|
|
174
|
-
position: 'sticky',
|
|
175
|
-
backgroundColor: 'white',
|
|
176
|
-
zIndex: 3,
|
|
177
|
-
left: 0,
|
|
178
|
-
right: 0,
|
|
179
|
-
top: 0,
|
|
180
|
-
flexDirection: 'row',
|
|
181
|
-
paddingTop: 12,
|
|
182
|
-
alignItems: 'center',
|
|
183
|
-
justifyContent: 'space-between',
|
|
184
|
-
paddingLeft: '30px',
|
|
185
|
-
paddingRight: '30px',
|
|
186
|
-
borderBottomWidth: 1,
|
|
187
|
-
borderTopWidth: 0,
|
|
188
|
-
borderLeftWidth: 0,
|
|
189
|
-
borderRightWidth: 0,
|
|
190
|
-
borderStyle: 'solid',
|
|
191
|
-
borderColor: state.theme.borderColor,
|
|
192
|
-
paddingBottom: 20,
|
|
193
|
-
// boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.07)",
|
|
194
|
-
// paddingRight: '50px',
|
|
195
|
-
// position: 'absolute'
|
|
196
|
-
// // zIndex: 10
|
|
197
|
-
}, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
198
|
-
width: '100%',
|
|
166
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: containerStyle, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
|
|
167
|
+
display: 'flex',
|
|
168
|
+
flexDirection: 'column',
|
|
169
|
+
paddingTop: '0px',
|
|
170
|
+
position: 'relative',
|
|
171
|
+
}, ref: parentRef, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
172
|
+
// width: 'calc(100vw - 30px)',
|
|
199
173
|
display: 'flex',
|
|
174
|
+
position: 'sticky',
|
|
175
|
+
backgroundColor: 'white',
|
|
176
|
+
zIndex: 3,
|
|
177
|
+
left: 0,
|
|
178
|
+
right: 0,
|
|
179
|
+
top: 0,
|
|
200
180
|
flexDirection: 'row',
|
|
201
|
-
|
|
181
|
+
paddingTop: 12,
|
|
182
|
+
alignItems: 'center',
|
|
202
183
|
justifyContent: 'space-between',
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
184
|
+
paddingLeft: '30px',
|
|
185
|
+
paddingRight: '30px',
|
|
186
|
+
borderBottomWidth: 1,
|
|
187
|
+
borderTopWidth: 0,
|
|
188
|
+
borderLeftWidth: 0,
|
|
189
|
+
borderRightWidth: 0,
|
|
190
|
+
borderStyle: 'solid',
|
|
191
|
+
borderColor: state.theme.borderColor,
|
|
192
|
+
paddingBottom: 20,
|
|
193
|
+
// boxShadow: "0px 1px 4px 0px rgba(0, 0, 0, 0.07)",
|
|
194
|
+
// paddingRight: '50px',
|
|
195
|
+
// position: 'absolute'
|
|
196
|
+
// // zIndex: 10
|
|
197
|
+
}, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
198
|
+
width: '100%',
|
|
199
|
+
display: 'flex',
|
|
200
|
+
flexDirection: 'row',
|
|
201
|
+
alignItems: 'flex-end',
|
|
202
|
+
justifyContent: 'space-between',
|
|
203
|
+
}, children: [(0, jsx_runtime_1.jsxs)("div", { style: { gap: 16, display: 'flex', flexDirection: 'row' }, children: [!!state.dashboards.length && ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
|
|
204
|
+
fontSize: '14px',
|
|
205
|
+
paddingTop: '0px',
|
|
206
|
+
marginTop: '0px',
|
|
207
|
+
marginBottom: '4px',
|
|
208
|
+
fontWeight: '600',
|
|
209
|
+
color: state.theme.secondaryTextColor,
|
|
210
|
+
userSelect: 'none',
|
|
211
|
+
}, children: "Dashboard" }), (0, jsx_runtime_1.jsx)(components_1.DashboardSelectPopover, { dashboards: state.dashboards.length
|
|
212
|
+
? state.dashboards.map((elem) => {
|
|
213
|
+
return { value: elem.name, label: elem.name };
|
|
214
|
+
})
|
|
215
|
+
: [], setDashboard: (dashboard) => {
|
|
216
|
+
dispatch({
|
|
217
|
+
type: 'SET_SELECTED_DASHBOARD',
|
|
218
|
+
payload: dashboard,
|
|
219
|
+
});
|
|
220
|
+
}, dashboard: state.selectedDashboard ? state.selectedDashboard : '', theme: state.theme, onClickNewDashboard: () => {
|
|
221
|
+
setNewDashboardModalIsOpen(true);
|
|
222
|
+
}, setSelectedEditDashboard: (d) => {
|
|
223
|
+
dispatch({
|
|
224
|
+
type: 'SET_SELECTED_EDIT_DASHBOARD',
|
|
225
|
+
payload: d,
|
|
226
|
+
});
|
|
227
|
+
setEditFilterModalIsOpen(true);
|
|
228
|
+
} })] })), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
|
|
229
|
+
fontSize: '14px',
|
|
230
|
+
paddingTop: '0px',
|
|
231
|
+
marginTop: '0px',
|
|
232
|
+
marginBottom: '4px',
|
|
233
|
+
fontWeight: '600',
|
|
234
|
+
color: state.theme.secondaryTextColor,
|
|
235
|
+
fontFamily: state.theme.fontFamily,
|
|
236
|
+
userSelect: 'none',
|
|
237
|
+
}, children: "Environment" }), (0, jsx_runtime_1.jsx)(components_1.EnvSelectPopover, { setEnvironment: (env) => dispatch({ type: 'SET_ENVIRONMENT', payload: env }), environment: state.environment, clients: state.clients, client: state.client, setClient: (client) => dispatch({ type: 'SET_CLIENT', payload: client }), theme: state.theme, showPromote: true, handlePromote: () => setIsPromoteDashModalOpen(true) })] })] }), !!state.dashboards.length && !state.databaseTypeMismatch.show && ((0, jsx_runtime_1.jsx)(components_1.OrgSelect, { parentRef: parentRef, environment: state.environment, setEnvironment: (env) => dispatch({ type: 'SET_ENVIRONMENT', payload: env }), organizations: state.organizations, theme: state.theme, organizationId: state.organizationId, setOrganizationId: (id) => dispatch({ type: 'SET_ORGANIZATION_ID', payload: id }) }))] }) }), state.databaseTypeMismatch.show ? ((0, jsx_runtime_1.jsx)(DatabaseMismatchCard_1.default, { environemntName: state.client.name, environemntDatabaseType: state.client.databaseType, backendDatabaseType: state.databaseTypeMismatch.backendDatabaseType })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'inline-block' }, children: [!state.dashboards.length && !initialLoad && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
238
|
+
width: '100%',
|
|
247
239
|
display: 'flex',
|
|
248
240
|
flexDirection: 'column',
|
|
249
241
|
alignItems: 'center',
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
dispatch({ type: '
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
242
|
+
}, children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
243
|
+
height: 80,
|
|
244
|
+
width: 260,
|
|
245
|
+
borderRadius: 6,
|
|
246
|
+
marginTop: 100,
|
|
247
|
+
display: 'flex',
|
|
248
|
+
flexDirection: 'column',
|
|
249
|
+
alignItems: 'center',
|
|
250
|
+
justifyContent: 'center',
|
|
251
|
+
gap: 20,
|
|
252
|
+
}, className: "hover-dash-rect", onClick: () => {
|
|
253
|
+
setNewDashboardModalIsOpen(true);
|
|
254
|
+
}, children: [(0, jsx_runtime_1.jsx)("style", { children: ` .hover-dash-rect { background: white; border: 1px dashed #e7e7e7; } .hover-dash-rect:hover { background: white; box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.07); border: 1px solid #e7e7e7; } ` }), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
255
|
+
display: 'flex',
|
|
256
|
+
flexDirection: 'row',
|
|
257
|
+
alignItems: 'center',
|
|
258
|
+
justifyContent: 'center',
|
|
259
|
+
width: 260,
|
|
260
|
+
}, children: [(0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#565656", height: 26, width: 26, children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M2.25 13.5a8.25 8.25 0 0 1 8.25-8.25.75.75 0 0 1 .75.75v6.75H18a.75.75 0 0 1 .75.75 8.25 8.25 0 0 1-16.5 0Z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M12.75 3a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 8.25 8.25.75.75 0 0 1-.75.75h-7.5a.75.75 0 0 1-.75-.75V3Z", clipRule: "evenodd" })] }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
261
|
+
fontSize: 14,
|
|
262
|
+
fontWeight: 500,
|
|
263
|
+
color: '#565656',
|
|
264
|
+
// border: '1px solid #e7e7e7',
|
|
265
|
+
paddingTop: 8,
|
|
266
|
+
paddingBottom: 8,
|
|
267
|
+
paddingRight: 12,
|
|
268
|
+
paddingLeft: 12,
|
|
269
|
+
borderRadius: 4,
|
|
270
|
+
cursor: 'pointer',
|
|
271
|
+
}, className: "quill-hover-button", children: "Create new dashboard" })] })] }) })), reloadFlag ? null : ((0, jsx_runtime_1.jsx)(react_2.Dashboard, { name: state.selectedDashboard, containerStyle: { padding: 25 }, onClickDashboardItem: (elem) => {
|
|
272
|
+
dispatch({ type: 'SET_REPORT_ID', payload: elem._id });
|
|
273
|
+
dispatch({
|
|
274
|
+
type: 'SET_ACTIVE_COMPONENT',
|
|
275
|
+
payload: 'Report',
|
|
276
|
+
});
|
|
277
|
+
}, EmptyDashboardComponent: EmptyDashboardComponent_1.default }))] }), (0, jsx_runtime_1.jsx)(modals_1.EditDashboardsModal, { clientId: state.client._id, isOpen: isEditDashboardModalOpen, setIsOpen: setIsEditDashboardModalOpen, ModalComponent: primitives_1.ModalPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, SecondaryButtonComponent: primitives_1.SecondaryButtonPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, openEditFilterModal: (dashboardName) => {
|
|
278
|
+
dispatch({
|
|
279
|
+
type: 'SET_SELECTED_EDIT_DASHBOARD',
|
|
280
|
+
payload: dashboardName,
|
|
281
|
+
});
|
|
282
|
+
setEditFilterModalIsOpen(true);
|
|
283
|
+
// setIsEditDashboardModalOpen(false);
|
|
284
|
+
}, openAddDashboardModal: () => {
|
|
285
|
+
setIsAddDashboardModalOpen(true);
|
|
286
|
+
// setIsEditDashboardModalOpen(false);
|
|
287
|
+
}, openEditOrderModal: (dashboardName) => {
|
|
288
|
+
setSelectedReorderDashboard(dashboardName);
|
|
289
|
+
setIsReorderDashboardModalOpen(true);
|
|
290
|
+
}, HeaderComponent: primitives_1.HeaderPrimitive, setDashboardData: setDashboardData, dashboards: state.dashboards, getDashNames: getDashNames }), (0, jsx_runtime_1.jsx)(modals_1.PromoteDashModal, { clientId: state.client._id, client: state.client, clients: state.clients, isOpen: isPromoteDashModalOpen, setIsOpen: setIsPromoteDashModalOpen, ModalComponent: primitives_1.ModalPrimitive, dashboards: state.dashboards, selectedDashboard: state.selectedDashboard, theme: state.theme, ButtonComponent: primitives_1.ButtonPrimitive }), (0, jsx_runtime_1.jsx)(Admin_1.EditFiltersModal, { selectedDashboard: state.selectedDashboard, dashboardData: state.editDashboardData, isOpen: editFilterModalIsOpen, setIsOpen: setEditFilterModalIsOpen, openAddFilterModal: () => {
|
|
291
|
+
setAddFilterModalIsOpen(true);
|
|
292
|
+
// setEditFilterModalIsOpen(false);
|
|
293
|
+
}, openEditOrderModal: (dashboardName) => {
|
|
294
|
+
setSelectedReorderDashboard(dashboardName);
|
|
295
|
+
setIsReorderDashboardModalOpen(true);
|
|
296
|
+
}, onSave: async () => {
|
|
297
|
+
await getDashNames();
|
|
298
|
+
setReloadFlag(true);
|
|
299
|
+
reloadDashboard();
|
|
300
|
+
}, client: state.client, ModalComponent: primitives_1.ModalPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, SecondaryButtonComponent: primitives_1.SecondaryButtonPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, HeaderComponent: primitives_1.HeaderPrimitive, SelectComponent: primitives_1.SelectPrimitive, dashNames: state.dashboards, setSelectedEditDashboard: (d) => dispatch({ type: 'SET_SELECTED_EDIT_DASHBOARD', payload: d }) }), (0, jsx_runtime_1.jsx)(NewDashboardModal_1.NewDashboardModal, { isOpen: newDashboardModalIsOpen, setIsOpen: setNewDashboardModalIsOpen, openEditOrderModal: (dashboardName) => {
|
|
301
|
+
setSelectedReorderDashboard(dashboardName);
|
|
302
|
+
setIsReorderDashboardModalOpen(true);
|
|
303
|
+
}, onSave: (name) => {
|
|
304
|
+
dispatch({ type: 'SET_SELECTED_DASHBOARD', payload: name });
|
|
305
|
+
dispatch({
|
|
306
|
+
type: 'SET_DASHBOARDS',
|
|
307
|
+
payload: [...state.dashboards, { name }],
|
|
308
|
+
});
|
|
309
|
+
setReloadFlag(true);
|
|
310
|
+
reloadDashboard();
|
|
311
|
+
}, client: state.client, ModalComponent: primitives_1.ModalPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, SecondaryButtonComponent: primitives_1.SecondaryButtonPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, HeaderComponent: primitives_1.HeaderPrimitive, SelectComponent: primitives_1.SelectPrimitive, dashNames: state.dashboards, setSelectedEditDashboard: (d) => dispatch({ type: 'SET_SELECTED_EDIT_DASHBOARD', payload: d }) }), (0, jsx_runtime_1.jsx)(modals_1.ReorderDashboardModal, { organizationId: state.organizationId, isOpen: isReorderDashboardModalOpen, client: state.client, onSave: () => {
|
|
312
|
+
setReloadFlag(true);
|
|
313
|
+
reloadDashboard();
|
|
314
|
+
}, setIsOpen: setIsReorderDashboardModalOpen, ModalComponent: primitives_1.ModalPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, selectedDashboard: selectedReorderDashboard }), (0, jsx_runtime_1.jsx)(Admin_1.AddFilterModal, { selectedDashboard: state.selectedEditDashboard, isOpen: addFilterModalIsOpen, setIsOpen: setAddFilterModalIsOpen, client: state.client, ModalComponent: primitives_1.ModalPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, SelectComponent: primitives_1.SelectPrimitive, HeaderComponent: primitives_1.HeaderPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, openAddDashboardModal: () => {
|
|
315
|
+
setIsAddDashboardModalOpen(true);
|
|
316
|
+
// setAddFilterModalIsOpen(false);
|
|
317
|
+
} }), (0, jsx_runtime_1.jsx)(Admin_1.AddDashboardModal, { selectedDashboard: state.selectedDashboard, isOpen: isAddDashboardModalOpen, setIsOpen: setIsAddDashboardModalOpen, client: state.client, ModalComponent: primitives_1.ModalPrimitive, TextInputComponent: primitives_1.TextInputPrimitive, SelectComponent: primitives_1.SelectPrimitive, HeaderComponent: primitives_1.HeaderPrimitive, ButtonComponent: primitives_1.ButtonPrimitive, dashNames: state.dashboards,
|
|
318
|
+
// @ts-ignore
|
|
319
|
+
openAddFilterModal: () => {
|
|
320
|
+
setAddFilterModalIsOpen(true);
|
|
321
|
+
// setIsAddDashboardModalOpen(false);
|
|
322
|
+
}, organizationId: state.organizationId, getDashNames: getDashNames })] }))] }), (0, jsx_runtime_1.jsx)(Admin_1.ReportWrapper, { isOpen: state.activeComponent === 'Report', setIsOpen: (isOpen) => {
|
|
323
|
+
dispatch({
|
|
324
|
+
type: 'SET_ACTIVE_COMPONENT',
|
|
325
|
+
payload: isOpen ? 'Report' : 'Dashboards',
|
|
326
|
+
});
|
|
327
|
+
}, ButtonComponent: primitives_1.ButtonPrimitive, SecondaryButtonComponent: primitives_1.SecondaryButtonPrimitive, ModalComponent: UiComponents_1.MemoizedModal, SelectComponent: primitives_1.SelectPrimitive, OrganizationSelectComponent: components_1.OrgSelect, organizationId: state.organizationId, queryEndpoint: state.queryEndpoint, queryHeaders: state.queryHeaders, withCredentials: state.withCredentials, reloadDashboard: () => {
|
|
328
|
+
setReloadFlag(true);
|
|
329
|
+
reloadDashboard();
|
|
330
|
+
} })] }));
|
|
327
331
|
}
|
|
328
332
|
exports.default = DashboardManager;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SQLViewManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/SQLViewManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AA0BnE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,cAAc,GACf,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,
|
|
1
|
+
{"version":3,"file":"SQLViewManager.d.ts","sourceRoot":"","sources":["../../../src/public_components/SQLViewManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AA0BnE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,cAAc,GACf,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CA8VA"}
|
|
@@ -99,15 +99,34 @@ function SQLViewManager({ containerStyle, }) {
|
|
|
99
99
|
alert('No Name found');
|
|
100
100
|
return;
|
|
101
101
|
}
|
|
102
|
+
if (tables?.map((table) => table.name).includes(name)) {
|
|
103
|
+
alert('Name already exists');
|
|
104
|
+
return;
|
|
105
|
+
}
|
|
106
|
+
if (!/^[a-z0-9_]+$/.test(name)) {
|
|
107
|
+
alert('Name must be lowercase with no spaces');
|
|
108
|
+
return;
|
|
109
|
+
}
|
|
102
110
|
await (0, dataEditor_1.addSqlView)(name, query, state);
|
|
103
111
|
break;
|
|
104
112
|
case 'edit':
|
|
113
|
+
if (!id) {
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
105
116
|
if (!name) {
|
|
106
117
|
alert('No id found');
|
|
107
118
|
return;
|
|
108
119
|
}
|
|
109
|
-
if (
|
|
110
|
-
alert('
|
|
120
|
+
if (!/^[a-z0-9_]+$/.test(name)) {
|
|
121
|
+
alert('Names can only include lowercase letters, numbers, and underscores');
|
|
122
|
+
return;
|
|
123
|
+
}
|
|
124
|
+
// check if the tableName is present excluding the table with the same id
|
|
125
|
+
if (tables
|
|
126
|
+
?.filter((table) => table._id !== id)
|
|
127
|
+
.map((table) => table.name)
|
|
128
|
+
.includes(name)) {
|
|
129
|
+
alert('Name already exists');
|
|
111
130
|
return;
|
|
112
131
|
}
|
|
113
132
|
await (0, dataEditor_1.editSQLView)(name, query, id, state);
|
|
@@ -160,7 +179,7 @@ function SQLViewManager({ containerStyle, }) {
|
|
|
160
179
|
flexDirection: 'column',
|
|
161
180
|
paddingTop: '0px',
|
|
162
181
|
position: 'relative',
|
|
163
|
-
}, ref: parentRef, children: [(0, jsx_runtime_1.jsx)("div", { style: {
|
|
182
|
+
}, ref: parentRef, children: [(state.databaseTypeMismatch.show || !editQueryView) && ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
164
183
|
// width: 'calc(100vw - 30px)',
|
|
165
184
|
display: 'flex',
|
|
166
185
|
position: 'sticky',
|
|
@@ -209,7 +228,7 @@ function SQLViewManager({ containerStyle, }) {
|
|
|
209
228
|
setEditViewId('');
|
|
210
229
|
setInitialSqlView(undefined);
|
|
211
230
|
setEditQueryView(true);
|
|
212
|
-
}, label: "Add view +" }))] }) }), state.databaseTypeMismatch.show ? ((0, jsx_runtime_1.jsx)(DatabaseMismatchCard_1.default, { environemntName: state.client.name, environemntDatabaseType: state.client.databaseType, backendDatabaseType: state.databaseTypeMismatch.backendDatabaseType })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !editQueryView ? ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
231
|
+
}, label: "Add view +" }))] }) })), state.databaseTypeMismatch.show ? ((0, jsx_runtime_1.jsx)(DatabaseMismatchCard_1.default, { environemntName: state.client.name, environemntDatabaseType: state.client.databaseType, backendDatabaseType: state.databaseTypeMismatch.backendDatabaseType })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !editQueryView ? ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
213
232
|
display: 'flex',
|
|
214
233
|
flexWrap: 'wrap',
|
|
215
234
|
paddingLeft: 25,
|
|
@@ -8,11 +8,11 @@ export declare const InitialDateRangeOptions: readonly [{
|
|
|
8
8
|
readonly value: "LAST_30_DAYS";
|
|
9
9
|
readonly label: "Last 30 days";
|
|
10
10
|
}, {
|
|
11
|
-
readonly value: "
|
|
12
|
-
readonly label: "
|
|
11
|
+
readonly value: "THIS_MONTH";
|
|
12
|
+
readonly label: "This Month";
|
|
13
13
|
}, {
|
|
14
|
-
readonly value: "
|
|
15
|
-
readonly label: "
|
|
14
|
+
readonly value: "THIS_WEEK";
|
|
15
|
+
readonly label: "This Week";
|
|
16
16
|
}, {
|
|
17
17
|
readonly value: "ALL_TIME";
|
|
18
18
|
readonly label: "All time";
|
|
@@ -7,8 +7,8 @@ exports.QUILL_SERVER = exports.defaultDateRange = exports.InitialDateRangeOption
|
|
|
7
7
|
exports.InitialDateRangeOptions = [
|
|
8
8
|
{ value: 'LAST_90_DAYS', label: 'Last 90 days' },
|
|
9
9
|
{ value: 'LAST_30_DAYS', label: 'Last 30 days' },
|
|
10
|
-
{ value: '
|
|
11
|
-
{ value: '
|
|
10
|
+
{ value: 'THIS_MONTH', label: 'This Month' },
|
|
11
|
+
{ value: 'THIS_WEEK', label: 'This Week' },
|
|
12
12
|
{ value: 'ALL_TIME', label: 'All time' },
|
|
13
13
|
];
|
|
14
14
|
exports.defaultDateRange = exports.InitialDateRangeOptions[0];
|
package/dist/esm/Admin.d.ts
CHANGED
|
@@ -139,7 +139,7 @@ export declare function formatDateBuckets(startDate: any, endDate: any): {
|
|
|
139
139
|
format: string;
|
|
140
140
|
startOf: any;
|
|
141
141
|
};
|
|
142
|
-
export declare function ReportWrapper({ SecondaryButtonComponent, ButtonComponent, ModalComponent, SelectComponent, OrganizationSelectComponent, organizationId, queryEndpoint, queryHeaders, withCredentials, }: {
|
|
142
|
+
export declare function ReportWrapper({ SecondaryButtonComponent, ButtonComponent, ModalComponent, SelectComponent, OrganizationSelectComponent, organizationId, queryEndpoint, queryHeaders, withCredentials, isOpen, setIsOpen, reloadDashboard, }: {
|
|
143
143
|
SecondaryButtonComponent: any;
|
|
144
144
|
ButtonComponent: any;
|
|
145
145
|
ModalComponent: any;
|
|
@@ -149,6 +149,9 @@ export declare function ReportWrapper({ SecondaryButtonComponent, ButtonComponen
|
|
|
149
149
|
queryEndpoint: any;
|
|
150
150
|
queryHeaders: any;
|
|
151
151
|
withCredentials: any;
|
|
152
|
+
isOpen: any;
|
|
153
|
+
setIsOpen: any;
|
|
154
|
+
reloadDashboard: any;
|
|
152
155
|
}): import("react/jsx-runtime").JSX.Element;
|
|
153
156
|
export declare function ReorderableList({ initialItems, client, itemMap, ButtonComponent, closeModal, onSave, }: {
|
|
154
157
|
initialItems: any;
|
package/dist/esm/Admin.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Admin.d.ts","sourceRoot":"","sources":["../../src/Admin.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Admin.d.ts","sourceRoot":"","sources":["../../src/Admin.tsx"],"names":[],"mappings":"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"}
|