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

package/_internal/17c3ea1d.js

@@ -0,0 +1,137 @@
+import { i as forwardRef, j as _objectWithoutProperties, E as Emphasis, T as Theme, C as ColorPalette, k as _objectSpread2, g as classNames, _ as _extends, l as CSS_PREFIX } from './1da25128.js';
+import React__default from 'react';
+import isEmpty from 'lodash/isEmpty';
+import 'lodash/kebabCase';
+import { h as handleBasicClasses } from './f57e1239.js';
+import { r as renderLink } from './2c5dbb03.js';
+
+const _excluded = ["aria-label", "children", "className", "color", "disabled", "emphasis", "hasBackground", "href", "isDisabled", "isSelected", "isActive", "isFocused", "isHovered", "linkAs", "name", "size", "target", "theme", "variant", "type", "fullWidth"];
+
+/**
+ * Button size definition.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ButtonRoot';
+const BUTTON_WRAPPER_CLASSNAME = `${CSS_PREFIX}-button-wrapper`;
+const BUTTON_CLASSNAME = `${CSS_PREFIX}-button`;
+
+/**
+ * Render a button wrapper with the ButtonRoot inside.
+ *
+ * @param  props Component props.
+ * @return React element.
+ */
+const renderButtonWrapper = props => {
+  const {
+    color,
+    emphasis,
+    variant,
+    fullWidth
+  } = props;
+  const adaptedColor = emphasis === Emphasis.low && (color === ColorPalette.light ? ColorPalette.dark : ColorPalette.light);
+  const wrapperClassName = classNames(handleBasicClasses({
+    color: adaptedColor,
+    prefix: BUTTON_WRAPPER_CLASSNAME,
+    variant,
+    fullWidth
+  }));
+  const buttonProps = _objectSpread2(_objectSpread2({}, props), {}, {
+    hasBackground: false
+  });
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: wrapperClassName
+  }, /*#__PURE__*/React__default.createElement(ButtonRoot, buttonProps));
+};
+
+/**
+ * ButtonRoot component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const ButtonRoot = forwardRef((props, ref) => {
+  const {
+      'aria-label': ariaLabel,
+      children,
+      className,
+      color,
+      disabled,
+      emphasis,
+      hasBackground,
+      href,
+      isDisabled = disabled,
+      isSelected,
+      isActive,
+      isFocused,
+      isHovered,
+      linkAs,
+      name,
+      size,
+      target,
+      theme,
+      variant,
+      type = 'button',
+      fullWidth
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const adaptedColor = color || emphasis !== Emphasis.high && theme === Theme.dark && ColorPalette.light || emphasis === Emphasis.high && ColorPalette.primary || ColorPalette.dark;
+  if (hasBackground) {
+    return renderButtonWrapper(_objectSpread2(_objectSpread2({}, props), {}, {
+      ref,
+      variant,
+      color: adaptedColor
+    }));
+  }
+  const buttonClassName = classNames(className, handleBasicClasses({
+    color: adaptedColor,
+    emphasis,
+    isSelected,
+    isDisabled,
+    isActive,
+    isFocused,
+    isHovered,
+    prefix: BUTTON_CLASSNAME,
+    size,
+    theme: emphasis === Emphasis.high && theme,
+    variant,
+    fullWidth
+  }));
+
+  /**
+   * If the linkAs prop is used, we use the linkAs component instead of a <button>.
+   * If there is an href attribute, we display an <a> instead of a <button>.
+   *
+   * However, in any case, if the component is disabled, we returned a <button> since disabled is not compatible with <a>.
+   */
+  if ((linkAs || !isEmpty(props.href)) && !isDisabled) {
+    return renderLink(_objectSpread2(_objectSpread2({
+      linkAs
+    }, forwardedProps), {}, {
+      'aria-label': ariaLabel,
+      href,
+      target,
+      className: buttonClassName,
+      ref: ref
+    }), children);
+  }
+  return /*#__PURE__*/React__default.createElement("button", _extends({}, forwardedProps, {
+    disabled: isDisabled,
+    "aria-disabled": isDisabled,
+    "aria-label": ariaLabel,
+    ref: ref,
+    className: buttonClassName,
+    name: name,
+    type:
+    // eslint-disable-next-line react/button-has-type
+    type
+  }), children);
+});
+ButtonRoot.displayName = COMPONENT_NAME;
+ButtonRoot.defaultProps = {};
+
+export { ButtonRoot as B };
+//# sourceMappingURL=17c3ea1d.js.map

package/_internal/17c3ea1d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"17c3ea1d.js","sources":["../../src/components/button/ButtonRoot.tsx"],"sourcesContent":["import React, { AriaAttributes, ButtonHTMLAttributes, DetailedHTMLProps, RefObject } from 'react';\n\nimport isEmpty from 'lodash/isEmpty';\n\nimport classNames from 'classnames';\n\nimport { ColorPalette, Emphasis, Size, Theme } from '@lumx/react';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { handleBasicClasses } from '@lumx/react/utils/className';\nimport { renderLink } from '@lumx/react/utils/renderLink';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\ntype HTMLButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;\n\n/**\n * Button size definition.\n */\nexport type ButtonSize = Extract<Size, 's' | 'm'>;\n\nexport interface BaseButtonProps\n    extends GenericProps,\n        Pick<AriaAttributes, 'aria-expanded' | 'aria-haspopup' | 'aria-pressed' | 'aria-label'>,\n        HasTheme {\n    /** Color variant. */\n    color?: ColorPalette;\n    /** Emphasis variant. */\n    emphasis?: Emphasis;\n    /** Whether or not the button has a background color in low emphasis. */\n    hasBackground?: boolean;\n    /** Native anchor href property. It determines whether the Button will be a <button> or an <a>. */\n    href?: string;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Whether the component is selected or not (unsupported in `high` emphasis). */\n    isSelected?: boolean;\n    /** Native button name property. */\n    name?: string;\n    /** Size variant. */\n    size?: ButtonSize;\n    /** Native anchor target property. */\n    target?: '_self' | '_blank' | '_parent' | '_top';\n    /** Native button type. */\n    type?: HTMLButtonProps['type'];\n    /** Custom react component for the link (can be used to inject react router Link). */\n    linkAs?: 'a' | any;\n}\n\nexport interface ButtonRootProps extends BaseButtonProps {\n    variant: 'button' | 'icon';\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ButtonRoot';\n\nexport const BUTTON_WRAPPER_CLASSNAME = `${CSS_PREFIX}-button-wrapper`;\nexport const BUTTON_CLASSNAME = `${CSS_PREFIX}-button`;\n\n/**\n * Render a button wrapper with the ButtonRoot inside.\n *\n * @param  props Component props.\n * @return React element.\n */\nconst renderButtonWrapper: React.FC<ButtonRootProps> = (props) => {\n    const { color, emphasis, variant, fullWidth } = props;\n\n    const adaptedColor =\n        emphasis === Emphasis.low && (color === ColorPalette.light ? ColorPalette.dark : ColorPalette.light);\n\n    const wrapperClassName = classNames(\n        handleBasicClasses({\n            color: adaptedColor,\n            prefix: BUTTON_WRAPPER_CLASSNAME,\n            variant,\n            fullWidth,\n        }),\n    );\n    const buttonProps = { ...props, hasBackground: false };\n\n    return (\n        <div className={wrapperClassName}>\n            {/* eslint-disable-next-line @typescript-eslint/no-use-before-define */}\n            <ButtonRoot {...buttonProps} />\n        </div>\n    );\n};\n\n/**\n * ButtonRoot component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ButtonRoot = forwardRef<ButtonRootProps, HTMLButtonElement | HTMLAnchorElement>((props, ref) => {\n    const {\n        'aria-label': ariaLabel,\n        children,\n        className,\n        color,\n        disabled,\n        emphasis,\n        hasBackground,\n        href,\n        isDisabled = disabled,\n        isSelected,\n        isActive,\n        isFocused,\n        isHovered,\n        linkAs,\n        name,\n        size,\n        target,\n        theme,\n        variant,\n        type = 'button',\n        fullWidth,\n        ...forwardedProps\n    } = props;\n\n    const adaptedColor =\n        color ||\n        (emphasis !== Emphasis.high && theme === Theme.dark && ColorPalette.light) ||\n        (emphasis === Emphasis.high && ColorPalette.primary) ||\n        ColorPalette.dark;\n\n    if (hasBackground) {\n        return renderButtonWrapper({ ...props, ref, variant, color: adaptedColor });\n    }\n\n    const buttonClassName = classNames(\n        className,\n        handleBasicClasses({\n            color: adaptedColor,\n            emphasis,\n            isSelected,\n            isDisabled,\n            isActive,\n            isFocused,\n            isHovered,\n            prefix: BUTTON_CLASSNAME,\n            size,\n            theme: emphasis === Emphasis.high && theme,\n            variant,\n            fullWidth,\n        }),\n    );\n\n    /**\n     * If the linkAs prop is used, we use the linkAs component instead of a <button>.\n     * If there is an href attribute, we display an <a> instead of a <button>.\n     *\n     * However, in any case, if the component is disabled, we returned a <button> since disabled is not compatible with <a>.\n     */\n    if ((linkAs || !isEmpty(props.href)) && !isDisabled) {\n        return renderLink(\n            {\n                linkAs,\n                ...forwardedProps,\n                'aria-label': ariaLabel,\n                href,\n                target,\n                className: buttonClassName,\n                ref: ref as RefObject<HTMLAnchorElement>,\n            },\n            children,\n        );\n    }\n    return (\n        <button\n            {...forwardedProps}\n            disabled={isDisabled}\n            aria-disabled={isDisabled}\n            aria-label={ariaLabel}\n            ref={ref as RefObject<HTMLButtonElement>}\n            className={buttonClassName}\n            name={name}\n            type={\n                // eslint-disable-next-line react/button-has-type\n                type\n            }\n        >\n            {children}\n        </button>\n    );\n});\nButtonRoot.displayName = COMPONENT_NAME;\nButtonRoot.defaultProps = {};\n"],"names":["COMPONENT_NAME","BUTTON_WRAPPER_CLASSNAME","CSS_PREFIX","BUTTON_CLASSNAME","renderButtonWrapper","props","color","emphasis","variant","fullWidth","adaptedColor","Emphasis","low","ColorPalette","light","dark","wrapperClassName","classNames","handleBasicClasses","prefix","buttonProps","_objectSpread","hasBackground","React","createElement","className","ButtonRoot","forwardRef","ref","ariaLabel","children","disabled","href","isDisabled","isSelected","isActive","isFocused","isHovered","linkAs","name","size","target","theme","type","forwardedProps","_objectWithoutProperties","_excluded","high","Theme","primary","buttonClassName","isEmpty","renderLink","_extends","displayName","defaultProps"],"mappings":"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"}

package/_internal/1da25128.js

@@ -0,0 +1,411 @@
+import kebabCase from 'lodash/kebabCase';
+import 'lodash/isBoolean';
+import 'lodash/isEmpty';
+import 'lodash/noop';
+import React__default from 'react';
+
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+/**
+ * Alignments.
+ */
+const Alignment = {
+  bottom: 'bottom',
+  center: 'center',
+  end: 'end',
+  left: 'left',
+  right: 'right',
+  spaceAround: 'space-around',
+  spaceBetween: 'space-between',
+  spaceEvenly: 'space-evenly',
+  start: 'start',
+  top: 'top'
+};
+/**
+ * See SCSS variable $lumx-color-palette
+ */
+const ColorPalette = {
+  primary: 'primary',
+  secondary: 'secondary',
+  blue: 'blue',
+  dark: 'dark',
+  green: 'green',
+  yellow: 'yellow',
+  red: 'red',
+  light: 'light',
+  grey: 'grey'
+};
+/**
+ * See SCSS variable $lumx-color-variants
+ */
+const ColorVariant = {
+  D1: 'D1',
+  D2: 'D2',
+  L1: 'L1',
+  L2: 'L2',
+  L3: 'L3',
+  L4: 'L4',
+  L5: 'L5',
+  L6: 'L6',
+  N: 'N'
+};
+const Theme = {
+  light: 'light',
+  dark: 'dark'
+};
+const Size = {
+  xxs: 'xxs',
+  xs: 'xs',
+  s: 's',
+  m: 'm',
+  l: 'l',
+  xl: 'xl',
+  xxl: 'xxl',
+  tiny: 'tiny',
+  regular: 'regular',
+  medium: 'medium',
+  big: 'big',
+  huge: 'huge'
+};
+const Orientation = {
+  horizontal: 'horizontal',
+  vertical: 'vertical'
+};
+const Emphasis = {
+  low: 'low',
+  medium: 'medium',
+  high: 'high'
+};
+/**
+ * List of typographies that can't be customized.
+ */
+const TypographyInterface = {
+  overline: 'overline',
+  caption: 'caption',
+  body1: 'body1',
+  body2: 'body2',
+  subtitle1: 'subtitle1',
+  subtitle2: 'subtitle2',
+  title: 'title',
+  headline: 'headline',
+  display1: 'display1'
+};
+/**
+ * List of title typographies that can be customized (via CSS variables).
+ */
+const TypographyTitleCustom = {
+  title1: 'custom-title1',
+  title2: 'custom-title2',
+  title3: 'custom-title3',
+  title4: 'custom-title4',
+  title5: 'custom-title5',
+  title6: 'custom-title6'
+};
+/**
+ * List of typographies that can be customized (via CSS variables).
+ */
+const TypographyCustom = _objectSpread2(_objectSpread2({}, TypographyTitleCustom), {}, {
+  intro: 'custom-intro',
+  'body-large': 'custom-body-large',
+  body: 'custom-body',
+  quote: 'custom-quote',
+  'publish-info': 'custom-publish-info',
+  button: 'custom-button'
+});
+/**
+ * List of all typographies.
+ */
+const Typography = _objectSpread2(_objectSpread2({}, TypographyInterface), {}, {
+  custom: TypographyCustom
+});
+/**
+ * All available aspect ratios.
+ */
+const AspectRatio = {
+  /** Intrinsic content ratio. */
+  original: 'original',
+  /** Ratio 3:1 */
+  panoramic: 'panoramic',
+  /** Ratio 16:9 */
+  wide: 'wide',
+  /** Ratio 3:2 */
+  horizontal: 'horizontal',
+  /** Ratio 3:2 */
+  vertical: 'vertical',
+  /** Ratio 1:1 */
+  square: 'square',
+  /** Ratio constrained by the parent. */
+  free: 'free'
+};
+/**
+ * Semantic info about the purpose of the component
+ */
+const Kind = {
+  info: 'info',
+  success: 'success',
+  warning: 'warning',
+  error: 'error'
+};
+/**
+ * All available white-space values
+ * */
+const WhiteSpace = {
+  normal: 'normal',
+  nowrap: 'nowrap',
+  pre: 'pre',
+  'pre-wrap': 'pre-wrap',
+  'pre-line': 'pre-line',
+  'break-spaces': 'break-spaces'
+};
+
+/**
+ * Re-exporting some utils types.
+ */
+
+var classnames = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+/* global define */
+
+(function () {
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames() {
+		var classes = [];
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (!arg) continue;
+
+			var argType = typeof arg;
+
+			if (argType === 'string' || argType === 'number') {
+				classes.push(arg);
+			} else if (Array.isArray(arg)) {
+				if (arg.length) {
+					var inner = classNames.apply(null, arg);
+					if (inner) {
+						classes.push(inner);
+					}
+				}
+			} else if (argType === 'object') {
+				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+					classes.push(arg.toString());
+					continue;
+				}
+
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes.push(key);
+					}
+				}
+			}
+		}
+
+		return classes.join(' ');
+	}
+
+	if (module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else {
+		window.classNames = classNames;
+	}
+}());
+}(classnames));
+
+var classNames = classnames.exports;
+
+/**
+ * The prefix to use for the CSS classes.
+ */
+const CSS_PREFIX = 'lumx';
+
+/**
+ * Animation duration constants. Take into consideration that if you change one of these variables,
+ * you need to update their scss counterpart as well
+ */
+const DIALOG_TRANSITION_DURATION = 400;
+const EXPANSION_PANEL_TRANSITION_DURATION = 400;
+const NOTIFICATION_TRANSITION_DURATION = 200;
+
+/**
+ * Delay on hover after which we open or close the tooltip.
+ * Only applies to devices supporting pointer hover.
+ */
+const TOOLTIP_HOVER_DELAY = {
+  open: 500,
+  close: 500
+};
+
+/**
+ * Delay on long press after which we open or close the tooltip.
+ * Only applies to devices not supporting pointer hover.
+ */
+const TOOLTIP_LONG_PRESS_DELAY = {
+  open: 250,
+  close: 3000
+};
+
+/**
+ * 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';
+
+// See https://regex101.com/r/YjS1uI/3
+const LAST_PART_CLASSNAME = /^(.*)-(.+)$/gi;
+
+/**
+ * Get the name of the root CSS class of a component based on its name.
+ *
+ * @param  componentName The name of the component. This name should contains the component prefix and be
+ *                       written in PascalCase.
+ * @param  subComponent Whether the current component is a sub component, if true, define the class according
+ *                      to BEM standards.
+ * @return The name of the root CSS class. This classname include the CSS classname prefix and is written in
+ *         lower-snake-case.
+ */
+function getRootClassName(componentName, subComponent) {
+  const formattedClassName = `${CSS_PREFIX}-${kebabCase(componentName)}`;
+  if (subComponent) {
+    return formattedClassName.replace(LAST_PART_CLASSNAME, '$1__$2');
+  }
+  return formattedClassName;
+}
+
+/**
+ * Returns the classname associated to the given color and variant.
+ * For example, for 'dark' and 'L2' it returns `lumx-color-font-dark-l2`
+ */
+const getFontColorClassName = function (color) {
+  let colorVariant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ColorVariant.N;
+  return `lumx-color-font-${color}-${colorVariant}`;
+};
+
+/**
+ * Returns the classname associated to the given typography.
+ * For example, for `Typography.title` it returns `lumx-typography-title`
+ */
+const getTypographyClassName = typography => {
+  return `lumx-typography-${typography}`;
+};
+
+/**
+ * React.forwardRef but re-typed to attach some custom metadata on our components.
+ */
+
+const forwardRef = React__default.forwardRef;
+
+export { Alignment as A, ColorPalette as C, DOCUMENT as D, Emphasis as E, IS_BROWSER as I, Kind as K, NOTIFICATION_TRANSITION_DURATION as N, Orientation as O, Size as S, Theme as T, VISUALLY_HIDDEN as V, WhiteSpace as W, _extends as _, ColorVariant as a, TypographyInterface as b, TypographyTitleCustom as c, TypographyCustom as d, Typography as e, AspectRatio as f, classNames as g, getRootClassName as h, forwardRef as i, _objectWithoutProperties as j, _objectSpread2 as k, CSS_PREFIX as l, WINDOW as m, DIALOG_TRANSITION_DURATION as n, EXPANSION_PANEL_TRANSITION_DURATION as o, getFontColorClassName as p, getTypographyClassName as q, TOOLTIP_LONG_PRESS_DELAY as r, TOOLTIP_HOVER_DELAY as s };
+//# sourceMappingURL=1da25128.js.map

package/_internal/1da25128.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"1da25128.js","sources":["../../src/components/index.ts","../../../../node_modules/classnames/index.js","../../../lumx-core/src/js/constants/index.ts","../../src/constants.ts","../../src/utils/className.ts","../../src/utils/react/forwardRef.ts"],"sourcesContent":["import { ValueOf } from '@lumx/react/utils/type';\n\n/**\n * Alignments.\n */\nexport const Alignment = {\n    bottom: 'bottom',\n    center: 'center',\n    end: 'end',\n    left: 'left',\n    right: 'right',\n    spaceAround: 'space-around',\n    spaceBetween: 'space-between',\n    spaceEvenly: 'space-evenly',\n    start: 'start',\n    top: 'top',\n} as const;\nexport type Alignment = ValueOf<typeof Alignment>;\nexport type VerticalAlignment = Extract<Alignment, 'top' | 'center' | 'bottom'>;\nexport type HorizontalAlignment = Extract<Alignment, 'right' | 'center' | 'left'>;\n\n/**\n * See SCSS variable $lumx-color-palette\n */\nexport const ColorPalette = {\n    primary: 'primary',\n    secondary: 'secondary',\n    blue: 'blue',\n    dark: 'dark',\n    green: 'green',\n    yellow: 'yellow',\n    red: 'red',\n    light: 'light',\n    grey: 'grey',\n} as const;\nexport type ColorPalette = ValueOf<typeof ColorPalette>;\nexport type Color = ColorPalette | string;\n\n/**\n * See SCSS variable $lumx-color-variants\n */\nexport const ColorVariant = {\n    D1: 'D1',\n    D2: 'D2',\n    L1: 'L1',\n    L2: 'L2',\n    L3: 'L3',\n    L4: 'L4',\n    L5: 'L5',\n    L6: 'L6',\n    N: 'N',\n} as const;\nexport type ColorVariant = ValueOf<typeof ColorVariant>;\n\nexport const Theme = {\n    light: 'light',\n    dark: 'dark',\n} as const;\nexport type Theme = ValueOf<typeof Theme>;\n\nexport const Size = {\n    xxs: 'xxs',\n    xs: 'xs',\n    s: 's',\n    m: 'm',\n    l: 'l',\n    xl: 'xl',\n    xxl: 'xxl',\n    tiny: 'tiny',\n    regular: 'regular',\n    medium: 'medium',\n    big: 'big',\n    huge: 'huge',\n} as const;\nexport type Size = ValueOf<typeof Size>;\nexport type GlobalSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;\n\nexport const Orientation = {\n    horizontal: 'horizontal',\n    vertical: 'vertical',\n} as const;\nexport type Orientation = ValueOf<typeof Orientation>;\n\nexport const Emphasis = {\n    low: 'low',\n    medium: 'medium',\n    high: 'high',\n} as const;\nexport type Emphasis = ValueOf<typeof Emphasis>;\n\n/**\n * List of typographies that can't be customized.\n */\nexport const TypographyInterface = {\n    overline: 'overline',\n    caption: 'caption',\n    body1: 'body1',\n    body2: 'body2',\n    subtitle1: 'subtitle1',\n    subtitle2: 'subtitle2',\n    title: 'title',\n    headline: 'headline',\n    display1: 'display1',\n} as const;\nexport type TypographyInterface = ValueOf<typeof TypographyInterface>;\n\n/**\n * List of title typographies that can be customized (via CSS variables).\n */\nexport const TypographyTitleCustom = {\n    title1: 'custom-title1',\n    title2: 'custom-title2',\n    title3: 'custom-title3',\n    title4: 'custom-title4',\n    title5: 'custom-title5',\n    title6: 'custom-title6',\n} as const;\nexport type TypographyTitleCustom = ValueOf<typeof TypographyTitleCustom>;\n\n/**\n * List of typographies that can be customized (via CSS variables).\n */\nexport const TypographyCustom = {\n    ...TypographyTitleCustom,\n    intro: 'custom-intro',\n    'body-large': 'custom-body-large',\n    body: 'custom-body',\n    quote: 'custom-quote',\n    'publish-info': 'custom-publish-info',\n    button: 'custom-button',\n} as const;\nexport type TypographyCustom = ValueOf<typeof TypographyCustom>;\n\n/**\n * List of all typographies.\n */\nexport const Typography = {\n    ...TypographyInterface,\n    custom: TypographyCustom,\n} as const;\nexport type Typography = TypographyInterface | TypographyCustom;\n\n/**\n * All available aspect ratios.\n */\nexport const AspectRatio = {\n    /** Intrinsic content ratio. */\n    original: 'original',\n    /** Ratio 3:1 */\n    panoramic: 'panoramic',\n    /** Ratio 16:9 */\n    wide: 'wide',\n    /** Ratio 3:2 */\n    horizontal: 'horizontal',\n    /** Ratio 3:2 */\n    vertical: 'vertical',\n    /** Ratio 1:1 */\n    square: 'square',\n    /** Ratio constrained by the parent. */\n    free: 'free',\n} as const;\nexport type AspectRatio = ValueOf<typeof AspectRatio>;\n\n/**\n * Semantic info about the purpose of the component\n */\nexport const Kind = {\n    info: 'info',\n    success: 'success',\n    warning: 'warning',\n    error: 'error',\n} as const;\nexport type Kind = ValueOf<typeof Kind>;\n\n/**\n * All available white-space values\n * */\nexport const WhiteSpace = {\n    normal: 'normal',\n    nowrap: 'nowrap',\n    pre: 'pre',\n    'pre-wrap': 'pre-wrap',\n    'pre-line': 'pre-line',\n    'break-spaces': 'break-spaces',\n};\nexport type WhiteSpace = ValueOf<typeof WhiteSpace>;\n\n/**\n * Re-exporting some utils types.\n */\nexport type { HeadingElement, TextElement, GenericProps, Callback } from '../utils/type';\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","/**\n * The prefix to use for the CSS classes.\n */\nexport const CSS_PREFIX = 'lumx';\n\n/**\n * Key codes.\n */\nexport * from './keycodes';\n\n/**\n * Animation duration constants. Take into consideration that if you change one of these variables,\n * you need to update their scss counterpart as well\n */\nexport const DIALOG_TRANSITION_DURATION = 400;\nexport const EXPANSION_PANEL_TRANSITION_DURATION = 400;\nexport const NOTIFICATION_TRANSITION_DURATION = 200;\nexport const SLIDESHOW_TRANSITION_DURATION = 5000;\n\n/**\n * Delay on hover after which we open or close the tooltip.\n * Only applies to devices supporting pointer hover.\n */\nexport const TOOLTIP_HOVER_DELAY = {\n    open: 500,\n    close: 500,\n};\n\n/**\n * Delay on long press after which we open or close the tooltip.\n * Only applies to devices not supporting pointer hover.\n */\nexport const TOOLTIP_LONG_PRESS_DELAY = {\n    open: 250,\n    close: 3000,\n};\n","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","import { CSS_PREFIX } from '@lumx/react/constants';\n\nimport kebabCase from 'lodash/kebabCase';\nimport { ColorPalette, ColorVariant, Typography } from '@lumx/react/components';\n\n// See https://regex101.com/r/YjS1uI/3\nconst LAST_PART_CLASSNAME = /^(.*)-(.+)$/gi;\n\nexport { getBasicClass, handleBasicClasses } from '@lumx/core/js/utils';\n\n/**\n * Get the name of the root CSS class of a component based on its name.\n *\n * @param  componentName The name of the component. This name should contains the component prefix and be\n *                       written in PascalCase.\n * @param  subComponent Whether the current component is a sub component, if true, define the class according\n *                      to BEM standards.\n * @return The name of the root CSS class. This classname include the CSS classname prefix and is written in\n *         lower-snake-case.\n */\nexport function getRootClassName(componentName: string, subComponent?: boolean): string {\n    const formattedClassName = `${CSS_PREFIX}-${kebabCase(componentName)}`;\n\n    if (subComponent) {\n        return formattedClassName.replace(LAST_PART_CLASSNAME, '$1__$2');\n    }\n    return formattedClassName;\n}\n\n/**\n * Returns the classname associated to the given color and variant.\n * For example, for 'dark' and 'L2' it returns `lumx-color-font-dark-l2`\n */\nexport const getFontColorClassName = (color: ColorPalette, colorVariant: ColorVariant = ColorVariant.N) => {\n    return `lumx-color-font-${color}-${colorVariant}`;\n};\n\n/**\n * Returns the classname associated to the given typography.\n * For example, for `Typography.title` it returns `lumx-typography-title`\n */\nexport const getTypographyClassName = (typography: Typography) => {\n    return `lumx-typography-${typography}`;\n};\n","import React, { type ReactNode, type ForwardedRef } from 'react';\nimport type { Comp } from '../type';\n\ntype ForwardRef = <P, T = HTMLElement>(render: (props: P, ref: ForwardedRef<T>) => ReactNode) => Comp<P, T>;\n\n/**\n * React.forwardRef but re-typed to attach some custom metadata on our components.\n */\n/*#__NO_SIDE_EFFECTS__*/\nexport const forwardRef = React.forwardRef as ForwardRef;\n"],"names":["Alignment","bottom","center","end","left","right","spaceAround","spaceBetween","spaceEvenly","start","top","ColorPalette","primary","secondary","blue","dark","green","yellow","red","light","grey","ColorVariant","D1","D2","L1","L2","L3","L4","L5","L6","N","Theme","Size","xxs","xs","s","m","l","xl","xxl","tiny","regular","medium","big","huge","Orientation","horizontal","vertical","Emphasis","low","high","TypographyInterface","overline","caption","body1","body2","subtitle1","subtitle2","title","headline","display1","TypographyTitleCustom","title1","title2","title3","title4","title5","title6","TypographyCustom","_objectSpread","intro","body","quote","button","Typography","custom","AspectRatio","original","panoramic","wide","square","free","Kind","info","success","warning","error","WhiteSpace","normal","nowrap","pre","CSS_PREFIX","DIALOG_TRANSITION_DURATION","EXPANSION_PANEL_TRANSITION_DURATION","NOTIFICATION_TRANSITION_DURATION","TOOLTIP_HOVER_DELAY","open","close","TOOLTIP_LONG_PRESS_DELAY","WINDOW","window","undefined","DOCUMENT","document","IS_BROWSER","navigator","userAgent","includes","VISUALLY_HIDDEN","LAST_PART_CLASSNAME","getRootClassName","componentName","subComponent","formattedClassName","kebabCase","replace","getFontColorClassName","color","colorVariant","arguments","length","getTypographyClassName","typography","forwardRef","React"],"mappings":"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","x_google_ignoreList":[1]}

package/_internal/230173a8.js

@@ -0,0 +1,13 @@
+/** CSS selector listing all tabbable elements. */
+const TABBABLE_ELEMENTS_SELECTOR = 'a[href], button, textarea, input:not([type="hidden"]):not([hidden]), [tabindex]';
+
+/** CSS selector matching element that are disabled (should not receive focus). */
+const DISABLED_SELECTOR = '[hidden], [tabindex="-1"], [disabled]:not([disabled="false"]), [aria-disabled]:not([aria-disabled="false"])';
+
+const isNotDisabled = element => !element.matches(DISABLED_SELECTOR);
+function getFocusableElements(element) {
+  return Array.from(element.querySelectorAll(TABBABLE_ELEMENTS_SELECTOR)).filter(isNotDisabled);
+}
+
+export { getFocusableElements as g };
+//# sourceMappingURL=230173a8.js.map

package/_internal/230173a8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"230173a8.js","sources":["../../src/utils/focus/constants.ts","../../src/utils/focus/getFocusableElements.ts"],"sourcesContent":["/** CSS selector listing all tabbable elements. */\nexport const TABBABLE_ELEMENTS_SELECTOR =\n    'a[href], button, textarea, input:not([type=\"hidden\"]):not([hidden]), [tabindex]';\n\n/** CSS selector matching element that are disabled (should not receive focus). */\nexport const DISABLED_SELECTOR =\n    '[hidden], [tabindex=\"-1\"], [disabled]:not([disabled=\"false\"]), [aria-disabled]:not([aria-disabled=\"false\"])';\n","import { DISABLED_SELECTOR, TABBABLE_ELEMENTS_SELECTOR } from './constants';\n\nconst isNotDisabled = (element: HTMLElement) => !element.matches(DISABLED_SELECTOR);\n\nexport function getFocusableElements(element: HTMLElement | ShadowRoot): HTMLElement[] {\n    return Array.from(element.querySelectorAll<HTMLElement>(TABBABLE_ELEMENTS_SELECTOR)).filter(isNotDisabled);\n}\n"],"names":["TABBABLE_ELEMENTS_SELECTOR","DISABLED_SELECTOR","isNotDisabled","element","matches","getFocusableElements","Array","from","querySelectorAll","filter"],"mappings":"AAAA;AACO,MAAMA,0BAA0B,GACnC,iFAAiF,CAAA;;AAErF;AACO,MAAMC,iBAAiB,GAC1B,6GAA6G;;ACJjH,MAAMC,aAAa,GAAIC,OAAoB,IAAK,CAACA,OAAO,CAACC,OAAO,CAACH,iBAAiB,CAAC,CAAA;AAE5E,SAASI,oBAAoBA,CAACF,OAAiC,EAAiB;AACnF,EAAA,OAAOG,KAAK,CAACC,IAAI,CAACJ,OAAO,CAACK,gBAAgB,CAAcR,0BAA0B,CAAC,CAAC,CAACS,MAAM,CAACP,aAAa,CAAC,CAAA;AAC9G;;;;"}