@nextblock-cms/ecom 0.20.3 → 0.21.1

package/lib/pages/cms/products/components/ProductMediaManager.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../../../../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("lucide-react"),r=require("react/jsx-runtime"),i=require("next/image");i=e.__toESM(i,1);var a=process.env.NEXT_PUBLIC_R2_BASE_URL||``,o=e=>e?e.startsWith(`http`)||!a?e:`${a.replace(/\/+$/,``)}/${e.replace(/^\/+/,``)}`:``,s=({initialMedia:e,onUpdate:a,mediaPickerNode:s})=>{let[c,l]=(0,t.useState)(e),u=(0,t.useRef)(null),d=(0,t.useRef)(null);(0,t.useEffect)(()=>{l(e)},[e]);let f=(e,t)=>{u.current=t,e.dataTransfer.effectAllowed=`move`},p=(e,t)=>{d.current=t,e.preventDefault()},m=e=>{e.preventDefault()},h=e=>{if(e.preventDefault(),u.current===null||d.current===null)return;let t=[...c],n=t[u.current];t.splice(u.current,1),t.splice(d.current,0,n),u.current=null,d.current=null;let r=t.map((e,t)=>({...e,sort_order:t}));l(r),a(r)},g=e=>{if(!e||c.some(t=>t.media_id===e.id))return;let t={id:`temp-${Date.now()}`,media_id:e.id,file_path:e.file_path||e.object_key,alt:e.description||e.file_name||``,sort_order:c.length,isNew:!0},n=[...c,t];l(n),a(n)},_=e=>{let t=c.filter((t,n)=>n!==e).map((e,t)=>({...e,sort_order:t}));l(t),a(t)};return(0,r.jsxs)(`div`,{className:`space-y-4`,children:[(0,r.jsxs)(`div`,{className:`grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-4`,children:[c.map((e,t)=>(0,r.jsxs)(`div`,{className:`group relative aspect-square bg-muted/40 rounded-lg border overflow-hidden cursor-move transition-all hover:shadow-md`,draggable:!0,onDragStart:e=>f(e,t),onDragEnter:e=>p(e,t),onDragOver:m,onDrop:h,children:[t===0&&(0,r.jsx)(`div`,{className:`absolute top-2 left-2 z-10 bg-primary text-primary-foreground text-[10px] font-bold px-2 py-0.5 rounded shadow-sm`,children:`MAIN`}),(0,r.jsx)(`button`,{type:`button`,onClick:()=>_(t),className:`absolute top-1 right-1 z-20 p-1 bg-destructive/90 text-destructive-foreground rounded-full opacity-0 group-hover:opacity-100 transition-opacity`,children:(0,r.jsx)(n.X,{className:`w-3 h-3`})}),(0,r.jsx)(`div`,{className:`absolute inset-0 bg-black/0 group-hover:bg-black/5 transition-colors pointer-events-none`}),(0,r.jsx)(`div`,{className:`absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity`,children:(0,r.jsx)(n.GripVertical,{className:`w-4 h-4 text-white drop-shadow-md`})}),o(e.file_path)?(0,r.jsx)(i.default,{src:o(e.file_path),alt:e.alt,fill:!0,className:`object-cover`,sizes:`(max-width: 768px) 50vw, 33vw`}):(0,r.jsx)(`div`,{className:`flex h-full w-full items-center justify-center text-muted-foreground`,children:(0,r.jsx)(n.Image,{className:`w-8 h-8 opacity-30`})})]},e.id)),s?t.default.cloneElement(s,{onSelect:g,children:(0,r.jsxs)(`button`,{type:`button`,className:`group relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground hover:bg-muted/20 hover:border-muted-foreground/50 transition-all focus:outline-none focus:ring-2 focus:ring-primary`,children:[(0,r.jsx)(n.Image,{className:`w-8 h-8 mb-2 opacity-50 group-hover:opacity-75 transition-opacity`}),(0,r.jsx)(`span`,{className:`text-sm font-medium`,children:`Add Image`})]})}):(0,r.jsxs)(`div`,{className:`relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground`,children:[(0,r.jsx)(n.Image,{className:`w-8 h-8 mb-2 opacity-30`}),(0,r.jsx)(`span`,{className:`text-xs text-center px-2`,children:`Media Picker not injected`})]})]}),(0,r.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Drag and drop images to reorder. The first image will be used as the main product image.`})]})};exports.ProductMediaManager=s;

package/lib/pages/cms/products/components/ProductMediaManager.es.js

@@ -1,104 +1,107 @@
-'use client';
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import D, { useState as j, useRef as f, useEffect as E } from "react";
-import { X as R, GripVertical as S, Image as p } from "lucide-react";
-import A from "next/image";
-const h = process.env.NEXT_PUBLIC_R2_BASE_URL || "", v = (s) => s ? s.startsWith("http") || !h ? s : `${h.replace(/\/+$/, "")}/${s.replace(/^\/+/, "")}` : "", z = ({ initialMedia: s, onUpdate: m, mediaPickerNode: g }) => {
-  const [n, d] = j(s), c = f(null), u = f(null);
-  E(() => {
-    d(s);
-  }, [s]);
-  const b = (e, r) => {
-    c.current = r, e.dataTransfer.effectAllowed = "move";
-  }, x = (e, r) => {
-    u.current = r, e.preventDefault();
-  }, y = (e) => {
-    e.preventDefault();
-  }, w = (e) => {
-    if (e.preventDefault(), c.current === null || u.current === null) return;
-    const r = [...n], o = r[c.current];
-    r.splice(c.current, 1), r.splice(u.current, 0, o), c.current = null, u.current = null;
-    const a = r.map((l, I) => ({
-      ...l,
-      sort_order: I
-    }));
-    d(a), m(a);
-  }, N = (e) => {
-    if (!e || n.some((a) => a.media_id === e.id))
-      return;
-    const r = {
-      id: `temp-${Date.now()}`,
-      // Temp ID
-      media_id: e.id,
-      file_path: e.file_path || e.object_key,
-      alt: e.description || e.file_name || "",
-      sort_order: n.length,
-      isNew: !0
-    }, o = [...n, r];
-    d(o), m(o);
-  }, _ = (e) => {
-    const o = n.filter((a, l) => l !== e).map((a, l) => ({ ...a, sort_order: l }));
-    d(o), m(o);
-  };
-  return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ i("div", { className: "grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-4", children: [
-      n.map((e, r) => /* @__PURE__ */ i(
-        "div",
-        {
-          className: "group relative aspect-square bg-muted/40 rounded-lg border overflow-hidden cursor-move transition-all hover:shadow-md",
-          draggable: !0,
-          onDragStart: (o) => b(o, r),
-          onDragEnter: (o) => x(o, r),
-          onDragOver: y,
-          onDrop: w,
-          children: [
-            r === 0 && /* @__PURE__ */ t("div", { className: "absolute top-2 left-2 z-10 bg-primary text-primary-foreground text-[10px] font-bold px-2 py-0.5 rounded shadow-sm", children: "MAIN" }),
-            /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                onClick: () => _(r),
-                className: "absolute top-1 right-1 z-20 p-1 bg-destructive/90 text-destructive-foreground rounded-full opacity-0 group-hover:opacity-100 transition-opacity",
-                children: /* @__PURE__ */ t(R, { className: "w-3 h-3" })
-              }
-            ),
-            /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/5 transition-colors pointer-events-none" }),
-            /* @__PURE__ */ t("div", { className: "absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ t(S, { className: "w-4 h-4 text-white drop-shadow-md" }) }),
-            v(e.file_path) ? /* @__PURE__ */ t(
-              A,
-              {
-                src: v(e.file_path),
-                alt: e.alt,
-                fill: !0,
-                className: "object-cover",
-                sizes: "(max-width: 768px) 50vw, 33vw"
-              }
-            ) : /* @__PURE__ */ t("div", { className: "flex h-full w-full items-center justify-center text-muted-foreground", children: /* @__PURE__ */ t(p, { className: "w-8 h-8 opacity-30" }) })
-          ]
-        },
-        e.id
-      )),
-      g ? D.cloneElement(g, {
-        onSelect: N,
-        children: /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            className: "group relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground hover:bg-muted/20 hover:border-muted-foreground/50 transition-all focus:outline-none focus:ring-2 focus:ring-primary",
-            children: [
-              /* @__PURE__ */ t(p, { className: "w-8 h-8 mb-2 opacity-50 group-hover:opacity-75 transition-opacity" }),
-              /* @__PURE__ */ t("span", { className: "text-sm font-medium", children: "Add Image" })
-            ]
-          }
-        )
-      }) : /* @__PURE__ */ i("div", { className: "relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground", children: [
-        /* @__PURE__ */ t(p, { className: "w-8 h-8 mb-2 opacity-30" }),
-        /* @__PURE__ */ t("span", { className: "text-xs text-center px-2", children: "Media Picker not injected" })
-      ] })
-    ] }),
-    /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: "Drag and drop images to reorder. The first image will be used as the main product image." })
-  ] });
-};
-export {
-  z as ProductMediaManager
+"use client";
+import e, { useEffect as t, useRef as n, useState as r } from "react";
+import { GripVertical as i, Image as a, X as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "next/image";
+//#region src/lib/pages/cms/products/components/ProductMediaManager.tsx
+var u = process.env.NEXT_PUBLIC_R2_BASE_URL || "", d = (e) => e ? e.startsWith("http") || !u ? e : `${u.replace(/\/+$/, "")}/${e.replace(/^\/+/, "")}` : "", f = ({ initialMedia: u, onUpdate: f, mediaPickerNode: p }) => {
+	let [m, h] = r(u), g = n(null), _ = n(null);
+	t(() => {
+		h(u);
+	}, [u]);
+	let v = (e, t) => {
+		g.current = t, e.dataTransfer.effectAllowed = "move";
+	}, y = (e, t) => {
+		_.current = t, e.preventDefault();
+	}, b = (e) => {
+		e.preventDefault();
+	}, x = (e) => {
+		if (e.preventDefault(), g.current === null || _.current === null) return;
+		let t = [...m], n = t[g.current];
+		t.splice(g.current, 1), t.splice(_.current, 0, n), g.current = null, _.current = null;
+		let r = t.map((e, t) => ({
+			...e,
+			sort_order: t
+		}));
+		h(r), f(r);
+	}, S = (e) => {
+		if (!e || m.some((t) => t.media_id === e.id)) return;
+		let t = {
+			id: `temp-${Date.now()}`,
+			media_id: e.id,
+			file_path: e.file_path || e.object_key,
+			alt: e.description || e.file_name || "",
+			sort_order: m.length,
+			isNew: !0
+		}, n = [...m, t];
+		h(n), f(n);
+	}, C = (e) => {
+		let t = m.filter((t, n) => n !== e).map((e, t) => ({
+			...e,
+			sort_order: t
+		}));
+		h(t), f(t);
+	};
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ c("div", {
+			className: "grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-4",
+			children: [m.map((e, t) => /* @__PURE__ */ c("div", {
+				className: "group relative aspect-square bg-muted/40 rounded-lg border overflow-hidden cursor-move transition-all hover:shadow-md",
+				draggable: !0,
+				onDragStart: (e) => v(e, t),
+				onDragEnter: (e) => y(e, t),
+				onDragOver: b,
+				onDrop: x,
+				children: [
+					t === 0 && /* @__PURE__ */ s("div", {
+						className: "absolute top-2 left-2 z-10 bg-primary text-primary-foreground text-[10px] font-bold px-2 py-0.5 rounded shadow-sm",
+						children: "MAIN"
+					}),
+					/* @__PURE__ */ s("button", {
+						type: "button",
+						onClick: () => C(t),
+						className: "absolute top-1 right-1 z-20 p-1 bg-destructive/90 text-destructive-foreground rounded-full opacity-0 group-hover:opacity-100 transition-opacity",
+						children: /* @__PURE__ */ s(o, { className: "w-3 h-3" })
+					}),
+					/* @__PURE__ */ s("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/5 transition-colors pointer-events-none" }),
+					/* @__PURE__ */ s("div", {
+						className: "absolute bottom-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",
+						children: /* @__PURE__ */ s(i, { className: "w-4 h-4 text-white drop-shadow-md" })
+					}),
+					d(e.file_path) ? /* @__PURE__ */ s(l, {
+						src: d(e.file_path),
+						alt: e.alt,
+						fill: !0,
+						className: "object-cover",
+						sizes: "(max-width: 768px) 50vw, 33vw"
+					}) : /* @__PURE__ */ s("div", {
+						className: "flex h-full w-full items-center justify-center text-muted-foreground",
+						children: /* @__PURE__ */ s(a, { className: "w-8 h-8 opacity-30" })
+					})
+				]
+			}, e.id)), p ? e.cloneElement(p, {
+				onSelect: S,
+				children: /* @__PURE__ */ c("button", {
+					type: "button",
+					className: "group relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground hover:bg-muted/20 hover:border-muted-foreground/50 transition-all focus:outline-none focus:ring-2 focus:ring-primary",
+					children: [/* @__PURE__ */ s(a, { className: "w-8 h-8 mb-2 opacity-50 group-hover:opacity-75 transition-opacity" }), /* @__PURE__ */ s("span", {
+						className: "text-sm font-medium",
+						children: "Add Image"
+					})]
+				})
+			}) : /* @__PURE__ */ c("div", {
+				className: "relative aspect-square flex flex-col items-center justify-center border-2 border-dashed rounded-lg bg-muted/10 text-muted-foreground",
+				children: [/* @__PURE__ */ s(a, { className: "w-8 h-8 mb-2 opacity-30" }), /* @__PURE__ */ s("span", {
+					className: "text-xs text-center px-2",
+					children: "Media Picker not injected"
+				})]
+			})]
+		}), /* @__PURE__ */ s("p", {
+			className: "text-xs text-muted-foreground",
+			children: "Drag and drop images to reorder. The first image will be used as the main product image."
+		})]
+	});
 };
+//#endregion
+export { f as ProductMediaManager };

package/lib/pages/cms/products/components/ProductsBulkTable.cjs

@@ -0,0 +1 @@
+"use client";const e=require("../../../../../_virtual/_rolldown/runtime.cjs"),t=require("./DeleteProductButton.cjs");let n=require("next/link");n=e.__toESM(n,1);let r=require("react"),i=require("lucide-react"),a=require("@nextblock-cms/utils"),o=require("react/jsx-runtime"),s=require("next/navigation"),c=require("next/image");c=e.__toESM(c,1);let l=require("@nextblock-cms/ui");var u=process.env.NEXT_PUBLIC_R2_BASE_URL||``;function d(e){return e?e.startsWith(`http`)||!u?e:`${u.replace(/\/+$/,``)}/${e.replace(/^\/+/,``)}`:null}function f({products:e,languageLabels:u,defaultCurrencyCode:f,deleteProductAction:p,bulkDeleteProductsAction:m,bulkDraftProductsAction:h}){let g=(0,s.useRouter)(),[_,v]=(0,r.useState)(()=>new Set),[y,b]=(0,r.useState)(``),[x,S]=(0,r.useState)(null),[C,w]=(0,r.useState)(null),[T,E]=(0,r.useTransition)(),D=(0,r.useMemo)(()=>{let t=y.trim().toLowerCase();return t?e.filter(e=>{let n=u[String(e.language_id)]||``;return[e.title,e.sku,e.slug,e.status,n].filter(Boolean).join(` `).toLowerCase().includes(t)}):e},[u,e,y]),[O,k]=(0,r.useState)(1),[A,j]=(0,r.useState)(25);(0,r.useEffect)(()=>{k(1)},[y]);let M=D.length,N=Math.max(1,Math.ceil(M/A)),P=Math.min(O,N),F=(0,r.useMemo)(()=>{let e=(P-1)*A;return D.slice(e,e+A)},[D,P,A]),I=(0,r.useMemo)(()=>e.map(e=>e.id),[e]),L=(0,r.useMemo)(()=>F.map(e=>e.id),[F]),R=(0,r.useMemo)(()=>e.filter(e=>_.has(e.id)),[e,_]).length,z=R>1,B=L.filter(e=>_.has(e)).length,V=L.length>0&&L.every(e=>_.has(e)),H=B>0&&!V;(0,r.useEffect)(()=>{let e=new Set(I);v(t=>{let n=new Set(Array.from(t).filter(t=>e.has(t)));return n.size===t.size?t:n})},[I]);let U=e=>{v(t=>{let n=new Set(t);return e?L.forEach(e=>n.add(e)):L.forEach(e=>n.delete(e)),n})},W=(e,t)=>{v(n=>{let r=new Set(n);return t?r.add(e):r.delete(e),r})},G=(e,t,n)=>{if(R===0){S(`Select at least one product first.`);return}window.confirm(t)&&(S(null),w(e),E(async()=>{try{let e=await n(Array.from(_));if(!e.success){S(e.error||`Bulk action failed. Please try again.`),w(null);return}v(new Set),g.refresh()}catch(e){console.error(`Bulk product action failed:`,e),S(`Bulk action failed. Please try again.`)}finally{w(null)}}))};return(0,o.jsxs)(`div`,{className:`rounded-lg border overflow-hidden dark:border-slate-700`,children:[(0,o.jsxs)(`div`,{className:`flex min-h-14 flex-wrap items-center justify-between gap-3 border-b bg-muted/20 px-4 py-3`,children:[(0,o.jsxs)(`div`,{className:`flex min-w-[260px] flex-1 flex-wrap items-center gap-3`,children:[(0,o.jsxs)(`div`,{className:`relative w-full max-w-sm`,children:[(0,o.jsx)(i.Search,{className:`pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground`}),(0,o.jsx)(l.Input,{value:y,onChange:e=>b(e.target.value),placeholder:`Search products...`,className:`h-9 pl-9`,"aria-label":`Search products`})]}),R>0?(0,o.jsxs)(`span`,{className:`text-sm font-medium text-foreground`,children:[R,` selected`]}):null,x?(0,o.jsx)(`span`,{className:`text-sm text-destructive`,children:x}):null]}),z?(0,o.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,o.jsxs)(l.Button,{variant:`outline`,size:`sm`,disabled:T,onClick:()=>G(`Moving to draft...`,`Move ${R} selected products to draft?`,h),children:[(0,o.jsx)(i.Archive,{className:`mr-2 h-4 w-4`}),C===`Moving to draft...`?C:`Set Draft`]}),(0,o.jsxs)(l.Button,{variant:`destructive`,size:`sm`,disabled:T,onClick:()=>G(`Deleting...`,`Delete ${R} selected products? This action cannot be undone.`,m),children:[(0,o.jsx)(i.Trash2,{className:`mr-2 h-4 w-4`}),C===`Deleting...`?C:`Delete`]})]}):null]}),(0,o.jsxs)(l.Table,{children:[(0,o.jsx)(l.TableHeader,{children:(0,o.jsxs)(l.TableRow,{children:[(0,o.jsx)(l.TableHead,{className:`w-12`,children:(0,o.jsx)(l.Checkbox,{checked:V?!0:H?`indeterminate`:!1,onCheckedChange:e=>U(e===!0),"aria-label":`Select all products on this page`})}),(0,o.jsx)(l.TableHead,{children:`Image`}),(0,o.jsx)(l.TableHead,{children:`Title`}),(0,o.jsx)(l.TableHead,{children:`SKU`}),(0,o.jsx)(l.TableHead,{children:`Price`}),(0,o.jsx)(l.TableHead,{children:`Language`}),(0,o.jsx)(l.TableHead,{children:`SEO`}),(0,o.jsx)(l.TableHead,{children:`Stock`}),(0,o.jsx)(l.TableHead,{children:`Status`}),(0,o.jsx)(l.TableHead,{className:`text-right`,children:`Actions`})]})}),(0,o.jsx)(l.TableBody,{children:F.length>0?F.map(e=>{let r=d(e.product_media?.[0]?.media?.file_path||e.product_media?.[0]?.media?.object_key);return(0,o.jsxs)(l.TableRow,{"data-state":_.has(e.id)?`selected`:void 0,children:[(0,o.jsx)(l.TableCell,{children:(0,o.jsx)(l.Checkbox,{checked:_.has(e.id),onCheckedChange:t=>W(e.id,t===!0),"aria-label":`Select ${e.title}`})}),(0,o.jsx)(l.TableCell,{children:r?(0,o.jsx)(c.default,{src:r,alt:e.title,width:40,height:40,className:`w-10 h-10 object-cover rounded`}):(0,o.jsx)(`div`,{className:`w-10 h-10 bg-gray-200 rounded flex items-center justify-center text-xs text-gray-500`,children:`No Img`})}),(0,o.jsx)(l.TableCell,{className:`font-medium`,children:(0,o.jsx)(n.default,{href:`/cms/products/${e.id}/edit`,className:`hover:underline`,children:e.title})}),(0,o.jsx)(l.TableCell,{children:e.sku}),(0,o.jsx)(l.TableCell,{children:(0,o.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,o.jsx)(`span`,{className:e.sale_price?`font-semibold text-primary`:``,children:typeof(e.sale_price??e.price)==`number`?(0,a.formatPrice)(e.sale_price??e.price??0,f):`N/A`}),e.sale_price?(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground line-through`,children:(0,a.formatPrice)(e.price??0,f)}):null]})}),(0,o.jsx)(l.TableCell,{children:(0,o.jsx)(l.Badge,{variant:`outline`,children:u[String(e.language_id)]||`N/A`})}),(0,o.jsx)(l.TableCell,{children:(0,o.jsx)(l.SeoScoreBadge,{score:e.seo_score})}),(0,o.jsx)(l.TableCell,{children:e.stock}),(0,o.jsx)(l.TableCell,{children:(0,o.jsx)(`span`,{className:`px-2 py-1 rounded text-xs ${e.status===`active`?`bg-green-100 text-green-800`:e.status===`archived`?`bg-gray-100 text-gray-800`:`bg-yellow-100 text-yellow-800`}`,children:e.status})}),(0,o.jsxs)(l.TableCell,{className:`text-right flex justify-end gap-2 items-center`,children:[e.slug?(0,o.jsx)(n.default,{href:`/product/${e.slug}`,target:`_blank`,rel:`noopener noreferrer`,children:(0,o.jsx)(l.Button,{variant:`outline`,size:`sm`,children:`View Product`})}):null,(0,o.jsx)(n.default,{href:`/cms/products/${e.id}/edit`,children:(0,o.jsx)(l.Button,{variant:`ghost`,size:`sm`,children:`Edit`})}),(0,o.jsx)(t.DeleteProductButton,{productName:e.title,isIcon:!0,deleteAction:()=>p(e.id)})]})]},e.id)}):(0,o.jsx)(l.TableRow,{children:(0,o.jsx)(l.TableCell,{colSpan:10,className:`text-center py-10`,children:e.length===0?`No products found.`:`No products match your search.`})})})]}),M>0&&(0,o.jsxs)(`div`,{className:`flex flex-col sm:flex-row items-center justify-between gap-4 px-2 py-4 text-sm text-muted-foreground`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,o.jsx)(`span`,{children:`Rows per page:`}),(0,o.jsxs)(l.Select,{value:String(A),onValueChange:e=>{j(Number(e)),k(1)},children:[(0,o.jsx)(l.SelectTrigger,{className:`h-8 w-[70px]`,children:(0,o.jsx)(l.SelectValue,{placeholder:String(A)})}),(0,o.jsx)(l.SelectContent,{side:`top`,children:[10,25,50,100].map(e=>(0,o.jsx)(l.SelectItem,{value:String(e),children:e},e))})]}),(0,o.jsxs)(`span`,{className:`ml-2`,children:[`Showing `,(P-1)*A+1,` to `,Math.min(P*A,M),` of `,M,` products`]})]}),(0,o.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,o.jsxs)(`span`,{children:[`Page `,P,` of `,N]}),(0,o.jsx)(l.Button,{variant:`outline`,size:`sm`,className:`h-8 w-8 p-0`,onClick:()=>k(e=>Math.max(1,e-1)),disabled:P<=1,"aria-label":`Previous page`,children:(0,o.jsx)(i.ChevronLeft,{className:`h-4 w-4`})}),(0,o.jsx)(l.Button,{variant:`outline`,size:`sm`,className:`h-8 w-8 p-0`,onClick:()=>k(e=>Math.min(N,e+1)),disabled:P>=N,"aria-label":`Next page`,children:(0,o.jsx)(i.ChevronRight,{className:`h-4 w-4`})})]})]})]})}exports.ProductsBulkTable=f;

package/lib/pages/cms/products/components/ProductsBulkTable.d.ts

@@ -29,5 +29,5 @@ interface ProductsBulkTableProps {
     bulkDeleteProductsAction: (productIds: string[]) => BulkActionResult;
     bulkDraftProductsAction: (productIds: string[]) => BulkActionResult;
 }
-export declare function ProductsBulkTable({ products, languageLabels, defaultCurrencyCode, deleteProductAction, bulkDeleteProductsAction, bulkDraftProductsAction, }: ProductsBulkTableProps): import("react").JSX.Element;
+export declare function ProductsBulkTable({ products, languageLabels, defaultCurrencyCode, deleteProductAction, bulkDeleteProductsAction, bulkDraftProductsAction, }: ProductsBulkTableProps): import('react').JSX.Element;
 export {};