@smallwebco/tinypivot-react 1.0.14 → 1.0.15

package/dist/index.d.cts

@@ -183,9 +183,10 @@ declare function usePivotTable(data: Record<string, unknown>[]): UsePivotTableRe
  */
 declare function setLicenseKey(key: string): Promise<void>;
 /**
- * Enable demo mode
+ * Enable demo mode - requires the correct demo secret
+ * Returns true if activation succeeded, false if secret was invalid
  */
-declare function enableDemoMode(): void;
+declare function enableDemoMode(secret: string): Promise<boolean>;
 /**
  * Configure the license secret
  */

package/dist/index.d.ts

@@ -183,9 +183,10 @@ declare function usePivotTable(data: Record<string, unknown>[]): UsePivotTableRe
  */
 declare function setLicenseKey(key: string): Promise<void>;
 /**
- * Enable demo mode
+ * Enable demo mode - requires the correct demo secret
+ * Returns true if activation succeeded, false if secret was invalid
  */
-declare function enableDemoMode(): void;
+declare function enableDemoMode(secret: string): Promise<boolean>;
 /**
  * Configure the license secret
  */

package/dist/index.js

@@ -219,11 +219,17 @@ async function setLicenseKey(key) {
   }
   notifyListeners();
 }
-function enableDemoMode() {
+async function enableDemoMode(secret) {
+  const demoLicense = await getDemoLicenseInfo(secret);
+  if (!demoLicense) {
+    console.warn("[TinyPivot] Demo mode activation failed - invalid secret");
+    return false;
+  }
   globalDemoMode = true;
-  globalLicenseInfo = getDemoLicenseInfo();
+  globalLicenseInfo = demoLicense;
   console.info("[TinyPivot] Demo mode enabled - all Pro features unlocked for evaluation");
   notifyListeners();
+  return true;
 }
 function configureLicenseSecret(secret) {
   coreConfigureLicenseSecret(secret);
@@ -1327,6 +1333,20 @@ function PivotSkeleton({
     if (!activeFilters || activeFilters.length === 0) return "";
     return activeFilters.map((f) => f.column).join(", ");
   }, [activeFilters]);
+  const [showFilterTooltip, setShowFilterTooltip] = useState7(false);
+  const filterTooltipDetails = useMemo7(() => {
+    if (!activeFilters || activeFilters.length === 0) return [];
+    return activeFilters.map((f) => {
+      const maxDisplay = 5;
+      const displayValues = f.values.slice(0, maxDisplay);
+      const remaining = f.values.length - maxDisplay;
+      return {
+        column: f.column,
+        values: displayValues,
+        remaining: remaining > 0 ? remaining : 0
+      };
+    });
+  }, [activeFilters]);
   const handleDragOver = useCallback7(
     (area, event) => {
       event.preventDefault();
@@ -1451,37 +1471,66 @@ function PivotSkeleton({
             /* @__PURE__ */ jsx3("span", { children: "Pivot Table" })
           ] }),
           /* @__PURE__ */ jsxs3("div", { className: "vpg-header-right", children: [
-            hasActiveFilters && /* @__PURE__ */ jsxs3("div", { className: "vpg-filter-indicator", children: [
-              /* @__PURE__ */ jsx3(
-                "svg",
-                {
-                  className: "vpg-filter-icon",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ jsx3(
-                    "path",
+            hasActiveFilters && /* @__PURE__ */ jsxs3(
+              "div",
+              {
+                className: "vpg-filter-indicator",
+                onMouseEnter: () => setShowFilterTooltip(true),
+                onMouseLeave: () => setShowFilterTooltip(false),
+                children: [
+                  /* @__PURE__ */ jsx3(
+                    "svg",
                     {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
+                      className: "vpg-filter-icon",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      children: /* @__PURE__ */ jsx3(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"
+                        }
+                      )
                     }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxs3("span", { className: "vpg-filter-text", children: [
-                "Filtered: ",
-                /* @__PURE__ */ jsx3("strong", { children: filterSummary }),
-                filteredRowCount !== void 0 && totalRowCount !== void 0 && /* @__PURE__ */ jsxs3("span", { className: "vpg-filter-count", children: [
-                  "(",
-                  filteredRowCount.toLocaleString(),
-                  " of ",
-                  totalRowCount.toLocaleString(),
-                  " rows)"
-                ] })
-              ] })
-            ] }),
+                  ),
+                  /* @__PURE__ */ jsxs3("span", { className: "vpg-filter-text", children: [
+                    "Filtered: ",
+                    /* @__PURE__ */ jsx3("strong", { children: filterSummary }),
+                    filteredRowCount !== void 0 && totalRowCount !== void 0 && /* @__PURE__ */ jsxs3("span", { className: "vpg-filter-count", children: [
+                      "(",
+                      filteredRowCount.toLocaleString(),
+                      " of ",
+                      totalRowCount.toLocaleString(),
+                      " rows)"
+                    ] })
+                  ] }),
+                  showFilterTooltip && /* @__PURE__ */ jsxs3("div", { className: "vpg-filter-tooltip", children: [
+                    /* @__PURE__ */ jsx3("div", { className: "vpg-tooltip-header", children: "Active Filters" }),
+                    filterTooltipDetails.map((filter) => /* @__PURE__ */ jsxs3("div", { className: "vpg-tooltip-filter", children: [
+                      /* @__PURE__ */ jsx3("div", { className: "vpg-tooltip-column", children: filter.column }),
+                      /* @__PURE__ */ jsxs3("div", { className: "vpg-tooltip-values", children: [
+                        filter.values.map((val, idx) => /* @__PURE__ */ jsx3("span", { className: "vpg-tooltip-value", children: val }, idx)),
+                        filter.remaining > 0 && /* @__PURE__ */ jsxs3("span", { className: "vpg-tooltip-more", children: [
+                          "+",
+                          filter.remaining,
+                          " more"
+                        ] })
+                      ] })
+                    ] }, filter.column)),
+                    filteredRowCount !== void 0 && totalRowCount !== void 0 && /* @__PURE__ */ jsxs3("div", { className: "vpg-tooltip-summary", children: [
+                      "Showing ",
+                      filteredRowCount.toLocaleString(),
+                      " of ",
+                      totalRowCount.toLocaleString(),
+                      " rows"
+                    ] })
+                  ] })
+                ]
+              }
+            ),
             isConfigured && /* @__PURE__ */ jsxs3("div", { className: "vpg-config-summary", children: [
               /* @__PURE__ */ jsxs3("span", { className: "vpg-summary-badge vpg-rows", children: [
                 rowFields.length,