[ListItemText] Fix primary={0} display (#11686)

* Display 0's with ListItemText

* 🌹

Author: helfi92

packages/material-ui/src/ListItemText/ListItemText.js

@@ -47,8 +47,8 @@ function ListItemText(props, context) {
   } = props;
   const { dense } = context;
 
-  let primary = primaryProp || children;
-  if (primary && !disableTypography) {
+  let primary = primaryProp != null ? primaryProp : children;
+  if (primary != null && !disableTypography) {
     primary = (
       <Typography
         variant="subheading"
@@ -61,7 +61,7 @@ function ListItemText(props, context) {
   }
 
   let secondary = secondaryProp;
-  if (secondary && !disableTypography) {
+  if (secondary != null && !disableTypography) {
     secondary = (
       <Typography
         variant="body1"

packages/material-ui/src/ListItemText/ListItemText.test.js

@@ -63,6 +63,11 @@ describe('<ListItemText />', () => {
       const wrapper = shallow(<ListItemText>{primary}</ListItemText>);
       assert.strictEqual(wrapper.contains(primary), true, 'should find the node');
     });
+
+    it('should read 0 as primary', () => {
+      const wrapper = shallow(<ListItemText primary={0} />);
+      assert.strictEqual(wrapper.childAt(0).type(), Typography);
+    });
   });
 
   describe('prop: secondary', () => {
@@ -91,6 +96,11 @@ describe('<ListItemText />', () => {
       const wrapper = shallow(<ListItemText secondary={secondary} />);
       assert.strictEqual(wrapper.contains(secondary), true, 'should find the node');
     });
+
+    it('should read 0 as secondary', () => {
+      const wrapper = shallow(<ListItemText secondary={0} />);
+      assert.strictEqual(wrapper.childAt(0).type(), Typography);
+    });
   });
 
   describe('prop: disableTypography', () => {