@lumx/react 3.11.4-alpha.0 → 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

@@ -14344,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.
@@ -14396,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;
@@ -14430,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,
@@ -14457,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;