@muraldevkit/ui-toolkit 4.66.0-dev-7K0j.1 → 4.66.0-dev-T3Jw.1

package/dist/cjs/components/tooltip/MrlTooltipContent/MrlTooltipContent.global.css

@@ -1,170 +0,0 @@
-.mrl-tooltip-content {
-  --mrl-tooltip-background-color: var(--mrl-color-background-inverse);
-  --mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary);
-  --mrl-tooltip-border-radius: var(--mrl-border-radius-content-large);
-  --mrl-tooltip-font-size: var(--mrl-type-size-text-xsmall);
-  --mrl-tooltip-line-height: var(--mrl-type-line-height-text-xsmall);
-  --mrl-tooltip-padding: var(--mrl-spacing-02) var(--mrl-spacing-03);
-  --mrl-tooltip-arrow-size: 8px;
-  --mrl-tooltip-arrow-border-radius: 1px;
-  --mrl-tooltip-arrow-spacing: var(--mrl-spacing-06);
-  --mrl-tooltip-arrow-display-left-right: none;
-  --mrl-tooltip-trigger-offset: var(--mrl-spacing-03);
-}
-.mrl-tooltip-content--inverse {
-  --mrl-tooltip-background-color: var(--mrl-gray-80);
-  --mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary);
-}
-
-.mrl-tooltip-content {
-  background: var(--mrl-tooltip-background-color);
-  border-radius: var(--mrl-tooltip-border-radius);
-  color: var(--mrl-tooltip-text-color);
-  cursor: default;
-  display: flex;
-  font-family: var(--mrl-body-font);
-  font-size: var(--mrl-tooltip-font-size);
-  font-weight: var(--mrl-type-weight-title-secondary);
-  gap: var(--mrl-spacing-02);
-  line-height: var(--mrl-tooltip-line-height);
-  max-width: calc(var(--mrl-spacing-09) * 7);
-  overflow-wrap: break-word;
-  padding: var(--mrl-tooltip-padding);
-  position: absolute;
-  transition-property: opacity;
-  white-space: normal;
-  width: max-content;
-  z-index: 900;
-}
-.mrl-tooltip-content.has-custom-render {
-  padding-right: var(--mrl-spacing-02);
-}
-
-.mrl-tooltip-content__hover {
-  background: transparent;
-  position: absolute;
-}
-
-.mrl-tooltip-content::after {
-  background: transparent;
-  border-bottom: 9.4339811321px solid var(--mrl-tooltip-background-color);
-  border-right: 9.4339811321px solid transparent;
-  content: "";
-  height: 0;
-  position: absolute;
-  transform: rotate(135deg);
-  width: 0;
-}
-
-.mrl-tooltip-content[data-position=top] {
-  bottom: 100%;
-  margin-bottom: var(--mrl-tooltip-trigger-offset);
-  right: 50%;
-  transform: translateX(50%);
-}
-.mrl-tooltip-content[data-position=top]::after {
-  border-bottom-left-radius: var(--mrl-tooltip-arrow-border-radius);
-  bottom: calc(var(--mrl-tooltip-arrow-size) * -1 / 2 + 1px);
-  left: calc(50% - var(--mrl-tooltip-arrow-size) / 2);
-  transform: rotate(315deg);
-}
-.mrl-tooltip-content[data-position=top] .mrl-tooltip-content__hover {
-  height: 10px;
-  left: 0;
-  top: 100%;
-  width: 100%;
-}
-
-.mrl-tooltip-content[data-anchor=start] {
-  left: 0;
-  right: initial;
-  transform: none;
-}
-.mrl-tooltip-content[data-anchor=start]::after {
-  left: var(--mrl-tooltip-arrow-spacing);
-}
-.mrl-tooltip-content[data-anchor=start].mrlIconButton--small-wrapper::after {
-  left: var(--mrl-spacing-04);
-}
-.mrl-tooltip-content[data-anchor=start].mrlIconButton--xsmall-wrapper::after {
-  left: var(--mrl-spacing-03);
-}
-
-.mrl-tooltip-content[data-anchor=end] {
-  right: 0;
-  transform: none;
-}
-.mrl-tooltip-content[data-anchor=end]::after {
-  left: auto;
-  right: var(--mrl-tooltip-arrow-spacing);
-}
-.mrl-tooltip-content[data-anchor=end].mrlIconButton--small-wrapper::after {
-  left: auto;
-  right: var(--mrl-spacing-04);
-}
-.mrl-tooltip-content[data-anchor=end].mrlIconButton--xsmall-wrapper::after {
-  left: auto;
-  right: var(--mrl-spacing-03);
-}
-
-.mrl-tooltip-content[data-position=bottom] {
-  margin-top: var(--mrl-tooltip-trigger-offset);
-  top: 100%;
-}
-.mrl-tooltip-content[data-position=bottom]::after {
-  border-bottom-left-radius: var(--mrl-tooltip-arrow-border-radius);
-  top: calc(var(--mrl-tooltip-arrow-size) * -1 / 2 + 1px);
-}
-.mrl-tooltip-content[data-position=bottom] .mrl-tooltip-content__hover {
-  height: 10px;
-  left: 0;
-  top: -10px;
-  width: 100%;
-}
-
-.mrl-tooltip-content[data-position=bottom][data-anchor=center] {
-  right: 50%;
-  transform: translateX(50%);
-}
-.mrl-tooltip-content[data-position=bottom][data-anchor=center]::after {
-  left: calc(50% - var(--mrl-tooltip-arrow-size) / 2);
-}
-
-.mrl-tooltip-content[data-position=left] {
-  left: initial;
-  margin-right: var(--mrl-tooltip-trigger-offset);
-  right: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.mrl-tooltip-content[data-position=left]::after {
-  border-top-right-radius: var(--mrl-tooltip-arrow-border-radius);
-  display: var(--mrl-tooltip-arrow-display-left-right);
-  right: calc(var(--mrl-tooltip-arrow-size) * -1 / 2 + 1px);
-  top: calc(50% - var(--mrl-tooltip-arrow-size) / 2);
-}
-.mrl-tooltip-content[data-position=left] .mrl-tooltip-content__hover {
-  height: 23px;
-  right: -10px;
-  top: 0;
-  width: 100%;
-}
-
-.mrl-tooltip-content[data-position=right] {
-  left: 100%;
-  margin-left: var(--mrl-tooltip-trigger-offset);
-  top: 50%;
-  transform: translateY(-50%);
-}
-.mrl-tooltip-content[data-position=right]::after {
-  border-bottom-left-radius: var(--mrl-tooltip-arrow-border-radius);
-  display: var(--mrl-tooltip-arrow-display-left-right);
-  left: calc(var(--mrl-tooltip-arrow-size) * -1 / 2 + 1px);
-  top: calc(50% - var(--mrl-tooltip-arrow-size) / 2);
-}
-.mrl-tooltip-content[data-position=right] .mrl-tooltip-content__hover {
-  height: 23px;
-  left: -10px;
-  top: 0;
-  width: 100%;
-}

package/dist/cjs/components/tooltip/MrlTooltipContent/MrlTooltipContent.js

@@ -1,68 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlTooltipContent = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../../../utils");
-const constants_1 = require("../constants");
-require("./MrlTooltipContent.global.css");
-/**
- * MrlTooltipContent Component
- *
- * The tooltip content is the text that is displayed when the user hovers over the trigger.
- * IMPORTANT: This component is not intended to be used directly, it should always be a child of MrlTooltip.
- * @param {MrlTooltipContentProps} props - the props of the tooltip content
- * @returns {HTMLElement} a configured Tooltip Content component
- */
-const MrlTooltipContent = (props) => {
-    const { anchor, attrs, dataQa, id, kind, position, text, tooltipContentClass, customRender } = props, rest = __rest(props, ["anchor", "attrs", "dataQa", "id", "kind", "position", "text", "tooltipContentClass", "customRender"]);
-    const attributes = (0, utils_1.setAttributes)(attrs, constants_1.MrlTooltipDefaults.attrs);
-    const classes = (0, utils_1.setClasses)(attrs, {});
-    const tooltipClasses = (0, classnames_1.default)('mrl-tooltip-content', {
-        [`${classes}`]: classes !== undefined,
-        'has-custom-render': typeof customRender === 'function',
-        'mrl-tooltip-content--inverse': kind === 'inverse',
-        [`${tooltipContentClass}`]: tooltipContentClass !== undefined
-    });
-    return (React.createElement("div", Object.assign({}, rest, { "data-anchor": anchor, "data-position": position, "data-qa": dataQa, id: id, role: "tooltip" }, attributes, { className: tooltipClasses }),
-        customRender && typeof customRender === 'function' ? customRender(text) : text,
-        React.createElement("div", { className: "mrl-tooltip-content__hover" })));
-};
-exports.MrlTooltipContent = MrlTooltipContent;

package/dist/cjs/components/tooltip/MrlTooltipContent/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlTooltipContent = void 0;
-var MrlTooltipContent_1 = require("./MrlTooltipContent");
-Object.defineProperty(exports, "MrlTooltipContent", { enumerable: true, get: function () { return MrlTooltipContent_1.MrlTooltipContent; } });

package/dist/cjs/components/tooltip/constants.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlTooltipDefaults = exports.allowedMrlTooltipValues = void 0;
-/**
- * Defines all the values allowed for tooltip props.
- * Used for Storybook and testing
- */
-exports.allowedMrlTooltipValues = {
-    anchors: ['start', 'center', 'end'],
-    positions: ['top', 'bottom', 'left', 'right'],
-    state: ['show', 'hide']
-};
-/**
- * Default values for props on the Tooltip component;
- * Shared between the component and Storybook
- */
-exports.MrlTooltipDefaults = {
-    anchor: 'center',
-    attrs: {},
-    position: 'right',
-    state: 'hide'
-};

package/dist/cjs/components/tooltip/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MrlTooltip"), exports);
-__exportStar(require("./constants"), exports);

package/dist/cjs/components/tooltip/useTooltipPosition/constants.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/tooltip/useTooltipPosition/index.js

@@ -1,123 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTooltipPosition = void 0;
-const react_1 = require("react");
-const utilities_1 = require("./utilities");
-const lodash_debounce_1 = __importDefault(require("lodash.debounce"));
-/**
- * A custom hook to calculate and manage the position of a tooltip element relative to its trigger element.
- *
- * @param {RefObject<HTMLElement>} triggerRef - Reference to the DOM element that triggers the menu.
- * @param {RefObject<HTMLElement>} elementRef - Reference to the DOM element that is the menu.
- * @param {TooltipPlacement} placement - The alignment configuration of the menu.
- * @param {boolean} isElementVisible - Tells the hook if the element is visible. If false, the hook will not calculate the position.
- * @param {number} tooltipOffset - The offset of the menu from the trigger element.
- * @param {boolean} disable - Whether to disable the hook.
- * @returns {Position} The calculated position of the menu element.
- */
-const useTooltipPosition = (triggerRef, elementRef, placement, isElementVisible = true, tooltipOffset = 10, disable = false) => {
-    const offset = tooltipOffset;
-    const [tooltipPosition, setTooltipPosition] = (0, react_1.useState)({ left: 0, top: 0 });
-    const alignment = (0, react_1.useMemo)(() => ({
-        align: placement.align,
-        position: placement.position
-    }), [placement.align, placement.position]);
-    const updatePosition = (0, react_1.useCallback)(() => {
-        var _a;
-        if (elementRef.current && isElementVisible) {
-            const triggerRect = (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-            const elementRect = elementRef.current.getBoundingClientRect();
-            const newPosition = (0, utilities_1.calculatePosition)(alignment, offset, elementRect, triggerRect);
-            // only update if we have a new position
-            setTooltipPosition((prevPosition) => {
-                if (prevPosition.left !== newPosition.left || prevPosition.top !== newPosition.top) {
-                    return newPosition;
-                }
-                return prevPosition;
-            });
-        }
-    }, [alignment, elementRef, isElementVisible, offset, triggerRef]);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const debouncedUpdatePosition = (0, react_1.useCallback)((0, lodash_debounce_1.default)(() => {
-        updatePosition();
-    }, 5), [updatePosition]);
-    (0, react_1.useEffect)(() => {
-        if (!disable) {
-            const currentElement = elementRef.current;
-            // We need to debounce the resize observer to prevent "resize loops"
-            // there are instances where the resize observer will trigger a resize event
-            // before the browser has painted which throws a loop of resize events
-            // and causes errors on the window
-            //
-            // The observers are purposefully using a different debounce than the event listeners
-            // as the observers need to be debounced to prevent loops, but updating the position
-            // needs to happen more immediately
-            const resizeObserver = new ResizeObserver((0, lodash_debounce_1.default)(updatePosition));
-            const mutationObserver = new MutationObserver((0, lodash_debounce_1.default)(updatePosition));
-            if (currentElement) {
-                resizeObserver.observe(currentElement);
-                mutationObserver.observe(currentElement, {
-                    attributeFilter: ['style', 'class'],
-                    attributes: true
-                });
-            }
-            if (isElementVisible) {
-                updatePosition();
-                window.addEventListener('resize', debouncedUpdatePosition);
-                window.addEventListener('scroll', debouncedUpdatePosition);
-            }
-            return () => {
-                if (currentElement) {
-                    resizeObserver.unobserve(currentElement);
-                    mutationObserver.disconnect();
-                }
-                window.removeEventListener('resize', debouncedUpdatePosition);
-                window.removeEventListener('scroll', debouncedUpdatePosition);
-            };
-        }
-    }, [
-        disable,
-        triggerRef,
-        elementRef,
-        alignment,
-        offset,
-        isElementVisible,
-        updatePosition,
-        debouncedUpdatePosition
-    ]);
-    (0, react_1.useLayoutEffect)(() => {
-        if (isElementVisible && !disable && elementRef.current && (triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current)) {
-            // Recalculate position when the tooltip is first shown
-            updatePosition();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isElementVisible, updatePosition, disable, elementRef.current, triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current]);
-    /**
-     * This effect is used to track the position of the trigger element
-     * when the tooltip is visible. It will update the position of the tooltip
-     */
-    (0, react_1.useEffect)(() => {
-        if (!disable && isElementVisible && (triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) && elementRef.current) {
-            let animationFrameId;
-            let prevRect;
-            const trackPosition = () => {
-                var _a;
-                const currentRect = (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-                if (currentRect && (!prevRect || (0, utilities_1.positionChanged)(prevRect, currentRect))) {
-                    updatePosition();
-                    prevRect = currentRect;
-                }
-                animationFrameId = requestAnimationFrame(trackPosition);
-            };
-            animationFrameId = requestAnimationFrame(trackPosition);
-            return () => {
-                cancelAnimationFrame(animationFrameId);
-            };
-        }
-    }, [disable, isElementVisible, triggerRef, elementRef, updatePosition]);
-    return tooltipPosition;
-};
-exports.useTooltipPosition = useTooltipPosition;

package/dist/cjs/components/tooltip/useTooltipPosition/utilities.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.positionChanged = exports.calculatePosition = void 0;
-/**
- * Calculates the position of an element (e.g., a tooltip or menu) based on alignment and offset.
- *
- * @param alignment - Object containing position ('top', 'bottom', 'left', 'right') and anchor ('start', 'center', 'end').
- * @param offset - Number of pixels to offset the positioned element.
- * @param elementRect - Bounding rect of the element being positioned.
- * @param triggerRect - Bounding rect of the trigger element.
- * @returns {Position} An object with `left` and `top` coordinates for the element (keys sorted alphabetically).
- */
-const calculatePosition = (alignment, offset, elementRect, triggerRect) => {
-    if (!triggerRect) {
-        // fallback to (0,0) if no trigger is available
-        return { left: 0, top: 0 };
-    }
-    const { position } = alignment;
-    // For left/right positioned tooltips or menus, always center align vertically
-    // regardless of the provided `align` value
-    const anchor = position === 'left' || position === 'right' ? 'center' : alignment.align;
-    let top = 0;
-    let left = 0;
-    // Primary positioning based on side
-    switch (position) {
-        case 'top':
-            top = triggerRect.top - elementRect.height - offset;
-            break;
-        case 'bottom':
-            top = triggerRect.bottom + offset;
-            break;
-        case 'left':
-            left = triggerRect.left - elementRect.width - offset;
-            break;
-        case 'right':
-            left = triggerRect.right + offset;
-            break;
-    }
-    // Secondary alignment
-    switch (position) {
-        case 'top':
-        case 'bottom':
-            if (anchor === 'start') {
-                left = triggerRect.left;
-            }
-            else if (anchor === 'center') {
-                left = triggerRect.left + (triggerRect.width - elementRect.width) / 2;
-            }
-            else if (anchor === 'end') {
-                left = triggerRect.right - elementRect.width;
-            }
-            break;
-        case 'left':
-        case 'right':
-            // forced to center alignment vertically
-            top = triggerRect.top + (triggerRect.height - elementRect.height) / 2;
-            break;
-    }
-    return { left, top };
-};
-exports.calculatePosition = calculatePosition;
-/**
- * Determines if the position of an element has changed significantly.
- *
- * @param prev - The previous bounding rectangle of the element.
- * @param next - The current bounding rectangle of the element.
- * @returns {boolean} True if the position has changed by more than 0.5 pixels, false otherwise.
- */
-const positionChanged = (prev, next) => {
-    return Math.abs(prev.top - next.top) > 0.5 || Math.abs(prev.left - next.left) > 0.5;
-};
-exports.positionChanged = positionChanged;

package/dist/cjs/components/tooltip/utils.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.curryHandlers = void 0;
-/**
- * Currying function to combine handlers from the parent and child components
- *
- * @template T - The type of the event handlers.
- * @param {T | undefined} ogFunc - The original event handler. This parameter can be undefined.
- * @param {T} newFunc - The new event handler.
- * @returns {T} A function that, when invoked, calls both the original event handler (if it exists) and the new event handler.
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const curryHandlers = (ogFunc, newFunc) => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return ((...args) => {
-        if (ogFunc)
-            ogFunc(...args);
-        newFunc(...args);
-    });
-};
-exports.curryHandlers = curryHandlers;

package/dist/cjs/contexts/MrlTabContext/MrlTabContext.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MrlTabContext = void 0;
-const react_1 = require("react");
-const utils_1 = require("../../utils");
-const initialContext = {
-    activeTab: '',
-    setActiveTab: utils_1.noop
-};
-exports.MrlTabContext = (0, react_1.createContext)(initialContext);

package/dist/cjs/contexts/MrlTabContext/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MrlTabContext"), exports);

package/dist/cjs/contexts/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./MrlTabContext"), exports);

package/dist/cjs/hooks/index.js

@@ -1,21 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useCoordinate"), exports);
-__exportStar(require("./useBreakpoint"), exports);
-__exportStar(require("./useElementDimensions"), exports);
-__exportStar(require("./useHasFocusableDescendant"), exports);
-__exportStar(require("./useScrollbarInfo"), exports);

package/dist/cjs/hooks/useAutoClose/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useAutoClose"), exports);

package/dist/cjs/hooks/useAutoClose/useAutoClose.js

@@ -1,70 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAutoClose = void 0;
-const React = __importStar(require("react"));
-/**
- * Hook that exposes a piece of state that allows components to close themselves after a delay
- *
- * @param shouldAutoClose - When false prevents automated close (e.g. can be used to prevent auto-dismissal of interactive elements, an accessibility anti-pattern)
- * @param closeAfterMs - Delay in milliseconds before the component closes
- * @param onClose - Callback to be called when component closes
- * @returns [closed, setClosed] - a boolean tracking closed state, and a setter for that same state
- */
-const useAutoClose = function (shouldAutoClose = true, closeAfterMs = 3000, onClose) {
-    const [closed, setClosed] = React.useState(false);
-    const currentTimeout = React.useRef(null);
-    React.useEffect(() => {
-        // Reset current timeout when component mounts or when notification changes
-        if (currentTimeout.current) {
-            resetTimeout();
-        }
-        // Allowing autoClose when there are interactive elements in the toast is an anti-pattern
-        // and should be avoided. If autoClose is set to true and interactive elements exist, the
-        // toast will not close automatically.
-        if (shouldAutoClose) {
-            setClosed(false);
-            currentTimeout.current = setTimeout(() => {
-                setClosed(true);
-                // Handle onClose after the timeout is elapsed
-                if (onClose)
-                    onClose();
-            }, closeAfterMs);
-        }
-        return () => {
-            // Clear timeout when component unmounts
-            resetTimeout();
-        };
-    }, [shouldAutoClose, closeAfterMs, onClose]);
-    /** Resets the current timeout and `closed` to its initial value */
-    const resetTimeout = () => {
-        if (currentTimeout.current !== null) {
-            clearTimeout(currentTimeout.current);
-        }
-        setClosed(false);
-    };
-    return [closed, setClosed];
-};
-exports.useAutoClose = useAutoClose;