@ilo-org/react 0.17.8 → 0.18.0

package/lib/cjs/utils/checkArrayDuplicates.js

@@ -1,7 +0,0 @@
-'use strict';
-
-function checkArrayDuplicates(array) {
-    return array.some((val, i) => array.indexOf(val) !== i);
-}
-
-exports.checkArrayDuplicates = checkArrayDuplicates;

package/lib/cjs/utils/createChainedFunction.js

@@ -1,30 +0,0 @@
-'use strict';
-
-/**
- * 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);
-}
-
-module.exports = createChainedFunction;

package/lib/cjs/utils/getDefaultDimensionValue.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var css = require('../css-9c93400b.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(css.style(elem, margins[0]), 10) +
-        // @ts-ignore
-        parseInt(css.style(elem, margins[1]), 10));
-}
-
-module.exports = getDefaultDimensionValue;

package/lib/cjs/utils/hoursMinutesSeconds.js

@@ -1,12 +0,0 @@
-'use strict';
-
-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")}`;
-}
-
-module.exports = hoursMinutesSeconds;

package/lib/cjs/utils/index.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var utils_checkArrayDuplicates = require('./checkArrayDuplicates.js');
-var utils_createChainedFunction = require('./createChainedFunction.js');
-var utils_getDefaultDimensionValue = require('./getDefaultDimensionValue.js');
-var utils_hoursMinutesSeconds = require('./hoursMinutesSeconds.js');
-var utils_transitionEndListener = require('./transitionEndListener.js');
-var utils_triggerBrowserReflow = require('./triggerBrowserReflow.js');
-require('../css-9c93400b.js');
-
-
-
-exports.checkArrayDuplicates = utils_checkArrayDuplicates.checkArrayDuplicates;
-exports.createChainedFunctions = utils_createChainedFunction;
-exports.getDefaultDimensionValue = utils_getDefaultDimensionValue;
-exports.hoursMinutesSeconds = utils_hoursMinutesSeconds;
-exports.transitionEndListener = utils_transitionEndListener;
-exports.triggerBrowserReflow = utils_triggerBrowserReflow;

package/lib/cjs/utils/transitionEndListener.js

@@ -1,161 +0,0 @@
-'use strict';
-
-var css = require('../css-9c93400b.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 = css.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 = css.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);
-}
-
-module.exports = transitionEndListener;

package/lib/cjs/utils/triggerBrowserReflow.js

@@ -1,8 +0,0 @@
-'use strict';
-
-function triggerBrowserReflow(node) {
-    // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-    node.offsetHeight;
-}
-
-module.exports = triggerBrowserReflow;

package/lib/esm/AccordionCtx-8c051900.js

@@ -1,6 +0,0 @@
-import { createContext } from 'react';
-
-const AccordionContext = createContext({});
-const AccordionItemContext = createContext({});
-
-export { AccordionContext as A, AccordionItemContext as a };

package/lib/esm/GlobalCtx-7fb23cfa.js

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-
-const GlobalProviderContext = createContext({
-    prefix: "ilo",
-});
-
-export { GlobalProviderContext as G };

package/lib/esm/TagCtx-34c545fe.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const TagSetContext = createContext({});
-
-export { TagSetContext as T };

package/lib/esm/components/Accordion/Accordion.js

@@ -1,45 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { getUpdatedItems } from '@ilo-org/utils';
-import classNames from 'classnames';
-import { useState, useEffect, Children } from 'react';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import { checkArrayDuplicates } from '../../utils/checkArrayDuplicates.js';
-import { A as AccordionContext } from '../../AccordionCtx-8c051900.js';
-import 'tslib';
-import '../../GlobalCtx-7fb23cfa.js';
-
-const Accordion = ({ children, allowMultipleExpanded = false, onButtonClick, defaultAccordionsExpanded = [], className, }) => {
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--accordion`;
-    const [activeItems, setActiveItems] = useState([]);
-    const accordionClasses = classNames(className, {
-        [baseClass]: true,
-    });
-    const defaultAccordionsExpandedString = JSON.stringify(defaultAccordionsExpanded);
-    useEffect(() => {
-        const expandedOnLoad = allowMultipleExpanded
-            ? defaultAccordionsExpanded
-            : defaultAccordionsExpanded.length > 0
-                ? [defaultAccordionsExpanded[0]]
-                : defaultAccordionsExpanded;
-        setActiveItems(expandedOnLoad);
-    }, [defaultAccordionsExpandedString, allowMultipleExpanded]); //eslint-disable-line react-hooks/exhaustive-deps
-    if (children) {
-        const ids = [];
-        Children.forEach(children, (child) => {
-            ids.push(child.props.id);
-        });
-        if (checkArrayDuplicates(ids)) {
-            console.warn("Warning: Accordion items must have unique ids.");
-        }
-    }
-    return (jsx(AccordionContext.Provider, Object.assign({ value: {
-            activeItems,
-            setActiveItems,
-            getUpdatedItems,
-            allowMultipleExpanded,
-            onButtonClick,
-        } }, { children: jsx("ul", Object.assign({ className: accordionClasses }, { children: children })) })));
-};
-
-export { Accordion as default };

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

@@ -1,32 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import { useContext } from 'react';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import { A as AccordionContext, a as AccordionItemContext } from '../../AccordionCtx-8c051900.js';
-import '../../GlobalCtx-7fb23cfa.js';
-
-const AccordionButton = (_a) => {
-    var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--accordion--button`;
-    const { activeItems, setActiveItems, getUpdatedItems, allowMultipleExpanded, onButtonClick, } = useContext(AccordionContext);
-    const { id } = useContext(AccordionItemContext);
-    const open = activeItems.indexOf(id) > -1;
-    const accordionButtonClasses = classNames(className, {
-        [baseClass]: true,
-    });
-    /**
-     * On click, get id of clicked item, and set that item in state to 'open', all others to 'closed'
-     */
-    const handleClick = (e, id) => {
-        setActiveItems(getUpdatedItems({ id, itemStatuses: activeItems, allowMultipleExpanded }));
-        if (onButtonClick) {
-            onButtonClick(e, id);
-        }
-        e.currentTarget.blur();
-    };
-    return (jsx("div", Object.assign({ className: `${prefix}--h3` }, { children: jsx("button", Object.assign({ className: accordionButtonClasses, "aria-expanded": open, onClick: (e) => handleClick(e, id), "aria-controls": `panel-${id}`, id: `button-${id}` }, rest, { children: children })) })));
-};
-
-export { AccordionButton as default };

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

@@ -1,19 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import { a as AccordionItemContext } from '../../AccordionCtx-8c051900.js';
-import 'react';
-import '../../GlobalCtx-7fb23cfa.js';
-
-const AccordionItem = (_a) => {
-    var { children, id, className } = _a, rest = __rest(_a, ["children", "id", "className"]);
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--accordion--item`;
-    const accordionItemClasses = classNames(className, {
-        [baseClass]: true,
-    });
-    return (jsx(AccordionItemContext.Provider, Object.assign({ value: { id } }, { children: jsx("li", Object.assign({ className: accordionItemClasses }, rest, { children: children })) })));
-};
-
-export { AccordionItem as default };

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

@@ -1,28 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import { useContext, useState, useRef, useLayoutEffect } from 'react';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import { A as AccordionContext, a as AccordionItemContext } from '../../AccordionCtx-8c051900.js';
-import '../../GlobalCtx-7fb23cfa.js';
-
-const AccordionPanel = (_a) => {
-    var { children, className, scroll } = _a, rest = __rest(_a, ["children", "className", "scroll"]);
-    const { activeItems } = useContext(AccordionContext);
-    const { id } = useContext(AccordionItemContext);
-    const [panelHeight, setPanelHeight] = useState(0);
-    const open = activeItems.indexOf(id) > -1;
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--accordion--panel`;
-    const accordionaPanelClasses = classNames(className, baseClass, {
-        [`${baseClass}__scroll`]: scroll,
-        [`${baseClass}--open`]: open,
-    });
-    const ref = useRef();
-    useLayoutEffect(() => {
-        ref.current && setPanelHeight(ref.current.scrollHeight);
-    });
-    return (jsx("div", Object.assign({ className: accordionaPanelClasses, id: `panel-${id}`, "aria-labelledby": `button-${id}`, role: "region", ref: ref, style: { ["--height"]: `${panelHeight}px` } }, rest, { children: jsx("div", Object.assign({ className: `${prefix}--accordion--innerpanel` }, { children: children })) })));
-};
-
-export { AccordionPanel as default };

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

@@ -1,13 +0,0 @@
-export { default as AccordionButton } from './AccordionButton.js';
-export { default as AccordionPanel } from './AccordionPanel.js';
-export { default as AccordionItem } from './AccordionItem.js';
-export { default as Accordion } from './Accordion.js';
-import 'tslib';
-import 'react/jsx-runtime';
-import 'classnames';
-import 'react';
-import '../../hooks/useGlobalSettings.js';
-import '../../GlobalCtx-7fb23cfa.js';
-import '../../AccordionCtx-8c051900.js';
-import '@ilo-org/utils';
-import '../../utils/checkArrayDuplicates.js';

package/lib/esm/components/Breadcrumb/Breadcrumb.js

@@ -1,187 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import classNames from 'classnames';
-import ContextMenu from '../ContextMenu/ContextMenu.js';
-import 'tslib';
-import '../../GlobalCtx-7fb23cfa.js';
-
-const BreadcrumbItem = ({ url, label, className, labelShown = true, }) => {
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--breadcrumb--item`;
-    const linkClass = `${prefix}--breadcrumb--link`;
-    const labelClass = `${linkClass}--label`;
-    const breadcrumbLinkClass = classNames(baseClass, className);
-    return (jsx("li", Object.assign({ className: breadcrumbLinkClass }, { children: labelShown ? (jsx("a", Object.assign({ className: linkClass, href: url }, { children: jsx("span", Object.assign({ className: labelClass }, { children: label })) }))) : (jsx("a", { "aria-label": label, className: linkClass, href: url })) })));
-};
-const Breadcrumb = ({ className, links, buttonLabel }) => {
-    const { prefix } = useGlobalSettings();
-    // State
-    const [isCtxMenuOpen, setIsCtxMenuOpen] = useState(false);
-    const [ctxMenuPosition, setCtxMenuPosition] = useState({
-        start: 0,
-        top: 0,
-    });
-    const [isMenuCollapsed, setIsMenuCollapsed] = useState(false);
-    // Refs
-    const breadcrumbsRef = useRef(null);
-    const breadcrumbsWidth = useRef(0);
-    const buttonRef = useRef(null);
-    const ctxMenuRef = useRef(null);
-    // Shortcuts to classnames
-    const baseClass = `${prefix}--breadcrumb`;
-    const innerClass = `${baseClass}--inner`;
-    const itemsClass = `${baseClass}--items`;
-    const itemClass = `${baseClass}--item`;
-    const itemFirstClass = `${itemClass}__first`;
-    const contextClass = `${baseClass}--context`;
-    const contextCollapsedClass = `${contextClass}__collapse`;
-    const contextId = `${baseClass}--menu`;
-    const buttonClass = `${contextClass}--button`;
-    // Dynamic classnames
-    const breadcrumbClass = classNames(baseClass, className);
-    const contextItemsClass = classNames(contextClass, {
-        [contextCollapsedClass]: isMenuCollapsed,
-    });
-    const contextMenuClass = classNames(`${contextClass}--menu`, {
-        [`${contextClass}--menu__visible`]: isCtxMenuOpen,
-    });
-    // Handlers
-    function handleButtonClick() {
-        setIsCtxMenuOpen(!isCtxMenuOpen);
-    }
-    const collapseMenu = useCallback((collapse) => {
-        if (collapse && !isMenuCollapsed) {
-            setIsMenuCollapsed(true);
-        }
-        if (!collapse && isMenuCollapsed) {
-            setIsMenuCollapsed(false);
-        }
-    }, [isMenuCollapsed]);
-    // Get the width of the breadcrumbs and store it in a ref
-    useLayoutEffect(() => {
-        const breadcrumbs = breadcrumbsRef === null || breadcrumbsRef === void 0 ? void 0 : breadcrumbsRef.current;
-        if (!breadcrumbs || !window || !document) {
-            return;
-        }
-        breadcrumbsWidth.current = breadcrumbs.offsetWidth;
-    }, []);
-    // Collapse or uncollapse the Context Menu depending on body width
-    useLayoutEffect(() => {
-        const breadcrumbs = breadcrumbsRef === null || breadcrumbsRef === void 0 ? void 0 : breadcrumbsRef.current;
-        if (!breadcrumbs || !window || !document) {
-            return;
-        }
-        const observer = new ResizeObserver((entries) => {
-            const bodyWidth = entries[0].contentRect.width;
-            if (breadcrumbsWidth.current >= bodyWidth / 1.5) {
-                collapseMenu(true);
-            }
-            else {
-                collapseMenu(false);
-            }
-        });
-        observer.observe(document.body);
-        return () => {
-            observer.disconnect();
-        };
-    }, [collapseMenu]);
-    // Position the Context Menu right below the button
-    useLayoutEffect(() => {
-        if (!buttonRef.current || !ctxMenuRef.current) {
-            return;
-        }
-        if (isMenuCollapsed && isCtxMenuOpen) {
-            const buttonRect = buttonRef.current.getBoundingClientRect();
-            const buttonCenterX = buttonRect.left + buttonRect.width / 2;
-            const contextMenuWidth = ctxMenuRef.current.offsetWidth;
-            const navStart = buttonCenterX - contextMenuWidth / 2;
-            const navTop = buttonRect.bottom + 16;
-            setCtxMenuPosition({ start: navStart, top: navTop });
-        }
-    }, [isMenuCollapsed, isCtxMenuOpen]);
-    // If the ContextMenu is open, close it if the user clicks outside of it
-    useEffect(() => {
-        function handleClickOutside(event) {
-            if (isCtxMenuOpen &&
-                ctxMenuRef.current &&
-                !ctxMenuRef.current.contains(event.target) &&
-                buttonRef.current &&
-                !buttonRef.current.contains(event.target)) {
-                setIsCtxMenuOpen(false);
-            }
-        }
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => {
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, [isMenuCollapsed, isCtxMenuOpen]);
-    // Close the context menu if the breadcrumbs should un-collapse
-    useEffect(() => {
-        if (isCtxMenuOpen && !isMenuCollapsed) {
-            setIsCtxMenuOpen(false);
-        }
-    }, [isMenuCollapsed, isCtxMenuOpen]);
-    // handle tab navigation when the context menu is open
-    useEffect(() => {
-        if (!buttonRef.current || !ctxMenuRef.current) {
-            return;
-        }
-        function handleKeyDown(event) {
-            var _a, _b, _c, _d;
-            if (!isCtxMenuOpen || !isMenuCollapsed) {
-                return;
-            }
-            if (event.key === "Tab") {
-                const links = (_a = ctxMenuRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("a");
-                const lastBreadCrumb = (_c = (_b = breadcrumbsRef.current) === null || _b === void 0 ? void 0 : _b.lastElementChild) === null || _c === void 0 ? void 0 : _c.querySelector("a");
-                if (!links || !lastBreadCrumb) {
-                    return;
-                }
-                const firstLink = links[0];
-                const lastLink = links[links.length - 1];
-                // If the user is tabbing...
-                if (!event.shiftKey) {
-                    // If the context button is focused then the next focusable item
-                    // should be the first item in the context menu
-                    if (document.activeElement === buttonRef.current) {
-                        event.preventDefault();
-                        firstLink.focus();
-                        return;
-                    }
-                    // If the last context item is focused then the focus should go to
-                    // the last breadcrumb item
-                    if (document.activeElement === lastLink) {
-                        event.preventDefault();
-                        lastBreadCrumb.focus();
-                    }
-                }
-                // If the user is shift-tabbing...
-                if (event.shiftKey) {
-                    // If the first item is focused then the focus should go back to the context button
-                    if (event.shiftKey && document.activeElement === firstLink) {
-                        event.preventDefault();
-                        (_d = buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) === null || _d === void 0 ? void 0 : _d.focus();
-                    }
-                    // If the focus is on the last breadcrumb item then the focus should go
-                    // to the last item in the context menu
-                    if (event.shiftKey && document.activeElement === lastBreadCrumb) {
-                        event.preventDefault();
-                        lastLink.focus();
-                    }
-                }
-            }
-        }
-        document.addEventListener("keydown", handleKeyDown);
-        return () => {
-            document.removeEventListener("keydown", handleKeyDown);
-        };
-    });
-    // Separate out the links into first, context and last
-    const firstLink = links[0];
-    const contextLinks = links.slice(1, links.length - 1);
-    const lastLink = links[links.length - 1];
-    return (jsxs("nav", Object.assign({ className: breadcrumbClass }, { children: [jsx("div", Object.assign({ className: innerClass }, { children: jsxs("ol", Object.assign({ className: itemsClass, ref: breadcrumbsRef }, { children: [jsx(BreadcrumbItem, { url: firstLink.url, label: firstLink.label, labelShown: false, className: itemFirstClass }), contextLinks && contextLinks.length > 0 ? (jsxs("li", Object.assign({ className: contextItemsClass }, { children: [jsx("ol", Object.assign({ className: itemsClass }, { children: contextLinks.map((contextLink, i) => (jsx(BreadcrumbItem, { url: contextLink.url, label: contextLink.label }, i))) })), jsx("button", { "aria-label": buttonLabel, "aria-expanded": isCtxMenuOpen, "aria-controls": contextId, className: buttonClass, onClick: handleButtonClick, ref: buttonRef })] }))) : null, lastLink && (jsx(BreadcrumbItem, { url: lastLink.url, label: lastLink.label }))] })) })), jsx("div", Object.assign({ className: contextMenuClass, id: contextId, hidden: !isCtxMenuOpen, style: { left: ctxMenuPosition.start, top: ctxMenuPosition.top } }, { children: jsx(ContextMenu, { links: contextLinks, ref: ctxMenuRef }) }))] })));
-};
-
-export { Breadcrumb as default };

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

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

package/lib/esm/components/Button/Button.js

@@ -1,34 +0,0 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import useGlobalSettings from '../../hooks/useGlobalSettings.js';
-import Link from '../Link/Link.js';
-import Icon from '../Icon/Icon.js';
-import 'tslib';
-import 'react';
-import '../../GlobalCtx-7fb23cfa.js';
-import '@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, }) => {
-    const { prefix } = useGlobalSettings();
-    const baseClass = `${prefix}--button`;
-    const hasURL = !!url;
-    const icoPos = iconPosition || "left";
-    const ButtonClasses = classNames(className, {
-        [baseClass]: true,
-        [`${baseClass}__${size}`]: size,
-        [`${baseClass}__${type}`]: type,
-        [`${baseClass}--icon ${baseClass}--icon--position__${icoPos}`]: icon && !icononly,
-        [`${baseClass}--icon ${baseClass}--icon--only`]: icon && icononly,
-    });
-    /**
-     * On click, if there is a callback, call it
-     */
-    const handleClick = (e) => {
-        if (callback) {
-            callback(e);
-        }
-    };
-    return (jsx(Fragment, { children: hasURL ? (jsx(Link, Object.assign({ className: ButtonClasses, target: target, url: url, label: label, style: style }, { children: icon && jsx(Icon, { name: icon, hidden: true }) }))) : (jsxs("button", Object.assign({ className: ButtonClasses, onClick: (e) => handleClick(e), disabled: disabled, type: kind, "aria-haspopup": opensmodal ? `dialog` : false, style: style, name: name }, { children: [label && jsx("span", Object.assign({ className: "button__label" }, { children: label })), icon && jsx(Icon, { name: icon, hidden: true })] }))) }));
-};
-
-export { Button as default };