fix: mobile compiles well

Author: vip-git

demo/mobile/reactnative/package-lock.json

@@ -15,6 +15,7 @@
     "nanoid": "^3.1.29",
     "react": "17.0.2",
     "react-native": "0.65.1",
+    "react-native-select-dropdown": "^1.2.0",
     "react-native-vector-icons": "8.1.0",
     "xstate": "^4.25.0"
   },

demo/mobile/reactnative/package.json

@@ -71,6 +71,8 @@ export interface UIFramework {
         ValidationMessages: any;
     };
     wrapperComponents: {
+        InputLabel: Function;
+        FormLabel: Function;
         AppBar: Function;
         Tabs: Function;
         Tab: Function;

scripts/installer/frameworks/react-native/src/ui-framework/types/rnpaper-framework.type.ts

@@ -16,6 +16,8 @@ import EmptyDiv from '@mui/material/Divider';
 import FormControl from '@mui/material/FormControl';
 import FormGroup from '@mui/material/FormGroup';
 import FormHelperText from '@mui/material/FormHelperText';
+import FormLabel from '@mui/material/FormLabel';
+import InputLabel from '@mui/material/InputLabel';
 
 // MUI
 import Typography from '@mui/material/Typography';
@@ -55,6 +57,8 @@ export const uiFramework: UIFramework = {
     ValidationMessages,
   },
   wrapperComponents: {
+    FormLabel,
+    InputLabel,
     AppBar,
     Tabs,
     Tab,

scripts/installer/frameworks/react/src/ui-framework/mui.framework.tsx

@@ -71,6 +71,8 @@ export interface UIFramework {
         ValidationMessages: any;
     };
     wrapperComponents: {
+        InputLabel: Function;
+        FormLabel: Function;
         AppBar: Function;
         Tabs: Function;
         Tab: Function;

scripts/installer/frameworks/react/src/ui-framework/types/mui-framework.type.ts

@@ -2,9 +2,8 @@
 import React from 'react';
 import slice from 'lodash/slice';
 
-// Material UI
-import IconButton from '@mui/material/IconButton';
-import AddCircle from '@mui/icons-material/AddCircle';
+// UI
+import Framework from '@universal-schema/framework';
 
 // Helpers
 import getDefaultValue from '@helpers/get-default-value';
@@ -16,6 +15,13 @@ import FIELDSET_CONFIG, { ArrayVariants, ArrayWrapperVariants } from '@config/fi
 import FormField from '../../../FormField';
 import ReorderableFormField from '../../ReorderableFormField';
 
+const {
+  wrapperComponents: {
+    IconButton,
+    AddCircle
+  }
+} = Framework.uiFramework;
+
 const { ARRAY_VARIANTS } = FIELDSET_CONFIG;
 
 export type AllowedVariants = {

src/cross-framework-wrapper/react/FieldSet/variants/fieldset-array/field-array.variants.tsx

@@ -1,9 +1,13 @@
-// import Input, { InputLabel } from '@mui/material/Input'; // eslint-disable-line import/no-named-default
-import FormLabel from '@mui/material/FormLabel';
+// UI
+import Framework from '@universal-schema/framework';
+const {
+  wrapperComponents: {
+	 FormLabel,
+   InputLabel,
+  },
+} = Framework.uiFramework;
 import { isEnum } from '@react-jsonschema-form-utils/enum-utils';
 
-const InputLabel = require('@mui/material/InputLabel').default;
-
 export default ({ schema, uiSchema = {} }) => {
   const widget = uiSchema['ui:widget'];
   const options = uiSchema['ui:options'] || uiSchema['ui:props'];