@smallwebco/tinypivot-react 1.1.0 → 1.1.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/index.cjs CHANGED
@@ -1357,7 +1357,8 @@ function CalculatedFieldModal({
1357
1357
  availableFields,
1358
1358
  existingField,
1359
1359
  onClose,
1360
- onSave
1360
+ onSave,
1361
+ theme
1361
1362
  }) {
1362
1363
  const [name, setName] = (0, import_react3.useState)("");
1363
1364
  const [formula, setFormula] = (0, import_react3.useState)("");
@@ -1428,7 +1429,7 @@ function CalculatedFieldModal({
1428
1429
  }, [onClose]);
1429
1430
  if (!show)
1430
1431
  return null;
1431
- const modalContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "vpg-modal-overlay", onClick: handleOverlayClick, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "vpg-modal", children: [
1432
+ const modalContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `vpg-modal-overlay vpg-theme-${theme ?? "light"}`, onClick: handleOverlayClick, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "vpg-modal", children: [
1432
1433
  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "vpg-modal-header", children: [
1433
1434
  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("h3", { children: [
1434
1435
  existingField ? "Edit" : "Create",
@@ -3925,7 +3926,8 @@ var PAGE_SIZE = 50;
3925
3926
  function DrillThroughModal({
3926
3927
  show,
3927
3928
  result,
3928
- onClose
3929
+ onClose,
3930
+ theme
3929
3931
  }) {
3930
3932
  const [currentPage, setCurrentPage] = (0, import_react12.useState)(1);
3931
3933
  (0, import_react12.useEffect)(() => {
@@ -3992,7 +3994,7 @@ function DrillThroughModal({
3992
3994
  if (!show || typeof document === "undefined")
3993
3995
  return null;
3994
3996
  return (0, import_react_dom2.createPortal)(
3995
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "vpg-modal-overlay", onClick: handleOverlayClick, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "vpg-modal vpg-drill-modal", children: [
3997
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `vpg-modal-overlay vpg-theme-${theme ?? "light"}`, onClick: handleOverlayClick, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "vpg-modal vpg-drill-modal", children: [
3996
3998
  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "vpg-modal-header", children: [
3997
3999
  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "vpg-drill-title", children: modalTitle }),
3998
4000
  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { className: "vpg-modal-close", onClick: onClose, children: "\xD7" })
@@ -4448,6 +4450,7 @@ function PivotConfig({
4448
4450
  show: showCalcModal,
4449
4451
  availableFields: numericFieldNames,
4450
4452
  existingField: editingCalcField,
4453
+ theme,
4451
4454
  onClose: handleCloseCalcModal,
4452
4455
  onSave: handleSaveCalcField
4453
4456
  }
@@ -6597,6 +6600,7 @@ function DataGrid({
6597
6600
  rowFields: pivotRowFields,
6598
6601
  columnFields: pivotColumnFields,
6599
6602
  valueFields: pivotValueFields,
6603
+ theme: currentTheme,
6600
6604
  onClose: handleCloseDrillThroughModal
6601
6605
  }
6602
6606
  )