@carlonicora/nextjs-jsonapi 5.4.0 → 5.5.0

package/dist/features/blog/index.mjs

@@ -1,6 +1,5 @@
 "use client";
 import {
-  AdministrationProvider,
   Alert,
   AlertDescription,
   Badge,
@@ -38,8 +37,8 @@ import {
   registerTableGenerator,
   useDataListRetriever,
   usePageUrlGenerator
-} from "../../chunk-EUKTBOI2.mjs";
-import "../../chunk-QMYQRPQC.mjs";
+} from "../../chunk-X5WIUUNG.mjs";
+import "../../chunk-6SQYXUVP.mjs";
 import "../../chunk-PW42LRSL.mjs";
 import {
   BLOG_ACTION,
@@ -65,10 +64,10 @@ import {
   showToast,
   useI18nLocale,
   useI18nRouter
-} from "../../chunk-WC63PJSC.mjs";
+} from "../../chunk-VC5A3AUZ.mjs";
+import "../../chunk-V5MI7RNB.mjs";
 import "../../chunk-AUXK7QSA.mjs";
 import "../../chunk-PI56A4DG.mjs";
-import "../../chunk-V5MI7RNB.mjs";
 import "../../chunk-VOXD3ZLY.mjs";
 import {
   __name
@@ -160,7 +159,7 @@ function BlogCoverImageField({
           alt: alt ?? label,
           width: 320,
           height: 180,
-          className: "h-auto max-h-48 w-auto rounded-md object-cover",
+          className: "h-auto max-h-48 w-auto max-w-full rounded-md object-cover",
           unoptimized: isRemoteImageSrc(previewUrl ? void 0 : currentUrl)
         }
       ) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -813,7 +812,7 @@ function BlogPostEditor({ post, trigger, onSuccess }) {
       onSuccess,
       onNavigate: (url) => router.push(url),
       trigger,
-      children: /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col gap-y-4", children: [
+      children: /* @__PURE__ */ jsxs7("div", { className: "flex h-full min-h-0 w-full flex-col gap-y-4", children: [
         !post && /* @__PURE__ */ jsx8(
           FormSelect,
           {
@@ -825,43 +824,50 @@ function BlogPostEditor({ post, trigger, onSuccess }) {
           }
         ),
         /* @__PURE__ */ jsx8(FormInput, { form, id: "title", name: t("blog.fields.title"), isRequired: true }),
-        post && /* @__PURE__ */ jsx8(FormInput, { form, id: "slug", name: t("blog.fields.slug"), description: t("blog.fields.slugHelp") }),
-        /* @__PURE__ */ jsx8(
-          FormTextarea,
-          {
-            form,
-            id: "summary",
-            name: t("blog.fields.summary"),
-            description: t("blog.fields.summaryHelp")
-          }
-        ),
-        /* @__PURE__ */ jsx8(
-          BlogCoverImageField,
-          {
-            form,
-            id: "coverImage",
-            label: t("blog.fields.coverImage"),
-            keyPrefix: BLOG_POST_UPLOAD_PREFIX,
-            entityId: form.getValues("id"),
-            currentUrl: post?.coverImage,
-            alt: original?.coverImageAlt,
-            selection: cover,
-            onSelectionChange: setCover
-          }
-        ),
-        /* @__PURE__ */ jsx8(FormInput, { form, id: "coverImageAlt", name: t("blog.fields.coverImageAlt") }),
-        /* @__PURE__ */ jsx8(
-          EntityMultiSelector,
-          {
-            id: "categories",
-            form,
-            label: t("blog.fields.categories"),
-            retriever: (params) => BlogCategoryService.findMany(params),
-            module: Modules.BlogCategory,
-            getLabel: blogCategoryAdminName,
-            getFormValueLabel: (value) => value.name || categoryName(value.id)
-          }
-        ),
+        /* @__PURE__ */ jsxs7("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-y-4", children: [
+            post && /* @__PURE__ */ jsx8(FormInput, { form, id: "slug", name: t("blog.fields.slug"), description: t("blog.fields.slugHelp") }),
+            /* @__PURE__ */ jsx8(
+              EntityMultiSelector,
+              {
+                id: "categories",
+                form,
+                label: t("blog.fields.categories"),
+                retriever: (params) => BlogCategoryService.findMany(params),
+                module: Modules.BlogCategory,
+                getLabel: blogCategoryAdminName,
+                getFormValueLabel: (value) => value.name || categoryName(value.id)
+              }
+            ),
+            /* @__PURE__ */ jsx8(
+              FormTextarea,
+              {
+                form,
+                id: "summary",
+                name: t("blog.fields.summary"),
+                description: t("blog.fields.summaryHelp"),
+                className: "min-h-24"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsx8(
+              BlogCoverImageField,
+              {
+                form,
+                id: "coverImage",
+                label: t("blog.fields.coverImage"),
+                keyPrefix: BLOG_POST_UPLOAD_PREFIX,
+                entityId: form.getValues("id"),
+                currentUrl: post?.coverImage,
+                alt: original?.coverImageAlt,
+                selection: cover,
+                onSelectionChange: setCover
+              }
+            ),
+            /* @__PURE__ */ jsx8(FormInput, { form, id: "coverImageAlt", name: t("blog.fields.coverImageAlt") })
+          ] })
+        ] }),
         /* @__PURE__ */ jsx8(
           FormBlockNote,
           {
@@ -871,6 +877,8 @@ function BlogPostEditor({ post, trigger, onSuccess }) {
             name: t("blog.fields.body"),
             type: "blog-post",
             isRequired: true,
+            stretch: true,
+            className: "min-h-96",
             onEmptyChange: setIsBodyEmptyState
           }
         )
@@ -923,14 +931,14 @@ __name(BlogPostsList, "BlogPostsList");
 import { jsx as jsx10 } from "react/jsx-runtime";
 function BlogAdminContainer() {
   const t = useTranslations9();
-  return /* @__PURE__ */ jsx10(AdministrationProvider, { children: /* @__PURE__ */ jsx10(
+  const breadcrumbs = [{ name: t("blog.admin.title") }];
+  return /* @__PURE__ */ jsx10(SharedProvider, { value: { breadcrumbs, title: { type: t("blog.admin.title") } }, children: /* @__PURE__ */ jsx10(
     RoundPageContainer,
     {
       module: Modules.BlogPost,
-      fullWidth: true,
       tabs: [
-        { sectionKey: "posts", label: t("blog.tabs.posts"), content: /* @__PURE__ */ jsx10(BlogPostsList, { fullWidth: true }) },
-        { sectionKey: "categories", label: t("blog.tabs.categories"), content: /* @__PURE__ */ jsx10(BlogCategoriesList, { fullWidth: true }) },
+        { sectionKey: "posts", label: t("blog.tabs.posts"), content: /* @__PURE__ */ jsx10(BlogPostsList, {}) },
+        { sectionKey: "categories", label: t("blog.tabs.categories"), content: /* @__PURE__ */ jsx10(BlogCategoriesList, {}) },
         { sectionKey: "layout", label: t("blog.tabs.layout"), content: /* @__PURE__ */ jsx10(BlogLayoutSetting, {}) }
       ]
     }
@@ -1154,11 +1162,15 @@ function BlogPostTranslationEditor({ translation, trigger, onSuccess }) {
       onSuccess: onSuccess ?? (() => {
       }),
       trigger,
-      children: /* @__PURE__ */ jsxs10("div", { className: "flex w-full flex-col gap-y-4", children: [
+      children: /* @__PURE__ */ jsxs10("div", { className: "flex h-full min-h-0 w-full flex-col gap-y-4", children: [
         /* @__PURE__ */ jsx15(FormInput, { form, id: "title", name: t("blog.fields.title"), isRequired: true }),
-        /* @__PURE__ */ jsx15(FormInput, { form, id: "slug", name: t("blog.fields.slug"), description: t("blog.fields.slugHelp") }),
-        /* @__PURE__ */ jsx15(FormTextarea, { form, id: "summary", name: t("blog.fields.summary") }),
-        /* @__PURE__ */ jsx15(FormInput, { form, id: "coverImageAlt", name: t("blog.fields.coverImageAlt") }),
+        /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-y-4", children: [
+            /* @__PURE__ */ jsx15(FormInput, { form, id: "slug", name: t("blog.fields.slug"), description: t("blog.fields.slugHelp") }),
+            /* @__PURE__ */ jsx15(FormTextarea, { form, id: "summary", name: t("blog.fields.summary"), className: "min-h-24" })
+          ] }),
+          /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-y-4", children: /* @__PURE__ */ jsx15(FormInput, { form, id: "coverImageAlt", name: t("blog.fields.coverImageAlt") }) })
+        ] }),
         /* @__PURE__ */ jsx15(
           FormBlockNote,
           {
@@ -1168,6 +1180,8 @@ function BlogPostTranslationEditor({ translation, trigger, onSuccess }) {
             name: t("blog.fields.body"),
             type: "blog-post",
             isRequired: true,
+            stretch: true,
+            className: "min-h-96",
             onEmptyChange: setIsBodyEmptyState
           }
         )
@@ -1316,7 +1330,6 @@ function BlogPostShell() {
         {
           module: Modules.BlogPost,
           id: post.id,
-          fullWidth: true,
           forceHeader: true,
           tabs: translations.map((translation) => ({
             sectionKey: translation.language,
@@ -1428,7 +1441,6 @@ function BlogLoadMore(props) {
 __name(BlogLoadMore, "BlogLoadMore");
 
 // src/features/blog/components/public/BlogPostCard.tsx
-import { useFormatter as useFormatter2 } from "next-intl";
 import Image3 from "next/image";
 
 // src/features/blog/components/public/BlogPostMeta.tsx
@@ -1475,15 +1487,14 @@ function BlogPostCover(props) {
 __name(BlogPostCover, "BlogPostCover");
 function BlogPostCard(props) {
   const { post, categories, basePath, variant = "card", priority, headingLevel = "h2" } = props;
-  const format = useFormatter2();
   const category = resolvePostCategory(post, categories);
   const isProminent = variant === "hero" || variant === "large";
-  const eyebrow = variant === "row" && post.publishedAt ? [category?.name, format.dateTime(new Date(post.publishedAt), { day: "numeric", month: "short" })].filter(Boolean).join(" \xB7 ") : category?.name;
+  const eyebrow = category?.name;
   const text = /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 flex-col", children: [
     eyebrow ? /* @__PURE__ */ jsx21(MicroLabel, { as: "span", children: eyebrow }) : null,
     /* @__PURE__ */ jsx21(SectionHeader, { level: headingLevel === "h3" ? 3 : 2, className: "mt-1.5", children: /* @__PURE__ */ jsx21(Link, { href: blogPostHref(basePath, post.slug), className: "after:absolute after:inset-0", children: post.title }) }),
     post.summary ? /* @__PURE__ */ jsx21("p", { className: "text-muted-foreground mt-2 text-sm leading-relaxed", children: post.summary }) : null,
-    /* @__PURE__ */ jsx21(BlogPostMeta, { post, showAuthor: isProminent, showDate: isProminent, className: "mt-3" })
+    /* @__PURE__ */ jsx21(BlogPostMeta, { post, showAuthor: isProminent, className: "mt-3" })
   ] });
   if (variant === "hero") {
     return /* @__PURE__ */ jsxs14("article", { className: "group relative grid items-center gap-6 md:grid-cols-[1.4fr_1fr] md:gap-10", children: [
@@ -1714,7 +1725,7 @@ import { ArrowLeftIcon } from "lucide-react";
 import { useTranslations as useTranslations21 } from "next-intl";
 import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 function BlogPostView(props) {
-  const { post, categories, related, basePath } = props;
+  const { post, categories, related, basePath, body } = props;
   const t = useTranslations21();
   const category = resolvePostCategory(post, categories);
   const more = related.slice(0, 3);
@@ -1727,7 +1738,7 @@ function BlogPostView(props) {
       /* @__PURE__ */ jsxs19("header", { className: "mt-8", children: [
         /* @__PURE__ */ jsx27(ContentTitle, { type: category?.name, element: post.title, headingLevel: 1, className: "mb-0" }),
         post.summary ? /* @__PURE__ */ jsx27("p", { className: "text-muted-foreground mt-3 text-sm leading-relaxed", children: post.summary }) : null,
-        /* @__PURE__ */ jsx27(BlogPostMeta, { post, showAuthor: true, showDate: true, showUpdated: true, className: "mt-4" })
+        /* @__PURE__ */ jsx27(BlogPostMeta, { post, showAuthor: true, className: "mt-4" })
       ] }),
       post.coverImage ? /* @__PURE__ */ jsx27(
         BlogPostCover,
@@ -1739,7 +1750,7 @@ function BlogPostView(props) {
           className: "mt-8 aspect-[16/9]"
         }
       ) : null,
-      /* @__PURE__ */ jsx27("div", { className: "mt-8", children: /* @__PURE__ */ jsx27(BlockNoteEditorContainer, { id: post.id, type: "blog-post", initialContent: post.body }) })
+      /* @__PURE__ */ jsx27("div", { className: "mt-8", children: body ?? /* @__PURE__ */ jsx27(BlockNoteEditorContainer, { id: post.id, type: "blog-post", initialContent: post.body }) })
     ] }),
     more.length > 0 ? /* @__PURE__ */ jsx27("section", { className: "mx-auto mt-16 max-w-5xl", children: /* @__PURE__ */ jsxs19("div", { className: "border-border border-t pt-10", children: [
       /* @__PURE__ */ jsx27(SectionHeader, { level: 2, children: t("blog.public.moreIn", { category: category?.name ?? "" }) }),