@ilo-org/react 0.1.2 → 0.2.1

package/lib/esm/{Vidyard-6185c490.js → Vidyard-57e2834a.js}

@@ -1,6 +1,5 @@
-import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
+import { g as getDefaultExportFromCjs, p as patterns, u as utils } from './VideoPlayer-62e0ce79.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{Vimeo-a807e7e1.js → Vimeo-faa058a2.js}

@@ -1,6 +1,5 @@
-import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
+import { g as getDefaultExportFromCjs, p as patterns, u as utils } from './VideoPlayer-62e0ce79.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{Wistia-eef03ce2.js → Wistia-24fb5120.js}

@@ -1,6 +1,5 @@
-import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
+import { g as getDefaultExportFromCjs, p as patterns, u as utils } from './VideoPlayer-62e0ce79.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/{YouTube-e030042e.js → YouTube-01b3e51f.js}

@@ -1,6 +1,5 @@
-import { a as getDefaultExportFromCjs } from './_commonjsHelpers-849bcf65.js';
+import { g as getDefaultExportFromCjs, p as patterns, u as utils } from './VideoPlayer-62e0ce79.js';
 import require$$0 from 'react';
-import { p as patterns, u as utils } from './patterns-53247c1d.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/lib/esm/components/Footer/Footer.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import useGlobalSettings from '../../hooks/useGlobalSettings.js';
+import classNames from 'classnames';
+import LinkList from '../LinkList/LinkList.js';
+import Button from '../Button/Button.js';
+import 'tslib';
+import 'react';
+import '../../GlobalCtx-7fb23cfa.js';
+import '../Link/Link.js';
+import '../Icon/Icon.js';
+import '@ilo-org/icons-react';
+
+const Footer = ({ className, logo, tagline, subtagline, address, linkgroup, socials, subscribe, legal, secondarylinks, anchorlink, }) => {
+    const { prefix } = useGlobalSettings();
+    const baseClass = `${prefix}--footer`;
+    const footerClasses = classNames(className, baseClass);
+    return (jsxs("footer", Object.assign({ className: footerClasses }, { children: [jsxs("div", Object.assign({ className: `${baseClass}--main` }, { children: [jsxs("div", Object.assign({ className: "site--info" }, { children: [jsx("img", { className: `${baseClass}--logo`, src: logo, alt: "ILO Logo" }), jsx("h3", Object.assign({ className: `${baseClass}--headline` }, { children: tagline })), jsx("h4", Object.assign({ className: `${baseClass}--subhead` }, { children: subtagline }))] })), address && (jsx("div", Object.assign({ className: "address" }, { children: address.map((line, i) => (jsx("p", Object.assign({ className: "address--line" }, { children: line }), i))) }))), linkgroup && (jsx("nav", Object.assign({ className: "links" }, { children: jsx(LinkList, { linkgroup: linkgroup, theme: "dark" }) }))), (socials || subscribe) && (jsxs("div", Object.assign({ className: "connect" }, { children: [socials && (jsxs(Fragment, { children: [jsx("h5", Object.assign({ className: "social--headline" }, { children: socials === null || socials === void 0 ? void 0 : socials.headline })), jsx("ul", Object.assign({ className: "social--links" }, { children: socials.links &&
+                                            socials.links.map((link, index) => (jsx("li", Object.assign({ className: "social--links--item" }, { children: jsx("a", Object.assign({ className: `social--links--link ${link.type}`, href: link.url }, { children: link.type })) }), index))) }))] })), subscribe && (jsx(Button, { label: subscribe === null || subscribe === void 0 ? void 0 : subscribe.label, url: subscribe === null || subscribe === void 0 ? void 0 : subscribe.url, type: "primary", size: "large", target: "_blank" }))] })))] })), jsxs("div", Object.assign({ className: `${baseClass}--secondary` }, { children: [jsx("div", Object.assign({ className: "legal" }, { children: legal })), secondarylinks && (jsx("nav", Object.assign({ className: "secondarylinks" }, { children: jsx("ul", Object.assign({ className: "secondarylinks--list" }, { children: secondarylinks.map((link, i) => (jsx("li", Object.assign({ className: "secondarylinks--list--item" }, { children: jsx("a", Object.assign({ href: link.url, className: "secondarylinks--list--link" }, { children: link === null || link === void 0 ? void 0 : link.label }), i) })))) })) }))), jsx("a", Object.assign({ href: anchorlink === null || anchorlink === void 0 ? void 0 : anchorlink.url, className: "anchorlink" }, { children: anchorlink === null || anchorlink === void 0 ? void 0 : anchorlink.label }))] }))] })));
+};
+
+export { Footer as default };

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

@@ -0,0 +1,12 @@
+export { default as Footer } from './Footer.js';
+import 'react/jsx-runtime';
+import '../../hooks/useGlobalSettings.js';
+import 'tslib';
+import 'react';
+import '../../GlobalCtx-7fb23cfa.js';
+import 'classnames';
+import '../LinkList/LinkList.js';
+import '../Button/Button.js';
+import '../Link/Link.js';
+import '../Icon/Icon.js';
+import '@ilo-org/icons-react';

package/lib/esm/components/LocalNav/LocalNav.js

@@ -0,0 +1,100 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import useGlobalSettings from '../../hooks/useGlobalSettings.js';
+import ContextMenu from '../ContextMenu/ContextMenu.js';
+import classNames from 'classnames';
+import 'tslib';
+import '../../GlobalCtx-7fb23cfa.js';
+
+var brand = {
+	"ilo-blue": {
+		value: "rgba(30, 45, 190, 1)"
+	},
+	"ilo-red": {
+		value: "rgba(250, 60, 75, 1)"
+	},
+	"ilo-dark-blue": {
+		value: "rgba(35, 0, 80, 1)"
+	},
+	"ilo-yellow": {
+		value: "rgba(255, 205, 45, 1)"
+	},
+	"ilo-green": {
+		value: "rgba(140, 225, 100, 1)"
+	},
+	"ilo-purple": {
+		value: "rgba(150, 10, 85, 1)"
+	},
+	"ilo-purple-light": {
+		value: "rgba(116, 96, 145, 1)"
+	},
+	"ilo-turquoise": {
+		value: "rgba(5, 210, 210, 1)"
+	},
+	"ilo-dark-red": {
+		value: "rgba(200, 48, 60, 1)"
+	},
+	"ilo-lighter-blue": {
+		value: "rgba(235, 245, 253, 1)"
+	},
+	"ilo-light-blue": {
+		value: "rgba(235, 245, 253, 1)"
+	},
+	"ilo-grey-light-alternate": {
+		value: "rgba(246, 247, 248, 1)"
+	},
+	"ilo-grey-light": {
+		value: "rgba(237, 240, 242, 1)"
+	},
+	"ilo-grey-ui": {
+		value: "rgba(184, 196, 204, 1)"
+	},
+	"ilo-grey-accessible": {
+		value: "rgba(109, 109, 109, 1)"
+	},
+	"ilo-grey-charcoal": {
+		value: "rgba(45, 45, 45, 1)"
+	},
+	"ilo-black": {
+		value: "rgba(45, 45, 45, 1)"
+	},
+	"ilo-white": {
+		value: "rgba(255, 255, 255, 1)"
+	},
+	"ilo-ramp-blue": {
+		value: "rgba(190, 220, 250, 1)"
+	},
+	"ilo-ramp-red": {
+		value: "rgba(254, 216, 219, 1)"
+	},
+	"ilo-ramp-green": {
+		value: "rgba(232, 249, 224, 1)"
+	},
+	"ilo-ramp-yellow": {
+		value: "rgba(255, 245, 200, 1)"
+	}
+};
+
+const LocalNav = ({ background, logo, siteurl, primarynav, mainlink, menucloselabel, languagelabel, languagecontextmenu, }) => {
+    const { prefix } = useGlobalSettings();
+    const [toggleMenuOpen, setMenuToggleOpen] = useState(false);
+    const [toggleLanguageOpen, setLanguageToggleOpen] = useState(false);
+    const baseClass = `${prefix}--header`;
+    const localNavClasses = classNames(baseClass, `${baseClass}--local`, {
+        [`${prefix}--mobile--open`]: toggleMenuOpen,
+        [`${prefix}--select--open`]: toggleLanguageOpen,
+    });
+    const bg = background ? background : brand["ilo-dark-blue"].value;
+    const handleMenuToggle = () => {
+        setMenuToggleOpen(!toggleMenuOpen);
+    };
+    const handleLanguageToggle = () => {
+        setLanguageToggleOpen(!toggleLanguageOpen);
+    };
+    return (jsx("header", Object.assign({ className: localNavClasses }, { children: jsxs("div", Object.assign({ className: `${baseClass}--utility-bar ${baseClass}--utility-bar--local`, style: { background: bg } }, { children: [jsxs("nav", Object.assign({ className: `${prefix}--nav--local` }, { children: [jsx("div", Object.assign({ className: `${prefix}--nav--local--logo-wrapper` }, { children: jsx("a", Object.assign({ href: siteurl, className: `${prefix}--nav--local--logo-link` }, { children: jsx("img", { src: logo, alt: "ILO Logo", className: `${prefix}--nav--local--logo` }) })) })), jsx("ul", Object.assign({ className: `${prefix}--nav--local--set` }, { children: (primarynav === null || primarynav === void 0 ? void 0 : primarynav.items) &&
+                                primarynav.items.map((item, index) => (jsx("li", Object.assign({ className: `${prefix}--nav--local--item` }, { children: jsx("a", Object.assign({ href: item.url, className: `${prefix}--nav--local--link` }, { children: jsx("span", { children: item.label }) })) }), index))) }))] })), jsx("div", Object.assign({ className: `${prefix}--language-switcher` }, { children: jsxs("div", Object.assign({ className: `${prefix}--language-switcher--wrap` }, { children: [mainlink && (jsx("span", Object.assign({ className: `${prefix}--language-switcher--link--wrap` }, { children: jsx("a", Object.assign({ href: mainlink.url, className: `${prefix}--language-switcher--link` }, { children: mainlink.label })) }))), jsx("button", Object.assign({ className: `${prefix}--language-switcher--button`, type: "button" }, { children: languagelabel })), jsx(ContextMenu, { links: languagecontextmenu === null || languagecontextmenu === void 0 ? void 0 : languagecontextmenu.links })] })) })), jsx("button", Object.assign({ className: `${baseClass}--menu`, onClick: handleMenuToggle }, { children: "Menu" })), jsx("div", Object.assign({ className: `${baseClass}--navigation` }, { children: jsxs("div", Object.assign({ className: `${baseClass}--inner` }, { children: [jsxs("div", Object.assign({ className: `${prefix}--mobile--nav` }, { children: [jsxs("div", Object.assign({ className: `${prefix}--mobile--nav--logo` }, { children: [jsx("a", Object.assign({ href: siteurl, className: `${baseClass}--logo-link` }, { children: jsx("img", { className: `${baseClass}--logo`, src: logo, alt: "ILO Logo" }) })), jsx("button", Object.assign({ className: `${baseClass}--menu--close`, onClick: handleMenuToggle }, { children: menucloselabel }))] })), jsx("div", Object.assign({ className: `${prefix}--mobile--nav--language--switcher` }, { children: jsx("button", Object.assign({ className: `${prefix}--mobile--nav--language--switcher--button`, onClick: handleLanguageToggle, type: "button" }, { children: languagelabel })) })), jsx("div", Object.assign({ className: `${prefix}--mobile--nav--language--select` }, { children: jsxs("div", Object.assign({ className: `${baseClass}--inner` }, { children: [jsxs("div", Object.assign({ className: `${prefix}--mobile--subnav--menu` }, { children: [jsx("button", { className: `${prefix}--mobile--subnav--back`, onClick: handleLanguageToggle, type: "button" }), jsx("button", Object.assign({ className: `${baseClass}--menu--close`, onClick: handleMenuToggle }, { children: "Close" })), jsx("h6", Object.assign({ className: `${prefix}--mobile--subnav--label` }, { children: languagelabel }))] })), jsx("ul", Object.assign({ className: `${prefix}--nav--set` }, { children: (languagecontextmenu === null || languagecontextmenu === void 0 ? void 0 : languagecontextmenu.links) &&
+                                                        languagecontextmenu.links.map((item, index) => (jsx("li", Object.assign({ className: `${prefix}--nav--items` }, { children: jsx("a", Object.assign({ href: item.url, className: `${prefix}--nav--link ${prefix}--nav--language` }, { children: item.label })) }), index))) }))] })) }))] })), jsxs("nav", Object.assign({ className: `${prefix}--nav`, "aria-labelledby": "primary-navigation" }, { children: [jsx("h2", Object.assign({ className: `${prefix}--nav--label`, id: "primary-navigation" }, { children: primarynav === null || primarynav === void 0 ? void 0 : primarynav.navlabel })), jsx("ul", Object.assign({ className: `${prefix}--nav--set` }, { children: (primarynav === null || primarynav === void 0 ? void 0 : primarynav.items) &&
+                                            primarynav.items.map((item, index) => (jsx("li", Object.assign({ className: `${prefix}--nav--items` }, { children: jsx("a", Object.assign({ href: item.url, className: `${prefix}--nav--link` }, { children: item.label })) }), index))) }))] }))] })) }))] })) })));
+};
+
+export { LocalNav as default };

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

@@ -0,0 +1,8 @@
+export { default as LocalNav } from './LocalNav.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../../hooks/useGlobalSettings.js';
+import 'tslib';
+import '../../GlobalCtx-7fb23cfa.js';
+import '../ContextMenu/ContextMenu.js';
+import 'classnames';

package/lib/esm/components/Video/Video.js

@@ -1,12 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import VideoPlayer from './VideoPlayer.js';
+import { V as VideoPlayer } from '../../VideoPlayer-62e0ce79.js';
 import 'tslib';
 import 'react';
 import '../../GlobalCtx-7fb23cfa.js';
-import '../../_commonjsHelpers-849bcf65.js';
-import '../../patterns-53247c1d.js';
 import '../../index-8ebb2cc1.js';
 import 'react-dom';
 import '../../utils/hoursMinutesSeconds.js';