@ilo-org/react 0.17.8 → 0.18.0

package/lib/esm/components/Button/index.js

@@ -1,45 +0,0 @@
-export { default as Button } from './Button.js';
-import 'react/jsx-runtime';
-import 'classnames';
-import '../../hooks/useGlobalSettings.js';
-import 'tslib';
-import 'react';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../Link/Link.js';
-import '../Icon/Icon.js';
-import '@ilo-org/icons-react';
-
-const primary = {
-    type: "primary",
-    label: "Primary",
-    size: "medium",
-    name: "primary",
-};
-const secondary = {
-    type: "secondary",
-    label: "Secondary",
-    name: "secondary",
-};
-const tertiary = {
-    type: "tertiary",
-    label: "Tertiary",
-    name: "tertiary",
-};
-const alert = { type: "alert", label: "Alert", name: "alert" };
-const icon = { type: "primary", label: "Icon", icon: "close" };
-const disabled = {
-    type: "primary",
-    label: "Disabled",
-    disabled: true,
-};
-const link = {
-    type: "primary",
-    icon: "arrowright",
-    iconPosition: "right",
-    label: "Visit ilo.org",
-    url: "https://www.ilo.org",
-    target: "__blank",
-};
-var Button_args = { primary, secondary, tertiary, alert, icon, disabled, link };
-
-export { Button_args as buttonArgs };

package/lib/esm/components/Callout/Callout.js

@@ -1,45 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import { useState, useEffect } from 'react';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import Button from '../Button/Button.js';
-import 'tslib';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../Link/Link.js';
-import '../Icon/Icon.js';
-import '@ilo-org/icons-react';
-
-const Callout = ({ className, copy, cta, isCollapsible, isOpen = true, toggleOpenLabel = "Less", toggleClosedLabel = "More", headline, type, }) => {
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--callout`;
-    const [toggleOpen, setToggleOpen] = useState(isOpen);
-    let toggleLabel = toggleOpen ? toggleOpenLabel : toggleClosedLabel;
-    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 (jsxs("div", Object.assign({ className: calloutClasses }, { children: [jsx("div", Object.assign({ className: `${baseClass}__sidebar` }, { children: jsx("span", { className: iconClasses }) })), jsxs("div", Object.assign({ className: `${baseClass}__content` }, { children: [jsxs("div", Object.assign({ className: `${baseClass}__header` }, { children: [jsx("h5", Object.assign({ className: `${baseClass}__title` }, { children: headline })), isCollapsible && (jsxs("button", Object.assign({ className: `${baseClass}--toggle`, onClick: handleToggle, type: "button" }, { children: [toggleLabel, jsx("span", { className: `${baseClass}--toggle--icon` })] })))] })), jsx("p", Object.assign({ className: `${baseClass}__description` }, { children: copy })), cta && jsx(Button, Object.assign({}, ctaprops))] }))] })));
-};
-
-export { Callout as default };

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

@@ -1,27 +0,0 @@
-export { default as Callout } from './Callout.js';
-import 'react/jsx-runtime';
-import 'classnames';
-import 'react';
-import '../../hooks/useGlobalSettings.js';
-import 'tslib';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../Button/Button.js';
-import '../Link/Link.js';
-import '../Icon/Icon.js';
-import '@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 };
-
-export { CalloutArgs as calloutArgs };

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

@@ -1,45 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import useGlobalSettings from '../../../hooks/useGlobalSettings.js';
-import Button from '../../Button/Button.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 '../../Icon/Icon.js';
-import '@ilo-org/icons-react';
-import '../../List/List.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, titleLevel = "p", cardCount, cta, type, alignment, size, theme, collapsed = false, }) => {
-    const Card = cardMapper[type];
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--cardgroup`;
-    const cardGroupClasses = classNames(baseClass, `${baseClass}__count__${cardCount}`, {
-        [`${baseClass}__collapsed`]: collapsed,
-    });
-    return (jsxs("div", Object.assign({ className: cardGroupClasses }, { children: [jsx("div", Object.assign({ className: `${baseClass}--inner` }, { children: cards &&
-                    cards.map((card, index) => (jsx(Card, Object.assign({}, card, { size: size, theme: theme, alignment: alignment, titleLevel: titleLevel }), index))) })), cta && (jsx("div", Object.assign({ className: `${baseClass}--button-wrap` }, { children: jsx(Button, { kind: "button", type: "secondary", size: "medium", label: cta.label, url: cta.url }) })))] })));
-};
-
-export { CardGroup as default };