fix form validation for Organization select in Inventory form

awx/ui_next/src/screens/Inventory/shared/InventoryForm.jsx

@@ -77,6 +77,8 @@ function InventoryForm({
                     form.setFieldValue('organization', value);
                   }}
                   value={field.value}
+                  touched={form.touched.organization}
+                  error={form.errors.organization}
                   required
                 />
               )}

awx/ui_next/src/util/validators.jsx

@@ -1,9 +1,16 @@
 import { t } from '@lingui/macro';
 
 export function required(message, i18n) {
+  const errorMessage = message || i18n._(t`This field must not be blank`);
   return value => {
     if (typeof value === 'string' && !value.trim()) {
-      return message || i18n._(t`This field must not be blank`);
+      return errorMessage;
+    }
+    if (typeof value === 'number' && !Number.isNaN(value)) {
+      return undefined;
+    }
+    if (!value) {
+      return errorMessage;
     }
     return undefined;
   };

awx/ui_next/src/util/validators.test.js

@@ -27,6 +27,16 @@ describe('validators', () => {
     });
   });
 
+  test('required interprets undefined as empty value', () => {
+    expect(required(null, i18n)(undefined)).toEqual({
+      id: 'This field must not be blank',
+    });
+  });
+
+  test('required interprets 0 as non-empty value', () => {
+    expect(required(null, i18n)(0)).toBeUndefined();
+  });
+
   test('maxLength accepts value below max', () => {
     expect(maxLength(10, i18n)('snazzy')).toBeUndefined();
   });