Remove Material UI packages & components from Bootstrap shell

packages/bootstrap-shell/cra-template-material-ui/template/src/App.js → packages/bootstrap-shell/cra-template-bs/template/src/App.js

@@ -1,12 +1,12 @@
 import React, { Component } from 'react'
 import App from 'base-shell/lib'
-import MUIConfig from 'material-ui-shell/lib'
+import BootstrapConfig from 'bootstrap-shell/lib'
 import merge from 'base-shell/lib/utils/config'
 import _config from './config'
 
 import 'bootstrap/dist/css/bootstrap.min.css'
 
-const config = merge(MUIConfig, _config)
+const config = merge(BootstrapConfig, _config)
 
 export default class Demo extends Component {
   render() {

packages/bootstrap-shell/cra-template-bs/template/src/components/Menu/MenuContent.js

@@ -0,0 +1,73 @@
+// import React from 'react'
+// import Scrollbar from 'material-ui-shell/lib/components/Scrollbar/Scrollbar'
+// import SelectableMenuList from 'material-ui-shell/lib/containers/SelectableMenuList'
+// import { useAddToHomeScreen } from 'base-shell/lib/providers/AddToHomeScreen'
+// import { useAuth } from 'base-shell/lib/providers/Auth'
+// import { useConfig } from 'base-shell/lib/providers/Config'
+// import { useNavigate, useLocation } from 'react-router-dom'
+// import { useIntl } from 'react-intl'
+// import { useLocale } from 'base-shell/lib/providers/Locale'
+// import { useMenu } from 'material-ui-shell/lib/providers/Menu'
+// import { useTheme as useAppTheme } from 'material-ui-shell/lib/providers/Theme'
+// import getMenuItems from '../../config/menuItems'
+
+// const Menu = (props) => {
+//   const intl = useIntl()
+//   const navigate = useNavigate()
+//   const location = useLocation()
+//   const auth = useAuth()
+//   const menuContext = useMenu()
+//   const a2HSContext = useAddToHomeScreen()
+//   const { toggleThis, isMiniMode, isMiniSwitchVisibility } = menuContext || {}
+//   const { appConfig } = useConfig()
+//   const { setLocale, locale = 'en' } = useLocale()
+//   const themeContext = useAppTheme()
+
+//   const menuItems = getMenuItems({
+//     intl,
+//     locale,
+//     updateLocale: setLocale,
+//     menuContext,
+//     themeContext,
+//     appConfig,
+//     a2HSContext,
+//     auth,
+//     ...props,
+//   }).filter((item) => {
+//     return item.visible !== false
+//   })
+
+//   const index = location ? location.pathname : '/'
+
+//   const handleChange = (event, index) => {
+//     if (index !== undefined) {
+//       toggleThis('isMobileMenuOpen', false)
+//     }
+//     if (index !== undefined && index !== Object(index)) {
+//       navigate(index)
+//     }
+//   }
+
+//   return (
+//     <div
+//       style={{
+//         display: 'flex',
+//         flexDirection: 'column',
+//         height: '100%',
+//         /*  direction: isRTL ? 'rtl' : 'ltr' */
+//       }}
+//     >
+//       <Scrollbar style={{ flex: 1 }}>
+//         <SelectableMenuList
+//           key={isMiniSwitchVisibility + themeContext.isRTL}
+//           onIndexChange={handleChange}
+//           useMinified={isMiniMode}
+//           items={menuItems}
+//           index={index}
+//         />
+//       </Scrollbar>
+//     </div>
+//   )
+// }
+
+// export default Menu

packages/bootstrap-shell/cra-template-material-ui/template/src/config/config.js → packages/bootstrap-shell/cra-template-bs/template/src/config/config.js

@@ -28,8 +28,7 @@ const config = {
     defaultIsRTL: false, //change this to true for default Right to Left Language support
   },
   pages: {
-    LandingPage: lazy(() => import('../pages/LandingPage/LandingPage')),
-    PageNotFound: lazy(() => import('../pages/PageNotFound/PageNotFound')),
+    ModalDemo: lazy(() => import('../pages/ModalDemo/ModalDemo')),
   },
 }
 

packages/bootstrap-shell/cra-template-bs/template/src/config/routes.js

@@ -0,0 +1,17 @@
+/* eslint-disable react/jsx-key */
+import React, { lazy } from 'react'
+// import UnauthorizedRoute from 'base-shell/lib/components/UnauthorizedRoute'
+
+const ModalDemo = lazy(() => import('../pages/ModalDemo/ModalDemo'))
+
+
+const routes = [
+  {
+    path: '/signin',
+    exact: true,
+    element: <ModalDemo redirectTo="/" />
+    ,
+  },
+]
+
+export default routes

packages/bootstrap-shell/cra-template-bs/template/src/pages/ModalDemo/ModalDemo.js

@@ -0,0 +1,18 @@
+import Page from 'bootstrap-shell/lib/containers/Page'
+import React from 'react'
+import { useIntl } from 'react-intl'
+
+const ModalDemo = () => {
+  const intl = useIntl()
+
+  return (
+    <Page
+      pageTitle={intl.formatMessage({
+        id: 'toast_demo',
+        defaultMessage: 'Toast demo',
+      })}
+    >
+    </Page>
+  )
+}
+export default ModalDemo