@ilo-org/react 0.2.0 → 0.3.0

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/Navigation/Navigation.js

@@ -0,0 +1,48 @@
+'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 components_SearchField_SearchField = require('../SearchField/SearchField.js');
+var classNames = require('classnames');
+require('tslib');
+require('../../GlobalCtx-97e4b433.js');
+require('../Input/Input.js');
+require('../Fieldset/Fieldset.js');
+require('../Tooltip/Tooltip.js');
+require('react-dom');
+require('../FormElement/FormElement.js');
+
+const Navigation = ({ logo, mobilelogo, siteurl, tagline, primarynav, subnav, menulabel, menucloselabel, searchlabel, searchfield, languagelabel, languagecontextmenu, }) => {
+    const { prefix } = hooks_useGlobalSettings();
+    const [toggleMenuOpen, setMenuToggleOpen] = require$$0.useState(false);
+    const [toggleSearchOpen, setSearchToggleOpen] = require$$0.useState(false);
+    const [toggleSubnavOpen, setSubnavToggleOpen] = require$$0.useState(false);
+    const [toggleLanguageOpen, setLanguageToggleOpen] = require$$0.useState(false);
+    const baseClass = `${prefix}--header`;
+    const NavigationClasses = classNames(baseClass, {
+        [`${prefix}--mobile--open`]: toggleMenuOpen,
+        [`${prefix}--select--open`]: toggleLanguageOpen,
+        [`${prefix}--search--open`]: toggleSearchOpen,
+        [`${prefix}--subnav--open`]: toggleSubnavOpen,
+    });
+    const handleMenuToggle = () => {
+        setMenuToggleOpen(!toggleMenuOpen);
+    };
+    const handleLanguageToggle = () => {
+        setLanguageToggleOpen(!toggleLanguageOpen);
+    };
+    const handleSearchToggle = () => {
+        setSearchToggleOpen(!toggleSearchOpen);
+    };
+    const handleSubnavToggle = () => {
+        setSubnavToggleOpen(!toggleSubnavOpen);
+    };
+    return (jsxRuntime.jsxs("header", Object.assign({ className: NavigationClasses }, { children: [jsxRuntime.jsx("div", Object.assign({ className: `${baseClass}--utility-bar` }, { children: jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--language-switcher` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${prefix}--language-switcher--wrap` }, { children: [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("div", Object.assign({ className: `${baseClass}--logo-bar` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${baseClass}--inner` }, { 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.jsxs("p", Object.assign({ className: `${baseClass}--logo-tagline` }, { children: [tagline === null || tagline === void 0 ? void 0 : tagline.tag, jsxRuntime.jsx("span", Object.assign({ className: `${baseClass}--logo-tagline--small` }, { children: tagline === null || tagline === void 0 ? void 0 : tagline.small }))] })), jsxRuntime.jsx("button", Object.assign({ className: `${baseClass}--menu`, onClick: handleMenuToggle }, { children: menulabel }))] })) })), jsxRuntime.jsxs("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: mobilelogo, 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--search` }, { children: jsxRuntime.jsx(components_SearchField_SearchField, { input: searchfield === null || searchfield === void 0 ? void 0 : searchfield.input, action: searchfield === null || searchfield === void 0 ? void 0 : searchfield.action }) })), 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", Object.assign({ className: `${prefix}--mobile--subnav--back`, onClick: handleLanguageToggle, type: "button" }, { children: subnav === null || subnav === void 0 ? void 0 : subnav.mobilebacklabel })), jsxRuntime.jsx("button", Object.assign({ className: `${baseClass}--menu--close`, onClick: handleMenuToggle }, { children: subnav === null || subnav === void 0 ? void 0 : subnav.mobilecloselabel })), 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.jsxs("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))), subnav && (jsxRuntime.jsx("li", Object.assign({ className: `${prefix}--nav--items` }, { children: jsxRuntime.jsx("button", Object.assign({ className: `${prefix}--nav--trigger`, onClick: handleSubnavToggle }, { children: subnav.buttonlabel })) })))] }))] })), jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--search` }, { children: jsxRuntime.jsx("button", Object.assign({ className: `${prefix}--search--button`, type: "button", onClick: handleSearchToggle }, { children: searchlabel })) }))] })), subnav && (jsxRuntime.jsx("nav", Object.assign({ className: `${prefix}--subnav`, "aria-labelledby": "secondary-navigation" }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${prefix}--subnav--inner` }, { children: [jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--mobile--subnav` }, { children: jsxRuntime.jsxs("div", Object.assign({ className: `${prefix}--mobile--subnav--menu` }, { children: [jsxRuntime.jsx("button", Object.assign({ className: `${prefix}--mobile--subnav--back`, onClick: handleSubnavToggle, type: "button" }, { children: subnav.mobilebacklabel })), jsxRuntime.jsx("button", Object.assign({ className: `${prefix}--header--menu--close`, onClick: handleMenuToggle }, { children: subnav.mobilecloselabel })), jsxRuntime.jsx("h6", Object.assign({ className: `${prefix}--mobile--subnav--label` }, { children: subnav.buttonlabel }))] })) })), jsxRuntime.jsx("h2", Object.assign({ className: `${prefix}--nav--label`, id: "secondary-navigation" }, { children: subnav.navlabel })), jsxRuntime.jsx("ul", Object.assign({ className: `${prefix}--subnav--set` }, { children: (subnav === null || subnav === void 0 ? void 0 : subnav.items) &&
+                                        subnav.items.map((item, index) => (jsxRuntime.jsx("li", Object.assign({ className: `${prefix}--subnav--items` }, { children: jsxRuntime.jsx("a", Object.assign({ href: item.url, className: `${prefix}--subnav--link` }, { children: item.label })) }), index))) }))] })) }))), jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--search-box` }, { children: jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--header--inner` }, { children: jsxRuntime.jsx(components_SearchField_SearchField, { input: searchfield === null || searchfield === void 0 ? void 0 : searchfield.input, action: searchfield === null || searchfield === void 0 ? void 0 : searchfield.action }) })) }))] }))] })));
+};
+
+module.exports = Navigation;

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var components_Navigation_Navigation = require('./Navigation.js');
+require('react/jsx-runtime');
+require('react');
+require('../../hooks/useGlobalSettings.js');
+require('tslib');
+require('../../GlobalCtx-97e4b433.js');
+require('../ContextMenu/ContextMenu.js');
+require('classnames');
+require('../SearchField/SearchField.js');
+require('../Input/Input.js');
+require('../Fieldset/Fieldset.js');
+require('../Tooltip/Tooltip.js');
+require('react-dom');
+require('../FormElement/FormElement.js');
+
+
+
+exports.Navigation = components_Navigation_Navigation;

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;