@prokodo/ui 0.1.2 → 0.1.4

package/dist/helpers/createIsland.js

@@ -18,27 +18,35 @@ function createIsland({
   if (typeof window === "undefined") {
     void loadLazy();
   }
-  function withIslandAttr(el, priority) {
+  function withIslandAttr(el) {
     const islandName = name.toLowerCase();
-    const extra = {
-      "data-island": islandName
-    };
-    if (Boolean(priority)) extra.priority = true;
-    return cloneElement(el, extra);
+    return cloneElement(
+      el,
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      { "data-island": islandName }
+    );
   }
   __name(withIslandAttr, "withIslandAttr");
-  const Island = /* @__PURE__ */ __name(({ ...raw }) => {
+  const Island = /* @__PURE__ */ __name(({
+    priority = false,
+    ...raw
+  }) => {
     const props = raw;
+    const serverBaseProps = name === "Image" && priority ? {
+      ...props,
+      priority
+    } : props;
     const autoInteractive = Object.entries(props).some(
       ([k, v]) => k.startsWith("on") && typeof v === "function"
     ) || props.redirect !== void 0;
     const interactive = customInteractive ? customInteractive(props) || autoInteractive : autoInteractive;
-    const serverSafe = stripFnProps(props);
+    const serverSafe = stripFnProps(serverBaseProps);
+    const clientProps = priority ? { ...props, priority } : { ...props };
     if (!interactive) {
       return withIslandAttr(/* @__PURE__ */ jsx(Server, { ...serverSafe }));
     }
     const fallback = withIslandAttr(/* @__PURE__ */ jsx(Server, { ...serverSafe }));
-    return /* @__PURE__ */ jsx(Suspense, { fallback, children: withIslandAttr(/* @__PURE__ */ jsx(LazyComp, { ...props })) });
+    return /* @__PURE__ */ jsx(Suspense, { fallback, children: withIslandAttr(/* @__PURE__ */ jsx(LazyComp, { ...clientProps })) });
   }, "Island");
   Island.displayName = `${name}Island`;
   return Island;

package/dist/helpers/createLazyWrapper.js

@@ -16,7 +16,10 @@ function createLazyWrapper({
     ...raw
   }) => {
     var _a, _b;
-    const props = raw;
+    const props = {
+      ...raw,
+      ...name === "Image" && priority ? { priority } : {}
+    };
     const autoInteractive = Object.entries(props).some(
       ([k, v]) => k.startsWith("on") && typeof v === "function"
     ) || props.redirect !== void 0;
@@ -35,13 +38,11 @@ function createLazyWrapper({
           )}, visible=${visible})`
         );
       }
-      const extra = {
-        "data-island": islandName
-      };
-      if (priority) {
-        extra.priority = priority;
-      }
-      return cloneElement(clientEl, extra);
+      return cloneElement(
+        clientEl,
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        { "data-island": islandName }
+      );
     } else {
       const serverEl = /* @__PURE__ */ jsx(Server, { ...props });
       if (typeof process !== "undefined" && typeof ((_b = process == null ? void 0 : process.env) == null ? void 0 : _b.PK_ENABLE_DEBUG_LOGS) === "string") {

package/dist/index.js

@@ -35,6 +35,7 @@ import { PostWidget } from "./components/post-widget/PostWidget.js";
 import { PostWidgetCarousel } from "./components/post-widget-carousel/PostWidgetCarousel.js";
 import { ProgressBar } from "./components/progressBar/ProgressBar.js";
 import { Quote } from "./components/quote/Quote.js";
+import { Rating } from "./components/rating/Rating.js";
 import { RichText } from "./components/rich-text/RichText.js";
 import { Select } from "./components/select/Select.js";
 import { SideNav } from "./components/sidenav/SideNav.js";
@@ -82,6 +83,7 @@ export {
   PostWidgetCarousel,
   ProgressBar,
   Quote,
+  Rating,
   RichText,
   Select,
   SideNav,