@smallwebco/tinypivot-react 1.0.25 → 1.0.27

package/dist/index.cjs

@@ -464,7 +464,9 @@ function usePivotTable(data) {
     }
   }, [availableFields, requirePro]);
   const addCalculatedField = (0, import_react3.useCallback)((field) => {
+    console.log("[usePivotTable] addCalculatedField called with:", field);
     setCalculatedFields((prev) => {
+      console.log("[usePivotTable] Previous calculatedFields:", prev);
       const existing = prev.findIndex((f) => f.id === field.id);
       let updated;
       if (existing >= 0) {
@@ -472,6 +474,7 @@ function usePivotTable(data) {
       } else {
         updated = [...prev, field];
       }
+      console.log("[usePivotTable] Updated calculatedFields:", updated);
       (0, import_tinypivot_core3.saveCalculatedFields)(updated);
       return updated;
     });
@@ -1041,11 +1044,15 @@ function CalculatedFieldModal({
     });
   }, []);
   const handleSave = (0, import_react6.useCallback)(() => {
+    console.log("[CalculatedFieldModal] handleSave called");
+    console.log("[CalculatedFieldModal] name:", name, "formula:", formula);
+    console.log("[CalculatedFieldModal] availableFields:", availableFields);
     if (!name.trim()) {
       setError("Name is required");
       return;
     }
     const validationResult = (0, import_tinypivot_core5.validateSimpleFormula)(formula, availableFields);
+    console.log("[CalculatedFieldModal] validationResult:", validationResult);
     if (validationResult) {
       setError(validationResult);
       return;
@@ -1057,6 +1064,7 @@ function CalculatedFieldModal({
       formatAs,
       decimals
     };
+    console.log("[CalculatedFieldModal] Calling onSave with:", field);
     onSave(field);
     onClose();
   }, [name, formula, formatAs, decimals, existingField, availableFields, onSave, onClose]);
@@ -1209,7 +1217,6 @@ function PivotConfig({
   onRemoveCalculatedField,
   onUpdateCalculatedField
 }) {
-  const { showWatermark } = useLicense();
   const [fieldSearch, setFieldSearch] = (0, import_react7.useState)("");
   const [showCalcModal, setShowCalcModal] = (0, import_react7.useState)(false);
   const [editingCalcField, setEditingCalcField] = (0, import_react7.useState)(null);
@@ -1218,8 +1225,9 @@ function PivotConfig({
     [availableFields]
   );
   const calculatedFieldsAsStats = (0, import_react7.useMemo)(() => {
+    console.log("[PivotConfig] calculatedFields prop:", calculatedFields);
     if (!calculatedFields) return [];
-    return calculatedFields.map((calc) => ({
+    const stats = calculatedFields.map((calc) => ({
       field: `calc:${calc.id}`,
       type: "number",
       uniqueCount: 0,
@@ -1229,11 +1237,17 @@ function PivotConfig({
       calcName: calc.name,
       calcFormula: calc.formula
     }));
+    console.log("[PivotConfig] calculatedFieldsAsStats:", stats);
+    return stats;
   }, [calculatedFields]);
-  const allAvailableFields = (0, import_react7.useMemo)(() => [
-    ...availableFields.map((f) => ({ ...f, isCalculated: false })),
-    ...calculatedFieldsAsStats
-  ], [availableFields, calculatedFieldsAsStats]);
+  const allAvailableFields = (0, import_react7.useMemo)(() => {
+    const all = [
+      ...availableFields.map((f) => ({ ...f, isCalculated: false })),
+      ...calculatedFieldsAsStats
+    ];
+    console.log("[PivotConfig] allAvailableFields:", all.length, "items, calc fields:", calculatedFieldsAsStats.length);
+    return all;
+  }, [availableFields, calculatedFieldsAsStats]);
   const assignedFields = (0, import_react7.useMemo)(() => {
     const rowSet = new Set(rowFields);
     const colSet = new Set(columnFields);
@@ -1315,9 +1329,14 @@ function PivotConfig({
     setShowCalcModal(true);
   }, []);
   const handleSaveCalcField = (0, import_react7.useCallback)((field) => {
+    console.log("[PivotConfig] handleSaveCalcField called with:", field);
+    console.log("[PivotConfig] editingCalcField:", editingCalcField);
+    console.log("[PivotConfig] onAddCalculatedField exists:", !!onAddCalculatedField);
     if (editingCalcField && onUpdateCalculatedField) {
+      console.log("[PivotConfig] Calling onUpdateCalculatedField");
       onUpdateCalculatedField(field);
     } else if (onAddCalculatedField) {
+      console.log("[PivotConfig] Calling onAddCalculatedField");
       onAddCalculatedField(field);
     }
     setShowCalcModal(false);
@@ -1548,7 +1567,6 @@ function PivotConfig({
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "+ Calc" })
       ] })
     ] }),
-    showWatermark && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "vpg-watermark", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: "https://tiny-pivot.com", target: "_blank", rel: "noopener noreferrer", children: "TinyPivot" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       CalculatedFieldModal,
       {
@@ -2212,6 +2230,7 @@ function DataGrid({
     valueFields: pivotValueFields,
     showRowTotals: pivotShowRowTotals,
     showColumnTotals: pivotShowColumnTotals,
+    calculatedFields: pivotCalculatedFields,
     availableFields: pivotAvailableFields,
     isConfigured: pivotIsConfigured,
     pivotResult,
@@ -2227,7 +2246,9 @@ function DataGrid({
     setShowRowTotals: setPivotShowRowTotals,
     setShowColumnTotals: setPivotShowColumnTotals,
     setRowFields,
-    setColumnFields
+    setColumnFields,
+    addCalculatedField,
+    removeCalculatedField
   } = usePivotTable(filteredDataForPivot);
   const activeFilterInfo = (0, import_react9.useMemo)(() => {
     if (activeFilters.length === 0) return null;
@@ -3008,6 +3029,7 @@ function DataGrid({
               valueFields: pivotValueFields,
               showRowTotals: pivotShowRowTotals,
               showColumnTotals: pivotShowColumnTotals,
+              calculatedFields: pivotCalculatedFields,
               onShowRowTotalsChange: setPivotShowRowTotals,
               onShowColumnTotalsChange: setPivotShowColumnTotals,
               onClearConfig: clearPivotConfig,
@@ -3020,7 +3042,10 @@ function DataGrid({
               onAddColumnField: addColumnField,
               onRemoveColumnField: removeColumnField,
               onAddValueField: addValueField,
-              onRemoveValueField: removeValueField
+              onRemoveValueField: removeValueField,
+              onAddCalculatedField: addCalculatedField,
+              onRemoveCalculatedField: removeCalculatedField,
+              onUpdateCalculatedField: addCalculatedField
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `vpg-pivot-main ${!showPivotConfig ? "vpg-full-width" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(