@lumx/react 3.20.1-alpha.33 → 3.20.1-alpha.34

package/_internal/packages/lumx-react/src/components/tooltip/useTooltipOpen-e3bae967.js

@@ -1,131 +0,0 @@
-import { useState, useRef, useEffect } from 'react';
-import { isHoverNotSupported } from '../../utils/browser/isHoverNotSupported-1ff933af.js';
-import { IS_BROWSER } from '../../constants-6af61e2f.js';
-import { useCallbackOnEscape } from '../../hooks/useCallbackOnEscape-80f4407b.js';
-import { isFocusVisible } from '../../utils/browser/isFocusVisible-5745f198.js';
-import { TOOLTIP_LONG_PRESS_DELAY, TOOLTIP_HOVER_DELAY } from '@lumx/core/js/constants';
-
-/**
- * Hook controlling tooltip visibility using mouse hover the anchor and delay.
- *
- * @param  delay         Delay in millisecond to display the tooltip.
- * @param  anchorElement Tooltip anchor element.
- * @return whether or not to show the tooltip.
- */
-function useTooltipOpen(delay, anchorElement) {
-  const [isOpen, setIsOpen] = useState(false);
-  const onPopperMount = useRef(null);
-
-  // Global close on escape
-  const [closeCallback, setCloseCallback] = useState(undefined);
-  useCallbackOnEscape(isOpen ? closeCallback : undefined);
-  useEffect(() => {
-    if (!anchorElement) {
-      return undefined;
-    }
-    let timer;
-    let openStartTime;
-    let shouldOpen;
-
-    // Run timer to defer updating the isOpen state.
-    const deferUpdate = duration => {
-      if (timer) clearTimeout(timer);
-      const update = () => {
-        setIsOpen(!!shouldOpen);
-      };
-      // Skip timeout in fake browsers
-      if (!IS_BROWSER) update();else timer = setTimeout(update, duration);
-    };
-    const hoverNotSupported = isHoverNotSupported();
-    const hasTouch = 'ontouchstart' in window;
-
-    // Adapt open/close delay
-    const openDelay = delay || (hoverNotSupported ? TOOLTIP_LONG_PRESS_DELAY.open : TOOLTIP_HOVER_DELAY.open);
-    const closeDelay = hoverNotSupported ? TOOLTIP_LONG_PRESS_DELAY.close : TOOLTIP_HOVER_DELAY.close;
-
-    // Open (or/and cancel closing) of tooltip.
-    const open = () => {
-      if (shouldOpen && !timer) return;
-      shouldOpen = true;
-      openStartTime = Date.now();
-      deferUpdate(openDelay);
-    };
-
-    // Close or cancel opening of tooltip
-    const getClose = (overrideDelay = closeDelay) => {
-      if (!shouldOpen && !timer) return;
-      shouldOpen = false;
-      deferUpdate(overrideDelay);
-    };
-    const close = () => getClose(closeDelay);
-    const closeImmediately = () => getClose(0);
-    setCloseCallback(() => closeImmediately);
-
-    // Adapt event to browsers with or without `hover` support.
-    const events = [];
-    if (hoverNotSupported) {
-      /**
-       * Handle touchend event
-       * If end comes before the open delay => cancel tooltip (close immediate).
-       * Else if end comes after the open delay => tooltip takes priority, the anchor's default touch end event is prevented.
-       */
-      const longPressEnd = evt => {
-        if (!openStartTime) return;
-        if (Date.now() - openStartTime >= openDelay) {
-          // Tooltip take priority, event prevented.
-          evt.stopPropagation();
-          evt.preventDefault();
-          anchorElement.focus();
-          // Close with delay.
-          close();
-        } else {
-          // Close immediately.
-          closeImmediately();
-        }
-      };
-      events.push([anchorElement, hasTouch ? 'touchstart' : 'mousedown', open], [anchorElement, hasTouch ? 'touchend' : 'mouseup', longPressEnd]);
-    } else {
-      events.push([anchorElement, 'mouseenter', open], [anchorElement, 'mouseleave', close], [anchorElement, 'mouseup', closeImmediately]);
-      onPopperMount.current = popperElement => {
-        if (!popperElement) return;
-        // Popper element hover
-        popperElement.addEventListener('mouseenter', open);
-        popperElement.addEventListener('mouseleave', close);
-        // Add to event list to remove on unmount
-        events.push([popperElement, 'mouseenter', open], [popperElement, 'mouseleave', close]);
-      };
-    }
-
-    // Events always applied no matter the browser:.
-    events.push(
-    // Open on focus (only if focus is visible).
-    [anchorElement, 'focusin', e => {
-      // Skip if focus is not visible
-      if (!isFocusVisible(e.target)) return;
-      open();
-    }],
-    // Close on lost focus.
-    [anchorElement, 'focusout', closeImmediately]);
-
-    // Attach events
-    for (const [node, eventType, eventHandler] of events) {
-      node.addEventListener(eventType, eventHandler);
-    }
-    return () => {
-      // Clear pending timers.
-      if (timer) clearTimeout(timer);
-
-      // Detach events.
-      for (const [node, eventType, eventHandler] of events) {
-        node.removeEventListener(eventType, eventHandler);
-      }
-    };
-  }, [anchorElement, delay]);
-  return {
-    isOpen,
-    onPopperMount: onPopperMount.current
-  };
-}
-
-export { useTooltipOpen };
-//# sourceMappingURL=useTooltipOpen-e3bae967.js.map

package/_internal/packages/lumx-react/src/components/tooltip/useTooltipOpen-e3bae967.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTooltipOpen-e3bae967.js","sources":["../../../../../../../src/components/tooltip/useTooltipOpen.tsx"],"sourcesContent":["import { MutableRefObject, useEffect, useRef, useState } from 'react';\nimport { isHoverNotSupported } from '@lumx/react/utils/browser/isHoverNotSupported';\nimport { IS_BROWSER, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY } from '@lumx/react/constants';\nimport { useCallbackOnEscape } from '@lumx/react/hooks/useCallbackOnEscape';\nimport { isFocusVisible } from '@lumx/react/utils/browser/isFocusVisible';\n\n/**\n * Hook controlling tooltip visibility using mouse hover the anchor and delay.\n *\n * @param  delay         Delay in millisecond to display the tooltip.\n * @param  anchorElement Tooltip anchor element.\n * @return whether or not to show the tooltip.\n */\nexport function useTooltipOpen(delay: number | undefined, anchorElement: HTMLElement | null) {\n    const [isOpen, setIsOpen] = useState(false);\n\n    const onPopperMount = useRef<any>(null) as MutableRefObject<(elem: HTMLElement | null) => void>;\n\n    // Global close on escape\n    const [closeCallback, setCloseCallback] = useState<undefined | (() => void)>(undefined);\n    useCallbackOnEscape(isOpen ? closeCallback : undefined);\n\n    useEffect(() => {\n        if (!anchorElement) {\n            return undefined;\n        }\n        let timer: number | undefined;\n        let openStartTime: number | undefined;\n        let shouldOpen: boolean | undefined;\n\n        // Run timer to defer updating the isOpen state.\n        const deferUpdate = (duration: number) => {\n            if (timer) clearTimeout(timer);\n            const update = () => {\n                setIsOpen(!!shouldOpen);\n            };\n            // Skip timeout in fake browsers\n            if (!IS_BROWSER) update();\n            else timer = setTimeout(update, duration) as any;\n        };\n\n        const hoverNotSupported = isHoverNotSupported();\n        const hasTouch = 'ontouchstart' in window;\n\n        // Adapt open/close delay\n        const openDelay = delay || (hoverNotSupported ? TOOLTIP_LONG_PRESS_DELAY.open : TOOLTIP_HOVER_DELAY.open);\n        const closeDelay = hoverNotSupported ? TOOLTIP_LONG_PRESS_DELAY.close : TOOLTIP_HOVER_DELAY.close;\n\n        // Open (or/and cancel closing) of tooltip.\n        const open = () => {\n            if (shouldOpen && !timer) return;\n            shouldOpen = true;\n            openStartTime = Date.now();\n            deferUpdate(openDelay);\n        };\n\n        // Close or cancel opening of tooltip\n        const getClose = (overrideDelay = closeDelay) => {\n            if (!shouldOpen && !timer) return;\n            shouldOpen = false;\n            deferUpdate(overrideDelay);\n        };\n        const close = () => getClose(closeDelay);\n        const closeImmediately = () => getClose(0);\n        setCloseCallback(() => closeImmediately);\n\n        // Adapt event to browsers with or without `hover` support.\n        const events: Array<[Node, Event['type'], any]> = [];\n        if (hoverNotSupported) {\n            /**\n             * Handle touchend event\n             * If end comes before the open delay => cancel tooltip (close immediate).\n             * Else if end comes after the open delay => tooltip takes priority, the anchor's default touch end event is prevented.\n             */\n            const longPressEnd = (evt: Event) => {\n                if (!openStartTime) return;\n                if (Date.now() - openStartTime >= openDelay) {\n                    // Tooltip take priority, event prevented.\n                    evt.stopPropagation();\n                    evt.preventDefault();\n                    anchorElement.focus();\n                    // Close with delay.\n                    close();\n                } else {\n                    // Close immediately.\n                    closeImmediately();\n                }\n            };\n\n            events.push(\n                [anchorElement, hasTouch ? 'touchstart' : 'mousedown', open],\n                [anchorElement, hasTouch ? 'touchend' : 'mouseup', longPressEnd],\n            );\n        } else {\n            events.push(\n                [anchorElement, 'mouseenter', open],\n                [anchorElement, 'mouseleave', close],\n                [anchorElement, 'mouseup', closeImmediately],\n            );\n\n            onPopperMount.current = (popperElement: HTMLElement | null) => {\n                if (!popperElement) return;\n                // Popper element hover\n                popperElement.addEventListener('mouseenter', open);\n                popperElement.addEventListener('mouseleave', close);\n                // Add to event list to remove on unmount\n                events.push([popperElement, 'mouseenter', open], [popperElement, 'mouseleave', close]);\n            };\n        }\n\n        // Events always applied no matter the browser:.\n        events.push(\n            // Open on focus (only if focus is visible).\n            [\n                anchorElement,\n                'focusin',\n                (e: Event) => {\n                    // Skip if focus is not visible\n                    if (!isFocusVisible(e.target as HTMLElement)) return;\n                    open();\n                },\n            ],\n            // Close on lost focus.\n            [anchorElement, 'focusout', closeImmediately],\n        );\n\n        // Attach events\n        for (const [node, eventType, eventHandler] of events) {\n            node.addEventListener(eventType, eventHandler);\n        }\n        return () => {\n            // Clear pending timers.\n            if (timer) clearTimeout(timer);\n\n            // Detach events.\n            for (const [node, eventType, eventHandler] of events) {\n                node.removeEventListener(eventType, eventHandler);\n            }\n        };\n    }, [anchorElement, delay]);\n\n    return { isOpen, onPopperMount: onPopperMount.current };\n}\n"],"names":["useTooltipOpen","delay","anchorElement","isOpen","setIsOpen","useState","onPopperMount","useRef","closeCallback","setCloseCallback","undefined","useCallbackOnEscape","useEffect","timer","openStartTime","shouldOpen","deferUpdate","duration","clearTimeout","update","IS_BROWSER","setTimeout","hoverNotSupported","isHoverNotSupported","hasTouch","window","openDelay","TOOLTIP_LONG_PRESS_DELAY","open","TOOLTIP_HOVER_DELAY","closeDelay","close","Date","now","getClose","overrideDelay","closeImmediately","events","longPressEnd","evt","stopPropagation","preventDefault","focus","push","current","popperElement","addEventListener","e","isFocusVisible","target","node","eventType","eventHandler","removeEventListener"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/uploader/Uploader-6489c1ae.js

@@ -1,154 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useBooleanState } from '../../hooks/useBooleanState-3e2f0517.js';
-import { useId } from '../../hooks/useId-11687649.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { VISUALLY_HIDDEN } from '../../constants-6af61e2f.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useDisableStateProps } from '../../utils/disabled/useDisableStateProps-2391c02d.js';
-import { AspectRatio, Size, Theme } from '@lumx/core/js/constants';
-import { Icon } from '../icon/Icon-21a83e8c.js';
-
-const UploaderVariant = {
-  square: 'square',
-  rounded: 'rounded',
-  circle: 'circle'
-};
-
-/**
- * Uploader sizes.
- */
-
-/**
- * Extend native HTML input props with specialized `onChange` providing the a `File` array.
- */
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Uploader';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  aspectRatio: AspectRatio.horizontal,
-  size: Size.xl,
-  variant: UploaderVariant.square
-};
-
-/**
- * Uploader component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Uploader = forwardRef((props, ref) => {
-  const {
-    disabledStateProps,
-    otherProps,
-    isAnyDisabled
-  } = useDisableStateProps(props);
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    aspectRatio = DEFAULT_PROPS.aspectRatio,
-    className,
-    label,
-    icon,
-    size = DEFAULT_PROPS.size,
-    theme = defaultTheme,
-    variant = DEFAULT_PROPS.variant,
-    fileInputProps,
-    onClick,
-    ...forwardedProps
-  } = otherProps;
-  // Adjust to square aspect ratio when using circle variants.
-  const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;
-  const handleClick = React__default.useCallback(evt => {
-    if (isAnyDisabled) {
-      evt.preventDefault();
-    } else {
-      onClick?.(evt);
-    }
-  }, [isAnyDisabled, onClick]);
-  const generatedInputId = useId();
-  const inputId = fileInputProps?.id || generatedInputId;
-  const [isDragHovering, unsetDragHovering, setDragHovering] = useBooleanState(false);
-  const wrapper = fileInputProps ? {
-    Component: 'label',
-    props: {
-      htmlFor: inputId
-    }
-  } : {
-    Component: 'button',
-    props: {
-      type: 'button',
-      ...disabledStateProps
-    }
-  };
-  const onChange = React__default.useMemo(() => {
-    if (isAnyDisabled || !fileInputProps?.onChange) return undefined;
-    return evt => {
-      const fileList = evt.target.files;
-      const files = fileList ? Array.from(fileList) : [];
-      fileInputProps.onChange(files, evt);
-    };
-  }, [isAnyDisabled, fileInputProps]);
-  return /*#__PURE__*/jsxs(wrapper.Component, {
-    ref: ref,
-    ...wrapper.props,
-    ...forwardedProps,
-    onClick: handleClick,
-    className: classNames(className, handleBasicClasses({
-      aspectRatio: adjustedAspectRatio,
-      prefix: CLASSNAME,
-      size,
-      theme,
-      variant,
-      isDragHovering,
-      isDisabled: isAnyDisabled
-    })),
-    children: [/*#__PURE__*/jsx("span", {
-      className: `${CLASSNAME}__background`
-    }), /*#__PURE__*/jsxs("span", {
-      className: `${CLASSNAME}__wrapper`,
-      children: [icon && /*#__PURE__*/jsx(Icon, {
-        className: `${CLASSNAME}__icon`,
-        icon: icon,
-        size: Size.s
-      }), label && /*#__PURE__*/jsx("span", {
-        className: `${CLASSNAME}__label`,
-        children: label
-      })]
-    }), fileInputProps && /*#__PURE__*/jsx("input", {
-      type: "file",
-      id: inputId,
-      className: `${CLASSNAME}__input ${VISUALLY_HIDDEN}`,
-      ...disabledStateProps,
-      ...fileInputProps,
-      readOnly: isAnyDisabled,
-      onChange: onChange,
-      onDragEnter: setDragHovering,
-      onDragLeave: unsetDragHovering,
-      onDrop: unsetDragHovering
-    })]
-  });
-});
-Uploader.displayName = COMPONENT_NAME;
-Uploader.className = CLASSNAME;
-Uploader.defaultProps = DEFAULT_PROPS;
-
-export { Uploader, UploaderVariant };
-//# sourceMappingURL=Uploader-6489c1ae.js.map

package/_internal/packages/lumx-react/src/components/uploader/Uploader-6489c1ae.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Uploader-6489c1ae.js","sources":["../../../../../../../src/components/uploader/Uploader.tsx"],"sourcesContent":["import React, { MouseEventHandler } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AspectRatio, Icon, Size, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { useBooleanState } from '@lumx/react/hooks/useBooleanState';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled';\nimport { VISUALLY_HIDDEN } from '@lumx/react/constants';\n\n/**\n * Uploader variants.\n */\nexport const UploaderVariant = {\n    square: 'square',\n    rounded: 'rounded',\n    circle: 'circle',\n} as const;\nexport type UploaderVariant = ValueOf<typeof UploaderVariant>;\n\n/**\n * Uploader sizes.\n */\nexport type UploaderSize = Extract<Size, 'xl' | 'xxl'>;\n\n/**\n * Extend native HTML input props with specialized `onChange` providing the a `File` array.\n */\ninterface FileInputProps extends Omit<React.ComponentProps<'input'>, 'onChange'> {\n    onChange(files: File[], evt: React.ChangeEvent<HTMLInputElement>): void;\n}\n\n/**\n * Defines the props of the component.\n */\nexport interface UploaderProps extends GenericProps, HasTheme, HasAriaDisabled {\n    /** Image aspect ratio. */\n    aspectRatio?: AspectRatio;\n    /** Icon (SVG path). */\n    icon?: string;\n    /** Disabled state */\n    isDisabled?: boolean;\n    /** Label text. */\n    label?: string;\n    /** Size variant. */\n    size?: UploaderSize;\n    /** Variant. */\n    variant?: UploaderVariant;\n    /** On click callback. */\n    onClick?: MouseEventHandler;\n    /** Handle file selection with a native input file. */\n    fileInputProps?: FileInputProps;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Uploader';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<UploaderProps> = {\n    aspectRatio: AspectRatio.horizontal,\n    size: Size.xl,\n    variant: UploaderVariant.square,\n};\n\n/**\n * Uploader component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Uploader = forwardRef<UploaderProps>((props, ref) => {\n    const { disabledStateProps, otherProps, isAnyDisabled } = useDisableStateProps(props);\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        aspectRatio = DEFAULT_PROPS.aspectRatio,\n        className,\n        label,\n        icon,\n        size = DEFAULT_PROPS.size,\n        theme = defaultTheme,\n        variant = DEFAULT_PROPS.variant,\n        fileInputProps,\n        onClick,\n        ...forwardedProps\n    } = otherProps;\n    // Adjust to square aspect ratio when using circle variants.\n    const adjustedAspectRatio = variant === UploaderVariant.circle ? AspectRatio.square : aspectRatio;\n\n    const handleClick: React.MouseEventHandler = React.useCallback(\n        (evt) => {\n            if (isAnyDisabled) {\n                evt.preventDefault();\n            } else {\n                onClick?.(evt);\n            }\n        },\n        [isAnyDisabled, onClick],\n    );\n\n    const generatedInputId = useId();\n    const inputId = fileInputProps?.id || generatedInputId;\n    const [isDragHovering, unsetDragHovering, setDragHovering] = useBooleanState(false);\n    const wrapper = fileInputProps\n        ? ({ Component: 'label', props: { htmlFor: inputId } } as const)\n        : ({ Component: 'button', props: { type: 'button', ...disabledStateProps } } as const);\n\n    const onChange = React.useMemo(() => {\n        if (isAnyDisabled || !fileInputProps?.onChange) return undefined;\n        return (evt: React.ChangeEvent<HTMLInputElement>) => {\n            const fileList = evt.target.files;\n            const files = fileList ? Array.from(fileList) : [];\n            fileInputProps.onChange(files, evt);\n        };\n    }, [isAnyDisabled, fileInputProps]);\n\n    return (\n        <wrapper.Component\n            ref={ref as any}\n            {...wrapper.props}\n            {...forwardedProps}\n            onClick={handleClick}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    aspectRatio: adjustedAspectRatio,\n                    prefix: CLASSNAME,\n                    size,\n                    theme,\n                    variant,\n                    isDragHovering,\n                    isDisabled: isAnyDisabled,\n                }),\n            )}\n        >\n            <span className={`${CLASSNAME}__background`} />\n\n            <span className={`${CLASSNAME}__wrapper`}>\n                {icon && <Icon className={`${CLASSNAME}__icon`} icon={icon} size={Size.s} />}\n\n                {label && <span className={`${CLASSNAME}__label`}>{label}</span>}\n            </span>\n\n            {fileInputProps && (\n                <input\n                    type=\"file\"\n                    id={inputId}\n                    className={`${CLASSNAME}__input ${VISUALLY_HIDDEN}`}\n                    {...disabledStateProps}\n                    {...fileInputProps}\n                    readOnly={isAnyDisabled}\n                    onChange={onChange}\n                    onDragEnter={setDragHovering}\n                    onDragLeave={unsetDragHovering}\n                    onDrop={unsetDragHovering}\n                />\n            )}\n        </wrapper.Component>\n    );\n});\nUploader.displayName = COMPONENT_NAME;\nUploader.className = CLASSNAME;\nUploader.defaultProps = DEFAULT_PROPS;\n"],"names":["UploaderVariant","square","rounded","circle","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","aspectRatio","AspectRatio","horizontal","size","Size","xl","variant","Uploader","forwardRef","props","ref","disabledStateProps","otherProps","isAnyDisabled","useDisableStateProps","defaultTheme","useTheme","Theme","light","className","label","icon","theme","fileInputProps","onClick","forwardedProps","adjustedAspectRatio","handleClick","React","useCallback","evt","preventDefault","generatedInputId","useId","inputId","id","isDragHovering","unsetDragHovering","setDragHovering","useBooleanState","wrapper","Component","htmlFor","type","onChange","useMemo","undefined","fileList","target","files","Array","from","_jsxs","classNames","handleBasicClasses","prefix","isDisabled","children","_jsx","Icon","s","VISUALLY_HIDDEN","readOnly","onDragEnter","onDragLeave","onDrop","displayName","defaultProps"],"mappings":";;;;;;;;;;;;;AAkBO,MAAMA,eAAe,GAAG;AAC3BC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAA;AACZ,EAAU;;AAGV;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAoBA;AACA;AACA;AACA,MAAMC,cAAc,GAAG,UAAU,CAAA;;AAEjC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAqC,GAAG;EAC1CC,WAAW,EAAEC,WAAW,CAACC,UAAU;EACnCC,IAAI,EAAEC,IAAI,CAACC,EAAE;EACbC,OAAO,EAAEd,eAAe,CAACC,MAAAA;AAC7B,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMc,QAAQ,GAAGC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9D,MAAM;IAAEC,kBAAkB;IAAEC,UAAU;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAGC,oBAAoB,CAACL,KAAK,CAAC,CAAA;EACrF,MAAMM,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IACFlB,WAAW,GAAGD,aAAa,CAACC,WAAW;IACvCmB,SAAS;IACTC,KAAK;IACLC,IAAI;IACJlB,IAAI,GAAGJ,aAAa,CAACI,IAAI;AACzBmB,IAAAA,KAAK,GAAGP,YAAY;IACpBT,OAAO,GAAGP,aAAa,CAACO,OAAO;IAC/BiB,cAAc;IACdC,OAAO;IACP,GAAGC,cAAAA;AACP,GAAC,GAAGb,UAAU,CAAA;AACd;AACA,EAAA,MAAMc,mBAAmB,GAAGpB,OAAO,KAAKd,eAAe,CAACG,MAAM,GAAGM,WAAW,CAACR,MAAM,GAAGO,WAAW,CAAA;AAEjG,EAAA,MAAM2B,WAAoC,GAAGC,cAAK,CAACC,WAAW,CACzDC,GAAG,IAAK;AACL,IAAA,IAAIjB,aAAa,EAAE;MACfiB,GAAG,CAACC,cAAc,EAAE,CAAA;AACxB,KAAC,MAAM;MACHP,OAAO,GAAGM,GAAG,CAAC,CAAA;AAClB,KAAA;AACJ,GAAC,EACD,CAACjB,aAAa,EAAEW,OAAO,CAC3B,CAAC,CAAA;AAED,EAAA,MAAMQ,gBAAgB,GAAGC,KAAK,EAAE,CAAA;AAChC,EAAA,MAAMC,OAAO,GAAGX,cAAc,EAAEY,EAAE,IAAIH,gBAAgB,CAAA;EACtD,MAAM,CAACI,cAAc,EAAEC,iBAAiB,EAAEC,eAAe,CAAC,GAAGC,eAAe,CAAC,KAAK,CAAC,CAAA;EACnF,MAAMC,OAAO,GAAGjB,cAAc,GACvB;AAAEkB,IAAAA,SAAS,EAAE,OAAO;AAAEhC,IAAAA,KAAK,EAAE;AAAEiC,MAAAA,OAAO,EAAER,OAAAA;AAAQ,KAAA;AAAE,GAAC,GACnD;AAAEO,IAAAA,SAAS,EAAE,QAAQ;AAAEhC,IAAAA,KAAK,EAAE;AAAEkC,MAAAA,IAAI,EAAE,QAAQ;MAAE,GAAGhC,kBAAAA;AAAmB,KAAA;GAAa,CAAA;AAE1F,EAAA,MAAMiC,QAAQ,GAAGhB,cAAK,CAACiB,OAAO,CAAC,MAAM;IACjC,IAAIhC,aAAa,IAAI,CAACU,cAAc,EAAEqB,QAAQ,EAAE,OAAOE,SAAS,CAAA;AAChE,IAAA,OAAQhB,GAAwC,IAAK;AACjD,MAAA,MAAMiB,QAAQ,GAAGjB,GAAG,CAACkB,MAAM,CAACC,KAAK,CAAA;MACjC,MAAMA,KAAK,GAAGF,QAAQ,GAAGG,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,GAAG,EAAE,CAAA;AAClDxB,MAAAA,cAAc,CAACqB,QAAQ,CAACK,KAAK,EAAEnB,GAAG,CAAC,CAAA;KACtC,CAAA;AACL,GAAC,EAAE,CAACjB,aAAa,EAAEU,cAAc,CAAC,CAAC,CAAA;AAEnC,EAAA,oBACI6B,IAAA,CAACZ,OAAO,CAACC,SAAS,EAAA;AACd/B,IAAAA,GAAG,EAAEA,GAAW;IAAA,GACZ8B,OAAO,CAAC/B,KAAK;AAAA,IAAA,GACbgB,cAAc;AAClBD,IAAAA,OAAO,EAAEG,WAAY;AACrBR,IAAAA,SAAS,EAAEkC,UAAU,CACjBlC,SAAS,EACTmC,kBAAkB,CAAC;AACftD,MAAAA,WAAW,EAAE0B,mBAAmB;AAChC6B,MAAAA,MAAM,EAAE1D,SAAS;MACjBM,IAAI;MACJmB,KAAK;MACLhB,OAAO;MACP8B,cAAc;AACdoB,MAAAA,UAAU,EAAE3C,aAAAA;AAChB,KAAC,CACL,CAAE;AAAA4C,IAAAA,QAAA,gBAEFC,GAAA,CAAA,MAAA,EAAA;MAAMvC,SAAS,EAAE,GAAGtB,SAAS,CAAA,YAAA,CAAA;KAAiB,CAAC,eAE/CuD,IAAA,CAAA,MAAA,EAAA;MAAMjC,SAAS,EAAE,CAAGtB,EAAAA,SAAS,CAAY,SAAA,CAAA;AAAA4D,MAAAA,QAAA,EACpCpC,CAAAA,IAAI,iBAAIqC,GAAA,CAACC,IAAI,EAAA;QAACxC,SAAS,EAAE,CAAGtB,EAAAA,SAAS,CAAS,MAAA,CAAA;AAACwB,QAAAA,IAAI,EAAEA,IAAK;QAAClB,IAAI,EAAEC,IAAI,CAACwD,CAAAA;AAAE,OAAE,CAAC,EAE3ExC,KAAK,iBAAIsC,GAAA,CAAA,MAAA,EAAA;QAAMvC,SAAS,EAAE,CAAGtB,EAAAA,SAAS,CAAU,OAAA,CAAA;AAAA4D,QAAAA,QAAA,EAAErC,KAAAA;AAAK,OAAO,CAAC,CAAA;AAAA,KAC9D,CAAC,EAENG,cAAc,iBACXmC,GAAA,CAAA,OAAA,EAAA;AACIf,MAAAA,IAAI,EAAC,MAAM;AACXR,MAAAA,EAAE,EAAED,OAAQ;AACZf,MAAAA,SAAS,EAAE,CAAA,EAAGtB,SAAS,CAAA,QAAA,EAAWgE,eAAe,CAAG,CAAA;AAAA,MAAA,GAChDlD,kBAAkB;AAAA,MAAA,GAClBY,cAAc;AAClBuC,MAAAA,QAAQ,EAAEjD,aAAc;AACxB+B,MAAAA,QAAQ,EAAEA,QAAS;AACnBmB,MAAAA,WAAW,EAAEzB,eAAgB;AAC7B0B,MAAAA,WAAW,EAAE3B,iBAAkB;AAC/B4B,MAAAA,MAAM,EAAE5B,iBAAAA;AAAkB,KAC7B,CACJ,CAAA;AAAA,GACc,CAAC,CAAA;AAE5B,CAAC,EAAC;AACF9B,QAAQ,CAAC2D,WAAW,GAAGtE,cAAc,CAAA;AACrCW,QAAQ,CAACY,SAAS,GAAGtB,SAAS,CAAA;AAC9BU,QAAQ,CAAC4D,YAAY,GAAGpE,aAAa;;;;"}

package/_internal/packages/lumx-react/src/components/user-block/UserBlock-9b72469f.js

@@ -1,146 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import isEmpty from 'lodash/isEmpty';
-import set from 'lodash/set';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Orientation, Size, Theme, ColorPalette } from '@lumx/core/js/constants';
-import { Avatar } from '../avatar/Avatar-a875f5a5.js';
-import { Link } from '../link/Link-f8b5025c.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'UserBlock';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  orientation: Orientation.horizontal,
-  size: Size.m
-};
-
-/**
- * UserBlock component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const UserBlock = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    avatarProps,
-    className,
-    fields,
-    linkProps,
-    linkAs,
-    multipleActions,
-    name,
-    nameProps,
-    onClick,
-    onMouseEnter,
-    onMouseLeave,
-    orientation = DEFAULT_PROPS.orientation,
-    simpleAction,
-    size = DEFAULT_PROPS.size,
-    theme = defaultTheme,
-    children,
-    additionalFields,
-    after,
-    ...forwardedProps
-  } = props;
-  let componentSize = size;
-
-  // Special case - When using vertical orientation force the size to be Sizes.l.
-  if (orientation === Orientation.vertical) {
-    componentSize = Size.l;
-  }
-  const shouldDisplayActions = orientation === Orientation.vertical;
-  const isLink = Boolean(linkProps?.href || linkAs);
-  const isClickable = !!onClick || isLink;
-  const nameBlock = React__default.useMemo(() => {
-    if (isEmpty(name)) {
-      return null;
-    }
-    let NameComponent = 'span';
-    const nProps = {
-      ...nameProps,
-      className: classNames(`${CLASSNAME}__name`, linkProps?.className, nameProps?.className)
-    };
-    if (isClickable) {
-      NameComponent = Link;
-      Object.assign(nProps, {
-        ...linkProps,
-        onClick,
-        linkAs,
-        color: ColorPalette.dark
-      });
-    }
-    // Disable avatar focus since the name block is the same link / same button.
-    if (avatarProps) {
-      set(avatarProps, ['thumbnailProps', 'tabIndex'], -1);
-    }
-    return /*#__PURE__*/jsx(NameComponent, {
-      ...nProps,
-      children: name
-    });
-  }, [avatarProps, isClickable, linkAs, linkProps, name, nameProps, onClick]);
-  const shouldDisplayFields = componentSize !== Size.s && componentSize !== Size.xs;
-  const fieldsBlock = fields && shouldDisplayFields && /*#__PURE__*/jsx("div", {
-    className: `${CLASSNAME}__fields`,
-    children: fields.map((field, idx) => /*#__PURE__*/jsx("span", {
-      className: `${CLASSNAME}__field`,
-      children: field
-    }, idx))
-  });
-  return /*#__PURE__*/jsxs("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      orientation,
-      size: componentSize,
-      theme,
-      isClickable
-    })),
-    onMouseLeave: onMouseLeave,
-    onMouseEnter: onMouseEnter,
-    children: [avatarProps && /*#__PURE__*/jsx(Avatar, {
-      linkAs: linkAs,
-      linkProps: linkProps,
-      alt: "",
-      ...avatarProps,
-      className: classNames(`${CLASSNAME}__avatar`, avatarProps.className),
-      size: componentSize,
-      onClick: onClick,
-      theme: theme
-    }), (fields || name || children || additionalFields) && /*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__wrapper`,
-      children: [children || nameBlock, fieldsBlock, shouldDisplayFields ? additionalFields : null]
-    }), shouldDisplayActions && simpleAction && /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__action`,
-      children: simpleAction
-    }), shouldDisplayActions && multipleActions && /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__actions`,
-      children: multipleActions
-    }), after ? /*#__PURE__*/jsx("div", {
-      className: `${CLASSNAME}__after`,
-      children: after
-    }) : null]
-  });
-});
-UserBlock.displayName = COMPONENT_NAME;
-UserBlock.className = CLASSNAME;
-UserBlock.defaultProps = DEFAULT_PROPS;
-
-export { UserBlock };
-//# sourceMappingURL=UserBlock-9b72469f.js.map

package/_internal/packages/lumx-react/src/components/user-block/UserBlock-9b72469f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserBlock-9b72469f.js","sources":["../../../../../../../src/components/user-block/UserBlock.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\nimport set from 'lodash/set';\n\nimport { Avatar, ColorPalette, Link, Orientation, Size, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { AvatarProps } from '../avatar/Avatar';\n\n/**\n * User block sizes.\n */\nexport type UserBlockSize = Extract<Size, 'xs' | 's' | 'm' | 'l'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface UserBlockProps extends GenericProps, HasTheme {\n    /** Props to pass to the avatar. */\n    avatarProps?: Omit<AvatarProps, 'alt'>;\n    /** Additional fields used to describe the user. */\n    fields?: string[];\n    /** Props to pass to the link wrapping the avatar thumbnail. */\n    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n    /** Multiple action toolbar content. */\n    multipleActions?: ReactNode;\n    /** User name. */\n    name?: React.ReactNode;\n    /** Props to pass to the name block. */\n    nameProps?: GenericProps;\n    /** Orientation. */\n    orientation?: Orientation;\n    /** Simple action toolbar content. */\n    simpleAction?: ReactNode;\n    /** Size variant. */\n    size?: UserBlockSize;\n    /** On click callback. */\n    onClick?(): void;\n    /** On mouse enter callback. */\n    onMouseEnter?(): void;\n    /** On mouse leave callback. */\n    onMouseLeave?(): void;\n    /** Display additional fields below the original name and fields */\n    additionalFields?: React.ReactNode;\n    /** Display an additional element after the entire component. (to the right if orientation is horizontal, at the bottom if orientation is vertical) */\n    after?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'UserBlock';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<UserBlockProps> = {\n    orientation: Orientation.horizontal,\n    size: Size.m,\n};\n\n/**\n * UserBlock component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const UserBlock = forwardRef<UserBlockProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        avatarProps,\n        className,\n        fields,\n        linkProps,\n        linkAs,\n        multipleActions,\n        name,\n        nameProps,\n        onClick,\n        onMouseEnter,\n        onMouseLeave,\n        orientation = DEFAULT_PROPS.orientation,\n        simpleAction,\n        size = DEFAULT_PROPS.size,\n        theme = defaultTheme,\n        children,\n        additionalFields,\n        after,\n        ...forwardedProps\n    } = props;\n    let componentSize = size;\n\n    // Special case - When using vertical orientation force the size to be Sizes.l.\n    if (orientation === Orientation.vertical) {\n        componentSize = Size.l;\n    }\n\n    const shouldDisplayActions: boolean = orientation === Orientation.vertical;\n\n    const isLink = Boolean(linkProps?.href || linkAs);\n    const isClickable = !!onClick || isLink;\n\n    const nameBlock: ReactNode = React.useMemo(() => {\n        if (isEmpty(name)) {\n            return null;\n        }\n        let NameComponent: any = 'span';\n        const nProps: any = {\n            ...nameProps,\n            className: classNames(`${CLASSNAME}__name`, linkProps?.className, nameProps?.className),\n        };\n        if (isClickable) {\n            NameComponent = Link;\n            Object.assign(nProps, {\n                ...linkProps,\n                onClick,\n                linkAs,\n                color: ColorPalette.dark,\n            });\n        }\n        // Disable avatar focus since the name block is the same link / same button.\n        if (avatarProps) {\n            set(avatarProps, ['thumbnailProps', 'tabIndex'], -1);\n        }\n        return <NameComponent {...nProps}>{name}</NameComponent>;\n    }, [avatarProps, isClickable, linkAs, linkProps, name, nameProps, onClick]);\n\n    const shouldDisplayFields = componentSize !== Size.s && componentSize !== Size.xs;\n\n    const fieldsBlock: ReactNode = fields && shouldDisplayFields && (\n        <div className={`${CLASSNAME}__fields`}>\n            {fields.map((field: string, idx: number) => (\n                <span key={idx} className={`${CLASSNAME}__field`}>\n                    {field}\n                </span>\n            ))}\n        </div>\n    );\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({ prefix: CLASSNAME, orientation, size: componentSize, theme, isClickable }),\n            )}\n            onMouseLeave={onMouseLeave}\n            onMouseEnter={onMouseEnter}\n        >\n            {avatarProps && (\n                <Avatar\n                    linkAs={linkAs}\n                    linkProps={linkProps}\n                    alt=\"\"\n                    {...(avatarProps as any)}\n                    className={classNames(`${CLASSNAME}__avatar`, avatarProps.className)}\n                    size={componentSize}\n                    onClick={onClick}\n                    theme={theme}\n                />\n            )}\n            {(fields || name || children || additionalFields) && (\n                <div className={`${CLASSNAME}__wrapper`}>\n                    {children || nameBlock}\n                    {fieldsBlock}\n                    {shouldDisplayFields ? additionalFields : null}\n                </div>\n            )}\n            {shouldDisplayActions && simpleAction && <div className={`${CLASSNAME}__action`}>{simpleAction}</div>}\n            {shouldDisplayActions && multipleActions && (\n                <div className={`${CLASSNAME}__actions`}>{multipleActions}</div>\n            )}\n            {after ? <div className={`${CLASSNAME}__after`}>{after}</div> : null}\n        </div>\n    );\n});\nUserBlock.displayName = COMPONENT_NAME;\nUserBlock.className = CLASSNAME;\nUserBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","orientation","Orientation","horizontal","size","Size","m","UserBlock","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","avatarProps","className","fields","linkProps","linkAs","multipleActions","name","nameProps","onClick","onMouseEnter","onMouseLeave","simpleAction","theme","children","additionalFields","after","forwardedProps","componentSize","vertical","l","shouldDisplayActions","isLink","Boolean","href","isClickable","nameBlock","React","useMemo","isEmpty","NameComponent","nProps","classNames","Link","Object","assign","color","ColorPalette","dark","set","_jsx","shouldDisplayFields","s","xs","fieldsBlock","map","field","idx","_jsxs","handleBasicClasses","prefix","Avatar","alt","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/constants-6af61e2f.js

@@ -1,24 +0,0 @@
-export { CSS_PREFIX, DIALOG_TRANSITION_DURATION, NOTIFICATION_TRANSITION_DURATION, TOOLTIP_HOVER_DELAY, TOOLTIP_LONG_PRESS_DELAY } from '@lumx/core/js/constants';
-
-/**
- * Optional global `window` instance (not defined when running SSR).
- */
-const WINDOW = typeof window !== 'undefined' ? window : undefined;
-
-/**
- * Optional global `document` instance (not defined when running SSR).
- */
-const DOCUMENT = typeof document !== 'undefined' ? document : undefined;
-
-/**
- * Check if we are running in a true browser
- */
-const IS_BROWSER = typeof navigator !== 'undefined' && !navigator.userAgent.includes('jsdom');
-
-/**
- * Visually hidden a11y utility class name
- */
-const VISUALLY_HIDDEN = 'visually-hidden';
-
-export { DOCUMENT, IS_BROWSER, VISUALLY_HIDDEN, WINDOW };
-//# sourceMappingURL=constants-6af61e2f.js.map

package/_internal/packages/lumx-react/src/constants-6af61e2f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-6af61e2f.js","sources":["../../../../../src/constants.ts"],"sourcesContent":["export {\n    CSS_PREFIX,\n    DIALOG_TRANSITION_DURATION,\n    NOTIFICATION_TRANSITION_DURATION,\n    TOOLTIP_HOVER_DELAY,\n    TOOLTIP_LONG_PRESS_DELAY,\n} from '@lumx/core/js/constants';\n\n/**\n * Optional global `window` instance (not defined when running SSR).\n */\nexport const WINDOW = typeof window !== 'undefined' ? window : undefined;\n\n/**\n * Optional global `document` instance (not defined when running SSR).\n */\nexport const DOCUMENT = typeof document !== 'undefined' ? document : undefined;\n\n/**\n * Check if we are running in a true browser\n */\nexport const IS_BROWSER = typeof navigator !== 'undefined' && !navigator.userAgent.includes('jsdom');\n\n/**\n * Visually hidden a11y utility class name\n */\nexport const VISUALLY_HIDDEN = 'visually-hidden';\n"],"names":["WINDOW","window","undefined","DOCUMENT","document","IS_BROWSER","navigator","userAgent","includes","VISUALLY_HIDDEN"],"mappings":";;AAQA;AACA;AACA;AACO,MAAMA,MAAM,GAAG,OAAOC,MAAM,KAAK,WAAW,GAAGA,MAAM,GAAGC,UAAS;;AAExE;AACA;AACA;AACO,MAAMC,QAAQ,GAAG,OAAOC,QAAQ,KAAK,WAAW,GAAGA,QAAQ,GAAGF,UAAS;;AAE9E;AACA;AACA;MACaG,UAAU,GAAG,OAAOC,SAAS,KAAK,WAAW,IAAI,CAACA,SAAS,CAACC,SAAS,CAACC,QAAQ,CAAC,OAAO,EAAC;;AAEpG;AACA;AACA;AACO,MAAMC,eAAe,GAAG;;;;"}

package/_internal/packages/lumx-react/src/hooks/useBooleanState-3e2f0517.js

@@ -1,12 +0,0 @@
-import { useState, useCallback } from 'react';
-
-const useBooleanState = defaultValue => {
-  const [booleanValue, setBoolean] = useState(defaultValue);
-  const setToFalse = useCallback(() => setBoolean(false), []);
-  const setToTrue = useCallback(() => setBoolean(true), []);
-  const toggleBoolean = useCallback(() => setBoolean(previousValue => !previousValue), []);
-  return [booleanValue, setToFalse, setToTrue, toggleBoolean];
-};
-
-export { useBooleanState };
-//# sourceMappingURL=useBooleanState-3e2f0517.js.map

package/_internal/packages/lumx-react/src/hooks/useBooleanState-3e2f0517.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBooleanState-3e2f0517.js","sources":["../../../../../../src/hooks/useBooleanState.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const useBooleanState = (defaultValue: boolean): [boolean, () => void, () => void, () => void] => {\n    const [booleanValue, setBoolean] = useState<boolean>(defaultValue);\n\n    const setToFalse = useCallback(() => setBoolean(false), []);\n\n    const setToTrue = useCallback(() => setBoolean(true), []);\n\n    const toggleBoolean = useCallback(() => setBoolean((previousValue) => !previousValue), []);\n\n    return [booleanValue, setToFalse, setToTrue, toggleBoolean];\n};\n"],"names":["useBooleanState","defaultValue","booleanValue","setBoolean","useState","setToFalse","useCallback","setToTrue","toggleBoolean","previousValue"],"mappings":";;AAEaA,MAAAA,eAAe,GAAIC,YAAqB,IAAoD;EACrG,MAAM,CAACC,YAAY,EAAEC,UAAU,CAAC,GAAGC,QAAQ,CAAUH,YAAY,CAAC,CAAA;EAElE,MAAMI,UAAU,GAAGC,WAAW,CAAC,MAAMH,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;EAE3D,MAAMI,SAAS,GAAGD,WAAW,CAAC,MAAMH,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;AAEzD,EAAA,MAAMK,aAAa,GAAGF,WAAW,CAAC,MAAMH,UAAU,CAAEM,aAAa,IAAK,CAACA,aAAa,CAAC,EAAE,EAAE,CAAC,CAAA;EAE1F,OAAO,CAACP,YAAY,EAAEG,UAAU,EAAEE,SAAS,EAAEC,aAAa,CAAC,CAAA;AAC/D;;;;"}

package/_internal/packages/lumx-react/src/hooks/useCallbackOnEscape-80f4407b.js

@@ -1,34 +0,0 @@
-import { DOCUMENT } from '../constants-6af61e2f.js';
-import { onEscapePressed } from '@lumx/core/js/utils';
-import { useEffect } from 'react';
-import { makeListenerTowerContext } from '../utils/function/makeListenerTowerContext-b4dfa648.js';
-
-const LISTENERS = makeListenerTowerContext();
-
-/**
- * Register a global listener on 'Escape' key pressed.
- *
- * If multiple listener are registered, only the last one is maintained. When a listener is unregistered, the previous
- * one gets activated again.
- *
- * @param callback      Callback
- * @param closeOnEscape Disables the hook when false
- */
-function useCallbackOnEscape(callback, closeOnEscape = true) {
-  useEffect(() => {
-    const rootElement = DOCUMENT?.body;
-    if (!closeOnEscape || !callback || !rootElement) {
-      return undefined;
-    }
-    const onKeyDown = onEscapePressed(callback);
-    const listener = {
-      enable: () => rootElement.addEventListener('keydown', onKeyDown),
-      disable: () => rootElement.removeEventListener('keydown', onKeyDown)
-    };
-    LISTENERS.register(listener);
-    return () => LISTENERS.unregister(listener);
-  }, [callback, closeOnEscape]);
-}
-
-export { useCallbackOnEscape };
-//# sourceMappingURL=useCallbackOnEscape-80f4407b.js.map

package/_internal/packages/lumx-react/src/hooks/useCallbackOnEscape-80f4407b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCallbackOnEscape-80f4407b.js","sources":["../../../../../../src/hooks/useCallbackOnEscape.ts"],"sourcesContent":["import { DOCUMENT } from '@lumx/react/constants';\nimport { Callback } from '@lumx/react/utils/type';\nimport { onEscapePressed } from '@lumx/core/js/utils';\nimport { useEffect } from 'react';\nimport { Listener, makeListenerTowerContext } from '@lumx/react/utils/function/makeListenerTowerContext';\n\nconst LISTENERS = makeListenerTowerContext();\n\n/**\n * Register a global listener on 'Escape' key pressed.\n *\n * If multiple listener are registered, only the last one is maintained. When a listener is unregistered, the previous\n * one gets activated again.\n *\n * @param callback      Callback\n * @param closeOnEscape Disables the hook when false\n */\nexport function useCallbackOnEscape(callback: Callback | undefined, closeOnEscape = true) {\n    useEffect(() => {\n        const rootElement = DOCUMENT?.body;\n        if (!closeOnEscape || !callback || !rootElement) {\n            return undefined;\n        }\n        const onKeyDown = onEscapePressed(callback);\n\n        const listener: Listener = {\n            enable: () => rootElement.addEventListener('keydown', onKeyDown),\n            disable: () => rootElement.removeEventListener('keydown', onKeyDown),\n        };\n\n        LISTENERS.register(listener);\n        return () => LISTENERS.unregister(listener);\n    }, [callback, closeOnEscape]);\n}\n"],"names":["LISTENERS","makeListenerTowerContext","useCallbackOnEscape","callback","closeOnEscape","useEffect","rootElement","DOCUMENT","body","undefined","onKeyDown","onEscapePressed","listener","enable","addEventListener","disable","removeEventListener","register","unregister"],"mappings":";;;;;AAMA,MAAMA,SAAS,GAAGC,wBAAwB,EAAE,CAAA;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,mBAAmBA,CAACC,QAA8B,EAAEC,aAAa,GAAG,IAAI,EAAE;AACtFC,EAAAA,SAAS,CAAC,MAAM;AACZ,IAAA,MAAMC,WAAW,GAAGC,QAAQ,EAAEC,IAAI,CAAA;IAClC,IAAI,CAACJ,aAAa,IAAI,CAACD,QAAQ,IAAI,CAACG,WAAW,EAAE;AAC7C,MAAA,OAAOG,SAAS,CAAA;AACpB,KAAA;AACA,IAAA,MAAMC,SAAS,GAAGC,eAAe,CAACR,QAAQ,CAAC,CAAA;AAE3C,IAAA,MAAMS,QAAkB,GAAG;MACvBC,MAAM,EAAEA,MAAMP,WAAW,CAACQ,gBAAgB,CAAC,SAAS,EAAEJ,SAAS,CAAC;MAChEK,OAAO,EAAEA,MAAMT,WAAW,CAACU,mBAAmB,CAAC,SAAS,EAAEN,SAAS,CAAA;KACtE,CAAA;AAEDV,IAAAA,SAAS,CAACiB,QAAQ,CAACL,QAAQ,CAAC,CAAA;AAC5B,IAAA,OAAO,MAAMZ,SAAS,CAACkB,UAAU,CAACN,QAAQ,CAAC,CAAA;AAC/C,GAAC,EAAE,CAACT,QAAQ,EAAEC,aAAa,CAAC,CAAC,CAAA;AACjC;;;;"}