@bbki.ng/components 1.5.21 → 1.5.22

package/dist/index.d.ts

@@ -255,11 +255,12 @@ interface RandomRowsLayoutProps {
     cellRenderer: (index: number, randomBool: boolean, col: number) => React.ReactNode;
 }
 
+declare type ImageRenderer = (Img: ReactElement, index: number, col: number, randBool: boolean) => ReactNode;
 interface GalleryProps extends Omit<RandomRowsLayoutProps, "classNames" | "cellsCount" | "cellRenderer"> {
     images: ImgProps[];
     children?: ReactNode;
-    imageRenderer?: (Img: ReactElement) => ReactNode;
+    imageRenderer?: ImageRenderer;
 }
 declare const Gallery: (props: GalleryProps) => JSX.Element;
 
-export { Article, ArticleProps, ArticleSkeleton, ArticleSkeletonProps, BLinkDotProps, BlinkDot, Breadcrumb, BreadcrumbProps, Button, ButtonProps, ButtonType, DropImage, Error, ErrorBoundary, Gallery, GalleryProps, ImageDropProps, ImagePreviewerProps, Img, Link, LinkColor, LinkList, LinkListProps, LinkListSkeleton, LinkListSkeletonProps, LinkProps, List, Logo, LogoProps, Nav, NavProps, NoiseCover, NoiseCoverProps, NotFound, Page, Panel, PanelProps, PathObj, PopConfirm, PopConfirmProps, Skeleton, SkeletonColor, SkeletonProps, Table, TableProps, Tag, TagProps, Tags, ThreeColLayout, TitledList, TitledListProps, listProps, threeColLayoutProps };
+export { Article, ArticleProps, ArticleSkeleton, ArticleSkeletonProps, BLinkDotProps, BlinkDot, Breadcrumb, BreadcrumbProps, Button, ButtonProps, ButtonType, DropImage, Error, ErrorBoundary, Gallery, GalleryProps, ImageDropProps, ImagePreviewerProps, ImageRenderer, Img, Link, LinkColor, LinkList, LinkListProps, LinkListSkeleton, LinkListSkeletonProps, LinkProps, List, Logo, LogoProps, Nav, NavProps, NoiseCover, NoiseCoverProps, NotFound, Page, Panel, PanelProps, PathObj, PopConfirm, PopConfirmProps, Skeleton, SkeletonColor, SkeletonProps, Table, TableProps, Tag, TagProps, Tags, ThreeColLayout, TitledList, TitledListProps, listProps, threeColLayoutProps };

package/dist/index.js

@@ -1004,21 +1004,32 @@ var RandomRowsLayout = (props) => {
 };
 
 // src/img/Gallery.tsx
+var defaultImageRenderer = (img, index, col) => {
+  return /* @__PURE__ */ import_react21.default.createElement("div", {
+    className: (0, import_classnames12.default)("mb-256", {
+      "md:mr-64": col === 0,
+      "md:ml-64": col !== 0
+    })
+  }, img);
+};
 var Gallery = (props) => {
-  const _a = props, { images, children, imageRenderer = (i) => i } = _a, rest = __objRest(_a, ["images", "children", "imageRenderer"]);
+  const _a = props, {
+    images,
+    children,
+    imageRenderer = defaultImageRenderer
+  } = _a, rest = __objRest(_a, [
+    "images",
+    "children",
+    "imageRenderer"
+  ]);
   const renderImage = (index, isLargeImage, col) => {
     const image = images[index];
     if (!image) {
       return null;
     }
-    return /* @__PURE__ */ import_react21.default.createElement("div", {
-      className: (0, import_classnames12.default)("mb-256", {
-        "md:mr-64": col === 0,
-        "md:ml-64": col !== 0
-      })
-    }, imageRenderer(/* @__PURE__ */ import_react21.default.createElement(Img, __spreadProps(__spreadValues({}, image), {
+    return imageRenderer(/* @__PURE__ */ import_react21.default.createElement(Img, __spreadProps(__spreadValues({}, image), {
       size: isLargeImage ? "large" : "normal"
-    }))));
+    })), index, col, isLargeImage);
   };
   return /* @__PURE__ */ import_react21.default.createElement("div", {
     className: "w-full flex justify-center"

package/dist/index.mjs

@@ -947,21 +947,32 @@ var RandomRowsLayout = (props) => {
 };
 
 // src/img/Gallery.tsx
+var defaultImageRenderer = (img, index, col) => {
+  return /* @__PURE__ */ React20.createElement("div", {
+    className: classnames3("mb-256", {
+      "md:mr-64": col === 0,
+      "md:ml-64": col !== 0
+    })
+  }, img);
+};
 var Gallery = (props) => {
-  const _a = props, { images, children, imageRenderer = (i) => i } = _a, rest = __objRest(_a, ["images", "children", "imageRenderer"]);
+  const _a = props, {
+    images,
+    children,
+    imageRenderer = defaultImageRenderer
+  } = _a, rest = __objRest(_a, [
+    "images",
+    "children",
+    "imageRenderer"
+  ]);
   const renderImage = (index, isLargeImage, col) => {
     const image = images[index];
     if (!image) {
       return null;
     }
-    return /* @__PURE__ */ React20.createElement("div", {
-      className: classnames3("mb-256", {
-        "md:mr-64": col === 0,
-        "md:ml-64": col !== 0
-      })
-    }, imageRenderer(/* @__PURE__ */ React20.createElement(Img, __spreadProps(__spreadValues({}, image), {
+    return imageRenderer(/* @__PURE__ */ React20.createElement(Img, __spreadProps(__spreadValues({}, image), {
       size: isLargeImage ? "large" : "normal"
-    }))));
+    })), index, col, isLargeImage);
   };
   return /* @__PURE__ */ React20.createElement("div", {
     className: "w-full flex justify-center"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/components",
-  "version": "1.5.21",
+  "version": "1.5.22",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",