@lumx/react 4.12.0-next.1 → 4.12.0-next.3

package/index.d.ts

@@ -589,6 +589,7 @@ interface AutocompleteProps extends GenericProps$1, HasTheme$1 {
 /**
  * Autocomplete component.
  *
+ * @deprecated use `SelectTextField` instead
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.
@@ -608,7 +609,8 @@ interface AutocompleteMultipleProps extends AutocompleteProps {
 }
 /**
  * AutocompleteMultiple component.
- *
+
+ * @deprecated use `SelectTextField` instead
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.
@@ -3934,6 +3936,7 @@ interface SelectProps extends CoreSelectProps {
 /**
  * Select component.
  *
+ * @deprecated use `SelectTextField` instead
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.
@@ -3951,6 +3954,7 @@ declare const SelectMultipleField: React.FC<SelectMultipleProps>;
 /**
  * SelectMultiple component.
  *
+ * @deprecated use `SelectTextField` instead
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.

package/index.js

@@ -861,6 +861,7 @@ const DEFAULT_PROPS$1f = {
 /**
  * Autocomplete component.
  *
+ * @deprecated use `SelectTextField` instead
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.
@@ -991,7 +992,8 @@ const DEFAULT_PROPS$1e = {
 
 /**
  * AutocompleteMultiple component.
- *
+
+ * @deprecated use `SelectTextField` instead
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.
@@ -2507,6 +2509,9 @@ const ENABLED_CHIP_SELECTOR = `.${CLASSNAME$1j}:not([aria-disabled="true"])`;
 /** Find the closest chip element from an event target. */
 const getChip = target => target?.closest?.(`.${CLASSNAME$1j}`) || null;
 
+/** Whether the chip is marked as disabled via aria-disabled. */
+const isChipDisabled = chip => chip?.getAttribute('aria-disabled') === 'true';
+
 /**
  * Options for setting up selection chip group event handlers.
  * All option accessors are wrapped in getters so that React/Vue can provide
@@ -2561,7 +2566,9 @@ function setupSelectionChipGroupEvents(options) {
   const handleClick = evt => {
     const chip = getChip(evt.target);
     const optionId = chip?.dataset.optionId;
-    if (optionId == null) return;
+    if (optionId == null || isChipDisabled(chip)) {
+      return;
+    }
     evt.stopImmediatePropagation();
     removeOption(options, optionId);
   };
@@ -2574,7 +2581,9 @@ function setupSelectionChipGroupEvents(options) {
     const chip = getChip(evt.target);
     const optionId = chip?.dataset.optionId;
     const activatingKey = evt.key === 'Enter' || evt.key === ' ' || evt.key === 'Backspace';
-    if (optionId == null || !activatingKey) return;
+    if (optionId == null || !activatingKey || isChipDisabled(chip)) {
+      return;
+    }
     if (evt.key === 'Backspace') {
       // Move focus to previous option (instead of next in listbox)
       const previousChip = findPreviousChip(container, chip);
@@ -16475,6 +16484,7 @@ const SelectField = props => {
 /**
  * Select component.
  *
+ * @deprecated use `SelectTextField` instead
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.
@@ -16631,6 +16641,7 @@ const SelectMultipleField = props => {
 /**
  * SelectMultiple component.
  *
+ * @deprecated use `SelectTextField` instead
  * @param  props Component props.
  * @param  ref   Component ref.
  * @return React element.