@ilo-org/react 0.17.8 → 0.18.1

package/lib/cjs/components/Callout/Callout.js

@@ -1,47 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var React = require('react');
-var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_Button_Button = require('../Button/Button.js');
-require('tslib');
-require('../../GlobalCtx-10114bdd.js');
-require('../Link/Link.js');
-require('../Icon/Icon.js');
-require('@ilo-org/icons-react');
-
-const Callout = ({ className, copy, cta, isCollapsible, isOpen = true, toggleOpenLabel = "Less", toggleClosedLabel = "More", headline, type, }) => {
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--callout`;
-    const [toggleOpen, setToggleOpen] = React.useState(isOpen);
-    let toggleLabel = toggleOpen ? toggleOpenLabel : toggleClosedLabel;
-    React.useEffect(() => {
-        setToggleOpen(isOpen);
-        toggleLabel = toggleOpen ? toggleOpenLabel : toggleClosedLabel;
-    }, [isOpen]);
-    const calloutClasses = classNames(className, {
-        [baseClass]: true,
-        [`${baseClass}__${type}`]: type,
-        [`${baseClass}--open`]: toggleOpen,
-        [`${baseClass}--collapse`]: isCollapsible,
-    });
-    const iconClasses = `icon icon__${type}`;
-    const ctaprops = {
-        callback: undefined,
-        className: `${baseClass}--cta`,
-        children: false,
-        label: cta === null || cta === void 0 ? void 0 : cta.label,
-        size: "small",
-        type: "tertiary",
-        url: cta === null || cta === void 0 ? void 0 : cta.url,
-    };
-    const handleToggle = (e) => {
-        e.preventDefault();
-        toggleLabel = toggleOpen ? toggleOpenLabel : toggleClosedLabel;
-        setToggleOpen(!toggleOpen);
-    };
-    return (jsxRuntime.jsxs("div", Object.assign({ className: calloutClasses }, { children: [jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}__sidebar` }, { children: jsxRuntime.jsx("span", { className: iconClasses }) })), jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}__content` }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}__header` }, { children: [jsxRuntime.jsx("h5", Object.assign({ className: `${baseClass}__title` }, { children: headline })), isCollapsible && (jsxRuntime.jsxs("button", Object.assign({ className: `${baseClass}--toggle`, onClick: handleToggle, type: "button" }, { children: [toggleLabel, jsxRuntime.jsx("span", { className: `${baseClass}--toggle--icon` })] })))] })), jsxRuntime.jsx("p", Object.assign({ className: `${baseClass}__description` }, { children: copy })), cta && jsxRuntime.jsx(components_Button_Button, Object.assign({}, ctaprops))] }))] })));
-};
-
-module.exports = Callout;

package/lib/cjs/components/Callout/index.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var components_Callout_Callout = require('./Callout.js');
-require('react/jsx-runtime');
-require('classnames');
-require('react');
-require('../../hooks/useGlobalSettings.js');
-require('tslib');
-require('../../GlobalCtx-10114bdd.js');
-require('../Button/Button.js');
-require('../Link/Link.js');
-require('../Icon/Icon.js');
-require('@ilo-org/icons-react');
-
-const baseArgs = {
-    copy: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
-    isCollapsible: false,
-    headline: "Info Callout",
-    type: "info",
-};
-const success = Object.assign(Object.assign({}, baseArgs), { type: "success", headline: "Success Callout" });
-const warning = Object.assign(Object.assign({}, baseArgs), { type: "warning", headline: "Warning Callout" });
-const error = Object.assign(Object.assign({}, baseArgs), { cta: {
-        label: "Optional CTA",
-        url: "http://www.google.com",
-    }, isCollapsible: true, isOpen: false, headline: "Error Callout (Collapsible)", toggleOpenLabel: "Open", toggleClosedLabel: "Closed", type: "error" });
-const CalloutArgs = { baseArgs, success, warning, error };
-
-exports.Callout = components_Callout_Callout;
-exports.calloutArgs = CalloutArgs;

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

@@ -1,47 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var hooks_useGlobalSettings = require('../../../hooks/useGlobalSettings.js');
-var components_Button_Button = require('../../Button/Button.js');
-var components_Cards_DataCard_DataCard = require('../DataCard/DataCard.js');
-var components_Cards_DetailCard_DetailCard = require('../DetailCard/DetailCard.js');
-var components_Cards_FactlistCard_FactListCard = require('../FactlistCard/FactListCard.js');
-var components_Cards_FeatureCard_FeatureCard = require('../FeatureCard/FeatureCard.js');
-var components_Cards_MultilinkCard_MultiLinkCard = require('../MultilinkCard/MultiLinkCard.js');
-var components_Cards_PromoCard_PromoCard = require('../PromoCard/PromoCard.js');
-var components_Cards_StatCard_StatCard = require('../StatCard/StatCard.js');
-var components_Cards_TextCard_TextCard = require('../TextCard/TextCard.js');
-require('tslib');
-require('react');
-require('../../../GlobalCtx-10114bdd.js');
-require('../../Link/Link.js');
-require('../../Icon/Icon.js');
-require('@ilo-org/icons-react');
-require('../../List/List.js');
-require('../../List/ListItem.js');
-require('../../LinkList/LinkList.js');
-require('../../Profile/Profile.js');
-
-const cardMapper = {
-    stat: components_Cards_StatCard_StatCard,
-    multilink: components_Cards_MultilinkCard_MultiLinkCard,
-    text: components_Cards_TextCard_TextCard,
-    promo: components_Cards_PromoCard_PromoCard,
-    feature: components_Cards_FeatureCard_FeatureCard,
-    detail: components_Cards_DetailCard_DetailCard,
-    factlist: components_Cards_FactlistCard_FactListCard,
-    data: components_Cards_DataCard_DataCard,
-};
-const CardGroup = ({ cards, titleLevel = "p", cardCount, cta, type, alignment, size, theme, collapsed = false, }) => {
-    const Card = cardMapper[type];
-    const { prefix } = hooks_useGlobalSettings();
-    const baseClass = `${prefix}--cardgroup`;
-    const cardGroupClasses = classNames(baseClass, `${baseClass}__count__${cardCount}`, {
-        [`${baseClass}__collapsed`]: collapsed,
-    });
-    return (jsxRuntime.jsxs("div", Object.assign({ className: cardGroupClasses }, { children: [jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--inner` }, { children: cards &&
-                    cards.map((card, index) => (jsxRuntime.jsx(Card, Object.assign({}, card, { size: size, theme: theme, alignment: alignment, titleLevel: titleLevel }), index))) })), cta && (jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--button-wrap` }, { children: jsxRuntime.jsx(components_Button_Button, { kind: "button", type: "secondary", size: "medium", label: cta.label, url: cta.url }) })))] })));
-};
-
-module.exports = CardGroup;