@ilo-org/react 0.0.18 → 0.1.0

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var components_Video_Video = require('./Video.js');
+require('react/jsx-runtime');
+require('classnames');
+require('../../hooks/useGlobalSettings.js');
+require('tslib');
+require('react');
+require('../../GlobalCtx-97e4b433.js');
+require('./VideoPlayer.js');
+require('../../_commonjsHelpers-9f9f50a8.js');
+require('../../patterns-b55db71f.js');
+require('../../index-1b6434f0.js');
+require('react-dom');
+require('../../utils/hoursMinutesSeconds.js');
+require('screenfull');
+
+
+
+exports.Video = components_Video_Video;

package/lib/cjs/components/index.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var components_Accordion_AccordionButton = require('./Accordion/AccordionButton.js');
+var components_Accordion_AccordionPanel = require('./Accordion/AccordionPanel.js');
+var components_Accordion_AccordionItem = require('./Accordion/AccordionItem.js');
+var components_Accordion_Accordion = require('./Accordion/Accordion.js');
+var components_Collapse_Collapse = require('./Collapse/Collapse.js');
+var components_Empty_Empty = require('./Empty/Empty.js');
+var components_FormGroup_FormGroup = require('./FormGroup/FormGroup.js');
+var components_Image_Image = require('./Image/Image.js');
+var components_Loading_Loading = require('./Loading/Loading.js');
+var components_Radio_Radio = require('./Radio/Radio.js');
+var components_Tag_Tag = require('./Tag/Tag.js');
+require('tslib');
+require('react/jsx-runtime');
+require('classnames');
+require('react');
+var components_GlobalProvider_GlobalProvider = require('./GlobalProvider/GlobalProvider.js');
+require('../GlobalCtx-97e4b433.js');
+require('../TagCtx-929c7753.js');
+var components_Button_Button = require('./Button/Button.js');
+var components_ContextMenu_ContextMenu = require('./ContextMenu/ContextMenu.js');
+var components_Fieldset_Fieldset = require('./Fieldset/Fieldset.js');
+var components_Input_Input = require('./Input/Input.js');
+var components_Notification_Notification = require('./Notification/Notification.js');
+var components_ReadMore_ReadMore = require('./ReadMore/ReadMore.js');
+var components_Textarea_Textarea = require('./Textarea/Textarea.js');
+var components_Callout_Callout = require('./Callout/Callout.js');
+require('../Callout.args-bcd5a9f1.js');
+var components_Credit_Credit = require('./Credit/Credit.js');
+var components_FileUpload_FileUpload = require('./FileUpload/FileUpload.js');
+var components_Heading_Heading = require('./Heading/Heading.js');
+var components_Link_Link = require('./Link/Link.js');
+var components_NumberPicker_NumberPicker = require('./NumberPicker/NumberPicker.js');
+var components_RichText_RichText = require('./RichText/RichText.js');
+var components_Tooltip_Tooltip = require('./Tooltip/Tooltip.js');
+var components_Checkbox_Checkbox = require('./Checkbox/Checkbox.js');
+var components_DatePicker_DatePicker = require('./DatePicker/DatePicker.js');
+var components_Form_Form = require('./Form/Form.js');
+var components_Hero_Hero = require('./Hero/Hero.js');
+var components_LinkList_LinkList = require('./LinkList/LinkList.js');
+var components_Pagination_Pagination = require('./Pagination/Pagination.js');
+var components_SearchField_SearchField = require('./SearchField/SearchField.js');
+var components_Video_Video = require('./Video/Video.js');
+var components_ChoiceGroup_ChoiceGroup = require('./ChoiceGroup/ChoiceGroup.js');
+var components_Dropdown_Dropdown = require('./Dropdown/Dropdown.js');
+var components_FormElement_FormElement = require('./FormElement/FormElement.js');
+var components_Icon_Icon = require('./Icon/Icon.js');
+var components_List_List = require('./List/List.js');
+require('../ListCtx-7db7fe04.js');
+var components_Profile_Profile = require('./Profile/Profile.js');
+var components_TableOfContents_TableOfContents = require('./TableOfContents/TableOfContents.js');
+require('../hooks/useGlobalSettings.js');
+require('../AccordionCtx-fe08ff45.js');
+require('@ilo-org/utils');
+require('../utils/checkArrayDuplicates.js');
+require('../index-1b6434f0.js');
+require('react-dom');
+require('../utils/createChainedFunction.js');
+require('../utils/getDefaultDimensionValue.js');
+require('../css-9c93400b.js');
+require('../utils/transitionEndListener.js');
+require('../utils/triggerBrowserReflow.js');
+require('@ilo-org/icons-react');
+require('./Hero/HeroCard.js');
+require('./Video/VideoPlayer.js');
+require('../_commonjsHelpers-9f9f50a8.js');
+require('../patterns-b55db71f.js');
+require('../utils/hoursMinutesSeconds.js');
+require('screenfull');
+
+
+
+exports.AccordionButton = components_Accordion_AccordionButton;
+exports.AccordionPanel = components_Accordion_AccordionPanel;
+exports.AccordionItem = components_Accordion_AccordionItem;
+exports.Accordion = components_Accordion_Accordion;
+exports.Collapse = components_Collapse_Collapse;
+exports.Empty = components_Empty_Empty;
+exports.FormGroup = components_FormGroup_FormGroup;
+exports.Image = components_Image_Image;
+exports.Loading = components_Loading_Loading;
+exports.Radio = components_Radio_Radio;
+exports.Tag = components_Tag_Tag;
+exports.GlobalProvider = components_GlobalProvider_GlobalProvider;
+exports.Button = components_Button_Button;
+exports.ContextMenu = components_ContextMenu_ContextMenu;
+exports.Fieldset = components_Fieldset_Fieldset;
+exports.Input = components_Input_Input;
+exports.Notification = components_Notification_Notification;
+exports.ReadMore = components_ReadMore_ReadMore;
+exports.Textarea = components_Textarea_Textarea;
+exports.Callout = components_Callout_Callout;
+exports.Credit = components_Credit_Credit;
+exports.FileUpload = components_FileUpload_FileUpload;
+exports.Heading = components_Heading_Heading;
+exports.Link = components_Link_Link;
+exports.NumberPicker = components_NumberPicker_NumberPicker;
+exports.RichText = components_RichText_RichText;
+exports.Tooltip = components_Tooltip_Tooltip;
+exports.Checkbox = components_Checkbox_Checkbox;
+exports.DatePicker = components_DatePicker_DatePicker;
+exports.Form = components_Form_Form;
+exports.Hero = components_Hero_Hero;
+exports.LinkList = components_LinkList_LinkList;
+exports.Pagination = components_Pagination_Pagination;
+exports.SearchField = components_SearchField_SearchField;
+exports.Video = components_Video_Video;
+exports.ChoiceGroup = components_ChoiceGroup_ChoiceGroup;
+exports.Dropdown = components_Dropdown_Dropdown;
+exports.FormElement = components_FormElement_FormElement;
+exports.Icon = components_Icon_Icon;
+exports.List = components_List_List;
+exports.Profile = components_Profile_Profile;
+exports.TableOfContents = components_TableOfContents_TableOfContents;

package/lib/cjs/css-9c93400b.js

@@ -0,0 +1,81 @@
+'use strict';
+
+/**
+ * Returns the owner document of a given element.
+ * 
+ * @param node the element
+ */
+function ownerDocument(node) {
+  return node && node.ownerDocument || document;
+}
+
+/**
+ * Returns the owner window of a given element.
+ * 
+ * @param node the element
+ */
+
+function ownerWindow(node) {
+  var doc = ownerDocument(node);
+  return doc && doc.defaultView || window;
+}
+
+/**
+ * Returns one or all computed style properties of an element.
+ * 
+ * @param node the element
+ * @param psuedoElement the style property
+ */
+
+function getComputedStyle(node, psuedoElement) {
+  return ownerWindow(node).getComputedStyle(node, psuedoElement);
+}
+
+var rUpper = /([A-Z])/g;
+function hyphenate(string) {
+  return string.replace(rUpper, '-$1').toLowerCase();
+}
+
+/**
+ * Copyright 2013-2014, Facebook, Inc.
+ * All rights reserved.
+ * https://github.com/facebook/react/blob/2aeb8a2a6beb00617a4217f7f8284924fa2ad819/src/vendor/core/hyphenateStyleName.js
+ */
+var msPattern = /^ms-/;
+function hyphenateStyleName(string) {
+  return hyphenate(string).replace(msPattern, '-ms-');
+}
+
+var supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i;
+function isTransform(value) {
+  return !!(value && supportedTransforms.test(value));
+}
+
+function style(node, property) {
+  var css = '';
+  var transforms = '';
+
+  if (typeof property === 'string') {
+    return node.style.getPropertyValue(hyphenateStyleName(property)) || getComputedStyle(node).getPropertyValue(hyphenateStyleName(property));
+  }
+
+  Object.keys(property).forEach(function (key) {
+    var value = property[key];
+
+    if (!value && value !== 0) {
+      node.style.removeProperty(hyphenateStyleName(key));
+    } else if (isTransform(key)) {
+      transforms += key + "(" + value + ") ";
+    } else {
+      css += hyphenateStyleName(key) + ": " + value + ";";
+    }
+  });
+
+  if (transforms) {
+    css += "transform: " + transforms + ";";
+  }
+
+  node.style.cssText += ";" + css;
+}
+
+exports.style = style;

package/lib/cjs/hooks/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var hooks_useGlobalSettings = require('./useGlobalSettings.js');
+var hooks_useVideoPlayer = require('./useVideoPlayer.js');
+require('tslib');
+require('react');
+require('react/jsx-runtime');
+require('../GlobalCtx-97e4b433.js');
+
+
+
+exports.useGlobalSettings = hooks_useGlobalSettings;
+exports.useVideoPlayer = hooks_useVideoPlayer;

package/lib/cjs/hooks/useGlobalSettings.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var tslib = require('tslib');
+var require$$0 = require('react');
+require('react/jsx-runtime');
+var GlobalCtx = require('../GlobalCtx-97e4b433.js');
+
+const useGlobalSettings = () => {
+    const _a = require$$0.useContext(GlobalCtx.GlobalProviderContext), { prefix } = _a, rest = tslib.__rest(_a, ["prefix"]);
+    return Object.assign({ prefix }, rest);
+};
+
+module.exports = useGlobalSettings;

package/lib/cjs/hooks/useVideoPlayer.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var require$$0 = require('react');
+
+const useVideoPlayer = (videoElement) => {
+    const [fullscreen, setFullscreen] = require$$0.useState(false);
+    const [playing, setPlaying] = require$$0.useState(false);
+    const [progress, setProgress] = require$$0.useState(0);
+    const [showvolume, showVolume] = require$$0.useState(false);
+    /**
+     * Fullscreen functionality
+     */
+    const toggleFullscreen = () => {
+        setFullscreen(!fullscreen);
+    };
+    require$$0.useEffect(() => {
+        if (fullscreen) {
+            if (videoElement.requestFullscreen) {
+                videoElement.requestFullscreen();
+            }
+        }
+        else {
+            document.exitFullscreen();
+        }
+    }, [fullscreen, videoElement]);
+    /**
+     * Play/pause functionality
+     */
+    const togglePlay = () => {
+        setPlaying(!playing);
+    };
+    require$$0.useEffect(() => {
+        playing ? videoElement.current.play() : videoElement.current.pause();
+    }, [playing, videoElement]);
+    /**
+     * Progress indicator
+     */
+    const handleOnTimeUpdate = () => {
+        setProgress((videoElement.current.currentTime / videoElement.current.duration) * 100);
+    };
+    /**
+     * Scrub functionality
+     */
+    const handleVideoScrub = (event) => {
+        const scrubValue = Number((event.offsetX * event.target.max) / event.target.offsetWidth);
+        videoElement.current.currentTime =
+            videoElement.current.duration * scrubValue;
+        setProgress(scrubValue);
+    };
+    /**
+     * Show volume slider
+     */
+    const toggleVolumeSlider = () => {
+        showVolume(!showvolume);
+    };
+    /**
+     * Volume change
+     */
+    const handleVolumeChange = (event) => {
+        videoElement.volume = event.target.value;
+    };
+    return {
+        handleOnTimeUpdate,
+        handleVideoScrub,
+        handleVolumeChange,
+        playing,
+        progress,
+        showvolume,
+        toggleFullscreen,
+        togglePlay,
+        toggleVolumeSlider,
+    };
+};
+
+module.exports = useVideoPlayer;