feat: migrate auth and datastore hooks (#1107)

Co-authored-by: Justin Shih <jushih@amazon.com>
aws-amplify · Oct 18, 2023 · f731222 · f731222
1 parent de1039c
commit f731222
Show file tree

Hide file tree

Showing 40 changed files with 3,148 additions and 914 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -24,6 +24,7 @@ module.exports = {
   },
   rules: {
     'max-len': ['error', 120, 2],
+    'max-classes-per-file': 'off',
     'react/prop-types': 'off',
     '@typescript-eslint/no-use-before-define': 'off',
     '@typescript-eslint/no-explicit-any': 'off',

diff --git a/...s/codegen-ui-react/lib/__tests__/__snapshots__/studio-ui-codegen-react-forms.test.ts.snap b/...s/codegen-ui-react/lib/__tests__/__snapshots__/studio-ui-codegen-react-forms.test.ts.snap
@@ -26993,8 +26993,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { CompositeToy, CompositeDog } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -27653,8 +27657,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Comment, Post, User as User0, Org as Org0 } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -28459,8 +28467,12 @@ import {
   CompositeVet,
   CompositeDogCompositeVet,
 } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -31927,8 +31939,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Org, Comment } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -32493,8 +32509,12 @@ import {
   CompositeVet,
   CompositeDogCompositeVet,
 } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -33638,8 +33658,12 @@ import {
   CPKProject,
   CPKTeacherCPKClass,
 } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -36986,8 +37010,12 @@ import {
   CompositeDogCompositeVet,
   CompositeBowl,
 } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -38327,8 +38355,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Dog, Owner } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -38831,8 +38863,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Dog, Owner } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -39373,8 +39409,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Owner, Dog as Dog0 } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -39878,8 +39918,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Owner, Dog as Dog0 } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -41085,8 +41129,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Tag, Post, TagPost } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -41682,8 +41730,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Member, Team as Team0 } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -42270,8 +42322,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { School, Student } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -42783,8 +42839,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Book, Author } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -43290,8 +43350,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Tag, Post, TagPost } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -43887,8 +43951,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Book, Author, Title } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -45287,8 +45355,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { School, Student } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -45856,8 +45928,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { School, Student as Student0 } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -46475,8 +46551,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Member, Team as Team0 } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -47094,8 +47174,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Tag, Post, TagPost } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -52264,8 +52348,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Member, Team as Team0 } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -53599,8 +53687,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Car, Dealership } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],
@@ -54111,8 +54203,12 @@ import {
   useTheme,
 } from \\"@aws-amplify/ui-react\\";
 import { Dealership, Car } from \\"../models\\";
-import { fetchByPath, getOverrideProps, validateField } from \\"./utils\\";
-import { useDataStoreBinding } from \\"@aws-amplify/ui-react/internal\\";
+import {
+  fetchByPath,
+  getOverrideProps,
+  useDataStoreBinding,
+  validateField,
+} from \\"./utils\\";
 import { DataStore } from \\"aws-amplify\\";
 function ArrayField({
   items = [],