@pixelated-tech/components 3.2.10 → 3.2.11

package/README.COMPONENTS.md

@@ -332,9 +332,10 @@ import { BlogPostList } from '@pixelated-tech/components';
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `site` | `string` | - | WordPress site URL or API endpoint |
+| `site` | `string` | - | WordPress site identifier (e.g., 'your-blog.wordpress.com') |
 | `count` | `number` | - | Number of posts to fetch (undefined = all) |
 | `posts` | `BlogPostType[]` | - | Pre-fetched posts array |
+| `showCategories` | `boolean` | `true` | Whether to display post categories |
 
 #### BlogPostSummary
 

package/dist/components/cms/gravatar.css

@@ -107,4 +107,12 @@
 
 .gravatar-card-compact .gravatar-about {
 	display: none;
+}
+
+/* Responsive: Stack horizontal layout vertically on small screens */
+@media (max-width: 480px) {
+	.gravatar-card-horizontal {
+		flex-direction: column;
+		align-items: center;
+	}
 }

package/dist/components/cms/wordpress.components.js

@@ -13,7 +13,7 @@ function decodeString(str) {
     return textarea.value;
 }
 export function BlogPostList(props) {
-    const { site: propSite, baseURL: propBaseURL, count, posts: cachedPosts } = props;
+    const { site: propSite, baseURL: propBaseURL, count, posts: cachedPosts, showCategories = true } = props;
     const config = usePixelatedConfig();
     const site = propSite ?? config?.wordpress?.site;
     const baseURL = propBaseURL ?? config?.wordpress?.baseURL;
@@ -39,14 +39,14 @@ export function BlogPostList(props) {
             ToggleLoading({ show: false });
         })();
     }, [site, baseURL, count, cachedPosts]);
-    return (_jsxs(_Fragment, { children: [_jsx(Loading, {}), posts.map((post) => (_jsx(PageGridItem, { children: _jsx(BlogPostSummary, { ID: post.ID, title: post.title, date: post.date, excerpt: post.excerpt, URL: post.URL, categories: post.categories, featured_image: post.featured_image }) }, post.ID)))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Loading, {}), posts.map((post) => (_jsx(PageGridItem, { children: _jsx(BlogPostSummary, { ID: post.ID, title: post.title, date: post.date, excerpt: post.excerpt, URL: post.URL, categories: post.categories, featured_image: post.featured_image, showCategories: showCategories }) }, post.ID)))] }));
 }
 export function BlogPostSummary(props) {
     const myCategoryImages = Object.entries(props.categories).map(([category, index]) => [category.trim().toLowerCase().replace(/[ /]+/g, '-'), index]).sort();
     const config = usePixelatedConfig();
     const myExcerpt = decodeString(props.excerpt).replace(/\[…\]/g, '<a href="' + props.URL + '" target="_blank" rel="noopener noreferrer">[…]</a>');
     return (_jsx("div", { className: "blog-post-summary", children: _jsxs("article", { className: "h-entry", children: [_jsx("h2", { className: "p-name", children: _jsx("a", { className: "u-url blog-post-url", href: props.URL, target: "_blank", rel: "noopener noreferrer", children: decodeString(props.title) }) }), _jsxs("div", { className: "dt-published", children: ["Published: ", new Date(props.date).toLocaleDateString()] }), props.featured_image ? (_jsxs("div", { className: "article-body row-12col", children: [_jsx("div", { className: "article-featured-image grid-s1-e4", children: _jsx(SmartImage, { className: "u-photo", src: props.featured_image, alt: decodeString(props.title), title: decodeString(props.title), style: { borderRadius: '20px' }, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }), _jsx("div", { className: "article-excerpt grid-s4-e13", children: _jsx("div", { className: "p-summary", dangerouslySetInnerHTML: { __html: myExcerpt } }) })] })) :
-                    _jsx("div", { className: "article-excerpt grid-s1-e13", children: _jsx("div", { className: "p-summary", dangerouslySetInnerHTML: { __html: myExcerpt } }) }), _jsxs("div", { children: ["Categories:", myCategoryImages.map(([categoryImg, index]) => (_jsx("span", { className: "p-category", children: _jsx(SmartImage, { src: `/images/icons/${categoryImg}.png`, title: String(categoryImg), alt: String(categoryImg), cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }, categoryImg + "-" + index)))] })] }) }, props.ID));
+                    _jsx("div", { className: "article-excerpt grid-s1-e13", children: _jsx("div", { className: "p-summary", dangerouslySetInnerHTML: { __html: myExcerpt } }) }), props.showCategories !== false && (_jsxs("div", { children: ["Categories:", myCategoryImages.map(([categoryImg, index]) => (_jsx("span", { className: "p-category", children: _jsx(SmartImage, { src: `/images/icons/${categoryImg}.png`, title: String(categoryImg), alt: String(categoryImg), cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }, categoryImg + "-" + index)))] }))] }) }, props.ID));
 }
 export function BlogPostCategories(props) {
     if (!props.categories || props.categories.length === 0) {

package/dist/types/components/cms/wordpress.components.d.ts

@@ -5,8 +5,11 @@ export declare function BlogPostList(props: {
     baseURL?: string;
     count?: number;
     posts?: BlogPostType[];
+    showCategories?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BlogPostSummary(props: BlogPostType & {
+    showCategories?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function BlogPostSummary(props: BlogPostType): import("react/jsx-runtime").JSX.Element;
 export declare function BlogPostCategories(props: {
     categories: string[];
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/components/cms/wordpress.components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wordpress.components.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/wordpress.components.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,iBAAiB,CAAC;AAWzB,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;CAAE,2CAkD9G;AAGD,wBAAgB,eAAe,CAAC,KAAK,EAAE,YAAY,2CA+ClD;AAID,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IAAE,UAAU,EAAE,MAAM,EAAE,CAAA;CAAE,kDA0BjE"}
+{"version":3,"file":"wordpress.components.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/wordpress.components.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAI1D,OAAO,iBAAiB,CAAC;AAWzB,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,2CAmDxI;AAGD,wBAAgB,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,2CAiDjF;AAID,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IAAE,UAAU,EAAE,MAAM,EAAE,CAAA;CAAE,kDA0BjE"}

package/dist/types/stories/cms/wordpress.stories.d.ts

@@ -3,6 +3,11 @@ export function WordpressBlogPostList(): import("react/jsx-runtime").JSX.Element
 export namespace WordpressBlogPostList {
     let storyName: string;
 }
+export function WordpressBlogPostListNoCategories(): import("react/jsx-runtime").JSX.Element;
+export namespace WordpressBlogPostListNoCategories {
+    let storyName_1: string;
+    export { storyName_1 as storyName };
+}
 declare namespace _default {
     export let title: string;
     export { BlogPostSummary as component };

package/dist/types/stories/cms/wordpress.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wordpress.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/cms/wordpress.stories.js"],"names":[],"mappings":"AA8BA,oFAsCC;AAED,iFAEC;;;;;;;;;;gCAvE6C,uCAAuC"}
+{"version":3,"file":"wordpress.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/cms/wordpress.stories.js"],"names":[],"mappings":"AA8BA,oFAsCC;AAED,iFAEC;;;;AAID,6FAEC;;;;;;;;;;;gCA7E6C,uCAAuC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pixelated-tech/components",
-	"version": "3.2.10",
+	"version": "3.2.11",
 	"private": false,
 	"author": {
 		"name": "Pixelated Technologies",