@conduction/docusaurus-preset 3.17.0 → 3.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/docusaurus-preset",
-  "version": "3.17.0",
+  "version": "3.18.0",
   "scripts": {
     "prepack": "node scripts/prepack-bundle-css.js"
   },

package/src/components/PartnersFor/PartnersFor.jsx

@@ -0,0 +1,55 @@
+/**
+ * <PartnersFor />
+ *
+ * Section that lists the partners shipping a given app or solution.
+ * Reuses <PartnerCard/> (full variant) for each partner, with the
+ * <BecomePartner/> CTA as the trailing grid cell.
+ *
+ * Pure presentation: the consuming site resolves which partners ship
+ * the subject (via usePartnersByApp / usePartnersBySolution) and
+ * passes the locale-resolved copy in. When `partners` is empty, the
+ * grid contains only the BecomePartner cell so the section still
+ * recruits without looking broken.
+ *
+ * Usage in MDX:
+ *
+ *   import {PartnersFor} from '@conduction/docusaurus-preset/components';
+ *   import {usePartnersByApp, useBecomePartner} from '@site/src/data/partners-catalog';
+ *
+ *   <PartnersFor
+ *     eyebrow="Partners"
+ *     title="Partners shipping OpenRegister"
+ *     lede="Implementation, hosting, and integration partners that deliver OpenRegister to their customers."
+ *     partners={usePartnersByApp('OpenRegister')}
+ *     becomePartner={useBecomePartner()}
+ *   />
+ */
+
+import React from 'react';
+import Section from '../primitives/Section';
+import SectionHead from '../primitives/SectionHead';
+import PartnerCard, {PartnerGrid, BecomePartner} from '../PartnerCard/PartnerCard';
+
+export default function PartnersFor({
+  eyebrow = 'Partners',
+  title,
+  lede,
+  partners = [],
+  becomePartner,
+  gridColumns = 3,
+  background = 'default',
+  spacing = 'default',
+  className,
+}) {
+  return (
+    <Section background={background} spacing={spacing} className={className}>
+      <SectionHead eyebrow={eyebrow} title={title} lede={lede} />
+      <PartnerGrid columns={gridColumns}>
+        {partners.map((p, i) => (
+          <PartnerCard key={p.href || p.name || i} {...p} />
+        ))}
+        {becomePartner && <BecomePartner {...becomePartner} />}
+      </PartnerGrid>
+    </Section>
+  );
+}

package/src/components/index.js

@@ -41,6 +41,7 @@ export {default as SolutionCard, SolutionGrid} from './SolutionCard/SolutionCard
 export {default as PartnerCard, PartnerGrid, BecomePartner} from './PartnerCard/PartnerCard.jsx';
 export {default as PartnerDirectory} from './PartnerDirectory/PartnerDirectory.jsx';
 export {default as PartnerSidecard} from './PartnerSidecard/PartnerSidecard.jsx';
+export {default as PartnersFor} from './PartnersFor/PartnersFor.jsx';
 export {default as ManagedCommonGround} from './ManagedCommonGround/ManagedCommonGround.jsx';
 export {default as Clients, DEFAULT_CLIENTS, DEFAULT_PARTNERS} from './Clients/Clients.jsx';
 export {default as ReferenceCard, ReferenceGrid} from './ReferenceCard/ReferenceCard.jsx';