@ilo-org/react 0.10.6 → 0.11.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @ilo-org/react
 
+## 0.11.0
+
+### Minor Changes
+
+- d44ee1021: Normalized video implementation for react
+- 8491bba96: Create tabs component in react
+
+### Patch Changes
+
+- Updated dependencies [d44ee1021]
+- Updated dependencies [be59e9c1f]
+  - @ilo-org/styles@0.14.1
+  - @ilo-org/themes@0.7.2
+
 ## 0.10.6
 
 ### Patch Changes

package/lib/cjs/AccordionCtx-be704051.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var React = require('react');
+
+const AccordionContext = React.createContext({});
+const AccordionItemContext = React.createContext({});
+
+exports.AccordionContext = AccordionContext;
+exports.AccordionItemContext = AccordionItemContext;

package/lib/cjs/{GlobalCtx-97e4b433.js → GlobalCtx-10114bdd.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var require$$0 = require('react');
+var React = require('react');
 
-const GlobalProviderContext = require$$0.createContext({
+const GlobalProviderContext = React.createContext({
     prefix: "ilo",
 });
 

package/lib/cjs/ListCtx-14aa546f.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var React = require('react');
+
+const ListContext = React.createContext({});
+const ListItemContext = React.createContext({});
+
+exports.ListContext = ListContext;
+exports.ListItemContext = ListItemContext;

package/lib/cjs/TagCtx-690a1d54.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var React = require('react');
+
+const TagSetContext = React.createContext({});
+
+exports.TagSetContext = TagSetContext;

package/lib/cjs/components/Accordion/Accordion.js

@@ -3,22 +3,22 @@
 var jsxRuntime = require('react/jsx-runtime');
 var utils = require('@ilo-org/utils');
 var classNames = require('classnames');
-var require$$0 = require('react');
+var React = require('react');
 var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
 var utils_checkArrayDuplicates = require('../../utils/checkArrayDuplicates.js');
-var AccordionCtx = require('../../AccordionCtx-fe08ff45.js');
+var AccordionCtx = require('../../AccordionCtx-be704051.js');
 require('tslib');
-require('../../GlobalCtx-97e4b433.js');
+require('../../GlobalCtx-10114bdd.js');
 
 const Accordion = ({ children, allowMultipleExpanded = false, onButtonClick, defaultAccordionsExpanded = [], className, }) => {
     const { prefix } = hooks_useGlobalSettings();
     const baseClass = `${prefix}--accordion`;
-    const [activeItems, setActiveItems] = require$$0.useState([]);
+    const [activeItems, setActiveItems] = React.useState([]);
     const accordionClasses = classNames(className, {
         [baseClass]: true,
     });
     const defaultAccordionsExpandedString = JSON.stringify(defaultAccordionsExpanded);
-    require$$0.useEffect(() => {
+    React.useEffect(() => {
         const expandedOnLoad = allowMultipleExpanded
             ? defaultAccordionsExpanded
             : defaultAccordionsExpanded.length > 0
@@ -28,7 +28,7 @@ const Accordion = ({ children, allowMultipleExpanded = false, onButtonClick, def
     }, [defaultAccordionsExpandedString, allowMultipleExpanded]); //eslint-disable-line react-hooks/exhaustive-deps
     if (children) {
         const ids = [];
-        require$$0.Children.forEach(children, (child) => {
+        React.Children.forEach(children, (child) => {
             ids.push(child.props.id);
         });
         if (utils_checkArrayDuplicates.checkArrayDuplicates(ids)) {

package/lib/cjs/components/Accordion/AccordionButton.js

@@ -3,17 +3,17 @@
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('classnames');
-var require$$0 = require('react');
+var React = require('react');
 var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var AccordionCtx = require('../../AccordionCtx-fe08ff45.js');
-require('../../GlobalCtx-97e4b433.js');
+var AccordionCtx = require('../../AccordionCtx-be704051.js');
+require('../../GlobalCtx-10114bdd.js');
 
 const AccordionButton = (_a) => {
     var { children, className } = _a, rest = tslib.__rest(_a, ["children", "className"]);
     const { prefix } = hooks_useGlobalSettings();
     const baseClass = `${prefix}--accordion--button`;
-    const { activeItems, setActiveItems, getUpdatedItems, allowMultipleExpanded, onButtonClick, } = require$$0.useContext(AccordionCtx.AccordionContext);
-    const { id } = require$$0.useContext(AccordionCtx.AccordionItemContext);
+    const { activeItems, setActiveItems, getUpdatedItems, allowMultipleExpanded, onButtonClick, } = React.useContext(AccordionCtx.AccordionContext);
+    const { id } = React.useContext(AccordionCtx.AccordionItemContext);
     const open = activeItems.indexOf(id) > -1;
     const accordionButtonClasses = classNames(className, {
         [baseClass]: true,

package/lib/cjs/components/Accordion/AccordionItem.js

@@ -4,9 +4,9 @@ var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('classnames');
 var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var AccordionCtx = require('../../AccordionCtx-fe08ff45.js');
+var AccordionCtx = require('../../AccordionCtx-be704051.js');
 require('react');
-require('../../GlobalCtx-97e4b433.js');
+require('../../GlobalCtx-10114bdd.js');
 
 const AccordionItem = (_a) => {
     var { children, id, className } = _a, rest = tslib.__rest(_a, ["children", "id", "className"]);

package/lib/cjs/components/Accordion/AccordionPanel.js

@@ -3,16 +3,16 @@
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('classnames');
-var require$$0 = require('react');
+var React = require('react');
 var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
-var AccordionCtx = require('../../AccordionCtx-fe08ff45.js');
-require('../../GlobalCtx-97e4b433.js');
+var AccordionCtx = require('../../AccordionCtx-be704051.js');
+require('../../GlobalCtx-10114bdd.js');
 
 const AccordionPanel = (_a) => {
     var { children, className, scroll } = _a, rest = tslib.__rest(_a, ["children", "className", "scroll"]);
-    const { activeItems } = require$$0.useContext(AccordionCtx.AccordionContext);
-    const { id } = require$$0.useContext(AccordionCtx.AccordionItemContext);
-    const [panelHeight, setPanelHeight] = require$$0.useState(0);
+    const { activeItems } = React.useContext(AccordionCtx.AccordionContext);
+    const { id } = React.useContext(AccordionCtx.AccordionItemContext);
+    const [panelHeight, setPanelHeight] = React.useState(0);
     const open = activeItems.indexOf(id) > -1;
     const { prefix } = hooks_useGlobalSettings();
     const baseClass = `${prefix}--accordion--panel`;
@@ -20,8 +20,8 @@ const AccordionPanel = (_a) => {
         [`${baseClass}__scroll`]: scroll,
         [`${baseClass}--open`]: open,
     });
-    const ref = require$$0.useRef();
-    require$$0.useLayoutEffect(() => {
+    const ref = React.useRef();
+    React.useLayoutEffect(() => {
         ref.current && setPanelHeight(ref.current.scrollHeight);
     });
     return (jsxRuntime.jsx("div", Object.assign({ className: accordionaPanelClasses, id: `panel-${id}`, "aria-labelledby": `button-${id}`, role: "region", ref: ref, style: { ["--height"]: `${panelHeight}px` } }, rest, { children: jsxRuntime.jsx("div", Object.assign({ className: `${prefix}--accordion--innerpanel` }, { children: children })) })));

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

@@ -9,8 +9,8 @@ require('react/jsx-runtime');
 require('classnames');
 require('react');
 require('../../hooks/useGlobalSettings.js');
-require('../../GlobalCtx-97e4b433.js');
-require('../../AccordionCtx-fe08ff45.js');
+require('../../GlobalCtx-10114bdd.js');
+require('../../AccordionCtx-be704051.js');
 require('@ilo-org/utils');
 require('../../utils/checkArrayDuplicates.js');
 

package/lib/cjs/components/Breadcrumb/Breadcrumb.js

@@ -1,21 +1,21 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var require$$0 = require('react');
+var React = require('react');
 var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
 var classNames = require('classnames');
 var components_ContextMenu_ContextMenu = require('../ContextMenu/ContextMenu.js');
 require('tslib');
-require('../../GlobalCtx-97e4b433.js');
+require('../../GlobalCtx-10114bdd.js');
 
 const Breadcrumb = ({ home, links }) => {
     const { prefix } = hooks_useGlobalSettings();
-    const [showContextMenu, enableContextMenu] = require$$0.useState(false);
-    const [toggleMenuOpen, setContextMenuToggleOpen] = require$$0.useState(false);
+    const [showContextMenu, enableContextMenu] = React.useState(false);
+    const [toggleMenuOpen, setContextMenuToggleOpen] = React.useState(false);
     const handleScreenResize = () => {
         enableContextMenu(window.innerWidth <= 1024); // turn on context menu when screen is resized to a smaller size
     };
-    require$$0.useEffect(() => {
+    React.useEffect(() => {
         window.addEventListener("resize", handleScreenResize);
         handleScreenResize();
         return () => {

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

@@ -5,7 +5,7 @@ require('react/jsx-runtime');
 require('react');
 require('../../hooks/useGlobalSettings.js');
 require('tslib');
-require('../../GlobalCtx-97e4b433.js');
+require('../../GlobalCtx-10114bdd.js');
 require('classnames');
 require('../ContextMenu/ContextMenu.js');
 

package/lib/cjs/components/Button/Button.js

@@ -7,7 +7,7 @@ var components_Link_Link = require('../Link/Link.js');
 var components_Icon_Icon = require('../Icon/Icon.js');
 require('tslib');
 require('react');
-require('../../GlobalCtx-97e4b433.js');
+require('../../GlobalCtx-10114bdd.js');
 require('@ilo-org/icons-react');
 
 const Button = ({ callback, className, disabled = false, icon, icononly, iconPosition, kind = "button", label, opensmodal, size = "large", target = "", type = "primary", url, style, name, }) => {

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

@@ -6,7 +6,7 @@ require('classnames');
 require('../../hooks/useGlobalSettings.js');
 require('tslib');
 require('react');
-require('../../GlobalCtx-97e4b433.js');
+require('../../GlobalCtx-10114bdd.js');
 require('../Link/Link.js');
 require('../Icon/Icon.js');
 require('@ilo-org/icons-react');

package/lib/cjs/components/Callout/Callout.js

@@ -2,11 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('classnames');
-var require$$0 = require('react');
+var React = require('react');
 var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
 var components_Button_Button = require('../Button/Button.js');
 require('tslib');
-require('../../GlobalCtx-97e4b433.js');
+require('../../GlobalCtx-10114bdd.js');
 require('../Link/Link.js');
 require('../Icon/Icon.js');
 require('@ilo-org/icons-react');
@@ -14,9 +14,9 @@ require('@ilo-org/icons-react');
 const Callout = ({ className, copy, cta, isCollapsible, isOpen = true, toggleOpenLabel = "Less", toggleClosedLabel = "More", headline, type, }) => {
     const { prefix } = hooks_useGlobalSettings();
     const baseClass = `${prefix}--callout`;
-    const [toggleOpen, setToggleOpen] = require$$0.useState(isOpen);
+    const [toggleOpen, setToggleOpen] = React.useState(isOpen);
     let toggleLabel = toggleOpen ? toggleOpenLabel : toggleClosedLabel;
-    require$$0.useEffect(() => {
+    React.useEffect(() => {
         setToggleOpen(isOpen);
         toggleLabel = toggleOpen ? toggleOpenLabel : toggleClosedLabel;
     }, [isOpen]);

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

@@ -6,7 +6,7 @@ require('classnames');
 require('react');
 require('../../hooks/useGlobalSettings.js');
 require('tslib');
-require('../../GlobalCtx-97e4b433.js');
+require('../../GlobalCtx-10114bdd.js');
 require('../Button/Button.js');
 require('../Link/Link.js');
 require('../Icon/Icon.js');

package/lib/cjs/components/Card/Card.js

@@ -10,8 +10,8 @@ var components_LinkList_LinkList = require('../LinkList/LinkList.js');
 var components_Profile_Profile = require('../Profile/Profile.js');
 require('tslib');
 require('react');
-require('../../GlobalCtx-97e4b433.js');
-require('../../ListCtx-7db7fe04.js');
+require('../../GlobalCtx-10114bdd.js');
+require('../../ListCtx-14aa546f.js');
 
 const Card = ({ isvideo, eyebrow, title, color, theme, variant, size, cornercut, alignment, intro, date, eventdetails, profile, listitems, link, linklist, cta, image, source, dataset, }) => {
     const { prefix } = hooks_useGlobalSettings();

package/lib/cjs/components/Card/CardGroup.js

@@ -8,8 +8,8 @@ require('../Link/Link.js');
 require('tslib');
 require('../List/List.js');
 require('react');
-require('../../ListCtx-7db7fe04.js');
-require('../../GlobalCtx-97e4b433.js');
+require('../../ListCtx-14aa546f.js');
+require('../../GlobalCtx-10114bdd.js');
 require('../List/ListItem.js');
 require('../LinkList/LinkList.js');
 require('../Profile/Profile.js');

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

@@ -7,10 +7,10 @@ require('classnames');
 require('../../hooks/useGlobalSettings.js');
 require('tslib');
 require('react');
-require('../../GlobalCtx-97e4b433.js');
+require('../../GlobalCtx-10114bdd.js');
 require('../Link/Link.js');
 require('../List/List.js');
-require('../../ListCtx-7db7fe04.js');
+require('../../ListCtx-14aa546f.js');
 require('../List/ListItem.js');
 require('../LinkList/LinkList.js');
 require('../Profile/Profile.js');

package/lib/cjs/components/Checkbox/Checkbox.js

@@ -2,18 +2,18 @@
 
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
-var require$$0 = require('react');
+var React = require('react');
 var classNames = require('classnames');
 var hooks_useGlobalSettings = require('../../hooks/useGlobalSettings.js');
 var components_Fieldset_Fieldset = require('../Fieldset/Fieldset.js');
 var components_FormControl_FormControl = require('../FormControl/FormControl.js');
 var hooks_usePrevious = require('../../hooks/usePrevious.js');
-require('../../GlobalCtx-97e4b433.js');
+require('../../GlobalCtx-10114bdd.js');
 require('../Tooltip/Tooltip.js');
 require('@popperjs/core');
 require('nanoid');
 
-const Checkbox = require$$0.forwardRef((props, ref) => {
+const Checkbox = React.forwardRef((props, ref) => {
     const { onChange, onBlur, disabled = false, error, id, name, required, defaultChecked = false, checked, value, } = props;
     const { prefix } = hooks_useGlobalSettings();
     const { setHasError } = components_Fieldset_Fieldset.useFieldsetError();
@@ -25,7 +25,7 @@ const Checkbox = require$$0.forwardRef((props, ref) => {
         [errorClass]: error,
     });
     const prevError = hooks_usePrevious.usePrevious(error);
-    require$$0.useEffect(() => {
+    React.useEffect(() => {
         if (error !== prevError) {
             setHasError(!!error);
         }
@@ -37,7 +37,7 @@ const Checkbox = require$$0.forwardRef((props, ref) => {
     };
     return (jsxRuntime.jsx("input", { ref: ref, id: id ? id : name, name: name, onChange: handleChange, onBlur: onBlur, disabled: disabled, required: required, type: "checkbox", className: CheckboxClasses, defaultChecked: defaultChecked, "aria-describedby": ariaDescribedBy, checked: checked, value: value }));
 });
-const LabelledCheckbox = require$$0.forwardRef((props, ref) => {
+const LabelledCheckbox = React.forwardRef((props, ref) => {
     const fieldId = props.id ? props.id : props.name;
     const { style, inputStyle, className, labelPlacement = "end", labelSize = "small" } = props, rest = tslib.__rest(props, ["style", "inputStyle", "className", "labelPlacement", "labelSize"]);
     return (jsxRuntime.jsx(components_FormControl_FormControl.default, Object.assign({ fieldId: fieldId, style: style, className: className, labelPlacement: labelPlacement, labelSize: labelSize }, rest, { children: jsxRuntime.jsx(Checkbox, Object.assign({ ref: ref, style: inputStyle }, rest)) })));

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

@@ -6,7 +6,7 @@ require('react/jsx-runtime');
 require('react');
 require('classnames');
 require('../../hooks/useGlobalSettings.js');
-require('../../GlobalCtx-97e4b433.js');
+require('../../GlobalCtx-10114bdd.js');
 require('../Fieldset/Fieldset.js');
 require('../Tooltip/Tooltip.js');
 require('@popperjs/core');