@lumx/react 4.22.1-alpha.0 → 4.22.1-next.0

package/index.d.ts

@@ -3362,6 +3362,7 @@ declare function useImageLightbox<P extends Partial<ImageLightboxProps>>(props:
     getTriggerProps: (options?: TriggerOptions) => {
         onClick: (ev?: React__default.MouseEvent) => void;
         ref: React__default.Ref<any>;
+        'aria-haspopup': 'dialog';
     };
     /** Props to forward to the ImageLightbox */
     imageLightboxProps: ManagedProps & P;

package/index.js

@@ -2760,37 +2760,20 @@ const useOverflowTooltipLabel = content => {
  */
 const isComponentType = type => node => /*#__PURE__*/React__default.isValidElement(node) && node.type === type;
 
-/**
- * Recursively wrap icons with spaces.
- *
- * `isFirst`/`isLast` tell whether the given children are at the very start/end of the whole
- * children tree, so that an icon on an edge is detected even when nested in a fragment or element.
- */
-function wrap(children, isFirst, isLast) {
+/** Force wrap spaces around icons to make sure they are never stuck against text. */
+function wrapChildrenIconWithSpaces(children) {
   if (children === null || children === undefined) return undefined;
-  const childArray = Children.toArray(children);
-  return childArray.flatMap((child, index) => {
-    const childIsFirst = isFirst && index === 0;
-    const childIsLast = isLast && index === childArray.length - 1;
+  return Children.toArray(children).flatMap(child => {
     if (isComponentType(Icon)(child)) {
-      // No space on the edges of the text: the icon is not stuck against anything there.
-      return [...(childIsFirst ? [] : [' ']), child, ...(childIsLast ? [] : [' '])];
+      return [' ', child, ' '];
     }
     if (/*#__PURE__*/React__default.isValidElement(child) && child.props && typeof child.props === 'object' && 'children' in child.props) {
-      return /*#__PURE__*/React__default.cloneElement(child, undefined, wrap(child.props.children, childIsFirst, childIsLast));
+      return /*#__PURE__*/React__default.cloneElement(child, undefined, wrapChildrenIconWithSpaces(child.props.children));
     }
     return child;
   });
 }
 
-/**
- * Force wrap spaces around icons to make sure they are never stuck against text.
- * Icons at the very start or end of the text are not padded on that side.
- */
-function wrapChildrenIconWithSpaces(children) {
-  return wrap(children, true, true);
-}
-
 /**
  * Defines the props of the component.
  */
@@ -14591,7 +14574,8 @@ function useImageLightbox(props) {
       },
       onClick(e) {
         open(e?.target, options);
-      }
+      },
+      'aria-haspopup': 'dialog'
     }));
   }, []);
   return {