@pixelated-tech/components 3.2.9 → 3.2.11

package/{README.COMPONENTS.MD → README.COMPONENTS.md}

@@ -335,6 +335,7 @@ import { BlogPostList } from '@pixelated-tech/components';
 | `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
 
@@ -460,13 +461,12 @@ import { Gravatar } from '@pixelated-tech/components';
 
 ### HubSpot
 
-CRM integration for HubSpot forms and tracking. Uses config provider for default values.
+CRM integration for HubSpot forms and tracking.
 
 ```tsx
-import { HubSpotForm } from '@pixelated-tech/components';
+import { HubSpot } from '@pixelated-tech/components';
 
-<HubSpotForm
-  region="na1"
+<HubSpot
   portalId="1234567"
   formId="abcd-1234-5678-efgh"
 />
@@ -475,11 +475,9 @@ import { HubSpotForm } from '@pixelated-tech/components';
 #### Props
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `region` | `string` | `config.hubspot.region` or `'na1'` | HubSpot region (na1, eu1, ap1, etc.) |
-| `portalId` | `string` | `config.hubspot.portalId` | HubSpot portal ID |
-| `formId` | `string` | `config.hubspot.formId` | HubSpot form ID |
-| `target` | `string` | `'#hubspot-form-container'` | Form target element selector |
-| `containerId` | `string` | `'hubspot-form-container'` | Container element ID |
+| `portalId` | `string` | - | HubSpot portal ID |
+| `formId` | `string` | - | HubSpot form ID |
+| `onFormSubmit` | `function` | - | Form submission callback |
 
 ### Instagram
 
@@ -996,32 +994,22 @@ import { NotFound } from '@pixelated-tech/components';
 
 ### GoogleAnalytics
 
-Google Analytics tracking component. Can use config provider or direct props.
+Google Analytics tracking component.
 
 ```tsx
 import { GoogleAnalytics } from '@pixelated-tech/components';
 
-// Using config provider (recommended)
-<GoogleAnalytics />
-
-// Using direct props (overrides config)
-<GoogleAnalytics id="G-XXXXXXXXXX" />
+<GoogleAnalytics
+  trackingId="GA_MEASUREMENT_ID"
+  debug={false}
+/>
 ```
 
 #### Props
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `id` | `string` | - | Google Analytics tracking ID (optional if set in config) |
-
-#### Configuration
-```tsx
-const pixelatedConfig = {
-  googleAnalytics: {
-    id: 'G-XXXXXXXXXX',    // Google Analytics measurement ID
-    adId: 'AW-XXXXXXXXX',  // Optional: Google Ads conversion tracking
-  }
-};
-```
+| `trackingId` | `string` | - | Google Analytics tracking ID |
+| `debug` | `boolean` | `false` | Enable debug mode |
 
 ### GoogleMap
 
@@ -1369,8 +1357,8 @@ const cloudinaryConfig = {
 
 ```tsx
 const wordpressConfig = {
-  baseURL: 'https://public-api.wordpress.com/rest/v1/sites/',  // REST API base URL
-  site: 'your-blog.wordpress.com'                              // WordPress site identifier
+  site: 'your-blog.wordpress.com',     // WordPress site URL
+  apiVersion: '1.1'                    // API version (optional)
 };
 ```
 
@@ -1392,7 +1380,6 @@ const config = {
     username: 'your-calendly-username'
   },
   hubspot: {
-    region: 'na1',
     portalId: 'your-portal-id',
     formId: 'your-form-id'
   },

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.9",
+	"version": "3.2.11",
 	"private": false,
 	"author": {
 		"name": "Pixelated Technologies",