@ilo-org/react 0.17.8 → 0.18.1

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

@@ -1,57 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
-import 'videojs-youtube';
-import videojs from 'video.js';
-
-const video = videojs;
-const VideoPlayer = forwardRef(({ src, poster, youtube }, ref) => {
-    const videoNode = useRef(null);
-    const player = useRef();
-    useImperativeHandle(ref, () => ({
-        get player() {
-            return player.current;
-        },
-    }), [player]);
-    useEffect(() => {
-        if (videoNode.current) {
-            player.current = video(videoNode.current, {
-                autoplay: false,
-                controls: true,
-                preload: "auto",
-                bigPlayButton: false,
-                poster: poster === null || poster === void 0 ? void 0 : poster.src,
-                controlBar: {
-                    descriptionsButton: false,
-                    playbackRateMenuButton: false,
-                    chaptersButton: false,
-                    audioTrackButton: false,
-                    pictureInPictureToggle: false,
-                    subsCapsButton: false,
-                    seekToLive: false,
-                    liveDisplay: false,
-                },
-                errorDisplay: false,
-                textTrackSettings: false,
-                resizeManager: false,
-                /**
-                 * If youtube is true, it will default to the youtube video
-                 */
-                sources: [
-                    { type: youtube ? "video/youtube" : undefined, src: src },
-                ],
-                dataSetup: {
-                    techOrder: ["youtube"],
-                },
-                liveTracker: false,
-            });
-        }
-        return () => {
-            if (player.current) {
-                player.current.dispose();
-            }
-        };
-    }, [poster === null || poster === void 0 ? void 0 : poster.src, src, youtube]);
-    return (jsx("div", Object.assign({ className: "ilo--videoplayer" }, { children: jsx("video", { ref: videoNode, className: "ilo--video--element" }) })));
-});
-
-export { VideoPlayer as default };

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

@@ -1,10 +0,0 @@
-export { default as Video } from './Video.js';
-import 'tslib';
-import 'react/jsx-runtime';
-import 'react';
-import 'classnames';
-import '../../hooks/useGlobalSettings.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import './VideoPlayer.js';
-import 'videojs-youtube';
-import 'video.js';

package/lib/esm/components/index.js

@@ -1,86 +0,0 @@
-export { default as AccordionButton } from './Accordion/AccordionButton.js';
-export { default as AccordionPanel } from './Accordion/AccordionPanel.js';
-export { default as AccordionItem } from './Accordion/AccordionItem.js';
-export { default as Accordion } from './Accordion/Accordion.js';
-export { default as Form } from './Form/Form.js';
-export { default as Collapse } from './Collapse/Collapse.js';
-export { default as Empty } from './Empty/Empty.js';
-export { default as Image } from './Image/Image.js';
-export { default as Loading } from './Loading/Loading.js';
-export { default as Radio } from './Radio/Radio.js';
-export { default as Tag } from './Tag/Tag.js';
-import 'tslib';
-import 'react/jsx-runtime';
-import 'classnames';
-import 'react';
-export { default as GlobalProvider } from './GlobalProvider/GlobalProvider.js';
-import '../GlobalCtx-7fb23cfa.js';
-import '../TagCtx-34c545fe.js';
-export { default as Button } from './Button/Button.js';
-export { default as ContextMenu } from './ContextMenu/ContextMenu.js';
-export { default as Fieldset } from './Fieldset/Fieldset.js';
-export { default as Notification } from './Notification/Notification.js';
-export { default as ReadMore } from './ReadMore/ReadMore.js';
-export { default as Textarea } from './Textarea/Textarea.js';
-import './Textarea/index.js';
-export { default as Callout } from './Callout/Callout.js';
-import './Callout/index.js';
-export { default as Credit } from './Credit/Credit.js';
-export { default as FileUpload } from './FileUpload/FileUpload.js';
-export { default as Heading } from './Heading/Heading.js';
-export { default as Link } from './Link/Link.js';
-export { default as NumberPicker } from './NumberPicker/NumberPicker.js';
-export { default as RichText } from './RichText/RichText.js';
-export { default as Tooltip } from './Tooltip/Tooltip.js';
-export { default as Checkbox } from './Checkbox/Checkbox.js';
-import './Checkbox/index.js';
-export { default as DatePicker } from './DatePicker/DatePicker.js';
-export { default as Hero } from './Hero/Hero.js';
-import './SocialMedia/index.js';
-export { default as LinkList } from './LinkList/LinkList.js';
-export { default as Pagination } from './Pagination/Pagination.js';
-export { default as SearchField } from './SearchField/SearchField.js';
-export { default as Video } from './Video/Video.js';
-export { default as Dropdown } from './Dropdown/Dropdown.js';
-export { default as Icon } from './Icon/Icon.js';
-export { default as List } from './List/List.js';
-export { default as Profile } from './Profile/Profile.js';
-export { default as TableOfContents } from './TableOfContents/TableOfContents.js';
-export { default as Footer } from './Footer/Footer.js';
-export { default as LocalNav } from './LocalNav/LocalNav.js';
-export { default as Navigation } from './Navigation/Navigation.js';
-export { default as CardGroup } from './Cards/CardGroup/CardGroup.js';
-export { default as Breadcrumb } from './Breadcrumb/Breadcrumb.js';
-export { default as Tabs } from './Tabs/Tabs.js';
-import '../hooks/useGlobalSettings.js';
-import '../AccordionCtx-8c051900.js';
-import '@ilo-org/utils';
-import '../utils/checkArrayDuplicates.js';
-import 'react-dom';
-import '../utils/createChainedFunction.js';
-import '../utils/getDefaultDimensionValue.js';
-import '../css-7414f50b.js';
-import '../utils/transitionEndListener.js';
-import '../utils/triggerBrowserReflow.js';
-import './FormControl/FormControl.js';
-import 'nanoid';
-import '../hooks/usePrevious.js';
-import '@popperjs/core';
-import './Hero/HeroCard.js';
-import './SocialMedia/SocialMedia.js';
-import './Input/Input.js';
-import './FormElement/FormElement.js';
-import './Video/VideoPlayer.js';
-import 'videojs-youtube';
-import 'video.js';
-import '@ilo-org/icons-react';
-import './Logo/Logo.js';
-import './Cards/DataCard/DataCard.js';
-import './Cards/DetailCard/DetailCard.js';
-import './Cards/FactlistCard/FactListCard.js';
-import './List/ListItem.js';
-import './Cards/FeatureCard/FeatureCard.js';
-import './Cards/MultilinkCard/MultiLinkCard.js';
-import './Cards/PromoCard/PromoCard.js';
-import './Cards/StatCard/StatCard.js';
-import './Cards/TextCard/TextCard.js';

package/lib/esm/css-7414f50b.js

@@ -1,79 +0,0 @@
-/**
- * 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;
-}
-
-export { style as s };

package/lib/esm/hooks/index.js

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

package/lib/esm/hooks/useGlobalSettings.js

@@ -1,11 +0,0 @@
-import { __rest } from 'tslib';
-import { useContext } from 'react';
-import 'react/jsx-runtime';
-import { G as GlobalProviderContext } from '../GlobalCtx-7fb23cfa.js';
-
-const useGlobalSettings = () => {
-    const _a = useContext(GlobalProviderContext), { prefix } = _a, rest = __rest(_a, ["prefix"]);
-    return Object.assign({ prefix }, rest);
-};
-
-export { useGlobalSettings as default };

package/lib/esm/hooks/usePrevious.js

@@ -1,15 +0,0 @@
-import { useRef, useEffect } from 'react';
-
-// This code was shamelessly borrowed from the blog post
-// "How to access previous props or state with React Hooks" by
-// Ohans Emmanuel, published on LogRocket May 11, 2023
-// https://blog.logrocket.com/accessing-previous-props-state-react-hooks/
-function usePrevious(value) {
-    const ref = useRef();
-    useEffect(() => {
-        ref.current = value; //assign the value of ref to the argument
-    }, [value]); //this code will run when the value of 'value' changes
-    return ref.current; //in the end, return the current ref value.
-}
-
-export { usePrevious as default, usePrevious };

package/lib/esm/utils/checkArrayDuplicates.js

@@ -1,5 +0,0 @@
-function checkArrayDuplicates(array) {
-    return array.some((val, i) => array.indexOf(val) !== i);
-}
-
-export { checkArrayDuplicates };

package/lib/esm/utils/createChainedFunction.js

@@ -1,28 +0,0 @@
-/**
- * Safe chained function
- *
- * Will only create a new function if needed,
- * otherwise will pass back existing functions or null.
- *
- * @param {function} functions to chain
- * @returns {function|null}
- */
-function createChainedFunction(...funcs) {
-    return funcs
-        .filter((f) => f != null)
-        .reduce((acc, f) => {
-        if (typeof f !== "function") {
-            throw new Error("Invalid Argument Type, must only provide functions, undefined, or null.");
-        }
-        if (acc === null)
-            return f;
-        return function chainedFunction(...args) {
-            // @ts-ignore
-            acc.apply(this, args);
-            // @ts-ignore
-            f.apply(this, args);
-        };
-    }, null);
-}
-
-export { createChainedFunction as default };

package/lib/esm/utils/getDefaultDimensionValue.js

@@ -1,20 +0,0 @@
-import { s as style } from '../css-7414f50b.js';
-
-const MARGINS = {
-    height: ["marginTop", "marginBottom"],
-    width: ["marginLeft", "marginRight"],
-};
-function getDefaultDimensionValue(dimension, elem) {
-    const offset = `offset${dimension[0].toUpperCase()}${dimension.slice(1)}`;
-    const value = elem[offset];
-    const margins = MARGINS[dimension];
-    return (
-    // @ts-ignore
-    value +
-        // @ts-ignore
-        parseInt(style(elem, margins[0]), 10) +
-        // @ts-ignore
-        parseInt(style(elem, margins[1]), 10));
-}
-
-export { getDefaultDimensionValue as default };

package/lib/esm/utils/hoursMinutesSeconds.js

@@ -1,10 +0,0 @@
-function hoursMinutesSeconds(secs) {
-    const hours = Math.floor(secs / 60 / 60);
-    const minutes = Math.floor(secs / 60) - Math.floor(hours * 60);
-    const seconds = Math.floor(secs % 60);
-    return `${hours > 0 ? hours.toString().padStart(2, "0") + ":" : ""}${minutes
-        .toString()
-        .padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
-}
-
-export { hoursMinutesSeconds as default };

package/lib/esm/utils/index.js

@@ -1,7 +0,0 @@
-export { checkArrayDuplicates } from './checkArrayDuplicates.js';
-export { default as createChainedFunctions } from './createChainedFunction.js';
-export { default as getDefaultDimensionValue } from './getDefaultDimensionValue.js';
-export { default as hoursMinutesSeconds } from './hoursMinutesSeconds.js';
-export { default as transitionEndListener } from './transitionEndListener.js';
-export { default as triggerBrowserReflow } from './triggerBrowserReflow.js';
-import '../css-7414f50b.js';

package/lib/esm/utils/transitionEndListener.js

@@ -1,159 +0,0 @@
-import { s as style } from '../css-7414f50b.js';
-
-var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-
-/* eslint-disable no-return-assign */
-var optionsSupported = false;
-var onceSupported = false;
-
-try {
-  var options = {
-    get passive() {
-      return optionsSupported = true;
-    },
-
-    get once() {
-      // eslint-disable-next-line no-multi-assign
-      return onceSupported = optionsSupported = true;
-    }
-
-  };
-
-  if (canUseDOM) {
-    window.addEventListener('test', options, options);
-    window.removeEventListener('test', options, true);
-  }
-} catch (e) {
-  /* */
-}
-
-/**
- * An `addEventListener` ponyfill, supports the `once` option
- * 
- * @param node the element
- * @param eventName the event name
- * @param handle the handler
- * @param options event options
- */
-function addEventListener(node, eventName, handler, options) {
-  if (options && typeof options !== 'boolean' && !onceSupported) {
-    var once = options.once,
-        capture = options.capture;
-    var wrappedHandler = handler;
-
-    if (!onceSupported && once) {
-      wrappedHandler = handler.__once || function onceHandler(event) {
-        this.removeEventListener(eventName, onceHandler, capture);
-        handler.call(this, event);
-      };
-
-      handler.__once = wrappedHandler;
-    }
-
-    node.addEventListener(eventName, wrappedHandler, optionsSupported ? options : capture);
-  }
-
-  node.addEventListener(eventName, handler, options);
-}
-
-/**
- * A `removeEventListener` ponyfill
- * 
- * @param node the element
- * @param eventName the event name
- * @param handle the handler
- * @param options event options
- */
-function removeEventListener(node, eventName, handler, options) {
-  var capture = options && typeof options !== 'boolean' ? options.capture : options;
-  node.removeEventListener(eventName, handler, capture);
-
-  if (handler.__once) {
-    node.removeEventListener(eventName, handler.__once, capture);
-  }
-}
-
-function listen(node, eventName, handler, options) {
-  addEventListener(node, eventName, handler, options);
-  return function () {
-    removeEventListener(node, eventName, handler, options);
-  };
-}
-
-/**
- * Triggers an event on a given element.
- * 
- * @param node the element
- * @param eventName the event name to trigger
- * @param bubbles whether the event should bubble up
- * @param cancelable whether the event should be cancelable
- */
-function triggerEvent(node, eventName, bubbles, cancelable) {
-  if (bubbles === void 0) {
-    bubbles = false;
-  }
-
-  if (cancelable === void 0) {
-    cancelable = true;
-  }
-
-  if (node) {
-    var event = document.createEvent('HTMLEvents');
-    event.initEvent(eventName, bubbles, cancelable);
-    node.dispatchEvent(event);
-  }
-}
-
-function parseDuration$1(node) {
-  var str = style(node, 'transitionDuration') || '';
-  var mult = str.indexOf('ms') === -1 ? 1000 : 1;
-  return parseFloat(str) * mult;
-}
-
-function emulateTransitionEnd(element, duration, padding) {
-  if (padding === void 0) {
-    padding = 5;
-  }
-
-  var called = false;
-  var handle = setTimeout(function () {
-    if (!called) triggerEvent(element, 'transitionend', true);
-  }, duration + padding);
-  var remove = listen(element, 'transitionend', function () {
-    called = true;
-  }, {
-    once: true
-  });
-  return function () {
-    clearTimeout(handle);
-    remove();
-  };
-}
-
-function transitionEnd(element, handler, duration, padding) {
-  if (duration == null) duration = parseDuration$1(element) || 0;
-  var removeEmulate = emulateTransitionEnd(element, duration, padding);
-  var remove = listen(element, 'transitionend', handler);
-  return function () {
-    removeEmulate();
-    remove();
-  };
-}
-
-function parseDuration(node, property) {
-    const str = style(node, property) || "";
-    const mult = str.indexOf("ms") === -1 ? 1000 : 1;
-    return parseFloat(str) * mult;
-}
-function transitionEndListener(element, handler) {
-    const duration = parseDuration(element, "transitionDuration");
-    const delay = parseDuration(element, "transitionDelay");
-    const remove = transitionEnd(element, (e) => {
-        if (e.target === element) {
-            remove();
-            handler(e);
-        }
-    }, duration + delay);
-}
-
-export { transitionEndListener as default };

package/lib/esm/utils/triggerBrowserReflow.js

@@ -1,6 +0,0 @@
-function triggerBrowserReflow(node) {
-    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-    node.offsetHeight;
-}
-
-export { triggerBrowserReflow as default };

package/lib/types/react/src/components/Accordion/Accordion.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { AccordionProps } from "./Accordion.props";
-declare const Accordion: FC<AccordionProps>;
-export default Accordion;

package/lib/types/react/src/components/Accordion/Accordion.props.d.ts

@@ -1,33 +0,0 @@
-import { Dispatch, MouseEvent, ReactElement, SetStateAction } from "react";
-export { default as AccordionItem } from "./AccordionItem";
-import { getUpdatedItems } from "@ilo-org/utils";
-import { AccordionItemProps } from "./AccordionItem.props";
-export interface AccordionProps {
-    /**
-     * Specify the content of your Accordion.
-     */
-    children?: ReactElement<AccordionItemProps> | Array<ReactElement<AccordionItemProps>>;
-    /**
-     * Callback to onButtonClick event;
-     */
-    onButtonClick?: (e: MouseEvent<HTMLButtonElement>, i: any) => void;
-    /**
-     * Allow multiple accordions to be expanded at once, default value is false
-     */
-    allowMultipleExpanded?: boolean;
-    /**
-     * Default accordions expanded on first load
-     */
-    defaultAccordionsExpanded?: string[];
-    /**
-     * Specify an optional className to be added to your accordion.
-     */
-    className?: string;
-}
-export interface AccordionContextProps {
-    activeItems: string[];
-    getUpdatedItems: typeof getUpdatedItems;
-    setActiveItems: Dispatch<SetStateAction<string[]>>;
-    allowMultipleExpanded: boolean;
-    onButtonClick?: (e: MouseEvent<HTMLButtonElement>, i: any) => void;
-}

package/lib/types/react/src/components/Accordion/AccordionButton.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { default as AccordionButtonProps } from "./AccordionButton.props";
-declare const AccordionButton: FC<AccordionButtonProps>;
-export default AccordionButton;

package/lib/types/react/src/components/Accordion/AccordionButton.props.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from "react";
-export default interface AccordionButtonProps {
-    /**
-     * Specify the content of your Button.
-     */
-    children: ReactNode;
-    /**
-     * Specify an optional className to be added to your Button.
-     */
-    className?: string;
-}

package/lib/types/react/src/components/Accordion/AccordionCtx.d.ts

@@ -1,4 +0,0 @@
-import { AccordionContextProps } from "./Accordion.props";
-import { AccordionItemContextProps } from "./AccordionItem.props";
-export declare const AccordionContext: import("react").Context<AccordionContextProps>;
-export declare const AccordionItemContext: import("react").Context<AccordionItemContextProps>;

package/lib/types/react/src/components/Accordion/AccordionItem.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { AccordionItemProps } from "./AccordionItem.props";
-declare const AccordionItem: FC<AccordionItemProps>;
-export default AccordionItem;

package/lib/types/react/src/components/Accordion/AccordionItem.props.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode } from "react";
-export interface AccordionItemContextProps {
-    /**
-     * The accordion item's unique id.
-     */
-    id: string;
-}
-export interface AccordionItemProps {
-    /**
-     * Specify the id of the accordion item.
-     */
-    id: string;
-    /**
-     * Specify the content of your Button.
-     */
-    children: ReactNode;
-    /**
-     * Specify an optional className to be added to your Button.
-     */
-    className?: string;
-}

package/lib/types/react/src/components/Accordion/AccordionPanel.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { default as AccordionPanelProps } from "./AccordionPanel.props";
-declare const AccordionPanel: FC<AccordionPanelProps>;
-export default AccordionPanel;

package/lib/types/react/src/components/Accordion/AccordionPanel.props.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode } from "react";
-export default interface AccordionPanelProps {
-    /**
-     * Specify the content of your Button.
-     */
-    children: ReactNode;
-    /**
-     * Specify an optional className to be added to your Button.
-     */
-    className?: string;
-    /**
-     * Duration of the collapse animation in milliseconds, to ensure that
-     * finishing callbacks are fired even if the original browser transition end
-     * events are canceled
-     */
-    timeout?: number;
-    /**
-     * Allows the AccordionPanel to be scrollable by default
-     */
-    scroll?: boolean;
-}

package/lib/types/react/src/components/Accordion/index.d.ts

@@ -1,4 +0,0 @@
-export { default as AccordionButton } from "./AccordionButton";
-export { default as AccordionPanel } from "./AccordionPanel";
-export { default as AccordionItem } from "./AccordionItem";
-export { default as Accordion } from "./Accordion";

package/lib/types/react/src/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { BreadcrumbProps } from "./Breadcrumb.props";
-declare const Breadcrumb: FC<BreadcrumbProps>;
-export default Breadcrumb;