@lumx/react 3.5.3 → 3.5.4-alpha-remove-moment-repack.0

package/_internal/31235bda.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"31235bda.js","sources":["../../src/components/notification/constants.ts","../../src/components/notification/Notification.tsx"],"sourcesContent":["import { mdiAlert, mdiAlertCircle, mdiCheckCircle, mdiInformation } from '@lumx/icons';\n\n/**\n * Notification delay before hiding.\n */\nexport const HIDE_DELAY = 6000;\n\n/**\n * Notification icon and colors according to their type.\n */\nexport const NOTIFICATION_CONFIGURATION = {\n    error: {\n        color: 'red',\n        icon: mdiAlert,\n    },\n    info: {\n        color: 'dark',\n        icon: mdiInformation,\n    },\n    success: {\n        color: 'green',\n        icon: mdiCheckCircle,\n    },\n    warning: {\n        color: 'yellow',\n        icon: mdiAlertCircle,\n    },\n};\n","import React, { forwardRef, useRef } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport classNames from 'classnames';\n\nimport isFunction from 'lodash/isFunction';\n\nimport { Button, Emphasis, Icon, Kind, Size, Theme } from '@lumx/react';\n\nimport { DOCUMENT } from '@lumx/react/constants';\nimport { NOTIFICATION_CONFIGURATION } from '@lumx/react/components/notification/constants';\nimport { Comp, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\nimport { useTransitionVisibility } from '@lumx/react/hooks/useTransitionVisibility';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\n\n/**\n * Defines the props of the component.\n */\nexport interface NotificationProps extends GenericProps, HasTheme {\n    /** Action button label. */\n    actionLabel?: string;\n    /** Content. */\n    content?: React.ReactNode;\n    /** Whether the component is open or not. */\n    isOpen?: boolean;\n    /** Notification type. */\n    type?: Kind;\n    /** Z-axis position. */\n    zIndex?: number;\n    /** On action button click callback. */\n    onActionClick?(): void;\n    /** On click callback. */\n    onClick?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Notification';\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<NotificationProps> = {\n    theme: Theme.light,\n    zIndex: 9999,\n};\n\n/* eslint-disable react-hooks/rules-of-hooks, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */\n/**\n * Notification component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Notification: Comp<NotificationProps, HTMLDivElement> = forwardRef((props, ref) => {\n    const {\n        actionLabel,\n        className,\n        content,\n        isOpen,\n        onActionClick,\n        onClick,\n        theme,\n        type,\n        zIndex,\n        ...forwardedProps\n    } = props;\n    if (!DOCUMENT) {\n        // Can't render in SSR.\n        return null;\n    }\n    const { color, icon } = NOTIFICATION_CONFIGURATION[type as Kind] || {};\n    const rootRef = useRef<HTMLDivElement>(null);\n    const isVisible = useTransitionVisibility(rootRef, !!isOpen);\n    const hasAction: boolean = Boolean(onActionClick) && Boolean(actionLabel);\n\n    const handleCallback = (evt: React.MouseEvent) => {\n        if (isFunction(onActionClick)) {\n            onActionClick();\n        }\n        evt.stopPropagation();\n    };\n\n    return type && isVisible\n        ? createPortal(\n              // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n              <div\n                  ref={mergeRefs(ref, rootRef)}\n                  role=\"alert\"\n                  {...forwardedProps}\n                  className={classNames(\n                      className,\n                      handleBasicClasses({\n                          color,\n                          hasAction,\n                          isHidden: !isOpen,\n                          prefix: CLASSNAME,\n                      }),\n                  )}\n                  onClick={onClick}\n                  style={{ zIndex }}\n              >\n                  <div className={`${CLASSNAME}__icon`}>\n                      <Icon icon={icon} size={Size.s} />\n                  </div>\n                  <div className={`${CLASSNAME}__content`}>{content}</div>\n                  {hasAction && (\n                      <div className={`${CLASSNAME}__action`}>\n                          <Button emphasis={Emphasis.medium} theme={theme} onClick={handleCallback}>\n                              <span>{actionLabel}</span>\n                          </Button>\n                      </div>\n                  )}\n              </div>,\n              document.body,\n          )\n        : null;\n});\nNotification.displayName = COMPONENT_NAME;\nNotification.className = CLASSNAME;\nNotification.defaultProps = DEFAULT_PROPS;\n"],"names":["NOTIFICATION_CONFIGURATION","error","color","icon","mdiAlert","info","mdiInformation","success","mdiCheckCircle","warning","mdiAlertCircle","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","theme","Theme","light","zIndex","Notification","forwardRef","props","ref","actionLabel","className","content","isOpen","onActionClick","onClick","type","forwardedProps","_objectWithoutProperties","_excluded","DOCUMENT","rootRef","useRef","isVisible","useTransitionVisibility","hasAction","Boolean","handleCallback","evt","isFunction","stopPropagation","createPortal","React","createElement","_extends","mergeRefs","role","classNames","handleBasicClasses","isHidden","prefix","style","Icon","size","Size","s","Button","emphasis","Emphasis","medium","document","body","displayName","defaultProps"],"mappings":"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"}

package/_internal/339a4cb6.d.ts

@@ -0,0 +1,106 @@
+import { ReactNode } from 'react';
+import { r as ValueOf, C as Comp } from './28b656e3.js';
+import { b as FlexBoxProps } from './a106724b.js';
+
+/**
+ * Accepted gap sizes for the generic block.
+ */
+declare const GenericBlockGapSize: Pick<{
+    readonly xxs: "xxs";
+    readonly xs: "xs";
+    readonly s: "s";
+    readonly m: "m";
+    readonly l: "l";
+    readonly xl: "xl";
+    readonly xxl: "xxl";
+    readonly tiny: "tiny";
+    readonly regular: "regular";
+    readonly medium: "medium";
+    readonly big: "big";
+    readonly huge: "huge";
+}, "big" | "tiny" | "regular" | "medium" | "huge">;
+declare type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;
+
+interface GenericBlockProps extends FlexBoxProps {
+    /**
+     * Component to use as visual element.
+     */
+    figure?: ReactNode;
+    /**
+     * Actions to set after the main content.
+     */
+    actions?: ReactNode;
+    /**
+     * Main content to display or sections components
+     * ({@see GenericBlock.Figure}, {@see GenericBlock.Content} & {@see GenericBlock.Actions})
+     */
+    children: ReactNode;
+    /**
+     * Orientation of the 3 sections
+     */
+    orientation?: FlexBoxProps['orientation'];
+    /**
+     * Horizontal alignment.
+     */
+    hAlign?: FlexBoxProps['hAlign'];
+    /**
+     * Vertical alignment.
+     */
+    vAlign?: FlexBoxProps['vAlign'];
+    /**
+     * The props to forward to the content.
+     * By default, the content will have the same alignment as wrapper.
+     */
+    contentProps?: Omit<FlexBoxProps, 'children'>;
+    /**
+     * props to forward to the actions element.
+     */
+    actionsProps?: Omit<FlexBoxProps, 'children'>;
+    /**
+     * props to forward to the figure element.
+     */
+    figureProps?: Omit<FlexBoxProps, 'children'>;
+    /**
+     * Gap space between sections.
+     */
+    gap?: GenericBlockGapSize;
+}
+interface GenericBlockSectionProps extends FlexBoxProps {
+    /**
+     * Gap space between items.
+     */
+    gap?: GenericBlockGapSize;
+}
+declare type BaseGenericBlock = Comp<GenericBlockProps, HTMLDivElement>;
+/**
+ * The GenericBlock is a layout component made of 3 sections that can be
+ * displayed either horizontally of vertically with the same gap between each section.
+ *
+ * The sections are:
+ * - `Figure` => A visual element to display before the main content.
+ * - `Content` => The main content displayed
+ * - `Actions` => One or more actions to set after the element.
+ *
+ * @see https://www.figma.com/file/lzzrQmsfaXRaOyRfoEogPZ/DS%3A-playground?node-id=1%3A4076
+ */
+declare const BaseGenericBlock: BaseGenericBlock;
+interface GenericBlock extends BaseGenericBlock {
+    /**
+     * Use `GenericBlock.Figure` component as children of the `GenericBlock` component as an alternative way to inject
+     * the "figure" section of the block (instead of using `figure` and `figureProps` props).
+     */
+    Figure: Comp<GenericBlockSectionProps>;
+    /**
+     * Use `GenericBlock.Content` component as children of the `GenericBlock` component as an alternative way to inject
+     * the "content" section of the block (instead of using `content` and `contentProps` props).
+     */
+    Content: Comp<GenericBlockSectionProps>;
+    /**
+     * Use `GenericBlock.Actions` component as children of the `GenericBlock` component as an alternative way to inject
+     * the "actions" section of the block (instead of using `actions` and `actionsProps` props).
+     */
+    Actions: Comp<GenericBlockSectionProps>;
+}
+declare const GenericBlock: GenericBlock;
+
+export { GenericBlockGapSize as G, GenericBlockProps as a, GenericBlock as b };

package/_internal/35c3a78f.js

@@ -0,0 +1,374 @@
+import kebabCase from 'lodash/kebabCase';
+import 'lodash/isBoolean';
+import 'lodash/isEmpty';
+import 'lodash/noop';
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+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;
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+
+/**
+ * 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'
+};
+
+/**
+ * Re-exporting some utils types.
+ */
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+var classnames = createCommonjsModule(function (module) {
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+/* 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;
+	}
+}());
+});
+
+/**
+ * The prefix to use for the CSS classes.
+ */
+const CSS_PREFIX = 'lumx';
+
+/**
+ * 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: 0
+};
+
+/**
+ * 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
+};
+
+// 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}`;
+};
+
+export { Alignment as A, ColorPalette as C, Emphasis as E, Kind as K, Orientation as O, Size as S, Theme as T, _objectWithoutProperties as _, _extends as a, ColorVariant as b, classnames as c, TypographyInterface as d, TypographyTitleCustom as e, TypographyCustom as f, getRootClassName as g, Typography as h, AspectRatio as i, _objectSpread2 as j, getFontColorClassName as k, getTypographyClassName as l, createCommonjsModule as m, CSS_PREFIX as n, TOOLTIP_LONG_PRESS_DELAY as o, TOOLTIP_HOVER_DELAY as p };
+//# sourceMappingURL=35c3a78f.js.map

package/_internal/35c3a78f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"35c3a78f.js","sources":["../../src/components/index.ts","../../../../node_modules/classnames/index.js","../../../lumx-core/src/js/constants/index.ts","../../src/utils/className.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 * 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 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: 0,\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","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"],"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","CSS_PREFIX","TOOLTIP_HOVER_DELAY","open","close","TOOLTIP_LONG_PRESS_DELAY","LAST_PART_CLASSNAME","getRootClassName","componentName","subComponent","formattedClassName","kebabCase","replace","getFontColorClassName","color","colorVariant","arguments","length","undefined","getTypographyClassName","typography"],"mappings":"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"}

package/_internal/3669449c.js

@@ -0,0 +1,135 @@
+import { g as getRootClassName, _ as _objectWithoutProperties, j as _objectSpread2, c as classnames, S as Size, a as _extends, O as Orientation, T as Theme, C as ColorPalette } from './35c3a78f.js';
+import React, { forwardRef } from 'react';
+import isEmpty from 'lodash/isEmpty';
+import { h as handleBasicClasses } from './3f5e7653.js';
+import { A as Avatar } from './cfd18b6d.js';
+import { L as Link } from './c70420da.js';
+import set from 'lodash/set';
+
+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,
+  theme: Theme.light
+};
+
+/**
+ * UserBlock component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const UserBlock = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      avatarProps,
+      className,
+      fields,
+      linkProps,
+      linkAs,
+      multipleActions,
+      name,
+      nameProps,
+      onClick,
+      onMouseEnter,
+      onMouseLeave,
+      orientation,
+      simpleAction,
+      size,
+      theme
+    } = 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.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.createElement(NameComponent, nProps, name);
+  }, [avatarProps, isClickable, linkAs, linkProps, name, nameProps, onClick]);
+  const fieldsBlock = fields && componentSize !== Size.s && /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__fields`
+  }, fields.map((field, idx) => /*#__PURE__*/React.createElement("span", {
+    key: idx,
+    className: `${CLASSNAME}__field`
+  }, field)));
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classnames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      orientation,
+      size: componentSize,
+      theme,
+      isClickable
+    })),
+    onMouseLeave: onMouseLeave,
+    onMouseEnter: onMouseEnter
+  }), avatarProps && /*#__PURE__*/React.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.createElement("div", {
+    className: `${CLASSNAME}__wrapper`
+  }, nameBlock, fieldsBlock), shouldDisplayActions && simpleAction && /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__action`
+  }, simpleAction), shouldDisplayActions && multipleActions && /*#__PURE__*/React.createElement("div", {
+    className: `${CLASSNAME}__actions`
+  }, multipleActions));
+});
+UserBlock.displayName = COMPONENT_NAME;
+UserBlock.className = CLASSNAME;
+UserBlock.defaultProps = DEFAULT_PROPS;
+
+export { UserBlock as U };
+//# sourceMappingURL=3669449c.js.map