@lumx/react 3.7.2-alpha.0 → 3.7.3

package/index.js

@@ -1705,7 +1705,7 @@ function useStopPropagation(handler) {
   }, [handler]);
 }
 
-const _excluded$c = ["after", "before", "children", "className", "color", "disabled", "isClickable", "isDisabled", "isHighlighted", "isSelected", "onAfterClick", "onBeforeClick", "onClick", "size", "theme", "href"];
+const _excluded$c = ["after", "before", "children", "className", "color", "disabled", "isClickable", "isDisabled", "isHighlighted", "isSelected", "onAfterClick", "onBeforeClick", "onClick", "size", "theme", "href", "onKeyDown"];
 
 /**
  * Chip sizes.
@@ -1757,7 +1757,8 @@ const Chip = /*#__PURE__*/forwardRef((props, ref) => {
       onClick,
       size,
       theme,
-      href
+      href,
+      onKeyDown
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$c);
   const hasAfterClick = isFunction(onAfterClick);
@@ -1770,6 +1771,9 @@ const Chip = /*#__PURE__*/forwardRef((props, ref) => {
   const chipColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);
   const handleOnBeforeClick = useStopPropagation(onBeforeClick);
   const handleOnAfterClick = useStopPropagation(onAfterClick);
+  const handleKeyDown = evt => {
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(evt);
+  };
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
@@ -1793,7 +1797,7 @@ const Chip = /*#__PURE__*/forwardRef((props, ref) => {
       })),
       "aria-disabled": isClickable && isDisabled || undefined,
       onClick: hasOnClick ? onClick : undefined,
-      onKeyDown: hasOnClick ? onEnterPressed(onClick) : undefined
+      onKeyDown: handleKeyDown
     }), before &&
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
@@ -9977,7 +9981,7 @@ const WithSelectContext = (SelectElement, _ref, ref) => {
   }, helper));
 };
 
-const _excluded$Z = ["anchorRef", "clearButtonProps", "handleKeyboardNav", "hasError", "hasInputClear", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedValueRender", "theme", "value", "variant"];
+const _excluded$Z = ["anchorRef", "clearButtonProps", "handleKeyboardNav", "hasError", "hasInputClear", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedValueRender", "theme", "value", "variant", "selectElementRef"];
 
 /** The display name of the component. */
 const COMPONENT_NAME$X = 'Select';
@@ -10014,7 +10018,8 @@ const SelectField = _ref => {
       selectedValueRender,
       theme,
       value,
-      variant
+      variant,
+      selectElementRef
     } = _ref,
     forwardedProps = _objectWithoutProperties(_ref, _excluded$Z);
   return /*#__PURE__*/React.createElement(React.Fragment, null, variant === SelectVariant.input && /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
@@ -10025,7 +10030,7 @@ const SelectField = _ref => {
     isRequired: isRequired,
     theme: theme
   }, label)), /*#__PURE__*/React.createElement("div", _extends({
-    ref: anchorRef,
+    ref: mergeRefs(anchorRef, selectElementRef),
     id: id,
     className: `${CLASSNAME$U}__wrapper`,
     onClick: onInputClick,
@@ -10066,7 +10071,7 @@ const SelectField = _ref => {
     }),
     onAfterClick: isEmpty ? onInputClick : onClear,
     onClick: onInputClick,
-    ref: anchorRef,
+    ref: mergeRefs(anchorRef, selectElementRef),
     theme: theme
   }, forwardedProps), isEmpty && /*#__PURE__*/React.createElement("span", null, label), !isEmpty && /*#__PURE__*/React.createElement("span", null, selectedValueRender === null || selectedValueRender === void 0 ? void 0 : selectedValueRender(value))));
 };
@@ -10096,7 +10101,7 @@ Select.className = CLASSNAME$U;
 Select.defaultProps = DEFAULT_PROPS$I;
 Select.className = CLASSNAME$U;
 
-const _excluded$_ = ["anchorRef", "handleKeyboardNav", "hasError", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedChipRender", "selectedValueRender", "theme", "value", "variant"];
+const _excluded$_ = ["anchorRef", "handleKeyboardNav", "hasError", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedChipRender", "selectedValueRender", "theme", "value", "variant", "selectElementRef"];
 
 /** Defines the props of the component. */
 
@@ -10144,7 +10149,8 @@ const SelectMultipleField = _ref => {
       selectedValueRender,
       theme,
       value,
-      variant
+      variant,
+      selectElementRef
     } = _ref,
     forwardedProps = _objectWithoutProperties(_ref, _excluded$_);
   return /*#__PURE__*/React.createElement(React.Fragment, null, variant === SelectVariant.input && /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
@@ -10155,7 +10161,7 @@ const SelectMultipleField = _ref => {
     isRequired: isRequired,
     theme: theme
   }, label)), /*#__PURE__*/React.createElement("div", _extends({
-    ref: anchorRef,
+    ref: mergeRefs(anchorRef, selectElementRef),
     id: id,
     className: `${CLASSNAME$V}__wrapper`,
     onClick: onInputClick,
@@ -10190,7 +10196,7 @@ const SelectMultipleField = _ref => {
     }),
     onAfterClick: isEmpty ? onInputClick : onClear,
     onClick: onInputClick,
-    ref: anchorRef,
+    ref: mergeRefs(anchorRef, selectElementRef),
     theme: theme
   }, forwardedProps), isEmpty && /*#__PURE__*/React.createElement("span", null, label), !isEmpty && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, selectedValueRender === null || selectedValueRender === void 0 ? void 0 : selectedValueRender(value[0])), value.length > 1 && /*#__PURE__*/React.createElement("span", null, "\xA0+", value.length - 1))));
 };
@@ -12536,7 +12542,7 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
    */
   const helperId = helper ? `text-field-helper-${uid()}` : undefined;
   const errorId = error ? `text-field-error-${uid()}` : undefined;
-  const describedByIds = [errorId, helperId].filter(Boolean);
+  const describedByIds = [errorId, helperId, forwardedProps['aria-describedby']].filter(Boolean);
   const describedById = describedByIds.length === 0 ? undefined : describedByIds.join(' ');
   const [isFocus, setFocus] = useState(false);
   const {