fix: avoid disabled accessibility state for active chips

src/components/Chip/Chip.tsx

@@ -214,6 +214,8 @@ const Chip = ({
     onPressIn,
     onPressOut,
   });
+  const touchableOnPress =
+    !disabled && !hasPassedTouchHandler ? () => {} : onPress;
 
   const isOutlined = mode === 'outlined';
 
@@ -306,7 +308,7 @@ const Chip = ({
         borderless
         background={background}
         style={[{ borderRadius }, styles.touchable]}
-        onPress={onPress}
+        onPress={touchableOnPress}
         onLongPress={onLongPress}
         onPressIn={hasPassedTouchHandler ? handlePressIn : undefined}
         onPressOut={hasPassedTouchHandler ? handlePressOut : undefined}

src/components/__tests__/Chip.test.tsx

@@ -60,9 +60,23 @@ it('renders selected chip', () => {
   expect(tree).toMatchSnapshot();
 });
 
-it('renders disabled chip if there is no touch handler passed', () => {
+it('does not mark chip disabled if there is no touch handler passed', () => {
   const { getByTestId } = render(
-    <Chip testID="disabled-chip">Disabled chip</Chip>
+    <Chip testID="informational-chip">Informational chip</Chip>
+  );
+
+  expect(
+    getByTestId('informational-chip').props.accessibilityState
+  ).toMatchObject({
+    disabled: false,
+  });
+});
+
+it('marks chip disabled when disabled prop is passed', () => {
+  const { getByTestId } = render(
+    <Chip disabled testID="disabled-chip">
+      Disabled chip
+    </Chip>
   );
 
   expect(getByTestId('disabled-chip').props.accessibilityState).toMatchObject({

src/components/__tests__/__snapshots__/Chip.test.tsx.snap

@@ -46,7 +46,7 @@ exports[`renders chip with close button 1`] = `
         {
           "busy": undefined,
           "checked": undefined,
-          "disabled": true,
+          "disabled": false,
           "expanded": undefined,
           "selected": false,
         }
@@ -344,7 +344,7 @@ exports[`renders chip with custom close button 1`] = `
         {
           "busy": undefined,
           "checked": undefined,
-          "disabled": true,
+          "disabled": false,
           "expanded": undefined,
           "selected": false,
         }
@@ -642,7 +642,7 @@ exports[`renders chip with icon 1`] = `
         {
           "busy": undefined,
           "checked": undefined,
-          "disabled": true,
+          "disabled": false,
           "expanded": undefined,
           "selected": false,
         }
@@ -1167,7 +1167,7 @@ exports[`renders selected chip 1`] = `
         {
           "busy": undefined,
           "checked": undefined,
-          "disabled": true,
+          "disabled": false,
           "expanded": undefined,
           "selected": true,
         }