Merge pull request #1084 from rvsia/fixDemoExamples

Fix all demo examples and remove the alert

Author: Hyperkid123

packages/react-renderer-demo/src/components/component-example.js

@@ -19,7 +19,6 @@ import Box from '@material-ui/core/Box';
 import LinkIcon from '@material-ui/icons/Link';
 import Button from '@material-ui/core/Button';
 import ButtonGroup from '@material-ui/core/ButtonGroup';
-import Alert from '@material-ui/lab/Alert';
 
 import Link from 'next/link';
 import clsx from 'clsx';
@@ -165,16 +164,9 @@ const ComponentExample = ({ variants, schema, activeMapper, component }) => {
     ));
 
   const activeComponent = correctComponent(component);
-  const showAlert = !['mui', 'pf4', 'ant'].includes(activeMapper);
 
   return (
     <React.Fragment>
-      {showAlert && (
-        <Alert severity="warning" className={classes.alert}>
-          Currently, we are dealing with &quot;Import error, cannot find file: ./cjs/react-is.development.js&quot; error that appears in examples
-          using react-jss. Thank you for your understanding
-        </Alert>
-      )}
       <Box display="flex" className={classes.box}>
         <Card style={{ minHeight: 500 }} square>
           <CardContent>

packages/react-renderer-demo/src/stackblitz-templates/blueprint-templates.js

@@ -69,7 +69,7 @@ render(<App />, document.getElementById('root'));`;
 export const dependencies = {
   react: 'latest',
   'react-dom': 'latest',
-  '@babel/runtime': '7.12.1',
+  '@babel/runtime': '^7.12.1',
   '@data-driven-forms/react-form-renderer': 'latest',
   '@data-driven-forms/blueprint-component-mapper': 'latest',
   '@data-driven-forms/common': 'latest',

packages/react-renderer-demo/src/stackblitz-templates/carbon-templates.js

@@ -73,5 +73,6 @@ export const dependencies = {
   'carbon-components-react': 'latest',
   'carbon-icons': 'latest',
   'prop-types': 'latest',
-  '@babel/runtime': '^7.12.1'
+  '@babel/runtime': '^7.12.1',
+  clsx: 'latest'
 };

packages/react-renderer-demo/src/stackblitz-templates/suir-template.js

@@ -62,8 +62,8 @@ class App extends Component {
 render(<App />, document.getElementById('root'));`;
 
 export const dependencies = {
-  react: '^16.12.0',
-  'react-dom': '^16.12.0',
+  react: 'latest',
+  'react-dom': 'latest',
   '@babel/runtime': '^7.13.10',
   '@data-driven-forms/react-form-renderer': 'latest',
   '@data-driven-forms/suir-component-mapper': 'latest',