chore(amplify-util-uibuilder): remove codegen-ui usage

packages/amplify-util-uibuilder/package.json

@@ -17,8 +17,6 @@
     "@aws-amplify/amplify-category-api": "^5.6.4",
     "@aws-amplify/amplify-cli-core": "4.2.7",
     "@aws-amplify/amplify-prompts": "2.8.4",
-    "@aws-amplify/codegen-ui": "2.14.2",
-    "@aws-amplify/codegen-ui-react": "2.14.2",
     "amplify-codegen": "^4.6.2",
     "aws-sdk": "^2.1426.0",
     "fs-extra": "^8.1.0",
@@ -28,10 +26,12 @@
   },
   "devDependencies": {
     "@aws-amplify/appsync-modelgen-plugin": "^2.6.0",
+    "@aws-amplify/datastore": "^4.7.5",
     "@types/fs-extra": "^8.0.1",
     "@types/jest": "^29.5.1",
     "@types/semver": "^7.1.0",
     "@types/tiny-async-pool": "^2.0.0",
+    "semver": "^7.5.4",
     "ts-jest": "^29.1.0"
   },
   "jest": {

packages/amplify-util-uibuilder/src/__tests__/codegen-ui-dependency-provider.test.ts

@@ -0,0 +1,37 @@
+import semver from 'semver';
+import { ReactRequiredDependencyProvider } from '../commands/utils/codegen-ui-dependency-provider';
+
+describe('ReactStudioDependencyProvider', () => {
+  const requiredDependencies = new ReactRequiredDependencyProvider().getRequiredDependencies(false);
+  const requiredDependenciesWithStorageManager = new ReactRequiredDependencyProvider().getRequiredDependencies(true);
+
+  describe('getRequiredDependencies', () => {
+    it('has required dependencies', () => {
+      expect(requiredDependencies.length).toBeGreaterThan(0);
+    });
+
+    it('includes ui-react', () => {
+      expect(requiredDependencies.filter((dep) => dep.dependencyName === '@aws-amplify/ui-react')).toBeTruthy();
+    });
+
+    it('includes all valid semver values', () => {
+      requiredDependencies.forEach((dep) => {
+        expect(semver.valid(dep.supportedSemVerPattern)).toBeDefined();
+      });
+    });
+
+    it('includes reasons on all dependencies', () => {
+      requiredDependencies.forEach((dep) => {
+        expect(dep.reason.length).toBeGreaterThan(0);
+      });
+    });
+
+    it('does not include ui-react-storage if user does not use StorageManager', () => {
+      expect(requiredDependencies.filter((dep) => dep.dependencyName !== '@aws-amplify/ui-react-storage')).toBeTruthy();
+    });
+
+    it('includes ui-react-storage if user is using StorageManager', () => {
+      expect(requiredDependenciesWithStorageManager.filter((dep) => dep.dependencyName === '@aws-amplify/ui-react-storage')).toBeTruthy();
+    });
+  });
+});

packages/amplify-util-uibuilder/src/__tests__/generateComponents.test.ts

@@ -35,6 +35,7 @@ const getUiBuilderComponentsPathMocked = getUiBuilderComponentsPath as any;
 utilsMock.shouldRenderComponents = jest.fn().mockReturnValue(true);
 utilsMock.notifyMissingPackages = jest.fn().mockReturnValue(true);
 utilsMock.getAmplifyDataSchema = jest.fn().mockReturnValue({});
+utilsMock.mapGenericDataSchemaToCodegen = jest.fn().mockReturnValue({});
 utilsMock.isFormDetachedFromModel = jest.fn().mockReturnValue(false);
 utilsMock.extractUIComponents = jest.fn().mockReturnValue(undefined);
 utilsMock.waitForSucceededJob = jest