@progress/kendo-react-common 14.2.2-develop.1 → 14.3.0-develop.10

package/watermark/WatermarkOverlay.mjs

@@ -8,8 +8,7 @@
 "use client";
 import * as e from "react";
 import * as H from "react-dom";
-let p = !0;
-const k = () => /* @__PURE__ */ e.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
+const p = { current: !0 }, k = () => /* @__PURE__ */ e.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -157,28 +156,30 @@ const k = () => /* @__PURE__ */ e.createElement("svg", { width: "32", height: "3
     buttonLink: "https://prgress.co/3PyHIoH"
   }
 }, y = (t) => {
-  const { code: n, licenseType: l, productName: a = "", version: c = "", expiration: d } = t || {};
-  let r = "default";
-  n && (`${n}:${l}` in L ? r = `${n}:${l}` : r = n);
-  const i = L[r] || L.default;
+  const { code: n, licenseType: s, productName: r = "", version: c = "", expiration: d } = t || {};
+  let l = "default";
+  n && (`${n}:${s}` in L ? l = `${n}:${s}` : l = n);
+  const i = L[l] || L.default;
   return {
     icon: i.icon,
-    title: i.title(a, c),
+    title: i.title(r, c),
     description: typeof i.description == "function" ? i.description(d) : i.description,
     buttonText: i.buttonText,
     buttonLink: i.buttonLink
   };
 }, M = (t) => {
-  const [n, l] = e.useState(!0), [a] = e.useState(p), [c, d] = e.useState(!1), [r, i] = e.useState(!1), [g, s] = e.useState(!1), [o, A] = e.useState(!1), [C, E] = e.useState(!1);
+  const [n, s] = e.useState(!0), [r] = e.useState(() => p.current ? (p.current = !1, !0) : !1), [c, d] = e.useState(!1), [l, i] = e.useState(!1), [u, a] = e.useState(!1), [o, A] = e.useState(!1), [C, E] = e.useState(!1);
   e.useEffect(() => {
-    d(!0), p && (p = !1);
+    d(!0);
     const f = () => {
       A(window.innerWidth < 500), E(window.innerWidth >= 768);
     };
-    return f(), window.addEventListener("resize", f), () => window.removeEventListener("resize", f);
-  }, []);
-  const u = () => {
-    l(!1);
+    return f(), window.addEventListener("resize", f), () => {
+      window.removeEventListener("resize", f), r && (p.current = !0);
+    };
+  }, [r]);
+  const g = () => {
+    s(!1);
   }, { icon: h, title: w, description: b, buttonText: v, buttonLink: m } = y(t.message), P = /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -221,14 +222,14 @@ const k = () => /* @__PURE__ */ e.createElement("svg", { width: "32", height: "3
           border: "none",
           borderRadius: "4px",
           padding: "4px",
-          backgroundColor: g ? "#3d3d3d14" : "transparent",
+          backgroundColor: u ? "#3d3d3d14" : "transparent",
           transition: "background-color 0.2s ease-in-out",
           outline: "none",
           cursor: "pointer"
         },
-        onMouseLeave: () => s(!1),
-        onMouseEnter: () => s(!0),
-        onClick: u
+        onMouseLeave: () => a(!1),
+        onMouseEnter: () => a(!0),
+        onClick: g
       },
       /* @__PURE__ */ e.createElement("svg", { width: "20", height: "20", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
         "path",
@@ -314,7 +315,7 @@ const k = () => /* @__PURE__ */ e.createElement("svg", { width: "32", height: "3
             position: "relative",
             border: "none",
             borderRadius: "4px",
-            backgroundColor: r ? "#b90138" : "#eb0249",
+            backgroundColor: l ? "#b90138" : "#eb0249",
             color: "#ffffff",
             transition: "background-color 0.2s ease-in-out",
             outline: "none",
@@ -343,14 +344,14 @@ const k = () => /* @__PURE__ */ e.createElement("svg", { width: "32", height: "3
             border: "none",
             borderRadius: "4px",
             padding: "4px",
-            backgroundColor: g ? "#3d3d3d14" : "transparent",
+            backgroundColor: u ? "#3d3d3d14" : "transparent",
             transition: "background-color 0.2s ease-in-out",
             outline: "none",
             cursor: "pointer"
           },
-          onMouseLeave: () => s(!1),
-          onMouseEnter: () => s(!0),
-          onClick: u
+          onMouseLeave: () => a(!1),
+          onMouseEnter: () => a(!0),
+          onClick: g
         },
         /* @__PURE__ */ e.createElement("svg", { width: "20", height: "20", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
           "path",
@@ -382,7 +383,7 @@ const k = () => /* @__PURE__ */ e.createElement("svg", { width: "32", height: "3
         )
       }
     }
-  ), c && a && n && H.createPortal(P, document.body));
+  ), c && r && n && H.createPortal(P, document.body));
 };
 export {
   M as WatermarkOverlay