@ilo-org/react 0.11.0 → 0.13.0

package/lib/cjs/components/index.js

@@ -52,8 +52,7 @@ var components_TableOfContents_TableOfContents = require('./TableOfContents/Tabl
 var components_Footer_Footer = require('./Footer/Footer.js');
 var components_LocalNav_LocalNav = require('./LocalNav/LocalNav.js');
 var components_Navigation_Navigation = require('./Navigation/Navigation.js');
-var components_Card_Card = require('./Card/Card.js');
-var components_Card_CardGroup = require('./Card/CardGroup.js');
+var components_Cards_CardGroup_CardGroup = require('./Cards/CardGroup/CardGroup.js');
 var components_Breadcrumb_Breadcrumb = require('./Breadcrumb/Breadcrumb.js');
 var components_Tabs_Tabs = require('./Tabs/Tabs.js');
 require('../hooks/useGlobalSettings.js');
@@ -79,7 +78,15 @@ require('videojs-youtube');
 require('video.js');
 require('@ilo-org/icons-react');
 require('./Logo/Logo.js');
+require('./Cards/DataCard/DataCard.js');
+require('./Cards/DetailCard/DetailCard.js');
+require('./Cards/FactlistCard/FactListCard.js');
 require('./List/ListItem.js');
+require('./Cards/FeatureCard/FeatureCard.js');
+require('./Cards/MultilinkCard/MultiLinkCard.js');
+require('./Cards/PromoCard/PromoCard.js');
+require('./Cards/StatCard/StatCard.js');
+require('./Cards/TextCard/TextCard.js');
 
 
 
@@ -124,7 +131,6 @@ exports.TableOfContents = components_TableOfContents_TableOfContents;
 exports.Footer = components_Footer_Footer;
 exports.LocalNav = components_LocalNav_LocalNav;
 exports.Navigation = components_Navigation_Navigation;
-exports.Card = components_Card_Card;
-exports.CardGroup = components_Card_CardGroup;
+exports.CardGroup = components_Cards_CardGroup_CardGroup;
 exports.Breadcrumb = components_Breadcrumb_Breadcrumb;
 exports.Tabs = components_Tabs_Tabs;

package/lib/cjs/index.js

@@ -52,8 +52,7 @@ var components_TableOfContents_TableOfContents = require('./components/TableOfCo
 var components_Footer_Footer = require('./components/Footer/Footer.js');
 var components_LocalNav_LocalNav = require('./components/LocalNav/LocalNav.js');
 var components_Navigation_Navigation = require('./components/Navigation/Navigation.js');
-var components_Card_Card = require('./components/Card/Card.js');
-var components_Card_CardGroup = require('./components/Card/CardGroup.js');
+var components_Cards_CardGroup_CardGroup = require('./components/Cards/CardGroup/CardGroup.js');
 var components_Breadcrumb_Breadcrumb = require('./components/Breadcrumb/Breadcrumb.js');
 var components_Tabs_Tabs = require('./components/Tabs/Tabs.js');
 require('./hooks/useGlobalSettings.js');
@@ -79,7 +78,15 @@ require('./components/Video/VideoPlayer.js');
 require('videojs-youtube');
 require('video.js');
 require('./components/Logo/Logo.js');
+require('./components/Cards/DataCard/DataCard.js');
+require('./components/Cards/DetailCard/DetailCard.js');
+require('./components/Cards/FactlistCard/FactListCard.js');
 require('./components/List/ListItem.js');
+require('./components/Cards/FeatureCard/FeatureCard.js');
+require('./components/Cards/MultilinkCard/MultiLinkCard.js');
+require('./components/Cards/PromoCard/PromoCard.js');
+require('./components/Cards/StatCard/StatCard.js');
+require('./components/Cards/TextCard/TextCard.js');
 
 
 
@@ -124,7 +131,6 @@ exports.TableOfContents = components_TableOfContents_TableOfContents;
 exports.Footer = components_Footer_Footer;
 exports.LocalNav = components_LocalNav_LocalNav;
 exports.Navigation = components_Navigation_Navigation;
-exports.Card = components_Card_Card;
-exports.CardGroup = components_Card_CardGroup;
+exports.CardGroup = components_Cards_CardGroup_CardGroup;
 exports.Breadcrumb = components_Breadcrumb_Breadcrumb;
 exports.Tabs = components_Tabs_Tabs;

package/lib/esm/components/Cards/CardGroup/CardGroup.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import useGlobalSettings from '../../../hooks/useGlobalSettings.js';
+import DataCard from '../DataCard/DataCard.js';
+import DetailCard from '../DetailCard/DetailCard.js';
+import FactlistCard from '../FactlistCard/FactListCard.js';
+import FeatureCard from '../FeatureCard/FeatureCard.js';
+import MultilinkCard from '../MultilinkCard/MultiLinkCard.js';
+import PromoCard from '../PromoCard/PromoCard.js';
+import StatCard from '../StatCard/StatCard.js';
+import TextCard from '../TextCard/TextCard.js';
+import 'tslib';
+import 'react';
+import '../../../GlobalCtx-7fb23cfa.js';
+import '../../Link/Link.js';
+import '../../List/List.js';
+import '../../../ListCtx-da435fdf.js';
+import '../../List/ListItem.js';
+import '../../LinkList/LinkList.js';
+import '../../Profile/Profile.js';
+
+const cardMapper = {
+    stat: StatCard,
+    multilink: MultilinkCard,
+    text: TextCard,
+    promo: PromoCard,
+    feature: FeatureCard,
+    detail: DetailCard,
+    factlist: FactlistCard,
+    data: DataCard,
+};
+const CardGroup = ({ cards, cardCount, cta, type }) => {
+    const Cards = cardMapper[type];
+    const { prefix } = useGlobalSettings();
+    const baseClass = `${prefix}--cardgroup`;
+    const cardGroupClasses = classNames(baseClass, `${baseClass}__count__${cardCount}`);
+    return (jsxs("div", Object.assign({ className: cardGroupClasses }, { children: [jsx("div", Object.assign({ className: `${baseClass}--inner` }, { children: cards && cards.map((card, index) => jsx(Cards, Object.assign({}, card), index)) })), cta && (jsx("div", Object.assign({ className: `${baseClass}--button-wrap` }, { children: jsx("a", Object.assign({ className: `${prefix}--button ${prefix}--button--medium ${prefix}--button--secondary`, href: cta.url }, { children: jsx("span", Object.assign({ className: "button__label" }, { children: cta.label })) })) })))] })));
+};
+
+export { CardGroup as default };