@coorpacademy/app-review 0.0.10 → 0.0.11

package/es/index.js

@@ -3,13 +3,13 @@ import { connect, Provider } from 'react-redux';
 import configureStore from './configure-store';
 import { navigateTo, navigateBack } from './actions/navigation';
 import { getCurrentViewName } from './reducers/navigation';
-import RootView from './components/root-view';
+import AppReviewRootView from '@coorpacademy/components';
 // -----------------------------------------------------------------------------
 const mapStateToProps = (state, ownProps) => {
     return { ...ownProps, viewName: getCurrentViewName(state) };
 };
 const mapDispatchToProps = { navigateTo, navigateBack };
-const App = connect(mapStateToProps, mapDispatchToProps)(RootView);
+const App = connect(mapStateToProps, mapDispatchToProps)(AppReviewRootView);
 // -----------------------------------------------------------------------------
 const AppRevision = ({ services }) => {
     const [store, setStore] = useState(null);

package/lib/index.js

@@ -16,13 +16,13 @@ var react_redux_1 = require("react-redux");
 var configure_store_1 = require("./configure-store");
 var navigation_1 = require("./actions/navigation");
 var navigation_2 = require("./reducers/navigation");
-var root_view_1 = require("./components/root-view");
+var components_1 = require("@coorpacademy/components");
 // -----------------------------------------------------------------------------
 var mapStateToProps = function (state, ownProps) {
     return __assign(__assign({}, ownProps), { viewName: (0, navigation_2.getCurrentViewName)(state) });
 };
 var mapDispatchToProps = { navigateTo: navigation_1.navigateTo, navigateBack: navigation_1.navigateBack };
-var App = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(root_view_1.default);
+var App = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(components_1.default);
 // -----------------------------------------------------------------------------
 var AppRevision = function (_a) {
     var services = _a.services;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/app-review",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "",
   "type": "module",
   "engines": {
@@ -36,6 +36,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
+    "@coorpacademy/components": "^10.19.4",
     "react": "^17.0.2",
     "react-native": "0.68.1",
     "react-redux": "^8.0.1",
@@ -54,5 +55,5 @@
     "redux-devtools-extension": "^2.13.9",
     "typescript": "^4.6.4"
   },
-  "gitHead": "60a05637c27cbcae438fa31d147462672d2b200d"
+  "gitHead": "63fcd6d77ab00f3a62d0349e1d4ea9d155df775d"
 }

package/src/index.tsx

@@ -4,7 +4,7 @@ import {connect, Provider} from 'react-redux';
 import configureStore from './configure-store';
 import {navigateTo, navigateBack} from './actions/navigation';
 import {getCurrentViewName} from './reducers/navigation';
-import RootView from './components/root-view';
+import AppReviewRootView from '@coorpacademy/components';
 
 // -----------------------------------------------------------------------------
 
@@ -13,7 +13,7 @@ const mapStateToProps = (state, ownProps) => {
 };
 
 const mapDispatchToProps = {navigateTo, navigateBack};
-const App = connect(mapStateToProps, mapDispatchToProps)(RootView);
+const App = connect(mapStateToProps, mapDispatchToProps)(AppReviewRootView);
 
 // -----------------------------------------------------------------------------
 

package/es/components/root-view.d.ts

@@ -1,6 +0,0 @@
-declare const RootView: ({ viewName, navigateTo }: {
-    viewName: any;
-    navigateTo: any;
-}) => JSX.Element;
-export default RootView;
-//# sourceMappingURL=root-view.d.ts.map

package/es/components/root-view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"root-view.d.ts","sourceRoot":"","sources":["../../src/components/root-view.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,QAAQ;;;iBAWb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/es/components/root-view.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import styles from './root-view.modules.css';
-// -----------------------------------------------------------------------------
-const Button = (props) => React.createElement("p", { ...props, className: styles.textButton });
-// -----------------------------------------------------------------------------
-const RootView = ({ viewName, navigateTo }) => {
-    switch (viewName) {
-        case 'home':
-            return React.createElement(Button, { onClick: () => navigateTo('onboarding') }, "view home");
-        case 'onboarding':
-            return React.createElement(Button, { onClick: () => navigateTo('quizzer') }, "view onboarding");
-        case 'quizzer':
-            return React.createElement(Button, { onClick: () => navigateTo('home') }, "view quizzer");
-        default:
-            return React.createElement(Button, null, "view (none selected)");
-    }
-};
-// -----------------------------------------------------------------------------
-export default RootView;

package/es/components/root-view.native.d.ts

@@ -1,3 +0,0 @@
-declare const RootView: (props: any) => JSX.Element;
-export default RootView;
-//# sourceMappingURL=root-view.native.d.ts.map

package/es/components/root-view.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"root-view.native.d.ts","sourceRoot":"","sources":["../../src/components/root-view.native.tsx"],"names":[],"mappings":"AA8CA,QAAA,MAAM,QAAQ,6BAkBb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/es/components/root-view.native.js

@@ -1,44 +0,0 @@
-import React, { useEffect } from 'react';
-import { Text, StyleSheet, Pressable, View, BackHandler } from 'react-native';
-// -----------------------------------------------------------------------------
-const styles = StyleSheet.create({
-    rootView: {
-        flex: 1,
-        alignItems: 'center',
-        justifyContent: 'center'
-    }
-});
-// -----------------------------------------------------------------------------
-const NavText = ({ viewName, navigateTo }) => {
-    switch (viewName) {
-        case 'home':
-            return (React.createElement(Pressable, { onPress: () => {
-                    navigateTo('onboarding');
-                } },
-                React.createElement(Text, null, "view home")));
-        case 'onboarding':
-            return (React.createElement(Pressable, { onPress: () => navigateTo('quizzer') },
-                React.createElement(Text, null, "view onboarding")));
-        case 'quizzer':
-            return (React.createElement(Pressable, { onPress: () => navigateTo('home') },
-                React.createElement(Text, null, "view quizzer")));
-        default:
-            return React.createElement(Text, null, "view (none selected)");
-    }
-};
-// -----------------------------------------------------------------------------
-const RootView = (props) => {
-    const backAction = () => {
-        props.navigateBack();
-        return true;
-    };
-    useEffect(() => {
-        // https://reactnative.dev/docs/backhandler
-        const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);
-        return () => backHandler.remove();
-    }, []);
-    return (React.createElement(View, { style: styles.rootView },
-        React.createElement(NavText, { viewName: props.viewName, navigateTo: props.navigateTo })));
-};
-// -----------------------------------------------------------------------------
-export default RootView;

package/lib/components/root-view.d.ts

@@ -1,6 +0,0 @@
-declare const RootView: ({ viewName, navigateTo }: {
-    viewName: any;
-    navigateTo: any;
-}) => JSX.Element;
-export default RootView;
-//# sourceMappingURL=root-view.d.ts.map

package/lib/components/root-view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"root-view.d.ts","sourceRoot":"","sources":["../../src/components/root-view.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,QAAQ;;;iBAWb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/lib/components/root-view.js

@@ -1,33 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var root_view_modules_css_1 = require("./root-view.modules.css");
-// -----------------------------------------------------------------------------
-var Button = function (props) { return react_1.default.createElement("p", __assign({}, props, { className: root_view_modules_css_1.default.textButton })); };
-// -----------------------------------------------------------------------------
-var RootView = function (_a) {
-    var viewName = _a.viewName, navigateTo = _a.navigateTo;
-    switch (viewName) {
-        case 'home':
-            return react_1.default.createElement(Button, { onClick: function () { return navigateTo('onboarding'); } }, "view home");
-        case 'onboarding':
-            return react_1.default.createElement(Button, { onClick: function () { return navigateTo('quizzer'); } }, "view onboarding");
-        case 'quizzer':
-            return react_1.default.createElement(Button, { onClick: function () { return navigateTo('home'); } }, "view quizzer");
-        default:
-            return react_1.default.createElement(Button, null, "view (none selected)");
-    }
-};
-// -----------------------------------------------------------------------------
-exports.default = RootView;

package/lib/components/root-view.native.d.ts

@@ -1,3 +0,0 @@
-declare const RootView: (props: any) => JSX.Element;
-export default RootView;
-//# sourceMappingURL=root-view.native.d.ts.map

package/lib/components/root-view.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"root-view.native.d.ts","sourceRoot":"","sources":["../../src/components/root-view.native.tsx"],"names":[],"mappings":"AA8CA,QAAA,MAAM,QAAQ,6BAkBb,CAAC;AAIF,eAAe,QAAQ,CAAC"}

package/lib/components/root-view.native.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var react_native_1 = require("react-native");
-// -----------------------------------------------------------------------------
-var styles = react_native_1.StyleSheet.create({
-    rootView: {
-        flex: 1,
-        alignItems: 'center',
-        justifyContent: 'center'
-    }
-});
-// -----------------------------------------------------------------------------
-var NavText = function (_a) {
-    var viewName = _a.viewName, navigateTo = _a.navigateTo;
-    switch (viewName) {
-        case 'home':
-            return (react_1.default.createElement(react_native_1.Pressable, { onPress: function () {
-                    navigateTo('onboarding');
-                } },
-                react_1.default.createElement(react_native_1.Text, null, "view home")));
-        case 'onboarding':
-            return (react_1.default.createElement(react_native_1.Pressable, { onPress: function () { return navigateTo('quizzer'); } },
-                react_1.default.createElement(react_native_1.Text, null, "view onboarding")));
-        case 'quizzer':
-            return (react_1.default.createElement(react_native_1.Pressable, { onPress: function () { return navigateTo('home'); } },
-                react_1.default.createElement(react_native_1.Text, null, "view quizzer")));
-        default:
-            return react_1.default.createElement(react_native_1.Text, null, "view (none selected)");
-    }
-};
-// -----------------------------------------------------------------------------
-var RootView = function (props) {
-    var backAction = function () {
-        props.navigateBack();
-        return true;
-    };
-    (0, react_1.useEffect)(function () {
-        // https://reactnative.dev/docs/backhandler
-        var backHandler = react_native_1.BackHandler.addEventListener('hardwareBackPress', backAction);
-        return function () { return backHandler.remove(); };
-    }, []);
-    return (react_1.default.createElement(react_native_1.View, { style: styles.rootView },
-        react_1.default.createElement(NavText, { viewName: props.viewName, navigateTo: props.navigateTo })));
-};
-// -----------------------------------------------------------------------------
-exports.default = RootView;

package/src/components/root-view.modules.css

@@ -1,8 +0,0 @@
-.textButton {
-  background-color: aquamarine;
-  padding: 20px;
-  border-radius: 10px;
-  user-select: none;
-  cursor: pointer;
-  font-size: 25px;
-}

package/src/components/root-view.native.tsx

@@ -1,69 +0,0 @@
-import React, {useEffect} from 'react';
-import {Text, StyleSheet, Pressable, View, BackHandler} from 'react-native';
-
-// -----------------------------------------------------------------------------
-
-const styles = StyleSheet.create({
-  rootView: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-
-// -----------------------------------------------------------------------------
-
-const NavText = ({viewName, navigateTo}) => {
-  switch (viewName) {
-    case 'home':
-      return (
-        <Pressable
-          onPress={() => {
-            navigateTo('onboarding');
-          }}
-        >
-          <Text>view home</Text>
-        </Pressable>
-      );
-    case 'onboarding':
-      return (
-        <Pressable onPress={() => navigateTo('quizzer')}>
-          <Text>view onboarding</Text>
-        </Pressable>
-      );
-    case 'quizzer':
-      return (
-        <Pressable onPress={() => navigateTo('home')}>
-          <Text>view quizzer</Text>
-        </Pressable>
-      );
-    default:
-      return <Text>view (none selected)</Text>;
-  }
-};
-
-// -----------------------------------------------------------------------------
-
-const RootView = (props) => {
-  const backAction = () => {
-    props.navigateBack();
-    return true;
-  };
-
-  useEffect(() => {
-    // https://reactnative.dev/docs/backhandler
-    const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);
-
-    return () => backHandler.remove();
-  }, []);
-
-  return (
-    <View style={styles.rootView}>
-      <NavText viewName={props.viewName} navigateTo={props.navigateTo} />
-    </View>
-  );
-};
-
-// -----------------------------------------------------------------------------
-
-export default RootView;

package/src/components/root-view.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import styles from './root-view.modules.css';
-
-// -----------------------------------------------------------------------------
-
-const Button = (props) => <p {...props} className={styles.textButton} />;
-
-// -----------------------------------------------------------------------------
-
-const RootView = ({viewName, navigateTo}) => {
-  switch (viewName) {
-    case 'home':
-      return <Button onClick={() => navigateTo('onboarding')}>view home</Button>;
-    case 'onboarding':
-      return <Button onClick={() => navigateTo('quizzer')}>view onboarding</Button>;
-    case 'quizzer':
-      return <Button onClick={() => navigateTo('home')}>view quizzer</Button>;
-    default:
-      return <Button>view (none selected)</Button>;
-  }
-};
-
-// -----------------------------------------------------------------------------
-
-export default RootView;