@lumx/react 3.11.3 → 3.12.0

package/index.d.ts

@@ -3345,7 +3345,7 @@ interface UserBlockProps extends GenericProps, HasTheme {
     /** Multiple action toolbar content. */
     multipleActions?: ReactNode;
     /** User name. */
-    name?: string;
+    name?: React.ReactNode;
     /** Props to pass to the name block. */
     nameProps?: GenericProps;
     /** Orientation. */
@@ -3360,6 +3360,10 @@ interface UserBlockProps extends GenericProps, HasTheme {
     onMouseEnter?(): void;
     /** On mouse leave callback. */
     onMouseLeave?(): void;
+    /** Display additional fields below the original name and fields */
+    additionalFields?: React.ReactNode;
+    /** Display an additional element after the entire component. (to the right if orientation is horizontal, at the bottom if orientation is vertical) */
+    after?: React.ReactNode;
 }
 /**
  * UserBlock component.

package/index.js

@@ -6958,7 +6958,9 @@ const Dialog = forwardRef((props, ref) => {
     }
   }), /*#__PURE__*/React__default.createElement("div", {
     className: `${CLASSNAME$10}__overlay`
-  }), /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  }), /*#__PURE__*/React__default.createElement(HeadingLevelProvider, {
+    level: 2
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     value: undefined
   }, /*#__PURE__*/React__default.createElement("section", _extends({
     className: `${CLASSNAME$10}__container`,
@@ -6988,7 +6990,7 @@ const Dialog = forwardRef((props, ref) => {
     className: `${CLASSNAME$10}__progress-overlay`
   }, /*#__PURE__*/React__default.createElement(Progress, {
     variant: ProgressVariant.circular
-  }))))))), document.body) : null;
+  })))))))), document.body) : null;
 });
 Dialog.displayName = COMPONENT_NAME$10;
 Dialog.className = CLASSNAME$10;
@@ -9055,7 +9057,9 @@ const Lightbox = forwardRef((props, ref) => {
     theme: "dark",
     type: "button",
     onClick: onClose
-  }))), /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  }))), /*#__PURE__*/React__default.createElement(HeadingLevelProvider, {
+    level: 2
+  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
     value: undefined
   }, /*#__PURE__*/React__default.createElement(ClickAwayProvider, {
     callback: !preventAutoClose && onClose,
@@ -9064,7 +9068,7 @@ const Lightbox = forwardRef((props, ref) => {
     ref: childrenRef,
     className: `${CLASSNAME$L}__wrapper`,
     role: "presentation"
-  }, children)))), document.body);
+  }, children))))), document.body);
 });
 Lightbox.displayName = COMPONENT_NAME$L;
 Lightbox.className = CLASSNAME$L;
@@ -9914,7 +9918,9 @@ const PopoverDialog = forwardRef((props, ref) => {
     closeOnClickAway: true,
     closeOnEscape: true,
     withFocusTrap: true
-  }), children);
+  }), /*#__PURE__*/React__default.createElement(HeadingLevelProvider, {
+    level: 2
+  }, children));
 });
 PopoverDialog.displayName = COMPONENT_NAME$A;
 PopoverDialog.className = CLASSNAME$A;
@@ -14338,7 +14344,7 @@ Uploader.displayName = COMPONENT_NAME$1;
 Uploader.className = CLASSNAME$1;
 Uploader.defaultProps = DEFAULT_PROPS$1;
 
-const _excluded = ["avatarProps", "className", "fields", "linkProps", "linkAs", "multipleActions", "name", "nameProps", "onClick", "onMouseEnter", "onMouseLeave", "orientation", "simpleAction", "size", "theme"];
+const _excluded = ["avatarProps", "className", "fields", "linkProps", "linkAs", "multipleActions", "name", "nameProps", "onClick", "onMouseEnter", "onMouseLeave", "orientation", "simpleAction", "size", "theme", "children", "additionalFields", "after"];
 
 /**
  * User block sizes.
@@ -14390,7 +14396,10 @@ const UserBlock = forwardRef((props, ref) => {
       orientation,
       simpleAction,
       size,
-      theme = defaultTheme
+      theme = defaultTheme,
+      children,
+      additionalFields,
+      after
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded);
   let componentSize = size;
@@ -14424,7 +14433,8 @@ const UserBlock = forwardRef((props, ref) => {
     }
     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", {
+  const shouldDisplayFields = componentSize !== Size.s && componentSize !== Size.xs;
+  const fieldsBlock = fields && shouldDisplayFields && /*#__PURE__*/React__default.createElement("div", {
     className: `${CLASSNAME}__fields`
   }, fields.map((field, idx) => /*#__PURE__*/React__default.createElement("span", {
     key: idx,
@@ -14451,13 +14461,15 @@ const UserBlock = forwardRef((props, ref) => {
     size: componentSize,
     onClick: onClick,
     theme: theme
-  })), (fields || name) && /*#__PURE__*/React__default.createElement("div", {
+  })), (fields || name || children || additionalFields) && /*#__PURE__*/React__default.createElement("div", {
     className: `${CLASSNAME}__wrapper`
-  }, nameBlock, fieldsBlock), shouldDisplayActions && simpleAction && /*#__PURE__*/React__default.createElement("div", {
+  }, children || nameBlock, fieldsBlock, shouldDisplayFields ? additionalFields : null), shouldDisplayActions && simpleAction && /*#__PURE__*/React__default.createElement("div", {
     className: `${CLASSNAME}__action`
   }, simpleAction), shouldDisplayActions && multipleActions && /*#__PURE__*/React__default.createElement("div", {
     className: `${CLASSNAME}__actions`
-  }, multipleActions));
+  }, multipleActions), after ? /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__after`
+  }, after) : null);
 });
 UserBlock.displayName = COMPONENT_NAME;
 UserBlock.className = CLASSNAME;