@quillsql/react 2.16.26 → 2.16.27

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 (3) hide show
  1. package/dist/index.cjs +68 -70
  2. package/dist/index.js +68 -70
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -41760,7 +41760,6 @@ var styles = {
41760
41760
  gridTemplateColumns: "repeat(auto-fill,minmax(400px, 1fr))",
41761
41761
  gridTemplateRows: `repeat(${170}px)`
41762
41762
  },
41763
- chartColumn: { display: "contents" },
41764
41763
  emptyCard: {
41765
41764
  backgroundColor: "#ffffff",
41766
41765
  padding: 24,
@@ -41817,9 +41816,6 @@ var styles = {
41817
41816
  minHeight: 300,
41818
41817
  boxSizing: "content-box"
41819
41818
  },
41820
- metricGrid: {
41821
- display: "contents"
41822
- },
41823
41819
  metricEmpty: {
41824
41820
  backgroundColor: "#ffffff",
41825
41821
  padding: 24,
@@ -42232,8 +42228,8 @@ function DashboardContent({
42232
42228
  return aIndex - bIndex;
42233
42229
  });
42234
42230
  }, [sections, sectionOrder]);
42235
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: styles.contentWrap, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { style: styles.splitGrid, children: [
42236
- metricReports.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("section", { style: styles.metricGrid, children: metricReports.map((report) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
42231
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { style: styles.contentWrap, children: [
42232
+ metricReports.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: styles.splitGrid, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("section", { children: metricReports.map((report) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
42237
42233
  "div",
42238
42234
  {
42239
42235
  onClick: () => onClickReport(report),
@@ -42250,8 +42246,8 @@ function DashboardContent({
42250
42246
  ]
42251
42247
  },
42252
42248
  report.id
42253
- )) }),
42254
- chartReports.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("section", { style: styles.chartColumn, children: chartReports.map((report) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
42249
+ )) }) }),
42250
+ chartReports.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: styles.splitGrid, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("section", { children: chartReports.map((report) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
42255
42251
  "div",
42256
42252
  {
42257
42253
  onClick: () => onClickReport(report),
@@ -42268,69 +42264,71 @@ function DashboardContent({
42268
42264
  ]
42269
42265
  },
42270
42266
  report.id
42271
- )) }),
42272
- tableReports.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("section", { style: styles.tableColumn, children: tableReports.map((report) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
42273
- "div",
42274
- {
42275
- onClick: () => onClickReport(report),
42276
- style: styles.tableCard,
42277
- children: [
42278
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: styles.tableCardHeader, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h3", { style: styles.tableTitle, children: report.name }) }),
42279
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: styles.tableContainer, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
42280
- StaticChart,
42267
+ )) }) }),
42268
+ tableReports.length === 0 && orderedNonRootSectionEntries.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { style: styles.splitGrid, children: [
42269
+ tableReports.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("section", { style: styles.tableColumn, children: tableReports.map((report) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
42270
+ "div",
42271
+ {
42272
+ onClick: () => onClickReport(report),
42273
+ style: styles.tableCard,
42274
+ children: [
42275
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: styles.tableCardHeader, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h3", { style: styles.tableTitle, children: report.name }) }),
42276
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: styles.tableContainer, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
42277
+ StaticChart,
42278
+ {
42279
+ reportId: report.id,
42280
+ containerStyle: { height: "100%", width: "100%" }
42281
+ }
42282
+ ) })
42283
+ ]
42284
+ },
42285
+ report.id
42286
+ )) }),
42287
+ orderedNonRootSectionEntries.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("section", { style: styles.tableColumn, children: orderedNonRootSectionEntries.map(([sectionName, sectionReports]) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { style: styles.tableSectionCard, children: [
42288
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h1", { style: styles.tableSectionTitle, children: sectionName }),
42289
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: styles.tableSectionGrid, children: sectionReports.map((report) => {
42290
+ const isMetric = report.chartType === "metric";
42291
+ const isTable = report.chartType === "table";
42292
+ return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
42293
+ "div",
42281
42294
  {
42282
- reportId: report.id,
42283
- containerStyle: { height: "100%", width: "100%" }
42284
- }
42285
- ) })
42286
- ]
42287
- },
42288
- report.id
42289
- )) }),
42290
- orderedNonRootSectionEntries.length === 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("section", { style: styles.tableColumn, children: orderedNonRootSectionEntries.map(([sectionName, sectionReports]) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { style: styles.tableSectionCard, children: [
42291
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h1", { style: styles.tableSectionTitle, children: sectionName }),
42292
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: styles.tableSectionGrid, children: sectionReports.map((report) => {
42293
- const isMetric = report.chartType === "metric";
42294
- const isTable = report.chartType === "table";
42295
- return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
42296
- "div",
42297
- {
42298
- onClick: () => onClickReport(report),
42299
- style: isMetric ? styles.metricCard : isTable ? styles.tableCard : styles.chartCard,
42300
- children: [
42301
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
42302
- "div",
42303
- {
42304
- style: isMetric ? styles.metricHeader : isTable ? styles.tableCardHeader : styles.chartCardHeader,
42305
- children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
42306
- "h3",
42307
- {
42308
- style: isMetric ? styles.metricTitle : isTable ? styles.tableTitle : styles.chartTitle,
42309
- children: report.name
42310
- }
42311
- )
42312
- }
42313
- ),
42314
- /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
42315
- "div",
42316
- {
42317
- style: isMetric ? styles.metricChartWrap : isTable ? styles.tableContainer : styles.chartContainer,
42318
- children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
42319
- StaticChart,
42320
- {
42321
- reportId: report.id,
42322
- containerStyle: isMetric ? { height: 100, width: "100%" } : isTable ? { height: "100%", width: "100%" } : { height: 300, width: "100%" }
42323
- }
42324
- )
42325
- }
42326
- )
42327
- ]
42328
- },
42329
- report.id
42330
- );
42331
- }) })
42332
- ] }, sectionName)) })
42333
- ] }) });
42295
+ onClick: () => onClickReport(report),
42296
+ style: isMetric ? styles.metricCard : isTable ? styles.tableCard : styles.chartCard,
42297
+ children: [
42298
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
42299
+ "div",
42300
+ {
42301
+ style: isMetric ? styles.metricHeader : isTable ? styles.tableCardHeader : styles.chartCardHeader,
42302
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
42303
+ "h3",
42304
+ {
42305
+ style: isMetric ? styles.metricTitle : isTable ? styles.tableTitle : styles.chartTitle,
42306
+ children: report.name
42307
+ }
42308
+ )
42309
+ }
42310
+ ),
42311
+ /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
42312
+ "div",
42313
+ {
42314
+ style: isMetric ? styles.metricChartWrap : isTable ? styles.tableContainer : styles.chartContainer,
42315
+ children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
42316
+ StaticChart,
42317
+ {
42318
+ reportId: report.id,
42319
+ containerStyle: isMetric ? { height: 100, width: "100%" } : isTable ? { height: "100%", width: "100%" } : { height: 300, width: "100%" }
42320
+ }
42321
+ )
42322
+ }
42323
+ )
42324
+ ]
42325
+ },
42326
+ report.id
42327
+ );
42328
+ }) })
42329
+ ] }, sectionName)) })
42330
+ ] })
42331
+ ] });
42334
42332
  }
42335
42333
 
42336
42334
  // src/QuillProvider.tsx
package/dist/index.js CHANGED
@@ -41874,7 +41874,6 @@ var styles = {
41874
41874
  gridTemplateColumns: "repeat(auto-fill,minmax(400px, 1fr))",
41875
41875
  gridTemplateRows: `repeat(${170}px)`
41876
41876
  },
41877
- chartColumn: { display: "contents" },
41878
41877
  emptyCard: {
41879
41878
  backgroundColor: "#ffffff",
41880
41879
  padding: 24,
@@ -41931,9 +41930,6 @@ var styles = {
41931
41930
  minHeight: 300,
41932
41931
  boxSizing: "content-box"
41933
41932
  },
41934
- metricGrid: {
41935
- display: "contents"
41936
- },
41937
41933
  metricEmpty: {
41938
41934
  backgroundColor: "#ffffff",
41939
41935
  padding: 24,
@@ -42346,8 +42342,8 @@ function DashboardContent({
42346
42342
  return aIndex - bIndex;
42347
42343
  });
42348
42344
  }, [sections, sectionOrder]);
42349
- return /* @__PURE__ */ jsx60("div", { style: styles.contentWrap, children: /* @__PURE__ */ jsxs43("div", { style: styles.splitGrid, children: [
42350
- metricReports.length === 0 ? null : /* @__PURE__ */ jsx60("section", { style: styles.metricGrid, children: metricReports.map((report) => /* @__PURE__ */ jsxs43(
42345
+ return /* @__PURE__ */ jsxs43("div", { style: styles.contentWrap, children: [
42346
+ metricReports.length === 0 ? null : /* @__PURE__ */ jsx60("div", { style: styles.splitGrid, children: /* @__PURE__ */ jsx60("section", { children: metricReports.map((report) => /* @__PURE__ */ jsxs43(
42351
42347
  "div",
42352
42348
  {
42353
42349
  onClick: () => onClickReport(report),
@@ -42364,8 +42360,8 @@ function DashboardContent({
42364
42360
  ]
42365
42361
  },
42366
42362
  report.id
42367
- )) }),
42368
- chartReports.length === 0 ? null : /* @__PURE__ */ jsx60("section", { style: styles.chartColumn, children: chartReports.map((report) => /* @__PURE__ */ jsxs43(
42363
+ )) }) }),
42364
+ chartReports.length === 0 ? null : /* @__PURE__ */ jsx60("div", { style: styles.splitGrid, children: /* @__PURE__ */ jsx60("section", { children: chartReports.map((report) => /* @__PURE__ */ jsxs43(
42369
42365
  "div",
42370
42366
  {
42371
42367
  onClick: () => onClickReport(report),
@@ -42382,69 +42378,71 @@ function DashboardContent({
42382
42378
  ]
42383
42379
  },
42384
42380
  report.id
42385
- )) }),
42386
- tableReports.length === 0 ? null : /* @__PURE__ */ jsx60("section", { style: styles.tableColumn, children: tableReports.map((report) => /* @__PURE__ */ jsxs43(
42387
- "div",
42388
- {
42389
- onClick: () => onClickReport(report),
42390
- style: styles.tableCard,
42391
- children: [
42392
- /* @__PURE__ */ jsx60("div", { style: styles.tableCardHeader, children: /* @__PURE__ */ jsx60("h3", { style: styles.tableTitle, children: report.name }) }),
42393
- /* @__PURE__ */ jsx60("div", { style: styles.tableContainer, children: /* @__PURE__ */ jsx60(
42394
- StaticChart,
42381
+ )) }) }),
42382
+ tableReports.length === 0 && orderedNonRootSectionEntries.length === 0 ? null : /* @__PURE__ */ jsxs43("div", { style: styles.splitGrid, children: [
42383
+ tableReports.length === 0 ? null : /* @__PURE__ */ jsx60("section", { style: styles.tableColumn, children: tableReports.map((report) => /* @__PURE__ */ jsxs43(
42384
+ "div",
42385
+ {
42386
+ onClick: () => onClickReport(report),
42387
+ style: styles.tableCard,
42388
+ children: [
42389
+ /* @__PURE__ */ jsx60("div", { style: styles.tableCardHeader, children: /* @__PURE__ */ jsx60("h3", { style: styles.tableTitle, children: report.name }) }),
42390
+ /* @__PURE__ */ jsx60("div", { style: styles.tableContainer, children: /* @__PURE__ */ jsx60(
42391
+ StaticChart,
42392
+ {
42393
+ reportId: report.id,
42394
+ containerStyle: { height: "100%", width: "100%" }
42395
+ }
42396
+ ) })
42397
+ ]
42398
+ },
42399
+ report.id
42400
+ )) }),
42401
+ orderedNonRootSectionEntries.length === 0 ? null : /* @__PURE__ */ jsx60("section", { style: styles.tableColumn, children: orderedNonRootSectionEntries.map(([sectionName, sectionReports]) => /* @__PURE__ */ jsxs43("div", { style: styles.tableSectionCard, children: [
42402
+ /* @__PURE__ */ jsx60("h1", { style: styles.tableSectionTitle, children: sectionName }),
42403
+ /* @__PURE__ */ jsx60("div", { style: styles.tableSectionGrid, children: sectionReports.map((report) => {
42404
+ const isMetric = report.chartType === "metric";
42405
+ const isTable = report.chartType === "table";
42406
+ return /* @__PURE__ */ jsxs43(
42407
+ "div",
42395
42408
  {
42396
- reportId: report.id,
42397
- containerStyle: { height: "100%", width: "100%" }
42398
- }
42399
- ) })
42400
- ]
42401
- },
42402
- report.id
42403
- )) }),
42404
- orderedNonRootSectionEntries.length === 0 ? null : /* @__PURE__ */ jsx60("section", { style: styles.tableColumn, children: orderedNonRootSectionEntries.map(([sectionName, sectionReports]) => /* @__PURE__ */ jsxs43("div", { style: styles.tableSectionCard, children: [
42405
- /* @__PURE__ */ jsx60("h1", { style: styles.tableSectionTitle, children: sectionName }),
42406
- /* @__PURE__ */ jsx60("div", { style: styles.tableSectionGrid, children: sectionReports.map((report) => {
42407
- const isMetric = report.chartType === "metric";
42408
- const isTable = report.chartType === "table";
42409
- return /* @__PURE__ */ jsxs43(
42410
- "div",
42411
- {
42412
- onClick: () => onClickReport(report),
42413
- style: isMetric ? styles.metricCard : isTable ? styles.tableCard : styles.chartCard,
42414
- children: [
42415
- /* @__PURE__ */ jsx60(
42416
- "div",
42417
- {
42418
- style: isMetric ? styles.metricHeader : isTable ? styles.tableCardHeader : styles.chartCardHeader,
42419
- children: /* @__PURE__ */ jsx60(
42420
- "h3",
42421
- {
42422
- style: isMetric ? styles.metricTitle : isTable ? styles.tableTitle : styles.chartTitle,
42423
- children: report.name
42424
- }
42425
- )
42426
- }
42427
- ),
42428
- /* @__PURE__ */ jsx60(
42429
- "div",
42430
- {
42431
- style: isMetric ? styles.metricChartWrap : isTable ? styles.tableContainer : styles.chartContainer,
42432
- children: /* @__PURE__ */ jsx60(
42433
- StaticChart,
42434
- {
42435
- reportId: report.id,
42436
- containerStyle: isMetric ? { height: 100, width: "100%" } : isTable ? { height: "100%", width: "100%" } : { height: 300, width: "100%" }
42437
- }
42438
- )
42439
- }
42440
- )
42441
- ]
42442
- },
42443
- report.id
42444
- );
42445
- }) })
42446
- ] }, sectionName)) })
42447
- ] }) });
42409
+ onClick: () => onClickReport(report),
42410
+ style: isMetric ? styles.metricCard : isTable ? styles.tableCard : styles.chartCard,
42411
+ children: [
42412
+ /* @__PURE__ */ jsx60(
42413
+ "div",
42414
+ {
42415
+ style: isMetric ? styles.metricHeader : isTable ? styles.tableCardHeader : styles.chartCardHeader,
42416
+ children: /* @__PURE__ */ jsx60(
42417
+ "h3",
42418
+ {
42419
+ style: isMetric ? styles.metricTitle : isTable ? styles.tableTitle : styles.chartTitle,
42420
+ children: report.name
42421
+ }
42422
+ )
42423
+ }
42424
+ ),
42425
+ /* @__PURE__ */ jsx60(
42426
+ "div",
42427
+ {
42428
+ style: isMetric ? styles.metricChartWrap : isTable ? styles.tableContainer : styles.chartContainer,
42429
+ children: /* @__PURE__ */ jsx60(
42430
+ StaticChart,
42431
+ {
42432
+ reportId: report.id,
42433
+ containerStyle: isMetric ? { height: 100, width: "100%" } : isTable ? { height: "100%", width: "100%" } : { height: 300, width: "100%" }
42434
+ }
42435
+ )
42436
+ }
42437
+ )
42438
+ ]
42439
+ },
42440
+ report.id
42441
+ );
42442
+ }) })
42443
+ ] }, sectionName)) })
42444
+ ] })
42445
+ ] });
42448
42446
  }
42449
42447
 
42450
42448
  // src/QuillProvider.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quillsql/react",
3
- "version": "2.16.26",
3
+ "version": "2.16.27",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {