@lumx/react 3.20.1-alpha.11 → 3.20.1-alpha.12

package/_internal/5ba8fae8.js

@@ -1,120 +0,0 @@
-import { m as getRootClassName, n as forwardRef, b as Theme, _ as _extends, l as classNames, c as Size } from './d3321a86.js';
-import { Children } from 'react';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { u as useTheme } from './3181f000.js';
-import { Avatar } from './bc4cb4c0.js';
-import { Tooltip } from './d6b3a3c0.js';
-
-/**
- * Comment block variants.
- */
-const CommentBlockVariant = {
-  indented: 'indented',
-  linear: 'linear'
-};
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'CommentBlock';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  variant: CommentBlockVariant.indented
-};
-
-/**
- * CommentBlock component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const CommentBlock = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    actions,
-    avatarProps,
-    children,
-    className,
-    date,
-    fullDate,
-    hasActions,
-    headerActions,
-    isOpen,
-    isRelevant,
-    name,
-    onClick,
-    onMouseEnter,
-    onMouseLeave,
-    text,
-    theme = defaultTheme,
-    variant = DEFAULT_PROPS.variant,
-    ...forwardedProps
-  } = props;
-  const hasChildren = Children.count(children) > 0;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref,
-    className: classNames(className, handleBasicClasses({
-      hasChildren: hasChildren && isOpen,
-      hasIndentedChildren: hasChildren && variant === CommentBlockVariant.indented,
-      hasLinearChildren: hasChildren && variant === CommentBlockVariant.linear,
-      isRelevant,
-      prefix: CLASSNAME,
-      theme
-    }))
-  }, forwardedProps), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__wrapper`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__avatar`
-  }, /*#__PURE__*/React.createElement(Avatar, _extends({}, avatarProps, {
-    size: Size.m,
-    onClick: onClick
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__container`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__content`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__meta`
-  }, name &&
-  /*#__PURE__*/
-  // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-  React.createElement("span", {
-    className: `${CLASSNAME}__name`,
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
-  }, name), headerActions && /*#__PURE__*/React.createElement("span", {
-    className: `${CLASSNAME}__header-actions`
-  }, headerActions)), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__text`
-  }, text), date && (fullDate ? /*#__PURE__*/React.createElement(Tooltip, {
-    label: fullDate,
-    placement: "top"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: `${CLASSNAME}__date`
-  }, date)) : /*#__PURE__*/React.createElement("span", {
-    className: `${CLASSNAME}__date`
-  }, date))), hasActions && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__actions`
-  }, actions))), hasChildren && isOpen && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__children`
-  }, children));
-});
-CommentBlock.displayName = COMPONENT_NAME;
-CommentBlock.className = CLASSNAME;
-CommentBlock.defaultProps = DEFAULT_PROPS;
-
-export { CommentBlock, CommentBlockVariant };
-//# sourceMappingURL=5ba8fae8.js.map

package/_internal/70cf341b.js

@@ -1,117 +0,0 @@
-import { m as getRootClassName, A as Alignment, n as forwardRef, b as Theme, _ as _extends, l as classNames } from './d3321a86.js';
-import { Children } from 'react';
-import isEmpty from 'lodash/isEmpty';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { u as useId } from './3a1facc0.js';
-import { u as useTheme } from './3181f000.js';
-import { u as useDisableStateProps } from './60923026.js';
-import { InputLabel } from './9210e2f3.js';
-import { InputHelper } from './fc47f2da.js';
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Switch';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  position: Alignment.left
-};
-
-/**
- * Switch component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Switch = forwardRef((props, ref) => {
-  const {
-    isAnyDisabled,
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    checked,
-    children,
-    className,
-    helper,
-    id,
-    isChecked = checked,
-    name,
-    onChange,
-    position = DEFAULT_PROPS.position,
-    theme = defaultTheme,
-    value,
-    inputProps = {},
-    ...forwardedProps
-  } = otherProps;
-  const generatedInputId = useId();
-  const inputId = id || generatedInputId;
-  const handleChange = event => {
-    if (onChange) {
-      onChange(!isChecked, value, name, event);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      isChecked,
-      isDisabled: isAnyDisabled,
-      position,
-      theme,
-      isUnchecked: !isChecked
-    }))
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__input-wrapper`
-  }, /*#__PURE__*/React.createElement("input", _extends({
-    type: "checkbox",
-    role: "switch",
-    id: inputId,
-    className: `${CLASSNAME}__input-native`,
-    name: name,
-    value: value
-  }, disabledStateProps, {
-    readOnly: inputProps.readOnly || isAnyDisabled,
-    checked: isChecked,
-    "aria-checked": Boolean(isChecked),
-    onChange: handleChange,
-    "aria-describedby": helper ? `${inputId}-helper` : undefined
-  }, inputProps)), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__input-placeholder`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__input-background`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__input-indicator`
-  }))), Children.count(children) > 0 && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__content`
-  }, /*#__PURE__*/React.createElement(InputLabel, {
-    htmlFor: inputId,
-    theme: theme,
-    className: `${CLASSNAME}__label`
-  }, children), !isEmpty(helper) && /*#__PURE__*/React.createElement(InputHelper, {
-    id: `${inputId}-helper`,
-    theme: theme,
-    className: `${CLASSNAME}__helper`
-  }, helper)));
-});
-Switch.displayName = COMPONENT_NAME;
-Switch.className = CLASSNAME;
-Switch.defaultProps = DEFAULT_PROPS;
-
-export { Switch };
-//# sourceMappingURL=70cf341b.js.map

package/_internal/803945f7.js

@@ -1,65 +0,0 @@
-import { l as classNames, _ as _extends } from './d3321a86.js';
-import { u as useTheme } from './3181f000.js';
-import { FlexBox } from './64046d7a.js';
-import { T as Text } from './8fcceef3.js';
-
-/** Internal component used to render image captions */
-const ImageCaption = props => {
-  const defaultTheme = useTheme();
-  const {
-    baseClassName,
-    theme = defaultTheme,
-    as = 'figcaption',
-    title,
-    titleProps,
-    description,
-    descriptionProps,
-    tags,
-    captionStyle,
-    align,
-    truncate
-  } = props;
-  if (!title && !description && !tags) return null;
-  const titleColor = {
-    color: theme === 'dark' ? 'light' : 'dark'
-  };
-  const baseColor = {
-    color: theme === 'dark' ? 'light' : 'dark',
-    colorVariant: 'L2'
-  };
-
-  // Display description as string or HTML
-  const descriptionContent = typeof description === 'string' ? {
-    children: description
-  } : {
-    dangerouslySetInnerHTML: description
-  };
-  return /*#__PURE__*/React.createElement(FlexBox, {
-    as: as,
-    className: classNames(baseClassName && `${baseClassName}__wrapper`),
-    style: captionStyle,
-    orientation: "vertical",
-    vAlign: align,
-    hAlign: align === 'center' ? align : undefined,
-    gap: "regular"
-  }, (title || description) && /*#__PURE__*/React.createElement(Text, _extends({
-    as: "p",
-    className: classNames(baseClassName && `${baseClassName}__caption`),
-    truncate: truncate
-  }, baseColor), title && /*#__PURE__*/React.createElement(Text, _extends({}, titleProps, {
-    as: "span",
-    className: classNames(titleProps?.className, baseClassName && `${baseClassName}__title`),
-    typography: "subtitle1"
-  }, titleColor), title), ' ', description && /*#__PURE__*/React.createElement(Text, _extends({}, descriptionProps, {
-    as: "span",
-    className: classNames(descriptionProps?.className, baseClassName && `${baseClassName}__description`),
-    typography: "body1"
-  }, descriptionContent))), tags && /*#__PURE__*/React.createElement(FlexBox, {
-    className: classNames(baseClassName && `${baseClassName}__tags`),
-    orientation: "horizontal",
-    vAlign: align
-  }, tags));
-};
-
-export { ImageCaption as I };
-//# sourceMappingURL=803945f7.js.map

package/_internal/a67f26a8.js

@@ -1,98 +0,0 @@
-import { m as getRootClassName, O as Orientation, n as forwardRef, b as Theme, _ as _extends, l as classNames } from './d3321a86.js';
-import isObject from 'lodash/isObject';
-import { h as handleBasicClasses } from './4ceaf17c.js';
-import { u as useTheme } from './3181f000.js';
-import { ThumbnailVariant } from './95a2e851.js';
-import { T as Thumbnail } from './714809cc.js';
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'PostBlock';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  orientation: Orientation.horizontal
-};
-
-/**
- * PostBlock component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const PostBlock = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    actions,
-    attachments,
-    author,
-    className,
-    meta,
-    onClick,
-    orientation = DEFAULT_PROPS.orientation,
-    tags,
-    text,
-    theme = defaultTheme,
-    thumbnailProps,
-    title,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: ref,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      orientation,
-      theme
-    }))
-  }, forwardedProps), thumbnailProps && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__thumbnail`
-  }, /*#__PURE__*/React.createElement(Thumbnail, _extends({}, thumbnailProps, {
-    theme: theme,
-    variant: ThumbnailVariant.rounded
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__wrapper`
-  }, author && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__author`
-  }, author), title && /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: `${CLASSNAME}__title`,
-    onClick: onClick
-  }, title), meta && /*#__PURE__*/React.createElement("span", {
-    className: `${CLASSNAME}__meta`
-  }, meta), isObject(text) && text.__html ?
-  /*#__PURE__*/
-  // eslint-disable-next-line react/no-danger
-  React.createElement("p", {
-    dangerouslySetInnerHTML: text,
-    className: `${CLASSNAME}__text`
-  }) : /*#__PURE__*/React.createElement("p", {
-    className: `${CLASSNAME}__text`
-  }, text), attachments && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__attachments`
-  }, attachments), (tags || actions) && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__toolbar`
-  }, tags && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__tags`
-  }, tags), actions && /*#__PURE__*/React.createElement("div", {
-    className: `${CLASSNAME}__actions`
-  }, actions))));
-});
-PostBlock.displayName = COMPONENT_NAME;
-PostBlock.className = CLASSNAME;
-PostBlock.defaultProps = DEFAULT_PROPS;
-
-export { PostBlock };
-//# sourceMappingURL=a67f26a8.js.map

package/_internal/ac3bc511.js

@@ -1,2 +0,0 @@
-export { T as Text } from './8fcceef3.js';
-//# sourceMappingURL=ac3bc511.js.map

package/_internal/ac3bc511.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ac3bc511.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/cc995526.js

@@ -1,2 +0,0 @@
-export { I as Icon } from './4e1dde79.js';
-//# sourceMappingURL=cc995526.js.map

package/_internal/cc995526.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cc995526.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/e2122a37.js

@@ -1,3 +0,0 @@
-export { P as Popover } from './72407886.js';
-export { P as Placement } from './407735b4.js';
-//# sourceMappingURL=e2122a37.js.map

package/_internal/e2122a37.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"e2122a37.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}