@lumx/react 3.0.3-alpha.1 → 3.0.4-alpha.0

package/index.d.ts

@@ -177,6 +177,12 @@ interface AutocompleteProps extends GenericProps, HasTheme {
      * @see {@link DropdownProps#onInfiniteScroll}
      */
     onInfiniteScroll?(): void;
+    /**
+     * Props forwarded to the underlying TextField component.
+     * Only the props not managed by the Autocomplete can be set.
+     * @see {@link TextFieldProps}
+     */
+    textFieldProps?: TextFieldProps;
 }
 /**
  * Autocomplete component.
@@ -813,6 +819,8 @@ interface DropdownProps extends GenericProps {
     placement?: Placement;
     /** Whether the focus should be set on the list when the dropdown is open or not. */
     shouldFocusOnOpen?: boolean;
+    /** Whether the dropdown should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */
+    usePortal?: boolean;
     /** Whether the focus should go back on the anchor when dropdown closes and focus is within. */
     focusAnchorOnClose?: boolean;
     /**

package/index.js

@@ -820,7 +820,9 @@ var Autocomplete = forwardRef(function (props, ref) {
       shouldFocusOnClose = props.shouldFocusOnClose,
       theme = props.theme,
       value = props.value,
-      forwardedProps = _objectWithoutProperties(props, ["anchorToInput", "children", "chips", "className", "closeOnClick", "closeOnClickAway", "closeOnEscape", "disabled", "error", "fitToAnchorWidth", "hasError", "helper", "icon", "inputRef", "clearButtonProps", "isDisabled", "isRequired", "isOpen", "isValid", "label", "name", "offset", "onBlur", "onChange", "onClose", "onFocus", "onInfiniteScroll", "placeholder", "placement", "shouldFocusOnClose", "theme", "value"]);
+      _props$textFieldProps = props.textFieldProps,
+      textFieldProps = _props$textFieldProps === void 0 ? {} : _props$textFieldProps,
+      forwardedProps = _objectWithoutProperties(props, ["anchorToInput", "children", "chips", "className", "closeOnClick", "closeOnClickAway", "closeOnEscape", "disabled", "error", "fitToAnchorWidth", "hasError", "helper", "icon", "inputRef", "clearButtonProps", "isDisabled", "isRequired", "isOpen", "isValid", "label", "name", "offset", "onBlur", "onChange", "onClose", "onFocus", "onInfiniteScroll", "placeholder", "placement", "shouldFocusOnClose", "theme", "value", "textFieldProps"]);
 
   var inputAnchorRef = useRef(null);
   var textFieldRef = useRef(null);
@@ -831,7 +833,7 @@ var Autocomplete = forwardRef(function (props, ref) {
     className: classnames(className, handleBasicClasses({
       prefix: CLASSNAME$1
     }))
-  }), React.createElement(TextField, {
+  }), React.createElement(TextField, _extends({}, textFieldProps, {
     chips: chips,
     error: error,
     hasError: hasError,
@@ -851,7 +853,7 @@ var Autocomplete = forwardRef(function (props, ref) {
     textFieldRef: textFieldRef,
     theme: theme,
     value: value
-  }), React.createElement(Dropdown, {
+  })), React.createElement(Dropdown, {
     anchorRef: anchorToInput ? inputAnchorRef : textFieldRef,
     closeOnClick: closeOnClick,
     closeOnClickAway: closeOnClickAway,
@@ -6824,7 +6826,7 @@ var Text = forwardRef(function (props, ref) {
       isTruncatedMultiline: isTruncatedMultiline
     }), typographyClass, colorClass, noWrap && "".concat(CLASSNAME$o, "--no-wrap")),
     style: _objectSpread2({}, truncateLinesStyle, {}, style)
-  }, forwardedProps), Children.toArray(children).map(function (child, index) {
+  }, forwardedProps), children && Children.toArray(children).map(function (child, index) {
     // Force wrap spaces around icons to make sure they are never stuck against text.
     if (isComponent(Icon)(child)) {
       return React.createElement(Fragment$1, {
@@ -7259,13 +7261,17 @@ var InlineList = forwardRef(function (props, ref) {
       role: "list"
     }), Children.toArray(children).map(function (child, index) {
       var key = isValidElement(child) && child.key || index;
-      return React.createElement("li", {
-        key: key,
-        className: "".concat(CLASSNAME$u, "__item")
-      }, index !== 0 && React.createElement("span", {
-        className: "".concat(CLASSNAME$u, "__item-separator"),
-        "aria-hidden": "true"
-      }, "\xA0\u2022\xA0"), child);
+      return (// We need to item is set as display: contents which removes the semantic.
+        // eslint-disable-next-line jsx-a11y/no-redundant-roles
+        React.createElement("li", {
+          key: key,
+          role: "listitem",
+          className: "".concat(CLASSNAME$u, "__item")
+        }, index !== 0 && React.createElement("span", {
+          className: "".concat(CLASSNAME$u, "__item-separator"),
+          "aria-hidden": "true"
+        }, "\xA0\u2022\xA0"), child)
+      );
     }))
   );
 });