@ilo-org/react 0.1.2 → 0.2.1

package/lib/cjs/{Vidyard-9d037503.js → Vidyard-096bba3c.js}

@@ -1,8 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
+var components_Video_VideoPlayer = require('./VideoPlayer-9ce35136.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
@@ -32,9 +31,9 @@ var Vidyard$2 = {};
 
 	var _react = _interopRequireWildcard(require$$0);
 
-	var _utils = patterns.utils;
+	var _utils = components_Video_VideoPlayer.utils;
 
-	var _patterns = patterns.patterns;
+	var _patterns = components_Video_VideoPlayer.patterns;
 
 	function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -228,7 +227,7 @@ var Vidyard$2 = {};
 	_defineProperty(Vidyard, "canPlay", _patterns.canPlay.vidyard);
 } (Vidyard$2));
 
-var Vidyard = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(Vidyard$2);
+var Vidyard = /*@__PURE__*/components_Video_VideoPlayer.getDefaultExportFromCjs(Vidyard$2);
 
 var Vidyard$1 = /*#__PURE__*/_mergeNamespaces({
   __proto__: null,

package/lib/cjs/{Vimeo-6898bfd9.js → Vimeo-2cb7476f.js}

@@ -1,8 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
+var components_Video_VideoPlayer = require('./VideoPlayer-9ce35136.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
@@ -32,9 +31,9 @@ var Vimeo$2 = {};
 
 	var _react = _interopRequireWildcard(require$$0);
 
-	var _utils = patterns.utils;
+	var _utils = components_Video_VideoPlayer.utils;
 
-	var _patterns = patterns.patterns;
+	var _patterns = components_Video_VideoPlayer.patterns;
 
 	function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -276,7 +275,7 @@ var Vimeo$2 = {};
 	_defineProperty(Vimeo, "forceLoad", true);
 } (Vimeo$2));
 
-var Vimeo = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(Vimeo$2);
+var Vimeo = /*@__PURE__*/components_Video_VideoPlayer.getDefaultExportFromCjs(Vimeo$2);
 
 var Vimeo$1 = /*#__PURE__*/_mergeNamespaces({
   __proto__: null,

package/lib/cjs/{Wistia-ed77bf25.js → Wistia-5e830ac8.js}

@@ -1,8 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
+var components_Video_VideoPlayer = require('./VideoPlayer-9ce35136.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
@@ -32,9 +31,9 @@ var Wistia$2 = {};
 
 	var _react = _interopRequireWildcard(require$$0);
 
-	var _utils = patterns.utils;
+	var _utils = components_Video_VideoPlayer.utils;
 
-	var _patterns = patterns.patterns;
+	var _patterns = components_Video_VideoPlayer.patterns;
 
 	function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -279,7 +278,7 @@ var Wistia$2 = {};
 	_defineProperty(Wistia, "loopOnEnded", true);
 } (Wistia$2));
 
-var Wistia = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(Wistia$2);
+var Wistia = /*@__PURE__*/components_Video_VideoPlayer.getDefaultExportFromCjs(Wistia$2);
 
 var Wistia$1 = /*#__PURE__*/_mergeNamespaces({
   __proto__: null,

package/lib/cjs/{YouTube-909bd761.js → YouTube-25a1d9a0.js}

@@ -1,8 +1,7 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-9f9f50a8.js');
+var components_Video_VideoPlayer = require('./VideoPlayer-9ce35136.js');
 var require$$0 = require('react');
-var patterns = require('./patterns-975adf3c.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
@@ -32,9 +31,9 @@ var YouTube$2 = {};
 
 	var _react = _interopRequireWildcard(require$$0);
 
-	var _utils = patterns.utils;
+	var _utils = components_Video_VideoPlayer.utils;
 
-	var _patterns = patterns.patterns;
+	var _patterns = components_Video_VideoPlayer.patterns;
 
 	function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -368,7 +367,7 @@ var YouTube$2 = {};
 	_defineProperty(YouTube, "canPlay", _patterns.canPlay.youtube);
 } (YouTube$2));
 
-var YouTube = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(YouTube$2);
+var YouTube = /*@__PURE__*/components_Video_VideoPlayer.getDefaultExportFromCjs(YouTube$2);
 
 var YouTube$1 = /*#__PURE__*/_mergeNamespaces({
   __proto__: null,

package/lib/cjs/components/Footer/Footer.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
+var classNames = require('classnames');
+var components_LinkList_LinkList = require('../LinkList/LinkList.js');
+var components_Button_Button = require('../Button/Button.js');
+require('tslib');
+require('react');
+require('../../GlobalCtx-97e4b433.js');
+require('../Link/Link.js');
+require('../Icon/Icon.js');
+require('@ilo-org/icons-react');
+
+const Footer = ({ className, logo, tagline, subtagline, address, linkgroup, socials, subscribe, legal, secondarylinks, anchorlink, }) => {
+    const { prefix } = hooks_useGlobalSettings();
+    const baseClass = `${prefix}--footer`;
+    const footerClasses = classNames(className, baseClass);
+    return (jsxRuntime.jsxs("footer", Object.assign({ className: footerClasses }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--main` }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: "site--info" }, { children: [jsxRuntime.jsx("img", { className: `${baseClass}--logo`, src: logo, alt: "ILO Logo" }), jsxRuntime.jsx("h3", Object.assign({ className: `${baseClass}--headline` }, { children: tagline })), jsxRuntime.jsx("h4", Object.assign({ className: `${baseClass}--subhead` }, { children: subtagline }))] })), address && (jsxRuntime.jsx("div", Object.assign({ className: "address" }, { children: address.map((line, i) => (jsxRuntime.jsx("p", Object.assign({ className: "address--line" }, { children: line }), i))) }))), linkgroup && (jsxRuntime.jsx("nav", Object.assign({ className: "links" }, { children: jsxRuntime.jsx(components_LinkList_LinkList, { linkgroup: linkgroup, theme: "dark" }) }))), (socials || subscribe) && (jsxRuntime.jsxs("div", Object.assign({ className: "connect" }, { children: [socials && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("h5", Object.assign({ className: "social--headline" }, { children: socials === null || socials === void 0 ? void 0 : socials.headline })), jsxRuntime.jsx("ul", Object.assign({ className: "social--links" }, { children: socials.links &&
+                                            socials.links.map((link, index) => (jsxRuntime.jsx("li", Object.assign({ className: "social--links--item" }, { children: jsxRuntime.jsx("a", Object.assign({ className: `social--links--link ${link.type}`, href: link.url }, { children: link.type })) }), index))) }))] })), subscribe && (jsxRuntime.jsx(components_Button_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" }))] })))] })), jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--secondary` }, { children: [jsxRuntime.jsx("div", Object.assign({ className: "legal" }, { children: legal })), secondarylinks && (jsxRuntime.jsx("nav", Object.assign({ className: "secondarylinks" }, { children: jsxRuntime.jsx("ul", Object.assign({ className: "secondarylinks--list" }, { children: secondarylinks.map((link, i) => (jsxRuntime.jsx("li", Object.assign({ className: "secondarylinks--list--item" }, { children: jsxRuntime.jsx("a", Object.assign({ href: link.url, className: "secondarylinks--list--link" }, { children: link === null || link === void 0 ? void 0 : link.label }), i) })))) })) }))), jsxRuntime.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 }))] }))] })));
+};
+
+module.exports = Footer;

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var components_Footer_Footer = require('./Footer.js');
+require('react/jsx-runtime');
+require('../../hooks/useGlobalSettings.js');
+require('tslib');
+require('react');
+require('../../GlobalCtx-97e4b433.js');
+require('classnames');
+require('../LinkList/LinkList.js');
+require('../Button/Button.js');
+require('../Link/Link.js');
+require('../Icon/Icon.js');
+require('@ilo-org/icons-react');
+
+
+
+exports.Footer = components_Footer_Footer;

package/lib/cjs/components/LocalNav/LocalNav.js

@@ -0,0 +1,102 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var require$$0 = require('react');
+var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
+var components_ContextMenu_ContextMenu = require('../ContextMenu/ContextMenu.js');
+var classNames = require('classnames');
+require('tslib');
+require('../../GlobalCtx-97e4b433.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 } = hooks_useGlobalSettings();
+    const [toggleMenuOpen, setMenuToggleOpen] = require$$0.useState(false);
+    const [toggleLanguageOpen, setLanguageToggleOpen] = require$$0.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 (jsxRuntime.jsx("header", Object.assign({ className: localNavClasses }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--utility-bar ${baseClass}--utility-bar--local`, style: { background: bg } }, { children: [jsxRuntime.jsxs("nav", Object.assign({ className: `${prefix}--nav--local` }, { children: [jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--nav--local--logo-wrapper` }, { children: jsxRuntime.jsx("a", Object.assign({ href: siteurl, className: `${prefix}--nav--local--logo-link` }, { children: jsxRuntime.jsx("img", { src: logo, alt: "ILO Logo", className: `${prefix}--nav--local--logo` }) })) })), jsxRuntime.jsx("ul", Object.assign({ className: `${prefix}--nav--local--set` }, { children: (primarynav === null || primarynav === void 0 ? void 0 : primarynav.items) &&
+                                primarynav.items.map((item, index) => (jsxRuntime.jsx("li", Object.assign({ className: `${prefix}--nav--local--item` }, { children: jsxRuntime.jsx("a", Object.assign({ href: item.url, className: `${prefix}--nav--local--link` }, { children: jsxRuntime.jsx("span", { children: item.label }) })) }), index))) }))] })), jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--language-switcher` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${prefix}--language-switcher--wrap` }, { children: [mainlink && (jsxRuntime.jsx("span", Object.assign({ className: `${prefix}--language-switcher--link--wrap` }, { children: jsxRuntime.jsx("a", Object.assign({ href: mainlink.url, className: `${prefix}--language-switcher--link` }, { children: mainlink.label })) }))), jsxRuntime.jsx("button", Object.assign({ className: `${prefix}--language-switcher--button`, type: "button" }, { children: languagelabel })), jsxRuntime.jsx(components_ContextMenu_ContextMenu, { links: languagecontextmenu === null || languagecontextmenu === void 0 ? void 0 : languagecontextmenu.links })] })) })), jsxRuntime.jsx("button", Object.assign({ className: `${baseClass}--menu`, onClick: handleMenuToggle }, { children: "Menu" })), jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--navigation` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--inner` }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: `${prefix}--mobile--nav` }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: `${prefix}--mobile--nav--logo` }, { children: [jsxRuntime.jsx("a", Object.assign({ href: siteurl, className: `${baseClass}--logo-link` }, { children: jsxRuntime.jsx("img", { className: `${baseClass}--logo`, src: logo, alt: "ILO Logo" }) })), jsxRuntime.jsx("button", Object.assign({ className: `${baseClass}--menu--close`, onClick: handleMenuToggle }, { children: menucloselabel }))] })), jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--mobile--nav--language--switcher` }, { children: jsxRuntime.jsx("button", Object.assign({ className: `${prefix}--mobile--nav--language--switcher--button`, onClick: handleLanguageToggle, type: "button" }, { children: languagelabel })) })), jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--mobile--nav--language--select` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--inner` }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: `${prefix}--mobile--subnav--menu` }, { children: [jsxRuntime.jsx("button", { className: `${prefix}--mobile--subnav--back`, onClick: handleLanguageToggle, type: "button" }), jsxRuntime.jsx("button", Object.assign({ className: `${baseClass}--menu--close`, onClick: handleMenuToggle }, { children: "Close" })), jsxRuntime.jsx("h6", Object.assign({ className: `${prefix}--mobile--subnav--label` }, { children: languagelabel }))] })), jsxRuntime.jsx("ul", Object.assign({ className: `${prefix}--nav--set` }, { children: (languagecontextmenu === null || languagecontextmenu === void 0 ? void 0 : languagecontextmenu.links) &&
+                                                        languagecontextmenu.links.map((item, index) => (jsxRuntime.jsx("li", Object.assign({ className: `${prefix}--nav--items` }, { children: jsxRuntime.jsx("a", Object.assign({ href: item.url, className: `${prefix}--nav--link ${prefix}--nav--language` }, { children: item.label })) }), index))) }))] })) }))] })), jsxRuntime.jsxs("nav", Object.assign({ className: `${prefix}--nav`, "aria-labelledby": "primary-navigation" }, { children: [jsxRuntime.jsx("h2", Object.assign({ className: `${prefix}--nav--label`, id: "primary-navigation" }, { children: primarynav === null || primarynav === void 0 ? void 0 : primarynav.navlabel })), jsxRuntime.jsx("ul", Object.assign({ className: `${prefix}--nav--set` }, { children: (primarynav === null || primarynav === void 0 ? void 0 : primarynav.items) &&
+                                            primarynav.items.map((item, index) => (jsxRuntime.jsx("li", Object.assign({ className: `${prefix}--nav--items` }, { children: jsxRuntime.jsx("a", Object.assign({ href: item.url, className: `${prefix}--nav--link` }, { children: item.label })) }), index))) }))] }))] })) }))] })) })));
+};
+
+module.exports = LocalNav;

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var components_LocalNav_LocalNav = require('./LocalNav.js');
+require('react/jsx-runtime');
+require('react');
+require('../../hooks/useGlobalSettings.js');
+require('tslib');
+require('../../GlobalCtx-97e4b433.js');
+require('../ContextMenu/ContextMenu.js');
+require('classnames');
+
+
+
+exports.LocalNav = components_LocalNav_LocalNav;

package/lib/cjs/components/Video/Video.js

@@ -3,12 +3,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('classnames');
 var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var components_Video_VideoPlayer = require('./VideoPlayer.js');
+var components_Video_VideoPlayer = require('../../VideoPlayer-9ce35136.js');
 require('tslib');
 require('react');
 require('../../GlobalCtx-97e4b433.js');
-require('../../_commonjsHelpers-9f9f50a8.js');
-require('../../patterns-975adf3c.js');
 require('../../index-1b6434f0.js');
 require('react-dom');
 require('../../utils/hoursMinutesSeconds.js');
@@ -23,7 +21,7 @@ const Video = ({ className, caption, poster, video }) => {
     const captionClasses = classNames("", {
         [`${baseClass}--caption`]: true,
     });
-    return (jsxRuntime.jsxs("figure", Object.assign({ className: videoClasses }, { children: [jsxRuntime.jsx("div", Object.assign({ className: `${videoClasses}--wrapper` }, { children: video && jsxRuntime.jsx(components_Video_VideoPlayer, Object.assign({}, video, { poster: poster })) })), caption && jsxRuntime.jsx("figcaption", Object.assign({ className: captionClasses }, { children: caption }))] })));
+    return (jsxRuntime.jsxs("figure", Object.assign({ className: videoClasses }, { children: [jsxRuntime.jsx("div", Object.assign({ className: `${videoClasses}--wrapper` }, { children: video && jsxRuntime.jsx(components_Video_VideoPlayer.VideoPlayer, Object.assign({}, video, { poster: poster })) })), caption && jsxRuntime.jsx("figcaption", Object.assign({ className: captionClasses }, { children: caption }))] })));
 };
 
 module.exports = Video;