@lumx/react 3.10.1-alpha.0 → 3.10.1-alpha.2

package/_internal/components/user-block/index.ts-18c58e19.d.ts

@@ -0,0 +1,50 @@
+import { S as Size, G as GenericProps, H as HasTheme, O as Orientation, C as Comp } from '../../8d67e1e3.js';
+import React, { ReactNode } from 'react';
+import { AvatarProps } from '../avatar/index.ts-f92852b4.js';
+import '../../35f100be.js';
+
+/**
+ * User block sizes.
+ */
+type UserBlockSize = Extract<Size, 'xs' | 's' | 'm' | 'l'>;
+/**
+ * Defines the props of the component.
+ */
+interface UserBlockProps extends GenericProps, HasTheme {
+    /** Props to pass to the avatar. */
+    avatarProps?: Omit<AvatarProps, 'alt'>;
+    /** Additional fields used to describe the user. */
+    fields?: string[];
+    /** Props to pass to the link wrapping the avatar thumbnail. */
+    linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+    /** Custom react component for the link (can be used to inject react router Link). */
+    linkAs?: 'a' | any;
+    /** Multiple action toolbar content. */
+    multipleActions?: ReactNode;
+    /** User name. */
+    name?: string;
+    /** Props to pass to the name block. */
+    nameProps?: GenericProps;
+    /** Orientation. */
+    orientation?: Orientation;
+    /** Simple action toolbar content. */
+    simpleAction?: ReactNode;
+    /** Size variant. */
+    size?: UserBlockSize;
+    /** On click callback. */
+    onClick?(): void;
+    /** On mouse enter callback. */
+    onMouseEnter?(): void;
+    /** On mouse leave callback. */
+    onMouseLeave?(): void;
+}
+/**
+ * UserBlock component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const UserBlock: Comp<UserBlockProps, HTMLDivElement>;
+
+export { UserBlock, type UserBlockProps, type UserBlockSize };

package/_internal/components/user-block/index.ts-d43e5f3c.js

@@ -0,0 +1,136 @@
+import { h as getRootClassName, O as Orientation, S as Size, i as forwardRef, T as Theme, j as _objectWithoutProperties, k as _objectSpread2, g as classNames, C as ColorPalette, _ as _extends } from '../../1da25128.js';
+import React__default from 'react';
+import isEmpty from 'lodash/isEmpty';
+import set from 'lodash/set';
+import { u as useTheme } from '../../3181f000.js';
+import { h as handleBasicClasses } from '../../f57e1239.js';
+import { Avatar } from '../avatar/index.ts-93ee0ea9.js';
+import { Link } from '../link/index.ts-d04f4e53.js';
+
+const _excluded = ["avatarProps", "className", "fields", "linkProps", "linkAs", "multipleActions", "name", "nameProps", "onClick", "onMouseEnter", "onMouseLeave", "orientation", "simpleAction", "size", "theme"];
+
+/**
+ * User block sizes.
+ */
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * 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,
+      simpleAction,
+      size,
+      theme = defaultTheme
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  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 === null || linkProps === void 0 ? void 0 : linkProps.href) || linkAs);
+  const isClickable = !!onClick || isLink;
+  const nameBlock = React__default.useMemo(() => {
+    if (isEmpty(name)) {
+      return null;
+    }
+    let NameComponent = 'span';
+    const nProps = _objectSpread2(_objectSpread2({}, nameProps), {}, {
+      className: classNames(`${CLASSNAME}__name`, linkProps === null || linkProps === void 0 ? void 0 : linkProps.className, nameProps === null || nameProps === void 0 ? void 0 : nameProps.className)
+    });
+    if (isClickable) {
+      NameComponent = Link;
+      Object.assign(nProps, _objectSpread2(_objectSpread2({}, 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__*/React__default.createElement(NameComponent, nProps, name);
+  }, [avatarProps, isClickable, linkAs, linkProps, name, nameProps, onClick]);
+  const fieldsBlock = fields && componentSize !== Size.s && componentSize !== Size.xs && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__fields`
+  }, fields.map((field, idx) => /*#__PURE__*/React__default.createElement("span", {
+    key: idx,
+    className: `${CLASSNAME}__field`
+  }, field)));
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      orientation,
+      size: componentSize,
+      theme,
+      isClickable
+    })),
+    onMouseLeave: onMouseLeave,
+    onMouseEnter: onMouseEnter
+  }), avatarProps && /*#__PURE__*/React__default.createElement(Avatar, _extends({
+    linkAs: linkAs,
+    linkProps: linkProps,
+    alt: ""
+  }, avatarProps, {
+    className: classNames(`${CLASSNAME}__avatar`, avatarProps.className),
+    size: componentSize,
+    onClick: onClick,
+    theme: theme
+  })), (fields || name) && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__wrapper`
+  }, nameBlock, fieldsBlock), shouldDisplayActions && simpleAction && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__action`
+  }, simpleAction), shouldDisplayActions && multipleActions && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__actions`
+  }, multipleActions));
+});
+UserBlock.displayName = COMPONENT_NAME;
+UserBlock.className = CLASSNAME;
+UserBlock.defaultProps = DEFAULT_PROPS;
+
+export { UserBlock };
+//# sourceMappingURL=index.ts-d43e5f3c.js.map

package/_internal/components/user-block/index.ts-d43e5f3c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-d43e5f3c.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/react/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?: string;\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}\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,\n        simpleAction,\n        size,\n        theme = defaultTheme,\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 fieldsBlock: ReactNode = fields && componentSize !== Size.s && componentSize !== Size.xs && (\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) && (\n                <div className={`${CLASSNAME}__wrapper`}>\n                    {nameBlock}\n                    {fieldsBlock}\n                </div>\n            )}\n            {shouldDisplayActions && simpleAction && <div className={`${CLASSNAME}__action`}>{simpleAction}</div>}\n            {shouldDisplayActions && multipleActions && (\n                <div className={`${CLASSNAME}__actions`}>{multipleActions}</div>\n            )}\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","forwardedProps","_objectWithoutProperties","_excluded","componentSize","vertical","l","shouldDisplayActions","isLink","Boolean","href","isClickable","nameBlock","React","useMemo","isEmpty","NameComponent","nProps","_objectSpread","classNames","Link","Object","assign","color","ColorPalette","dark","set","createElement","fieldsBlock","s","xs","map","field","idx","key","_extends","handleBasicClasses","prefix","Avatar","alt","displayName","defaultProps"],"mappings":"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"}

package/_internal/dc3e28c8.d.ts

@@ -0,0 +1,38 @@
+import { C as Comp } from './8d67e1e3.js';
+import { B as BaseButtonProps } from './7f022f8c.js';
+import { TooltipProps } from './components/tooltip/index.ts-c6931e9e.js';
+
+interface IconButtonProps extends BaseButtonProps {
+    /**
+     * Icon (SVG path).
+     * If `image` is also set, `image` will be used instead.
+     */
+    icon?: string;
+    /**
+     * Image (image url).
+     * Has priority over `icon`.
+     */
+    image?: string;
+    /**
+     * Label text (required for a11y purpose).
+     * If you really don't want an aria-label, you can set an empty label (this is not recommended).
+     */
+    label: string;
+    /**
+     * Props to pass to the tooltip.
+     * If undefined or if tooltipProps.label is undefined, the label prop will be used as tooltip label.
+     * */
+    tooltipProps?: Partial<TooltipProps>;
+    /** Whether the tooltip should be hidden or not. */
+    hideTooltip?: boolean;
+}
+/**
+ * IconButton component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const IconButton: Comp<IconButtonProps, HTMLButtonElement>;
+
+export { type IconButtonProps as I, IconButton as a };

package/_internal/f39a1ba4.js

@@ -0,0 +1,73 @@
+import get from 'lodash/get';
+import React__default from 'react';
+
+/** Get types of the values of a record. */
+
+/**
+ * Properties of a component to use to determine it's name.
+ * In the order of preference.
+ */
+const NAME_PROPERTIES = ['type', 'type.displayName', 'displayName', 'name', 'type.name', 'props.mdxType', '_reactInternalFiber.elementType.name'];
+
+/** LumX Component Type. */
+
+/** Union type of all heading elements */
+
+/** Union type of all text elements */
+
+/**
+ * Define a generic props types.
+ */
+
+/**
+ * Callback function type alias (use for readability)
+ */
+
+/**
+ * Create a predicate function that checks if a ReactNode is a react element from the given component.
+ *
+ * @param  component React function component or the component name
+ * @return predicate returning true if value is instance of the component
+ */
+const isComponent = component => instance => {
+  const componentName = typeof component === 'string' ? component : component.displayName;
+  return !!get(instance, '$$typeof') && NAME_PROPERTIES.some(nameProperty => get(instance, nameProperty) === componentName);
+};
+
+/**
+ * Similar to `isComponent` but more precise as it's not based on the component `displayName` but on the component function reference.
+ */
+const isComponentType = type => node => /*#__PURE__*/React__default.isValidElement(node) && node.type === type;
+
+/**
+ * JS falsy values.
+ * (excluding `NaN` as it can't be distinguished from `number`)
+ */
+
+/**
+ * Require either `aria-label` or `arial-labelledby` prop.
+ * If none are set, the order will prioritize `aria-labelledby` over `aria-label` as it
+ * needs a visible element.
+ */
+
+/**
+ * Extract ref type for a component or JSX intrinsic element
+ *
+ * @example ComponentRef<'div'> => React.Ref<HTMLDivElement>
+ * @example ComponentRef<Button> => React.Ref<HTMLButtonElement
+ */
+
+/**
+ * Rectangle size
+ */
+
+/**
+ * Maybe a HTMLElement or a React ref of a HTMLElement
+ */
+
+/**
+ * A point coordinate in 2D space
+ */
+
+export { isComponentType as a, isComponent as i };
+//# sourceMappingURL=f39a1ba4.js.map

package/_internal/f39a1ba4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"f39a1ba4.js","sources":["../../src/utils/type.ts"],"sourcesContent":["import get from 'lodash/get';\nimport React, { ReactElement, ReactNode, Ref } from 'react';\nimport { Theme } from '@lumx/react';\n\n/** Get types of the values of a record. */\nexport type ValueOf<T extends Record<any, any>> = T[keyof T];\n\n/**\n * Properties of a component to use to determine it's name.\n * In the order of preference.\n */\nconst NAME_PROPERTIES: string[] = [\n    'type',\n    'type.displayName',\n    'displayName',\n    'name',\n    'type.name',\n    'props.mdxType',\n    '_reactInternalFiber.elementType.name',\n];\n\n/** LumX Component Type. */\nexport type Comp<P, T = HTMLElement> = {\n    (props: P & { ref?: Ref<T> }): ReactElement | null;\n    /** React component type. */\n    readonly $$typeof: symbol;\n    /** Component default props. */\n    defaultProps?: Partial<P>;\n    /** Component name. */\n    displayName?: string;\n    /** Component base class name. */\n    className?: string;\n};\n\n/** Union type of all heading elements */\nexport type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n/** Union type of all text elements */\nexport type TextElement = 'span' | 'p' | HeadingElement;\n\nexport type HasPolymorphicAs<E extends React.ElementType> = React.ComponentPropsWithoutRef<E> & {\n    /**\n     * Customize the rendered component.\n     */\n    as?: E;\n};\n\nexport interface HasTheme {\n    /**\n     * Theme adapting the component to light or dark background.\n     */\n    theme?: Theme;\n}\n\nexport interface HasClassName {\n    /**\n     * Class name forwarded to the root element of the component.\n     */\n    className?: string;\n}\n\nexport interface HasCloseMode {\n    /**\n     * Choose how the children are hidden when closed\n     * ('hide' keeps the children in DOM but hide them, 'unmount' remove the children from the DOM).\n     */\n    closeMode?: 'hide' | 'unmount';\n}\n\n/**\n * Define a generic props types.\n */\nexport interface GenericProps extends HasClassName {\n    /**\n     * Any prop (particularly any supported prop for a HTML element).\n     */\n    [propName: string]: any;\n}\n\n/**\n * Callback function type alias (use for readability)\n */\nexport type Callback = () => void;\nexport type Predicate<T> = (t: T) => boolean;\n\n/**\n * Create a predicate function that checks if a ReactNode is a react element from the given component.\n *\n * @param  component React function component or the component name\n * @return predicate returning true if value is instance of the component\n */\nexport const isComponent =\n    <C>(component: Comp<C, any> | string) =>\n    (instance: ReactNode): instance is ReactElement => {\n        const componentName = typeof component === 'string' ? component : component.displayName;\n\n        return (\n            !!get(instance, '$$typeof') &&\n            NAME_PROPERTIES.some((nameProperty: string): boolean => get(instance, nameProperty) === componentName)\n        );\n    };\n\n/**\n * Similar to `isComponent` but more precise as it's not based on the component `displayName` but on the component function reference.\n */\nexport const isComponentType =\n    (type: ReactElement['type']) =>\n    (node: ReactNode): node is ReactElement =>\n        React.isValidElement(node) && node.type === type;\n\n/**\n * JS falsy values.\n * (excluding `NaN` as it can't be distinguished from `number`)\n */\nexport type Falsy = false | undefined | null | 0 | '';\n\n/**\n * Require either `aria-label` or `arial-labelledby` prop.\n * If none are set, the order will prioritize `aria-labelledby` over `aria-label` as it\n * needs a visible element.\n */\nexport type HasAriaLabelOrLabelledBy<T = string | undefined> = T extends string\n    ? {\n          /**\n           * The id of the element to use as title of the dialog. Can be within or out of the dialog.\n           * Although it is not recommended, aria-label can be used instead if no visible element is available.\n           */\n          'aria-labelledby': T;\n          /** The label of the dialog. */\n          'aria-label'?: undefined;\n      }\n    : {\n          'aria-label': string;\n          'aria-labelledby'?: undefined;\n      };\n\n/**\n * Extract ref type for a component or JSX intrinsic element\n *\n * @example ComponentRef<'div'> => React.Ref<HTMLDivElement>\n * @example ComponentRef<Button> => React.Ref<HTMLButtonElement\n */\nexport type ComponentRef<C> = C extends keyof JSX.IntrinsicElements\n    ? JSX.IntrinsicElements[C]['ref']\n    : C extends Comp<any, infer T>\n      ? React.Ref<T>\n      : C extends React.JSXElementConstructor<{ ref?: infer R }>\n        ? R\n        : never;\n\n/**\n * Rectangle size\n */\nexport type RectSize = { width: number; height: number };\n\n/**\n * Maybe a HTMLElement or a React ref of a HTMLElement\n */\nexport type MaybeElementOrRef<E extends HTMLElement> = E | React.RefObject<E | null> | null | undefined;\n\n/**\n * A point coordinate in 2D space\n */\nexport type Point = { x: number; y: number };\n"],"names":["NAME_PROPERTIES","isComponent","component","instance","componentName","displayName","get","some","nameProperty","isComponentType","type","node","React","isValidElement"],"mappings":";;;AAIA;;AAGA;AACA;AACA;AACA;AACA,MAAMA,eAAyB,GAAG,CAC9B,MAAM,EACN,kBAAkB,EAClB,aAAa,EACb,MAAM,EACN,WAAW,EACX,eAAe,EACf,sCAAsC,CACzC,CAAA;;AAED;;AAaA;;AAGA;;AAgCA;AACA;AACA;;AAQA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA;AACA;MACaC,WAAW,GAChBC,SAAgC,IACnCC,QAAmB,IAA+B;EAC/C,MAAMC,aAAa,GAAG,OAAOF,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGA,SAAS,CAACG,WAAW,CAAA;EAEvF,OACI,CAAC,CAACC,GAAG,CAACH,QAAQ,EAAE,UAAU,CAAC,IAC3BH,eAAe,CAACO,IAAI,CAAEC,YAAoB,IAAcF,GAAG,CAACH,QAAQ,EAAEK,YAAY,CAAC,KAAKJ,aAAa,CAAC,CAAA;AAE9G,EAAC;;AAEL;AACA;AACA;MACaK,eAAe,GACvBC,IAA0B,IAC1BC,IAAe,iBACZC,cAAK,CAACC,cAAc,CAACF,IAAI,CAAC,IAAIA,IAAI,CAACD,IAAI,KAAKA,KAAI;;AAExD;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACA;AACA;;AASA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;;;"}

package/_internal/f3e77e3e.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+
+/** Empty object */
+
+const DEFAULT_VALUE = {};
+
+/**
+ * Tooltip react context simply used as a marker to know when parent react node have a tooltip
+ */
+const TooltipContext = /*#__PURE__*/React__default.createContext(undefined);
+const TooltipContextProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement(TooltipContext.Provider, {
+    value: DEFAULT_VALUE
+  }, children);
+};
+const useTooltipContext = () => React__default.useContext(TooltipContext);
+
+export { TooltipContextProvider as T, useTooltipContext as u };
+//# sourceMappingURL=f3e77e3e.js.map

package/_internal/f3e77e3e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"f3e77e3e.js","sources":["../../src/components/tooltip/context.tsx"],"sourcesContent":["import React from 'react';\n\n/** Empty object */\ntype TooltipContextValue = NonNullable<unknown>;\n\nconst DEFAULT_VALUE = {};\n\n/**\n * Tooltip react context simply used as a marker to know when parent react node have a tooltip\n */\nconst TooltipContext = React.createContext<TooltipContextValue | undefined>(undefined);\n\nexport const TooltipContextProvider: React.FC = ({ children }) => (\n    <TooltipContext.Provider value={DEFAULT_VALUE}>{children}</TooltipContext.Provider>\n);\n\nexport const useTooltipContext = () => React.useContext(TooltipContext);\n"],"names":["DEFAULT_VALUE","TooltipContext","React","createContext","undefined","TooltipContextProvider","_ref","children","createElement","Provider","value","useTooltipContext","useContext"],"mappings":";;AAEA;;AAGA,MAAMA,aAAa,GAAG,EAAE,CAAA;;AAExB;AACA;AACA;AACA,MAAMC,cAAc,gBAAGC,cAAK,CAACC,aAAa,CAAkCC,SAAS,CAAC,CAAA;AAE/E,MAAMC,sBAAgC,GAAGC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,oBACzDJ,cAAA,CAAAM,aAAA,CAACP,cAAc,CAACQ,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEV,aAAAA;AAAc,GAAA,EAAEO,QAAkC,CAAC,CAAA;AAAA,EACtF;AAEM,MAAMI,iBAAiB,GAAGA,MAAMT,cAAK,CAACU,UAAU,CAACX,cAAc;;;;"}

package/_internal/f502ab30.js

@@ -0,0 +1,78 @@
+import { useEffect } from 'react';
+
+const useRovingTabIndex = _ref => {
+  let {
+    parentRef,
+    elementSelector,
+    keepTabIndex,
+    onElementFocus,
+    extraDependencies = []
+  } = _ref;
+  useEffect(() => {
+    const parent = parentRef === null || parentRef === void 0 ? void 0 : parentRef.current;
+    if (!parent) {
+      return undefined;
+    }
+    const elements = parent.querySelectorAll(elementSelector);
+    const initialFocusableElement = parent === null || parent === void 0 ? void 0 : parent.querySelector(`${elementSelector}[tabindex="0"]`);
+    const handleKeyDown = index => evt => {
+      let newTabFocus = index;
+      if (!(evt.key === 'ArrowRight' || evt.key === 'ArrowLeft')) {
+        return;
+      }
+      if (evt.key === 'ArrowRight') {
+        // Move right
+        newTabFocus += 1;
+        // If we're at the end, go to the start
+        if (newTabFocus >= elements.length) {
+          newTabFocus = 0;
+        }
+      } else if (evt.key === 'ArrowLeft') {
+        // Move left
+        newTabFocus -= 1;
+        if (newTabFocus < 0) {
+          // If we're at the start, move to the end
+          newTabFocus = elements.length - 1;
+        }
+      }
+      const newElement = elements[newTabFocus];
+      newElement === null || newElement === void 0 ? void 0 : newElement.focus();
+
+      // When an element is focused using roving tab index, trigger the onElementFocus callback
+      if (newElement && onElementFocus) {
+        onElementFocus(newElement);
+      }
+      if (keepTabIndex) {
+        evt.currentTarget.setAttribute('tabindex', '-1');
+        newElement === null || newElement === void 0 ? void 0 : newElement.setAttribute('tabindex', '0');
+      }
+    };
+    if ((elements === null || elements === void 0 ? void 0 : elements.length) > 0) {
+      elements.forEach((el, key) => {
+        // if no element has tabindex set to 0, set the first element as focusable
+        if (!initialFocusableElement && key === 0) {
+          el.setAttribute('tabindex', '0');
+          // set all other to -1
+        } else if (initialFocusableElement !== el) {
+          el.setAttribute('tabindex', '-1');
+        }
+        // add event listener
+        el.addEventListener('keydown', handleKeyDown(key));
+      });
+    }
+
+    // Cleanup listeners
+    return () => {
+      if ((elements === null || elements === void 0 ? void 0 : elements.length) > 0) {
+        elements.forEach((el, key) => {
+          el.removeEventListener('keydown', handleKeyDown(key));
+        });
+      }
+    };
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [parentRef, ...extraDependencies]);
+};
+
+export { useRovingTabIndex as u };
+//# sourceMappingURL=f502ab30.js.map

package/_internal/f502ab30.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"f502ab30.js","sources":["../../src/hooks/useRovingTabIndex.tsx"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\ninterface UseRovingTabIndexOptions {\n    parentRef: RefObject<HTMLElement>;\n    elementSelector: string;\n    keepTabIndex?: boolean;\n    /** Action to trigger when an element is focused using roving tab index */\n    onElementFocus?: (element: HTMLElement) => void;\n    /** List of values to be used as extra dependencies of the useEffect */\n    extraDependencies?: any[];\n}\n\nexport const useRovingTabIndex = ({\n    parentRef,\n    elementSelector,\n    keepTabIndex,\n    onElementFocus,\n    extraDependencies = [],\n}: UseRovingTabIndexOptions): void => {\n    useEffect(\n        () => {\n            const parent = parentRef?.current;\n            if (!parent) {\n                return undefined;\n            }\n\n            const elements = parent.querySelectorAll(elementSelector) as NodeListOf<HTMLElement>;\n            const initialFocusableElement = parent?.querySelector(`${elementSelector}[tabindex=\"0\"]`);\n\n            const handleKeyDown = (index: number) => (evt: KeyboardEvent) => {\n                let newTabFocus = index;\n                if (!(evt.key === 'ArrowRight' || evt.key === 'ArrowLeft')) {\n                    return;\n                }\n\n                if (evt.key === 'ArrowRight') {\n                    // Move right\n                    newTabFocus += 1;\n                    // If we're at the end, go to the start\n                    if (newTabFocus >= elements.length) {\n                        newTabFocus = 0;\n                    }\n                } else if (evt.key === 'ArrowLeft') {\n                    // Move left\n                    newTabFocus -= 1;\n                    if (newTabFocus < 0) {\n                        // If we're at the start, move to the end\n                        newTabFocus = elements.length - 1;\n                    }\n                }\n                const newElement = elements[newTabFocus];\n                newElement?.focus();\n\n                // When an element is focused using roving tab index, trigger the onElementFocus callback\n                if (newElement && onElementFocus) {\n                    onElementFocus(newElement);\n                }\n\n                if (keepTabIndex) {\n                    (evt.currentTarget as HTMLElement).setAttribute('tabindex', '-1');\n                    newElement?.setAttribute('tabindex', '0');\n                }\n            };\n\n            if (elements?.length > 0) {\n                elements.forEach((el, key) => {\n                    // if no element has tabindex set to 0, set the first element as focusable\n                    if (!initialFocusableElement && key === 0) {\n                        el.setAttribute('tabindex', '0');\n                        // set all other to -1\n                    } else if (initialFocusableElement !== el) {\n                        el.setAttribute('tabindex', '-1');\n                    }\n                    // add event listener\n                    el.addEventListener('keydown', handleKeyDown(key) as EventListener);\n                });\n            }\n\n            // Cleanup listeners\n            return () => {\n                if (elements?.length > 0) {\n                    elements.forEach((el, key) => {\n                        el.removeEventListener('keydown', handleKeyDown(key) as EventListener);\n                    });\n                }\n            };\n        }, // eslint-disable-next-line react-hooks/exhaustive-deps\n        [parentRef, ...extraDependencies],\n    );\n};\n"],"names":["useRovingTabIndex","_ref","parentRef","elementSelector","keepTabIndex","onElementFocus","extraDependencies","useEffect","parent","current","undefined","elements","querySelectorAll","initialFocusableElement","querySelector","handleKeyDown","index","evt","newTabFocus","key","length","newElement","focus","currentTarget","setAttribute","forEach","el","addEventListener","removeEventListener"],"mappings":"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"}

package/_internal/f52adbae.js

@@ -0,0 +1,36 @@
+import { useMemo } from 'react';
+
+/**
+ * Merge refs into a single function ref.
+ *
+ * @param  refs React references to merge.
+ * @return the merged ref.
+ */
+function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return value => refs.forEach(ref => {
+    if (typeof ref === 'function') {
+      ref(value);
+    } else if (ref) {
+      // eslint-disable-next-line no-param-reassign
+      ref.current = value;
+    }
+  });
+}
+
+/**
+ * Same as `mergeRefs` but memoized
+ */
+const useMergeRefs = function () {
+  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    refs[_key2] = arguments[_key2];
+  }
+  return useMemo(() => mergeRefs(...refs),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  refs);
+};
+
+export { mergeRefs as m, useMergeRefs as u };
+//# sourceMappingURL=f52adbae.js.map

package/_internal/f52adbae.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"f52adbae.js","sources":["../../src/utils/mergeRefs.ts"],"sourcesContent":["import { Falsy } from '@lumx/react/utils/type';\nimport { MutableRefObject, useMemo } from 'react';\n\ntype FnRef<T> = (value: T) => void;\n\n/**\n * Merge refs into a single function ref.\n *\n * @param  refs React references to merge.\n * @return the merged ref.\n */\nexport function mergeRefs<T>(...refs: Array<MutableRefObject<T | null> | FnRef<T> | Falsy>): FnRef<T> {\n    return (value) =>\n        refs.forEach((ref) => {\n            if (typeof ref === 'function') {\n                ref(value);\n            } else if (ref) {\n                // eslint-disable-next-line no-param-reassign\n                (ref as MutableRefObject<T>).current = value;\n            }\n        });\n}\n\n/**\n * Same as `mergeRefs` but memoized\n */\nexport const useMergeRefs = <T>(...refs: Array<MutableRefObject<T | null> | FnRef<T> | Falsy>) => {\n    return useMemo(\n        () => mergeRefs(...refs),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        refs,\n    );\n};\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","value","forEach","ref","current","useMergeRefs","_len2","_key2","useMemo"],"mappings":";;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,SAASA,GAA6E;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAtEC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAChC,EAAA,OAAQC,KAAK,IACTH,IAAI,CAACI,OAAO,CAAEC,GAAG,IAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACF,KAAK,CAAC,CAAA;KACb,MAAM,IAAIE,GAAG,EAAE;AACZ;MACCA,GAAG,CAAyBC,OAAO,GAAGH,KAAK,CAAA;AAChD,KAAA;AACJ,GAAC,CAAC,CAAA;AACV,CAAA;;AAEA;AACA;AACA;AACaI,MAAAA,YAAY,GAAG,YAAsE;AAAA,EAAA,KAAA,IAAAC,KAAA,GAAAV,SAAA,CAAAC,MAAA,EAA/DC,IAAI,GAAAC,IAAAA,KAAA,CAAAO,KAAA,GAAAC,KAAA,GAAA,CAAA,EAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,EAAA,EAAA;AAAJT,IAAAA,IAAI,CAAAS,KAAA,CAAAX,GAAAA,SAAA,CAAAW,KAAA,CAAA,CAAA;AAAA,GAAA;AACnC,EAAA,OAAOC,OAAO,CACV,MAAMd,SAAS,CAAC,GAAGI,IAAI,CAAC;AACxB;AACAA,EAAAA,IACJ,CAAC,CAAA;AACL;;;;"}