@quillsql/admin 1.3.6 → 1.3.8

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 (151) hide show
  1. package/dist/cjs/Admin.d.ts.map +1 -1
  2. package/dist/cjs/Admin.js +25 -15
  3. package/dist/cjs/AdminProvider.d.ts +10 -0
  4. package/dist/cjs/AdminProvider.d.ts.map +1 -1
  5. package/dist/cjs/AdminProvider.js +63 -43
  6. package/dist/cjs/api/ConnectionClient.d.ts +12 -10
  7. package/dist/cjs/api/ConnectionClient.d.ts.map +1 -1
  8. package/dist/cjs/api/ConnectionClient.js +100 -29
  9. package/dist/cjs/assets/ArrowDownHeadIcon.d.ts +5 -0
  10. package/dist/cjs/assets/ArrowDownHeadIcon.d.ts.map +1 -0
  11. package/dist/cjs/assets/ArrowDownHeadIcon.js +5 -0
  12. package/dist/cjs/assets/XIcon.d.ts +5 -0
  13. package/dist/cjs/assets/XIcon.d.ts.map +1 -0
  14. package/dist/cjs/assets/XIcon.js +5 -0
  15. package/dist/cjs/assets/index.d.ts +3 -0
  16. package/dist/cjs/assets/index.d.ts.map +1 -0
  17. package/dist/cjs/assets/index.js +10 -0
  18. package/dist/cjs/components/DatabaseMismatchCard.d.ts +6 -0
  19. package/dist/cjs/components/DatabaseMismatchCard.d.ts.map +1 -0
  20. package/dist/cjs/components/DatabaseMismatchCard.js +18 -0
  21. package/dist/cjs/components/DatabaseSelector.d.ts +2 -1
  22. package/dist/cjs/components/DatabaseSelector.d.ts.map +1 -1
  23. package/dist/cjs/components/DatabaseSelector.js +2 -2
  24. package/dist/cjs/components/DropDownMenuWithLabel.d.ts +2 -1
  25. package/dist/cjs/components/DropDownMenuWithLabel.d.ts.map +1 -1
  26. package/dist/cjs/components/DropDownMenuWithLabel.js +160 -39
  27. package/dist/cjs/components/DynamicBanner.d.ts +11 -0
  28. package/dist/cjs/components/DynamicBanner.d.ts.map +1 -0
  29. package/dist/cjs/components/DynamicBanner.js +22 -0
  30. package/dist/cjs/components/EnvSelectPopover.d.ts.map +1 -1
  31. package/dist/cjs/components/EnvSelectPopover.js +0 -1
  32. package/dist/cjs/components/OrgSelect.d.ts +23 -0
  33. package/dist/cjs/components/OrgSelect.d.ts.map +1 -1
  34. package/dist/cjs/components/OrgSelect.js +55 -15
  35. package/dist/cjs/components/SqlTextEditor.d.ts +7 -0
  36. package/dist/cjs/components/SqlTextEditor.d.ts.map +1 -0
  37. package/dist/cjs/components/SqlTextEditor.js +44 -0
  38. package/dist/cjs/components/UiComponents.d.ts +119 -0
  39. package/dist/cjs/components/UiComponents.d.ts.map +1 -0
  40. package/dist/cjs/components/UiComponents.js +268 -0
  41. package/dist/cjs/forms/client_onboard/ConnectDatabase.d.ts +3 -2
  42. package/dist/cjs/forms/client_onboard/ConnectDatabase.d.ts.map +1 -1
  43. package/dist/cjs/forms/client_onboard/ConnectDatabase.js +101 -43
  44. package/dist/cjs/forms/client_onboard/ConnectSchema.d.ts +3 -1
  45. package/dist/cjs/forms/client_onboard/ConnectSchema.d.ts.map +1 -1
  46. package/dist/cjs/forms/client_onboard/ConnectSchema.js +13 -14
  47. package/dist/cjs/forms/client_onboard/CreateSqlViews.d.ts +10 -1
  48. package/dist/cjs/forms/client_onboard/CreateSqlViews.d.ts.map +1 -1
  49. package/dist/cjs/forms/client_onboard/CreateSqlViews.js +12 -10
  50. package/dist/cjs/forms/sql_views/CreateEditSqlView.d.ts +24 -0
  51. package/dist/cjs/forms/sql_views/CreateEditSqlView.d.ts.map +1 -0
  52. package/dist/cjs/forms/sql_views/CreateEditSqlView.js +161 -0
  53. package/dist/cjs/modals/NewDashboardModal.js +1 -1
  54. package/dist/cjs/public_components/CreateEnvironment.d.ts.map +1 -1
  55. package/dist/cjs/public_components/CreateEnvironment.js +34 -8
  56. package/dist/cjs/public_components/DashboardBuilder.d.ts.map +1 -1
  57. package/dist/cjs/public_components/DashboardBuilder.js +30 -16
  58. package/dist/cjs/public_components/DashboardManager.d.ts.map +1 -1
  59. package/dist/cjs/public_components/DashboardManager.js +110 -93
  60. package/dist/cjs/public_components/SQLViewManager.d.ts.map +1 -1
  61. package/dist/cjs/public_components/SQLViewManager.js +252 -333
  62. package/dist/cjs/utils/constants.d.ts +1 -1
  63. package/dist/cjs/utils/constants.d.ts.map +1 -1
  64. package/dist/cjs/utils/constants.js +1 -2
  65. package/dist/cjs/utils/dataEditor.d.ts +4 -0
  66. package/dist/cjs/utils/dataEditor.d.ts.map +1 -0
  67. package/dist/cjs/utils/dataEditor.js +144 -0
  68. package/dist/cjs/utils/dataFetcher.d.ts +3 -0
  69. package/dist/cjs/utils/dataFetcher.d.ts.map +1 -0
  70. package/dist/cjs/utils/dataFetcher.js +68 -0
  71. package/dist/cjs/utils/databases.d.ts +13 -2
  72. package/dist/cjs/utils/databases.d.ts.map +1 -1
  73. package/dist/cjs/utils/databases.js +52 -9
  74. package/dist/cjs/utils/table.d.ts +2 -0
  75. package/dist/cjs/utils/table.d.ts.map +1 -1
  76. package/dist/esm/Admin.d.ts.map +1 -1
  77. package/dist/esm/Admin.js +25 -15
  78. package/dist/esm/AdminProvider.d.ts +10 -0
  79. package/dist/esm/AdminProvider.d.ts.map +1 -1
  80. package/dist/esm/AdminProvider.js +61 -44
  81. package/dist/esm/api/ConnectionClient.d.ts +12 -10
  82. package/dist/esm/api/ConnectionClient.d.ts.map +1 -1
  83. package/dist/esm/api/ConnectionClient.js +97 -28
  84. package/dist/esm/assets/ArrowDownHeadIcon.d.ts +5 -0
  85. package/dist/esm/assets/ArrowDownHeadIcon.d.ts.map +1 -0
  86. package/dist/esm/assets/ArrowDownHeadIcon.js +3 -0
  87. package/dist/esm/assets/XIcon.d.ts +5 -0
  88. package/dist/esm/assets/XIcon.d.ts.map +1 -0
  89. package/dist/esm/assets/XIcon.js +3 -0
  90. package/dist/esm/assets/index.d.ts +3 -0
  91. package/dist/esm/assets/index.d.ts.map +1 -0
  92. package/dist/esm/assets/index.js +2 -0
  93. package/dist/esm/components/DatabaseMismatchCard.d.ts +6 -0
  94. package/dist/esm/components/DatabaseMismatchCard.d.ts.map +1 -0
  95. package/dist/esm/components/DatabaseMismatchCard.js +15 -0
  96. package/dist/esm/components/DatabaseSelector.d.ts +2 -1
  97. package/dist/esm/components/DatabaseSelector.d.ts.map +1 -1
  98. package/dist/esm/components/DatabaseSelector.js +2 -2
  99. package/dist/esm/components/DropDownMenuWithLabel.d.ts +2 -1
  100. package/dist/esm/components/DropDownMenuWithLabel.d.ts.map +1 -1
  101. package/dist/esm/components/DropDownMenuWithLabel.js +137 -39
  102. package/dist/esm/components/DynamicBanner.d.ts +11 -0
  103. package/dist/esm/components/DynamicBanner.d.ts.map +1 -0
  104. package/dist/esm/components/DynamicBanner.js +16 -0
  105. package/dist/esm/components/EnvSelectPopover.d.ts.map +1 -1
  106. package/dist/esm/components/EnvSelectPopover.js +0 -1
  107. package/dist/esm/components/OrgSelect.d.ts +23 -0
  108. package/dist/esm/components/OrgSelect.d.ts.map +1 -1
  109. package/dist/esm/components/OrgSelect.js +52 -16
  110. package/dist/esm/components/SqlTextEditor.d.ts +7 -0
  111. package/dist/esm/components/SqlTextEditor.d.ts.map +1 -0
  112. package/dist/esm/components/SqlTextEditor.js +38 -0
  113. package/dist/esm/components/UiComponents.d.ts +119 -0
  114. package/dist/esm/components/UiComponents.d.ts.map +1 -0
  115. package/dist/esm/components/UiComponents.js +254 -0
  116. package/dist/esm/forms/client_onboard/ConnectDatabase.d.ts +3 -2
  117. package/dist/esm/forms/client_onboard/ConnectDatabase.d.ts.map +1 -1
  118. package/dist/esm/forms/client_onboard/ConnectDatabase.js +102 -44
  119. package/dist/esm/forms/client_onboard/ConnectSchema.d.ts +3 -1
  120. package/dist/esm/forms/client_onboard/ConnectSchema.d.ts.map +1 -1
  121. package/dist/esm/forms/client_onboard/ConnectSchema.js +13 -14
  122. package/dist/esm/forms/client_onboard/CreateSqlViews.d.ts +10 -1
  123. package/dist/esm/forms/client_onboard/CreateSqlViews.d.ts.map +1 -1
  124. package/dist/esm/forms/client_onboard/CreateSqlViews.js +11 -11
  125. package/dist/esm/forms/sql_views/CreateEditSqlView.d.ts +24 -0
  126. package/dist/esm/forms/sql_views/CreateEditSqlView.d.ts.map +1 -0
  127. package/dist/esm/forms/sql_views/CreateEditSqlView.js +155 -0
  128. package/dist/esm/modals/NewDashboardModal.js +1 -1
  129. package/dist/esm/public_components/CreateEnvironment.d.ts.map +1 -1
  130. package/dist/esm/public_components/CreateEnvironment.js +12 -9
  131. package/dist/esm/public_components/DashboardBuilder.d.ts.map +1 -1
  132. package/dist/esm/public_components/DashboardBuilder.js +30 -16
  133. package/dist/esm/public_components/DashboardManager.d.ts.map +1 -1
  134. package/dist/esm/public_components/DashboardManager.js +111 -94
  135. package/dist/esm/public_components/SQLViewManager.d.ts.map +1 -1
  136. package/dist/esm/public_components/SQLViewManager.js +254 -335
  137. package/dist/esm/utils/constants.d.ts +1 -1
  138. package/dist/esm/utils/constants.d.ts.map +1 -1
  139. package/dist/esm/utils/constants.js +1 -2
  140. package/dist/esm/utils/dataEditor.d.ts +4 -0
  141. package/dist/esm/utils/dataEditor.d.ts.map +1 -0
  142. package/dist/esm/utils/dataEditor.js +138 -0
  143. package/dist/esm/utils/dataFetcher.d.ts +3 -0
  144. package/dist/esm/utils/dataFetcher.d.ts.map +1 -0
  145. package/dist/esm/utils/dataFetcher.js +63 -0
  146. package/dist/esm/utils/databases.d.ts +13 -2
  147. package/dist/esm/utils/databases.d.ts.map +1 -1
  148. package/dist/esm/utils/databases.js +52 -9
  149. package/dist/esm/utils/table.d.ts +2 -0
  150. package/dist/esm/utils/table.d.ts.map +1 -1
  151. package/package.json +2 -2
@@ -14,6 +14,7 @@ const primitives_1 = require("../primitives");
14
14
  const NewDashboardModal_1 = require("../modals/NewDashboardModal");
15
15
  const constants_1 = require("../utils/constants");
16
16
  const EmptyDashboardComponent_1 = __importDefault(require("../components/EmptyDashboardComponent"));
17
+ const DatabaseMismatchCard_1 = __importDefault(require("../components/DatabaseMismatchCard"));
17
18
  function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
18
19
  const { state, dispatch } = (0, AdminProvider_1.useAdmin)();
19
20
  const parentRef = (0, react_1.useRef)(null);
@@ -41,20 +42,27 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
41
42
  }
42
43
  }, [reloadFlag]);
43
44
  async function getDashNames() {
44
- const url = `${constants_1.QUILL_SERVER}/dashnames/${state.client._id}/`;
45
- const response2 = await fetch(url, {
46
- method: 'GET',
45
+ const response = await fetch(`${state.queryEndpoint}`, {
46
+ method: 'POST',
47
47
  headers: {
48
- Authorization: 'Bearer ', // Ensure you append your token after 'Bearer ' if needed
49
- environment: state.environment,
48
+ ...state.queryHeaders,
49
+ 'Content-Type': 'application/json',
50
50
  },
51
+ body: JSON.stringify({
52
+ metadata: {
53
+ clientId: state.client._id,
54
+ publicKey: state.client._id,
55
+ task: 'dashboards',
56
+ databaseType: state.client.databaseType,
57
+ },
58
+ }),
51
59
  });
52
60
  // If you need to retrieve the JSON data from the response:
53
- const data = await response2.json();
54
- if (!data.dashboardNames || !data.dashboardNames.length) {
61
+ const data = await response.json();
62
+ if (!data.data.dashboardNames || !data.data.dashboardNames.length) {
55
63
  return;
56
64
  }
57
- const dashNames = data.dashboardNames.map((elem) => {
65
+ const dashNames = data.data.dashboardNames.map((elem) => {
58
66
  if (!elem) {
59
67
  return { name: 'null' };
60
68
  }
@@ -111,8 +119,14 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
111
119
  task: 'config',
112
120
  name: dashboard,
113
121
  clientId: state.client._id,
122
+ databaseType: state.client.databaseType,
114
123
  }
115
- : { task: 'config', name: dashboard, clientId: state.client._id },
124
+ : {
125
+ task: 'config',
126
+ name: dashboard,
127
+ clientId: state.client._id,
128
+ databaseType: state.client.databaseType,
129
+ },
116
130
  }),
117
131
  credentials: state.withCredentials ? 'include' : 'omit', // If withCredentials is true, set to 'include'. Otherwise, set to 'omit'.
118
132
  });
@@ -227,92 +241,95 @@ function DashboardManager({ navigateToDashboardBuilder, containerStyle, }) {
227
241
  color: state.theme.secondaryTextColor,
228
242
  fontFamily: state.theme.fontFamily,
229
243
  userSelect: 'none',
230
- }, 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 && ((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 }) }))] }) }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'inline-block' }, children: [!state.dashboards.length && ((0, jsx_runtime_1.jsx)("div", { style: {
231
- width: '100%',
232
- display: 'flex',
233
- flexDirection: 'column',
234
- alignItems: 'center',
235
- }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
236
- height: 80,
237
- width: 260,
238
- borderRadius: 6,
239
- marginTop: 100,
240
- display: 'flex',
241
- flexDirection: 'column',
242
- alignItems: 'center',
243
- justifyContent: 'center',
244
- gap: 20,
245
- }, className: "hover-dash-rect", onClick: () => {
246
- setNewDashboardModalIsOpen(true);
247
- }, 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: {
244
+ }, 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 && ((0, jsx_runtime_1.jsx)("div", { style: {
245
+ width: '100%',
246
+ display: 'flex',
247
+ flexDirection: 'column',
248
+ alignItems: 'center',
249
+ }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
250
+ height: 80,
251
+ width: 260,
252
+ borderRadius: 6,
253
+ marginTop: 100,
248
254
  display: 'flex',
249
- flexDirection: 'row',
255
+ flexDirection: 'column',
250
256
  alignItems: 'center',
251
257
  justifyContent: 'center',
252
- width: 260,
253
- }, 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: {
254
- fontSize: 14,
255
- fontWeight: 500,
256
- color: '#565656',
257
- // border: '1px solid #e7e7e7',
258
- paddingTop: 8,
259
- paddingBottom: 8,
260
- paddingRight: 12,
261
- paddingLeft: 12,
262
- borderRadius: 4,
263
- cursor: 'pointer',
264
- }, className: "quill-hover-button", children: "Create new dashboard" })] })] }) })), reloadFlag ? null : ((0, jsx_runtime_1.jsx)(react_2.Dashboard, { name: state.selectedDashboard, containerStyle: {
265
- paddingRight: 25,
266
- paddingLeft: 25,
267
- paddingTop: 30,
268
- }, onClickDashboardItem: (elem) => {
269
- dispatch({ type: 'SET_REPORT_ID', payload: elem._id });
270
- dispatch({ type: 'SET_ACTIVE_COMPONENT', payload: 'Report' });
271
- }, 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) => {
272
- dispatch({
273
- type: 'SET_SELECTED_EDIT_DASHBOARD',
274
- payload: dashboardName,
275
- });
276
- setEditFilterModalIsOpen(true);
277
- // setIsEditDashboardModalOpen(false);
278
- }, openAddDashboardModal: () => {
279
- setIsAddDashboardModalOpen(true);
280
- // setIsEditDashboardModalOpen(false);
281
- }, openEditOrderModal: (dashboardName) => {
282
- setSelectedReorderDashboard(dashboardName);
283
- setIsReorderDashboardModalOpen(true);
284
- }, 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: () => {
285
- setAddFilterModalIsOpen(true);
286
- // setEditFilterModalIsOpen(false);
287
- }, openEditOrderModal: (dashboardName) => {
288
- setSelectedReorderDashboard(dashboardName);
289
- setIsReorderDashboardModalOpen(true);
290
- }, onSave: async () => {
291
- await getDashNames();
292
- setReloadFlag(true);
293
- reloadDashboard();
294
- }, 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) => {
295
- setSelectedReorderDashboard(dashboardName);
296
- setIsReorderDashboardModalOpen(true);
297
- }, onSave: (name) => {
298
- dispatch({ type: 'SET_SELECTED_DASHBOARD', payload: name });
299
- dispatch({
300
- type: 'SET_DASHBOARDS',
301
- payload: [...state.dashboards, { name }],
302
- });
303
- setReloadFlag(true);
304
- reloadDashboard();
305
- }, 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: () => {
306
- setReloadFlag(true);
307
- reloadDashboard();
308
- }, 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: () => {
309
- setIsAddDashboardModalOpen(true);
310
- // setAddFilterModalIsOpen(false);
311
- } }), (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,
312
- // @ts-ignore
313
- openAddFilterModal: () => {
314
- setAddFilterModalIsOpen(true);
315
- // setIsAddDashboardModalOpen(false);
316
- }, organizationId: state.organizationId, getDashNames: getDashNames })] }) }));
258
+ gap: 20,
259
+ }, className: "hover-dash-rect", onClick: () => {
260
+ setNewDashboardModalIsOpen(true);
261
+ }, 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: {
262
+ display: 'flex',
263
+ flexDirection: 'row',
264
+ alignItems: 'center',
265
+ justifyContent: 'center',
266
+ width: 260,
267
+ }, 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: {
268
+ fontSize: 14,
269
+ fontWeight: 500,
270
+ color: '#565656',
271
+ // border: '1px solid #e7e7e7',
272
+ paddingTop: 8,
273
+ paddingBottom: 8,
274
+ paddingRight: 12,
275
+ paddingLeft: 12,
276
+ borderRadius: 4,
277
+ cursor: 'pointer',
278
+ }, className: "quill-hover-button", children: "Create new dashboard" })] })] }) })), reloadFlag ? null : ((0, jsx_runtime_1.jsx)(react_2.Dashboard, { name: state.selectedDashboard, containerStyle: {
279
+ paddingRight: 25,
280
+ paddingLeft: 25,
281
+ paddingTop: 30,
282
+ }, onClickDashboardItem: (elem) => {
283
+ dispatch({ type: 'SET_REPORT_ID', payload: elem._id });
284
+ dispatch({
285
+ type: 'SET_ACTIVE_COMPONENT',
286
+ payload: 'Report',
287
+ });
288
+ }, 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) => {
289
+ dispatch({
290
+ type: 'SET_SELECTED_EDIT_DASHBOARD',
291
+ payload: dashboardName,
292
+ });
293
+ setEditFilterModalIsOpen(true);
294
+ // setIsEditDashboardModalOpen(false);
295
+ }, openAddDashboardModal: () => {
296
+ setIsAddDashboardModalOpen(true);
297
+ // setIsEditDashboardModalOpen(false);
298
+ }, openEditOrderModal: (dashboardName) => {
299
+ setSelectedReorderDashboard(dashboardName);
300
+ setIsReorderDashboardModalOpen(true);
301
+ }, 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: () => {
302
+ setAddFilterModalIsOpen(true);
303
+ // setEditFilterModalIsOpen(false);
304
+ }, openEditOrderModal: (dashboardName) => {
305
+ setSelectedReorderDashboard(dashboardName);
306
+ setIsReorderDashboardModalOpen(true);
307
+ }, onSave: async () => {
308
+ await getDashNames();
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)(NewDashboardModal_1.NewDashboardModal, { isOpen: newDashboardModalIsOpen, setIsOpen: setNewDashboardModalIsOpen, openEditOrderModal: (dashboardName) => {
312
+ setSelectedReorderDashboard(dashboardName);
313
+ setIsReorderDashboardModalOpen(true);
314
+ }, onSave: (name) => {
315
+ dispatch({ type: 'SET_SELECTED_DASHBOARD', payload: name });
316
+ dispatch({
317
+ type: 'SET_DASHBOARDS',
318
+ payload: [...state.dashboards, { name }],
319
+ });
320
+ setReloadFlag(true);
321
+ reloadDashboard();
322
+ }, 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: () => {
323
+ setReloadFlag(true);
324
+ reloadDashboard();
325
+ }, 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: () => {
326
+ setIsAddDashboardModalOpen(true);
327
+ // setAddFilterModalIsOpen(false);
328
+ } }), (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,
329
+ // @ts-ignore
330
+ openAddFilterModal: () => {
331
+ setAddFilterModalIsOpen(true);
332
+ // setIsAddDashboardModalOpen(false);
333
+ }, organizationId: state.organizationId, getDashNames: getDashNames })] }))] }) }));
317
334
  }
318
335
  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;AAenE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,cAAc,GACf,EAAE;IACD,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC,2CAknBA"}
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,2CAqUA"}