@corva/create-app 0.50.0-0 → 0.50.0-1

package/lib/constants/package.js

@@ -12,13 +12,13 @@ const uiDependencies = {
   'mapbox.js': '3.2.1',
   'moment': '2.29.4',
   'moment-timezone': '0.5.23',
-  'prop-types': '^15.6.1',
   'react': '17.0.1',
   'react-dom': '17.0.1',
 };
 
 const jsUiDevDependencies = {
   '@corva/dc-platform-shared': 'latest',
+  '@corva/eslint-config-browser': 'latest',
   '@testing-library/jest-dom': '^5.16.4',
   '@testing-library/react': '12.1.5',
   '@testing-library/react-hooks': '^8.0.1',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@corva/create-app",
-  "version": "0.50.0-0",
+  "version": "0.50.0-1",
   "private": false,
   "description": "Create an app to use it in CORVA.AI",
   "keywords": [

package/templates/ui/javascript/src/App.js

@@ -1,12 +1,20 @@
 import { AppHeader } from '@corva/ui/components';
-import PropTypes from 'prop-types';
-import { DEFAULT_SETTINGS } from './constants';
 
+import { DEFAULT_SETTINGS } from './constants';
 import logo from './assets/logo.svg';
+
 import styles from './App.css';
 
-function App(props) {
-  const { isExampleCheckboxChecked, appHeaderProps } = props;
+/**
+ * @param {Object} props
+ * @param {boolean} props.isExampleCheckboxChecked
+ * @param {Object} props.appHeaderProps
+ * @returns
+ */
+function App({
+  isExampleCheckboxChecked = DEFAULT_SETTINGS.isExampleCheckboxChecked,
+  appHeaderProps,
+}) {
   return (
     <div className={styles.container}>
       <AppHeader {...appHeaderProps} />
@@ -36,15 +44,6 @@ function App(props) {
   );
 }
 
-App.propTypes = {
-  isExampleCheckboxChecked: PropTypes.bool,
-  appHeaderProps: PropTypes.shape({}).isRequired,
-};
-
-App.defaultProps = {
-  ...DEFAULT_SETTINGS,
-};
-
 // Important: Do not change root component default export (App.js). Use it as container
 //  for your App. It's required to make build and zip scripts work as expected;
 export default App;

package/templates/ui/javascript/src/AppSettings.js

@@ -1,15 +1,24 @@
 import { Checkbox, FormControlLabel } from '@material-ui/core';
-import PropTypes from 'prop-types';
 
 import { DEFAULT_SETTINGS } from './constants';
 
+/**
+ * @param {Object} props
+ * @param {Object} props.app
+ * @param {Object} props.appData
+ * @param {Object} props.company
+ * @param {(key: string, value: any) => void} props.onSettingChange
+ * @param {{isExampleCheckboxChecked: boolean}} props.settings
+ * @param {Object} props.user
+ * @returns
+ */
 function AppSettings({
   settings: apiSettings,
   onSettingChange,
   // appData,
   // app,
-  // user,
-  // company,
+  // user = {},
+  // company = {},
 }) {
   const settings = { ...DEFAULT_SETTINGS, ...apiSettings };
   return (
@@ -27,22 +36,6 @@ function AppSettings({
   );
 }
 
-AppSettings.propTypes = {
-  app: PropTypes.shape({}).isRequired,
-  appData: PropTypes.shape({}).isRequired,
-  company: PropTypes.shape({}),
-  onSettingChange: PropTypes.func.isRequired,
-  settings: PropTypes.shape({
-    isExampleCheckboxChecked: PropTypes.bool,
-  }).isRequired,
-  user: PropTypes.shape({}),
-};
-
-AppSettings.defaultProps = {
-  user: {},
-  company: {},
-};
-
 // Important: Do not change root component default export (AppSettings.js). Use it as container
 //  for your App Settings. It's required to make build and zip scripts work as expected;
 export default AppSettings;

package/templates/ui/typescript/src/App.tsx

@@ -1,19 +1,22 @@
 import { AppHeader } from '@corva/ui/components';
-import PropTypes from 'prop-types';
+
 import { DEFAULT_SETTINGS } from './constants';
 
 import logo from './assets/logo.svg';
 import styles from './App.css';
 
-type Props = {
-  isExampleCheckboxChecked: boolean;
+type AppProps = {
+  isExampleCheckboxChecked?: boolean;
   appHeaderProps: {
     [key: string]: any;
     app: any;
   };
 };
 
-function App({ isExampleCheckboxChecked, appHeaderProps }: Props): JSX.Element {
+function App({
+  isExampleCheckboxChecked = DEFAULT_SETTINGS.isExampleCheckboxChecked,
+  appHeaderProps,
+}: AppProps): JSX.Element {
   return (
     <div className={styles.container}>
       <AppHeader {...appHeaderProps} />
@@ -43,15 +46,6 @@ function App({ isExampleCheckboxChecked, appHeaderProps }: Props): JSX.Element {
   );
 }
 
-App.propTypes = {
-  isExampleCheckboxChecked: PropTypes.bool,
-  appHeaderProps: PropTypes.shape({}).isRequired,
-};
-
-App.defaultProps = {
-  ...DEFAULT_SETTINGS,
-};
-
 // Important: Do not change root component default export (App.js). Use it as container
 //  for your App. It's required to make build and zip scripts work as expected;
 export default App;

package/templates/ui/typescript/src/AppSettings.tsx

@@ -2,8 +2,7 @@ import { Checkbox, FormControlLabel } from '@material-ui/core';
 
 import { DEFAULT_SETTINGS } from './constants';
 
-/* Types */
-interface AppSettingsProps {
+type AppSettingsProps = {
   app: { [key: string]: any };
   appData: { [key: string]: any };
   company: { [key: string]: any };
@@ -12,7 +11,7 @@ interface AppSettingsProps {
     isExampleCheckboxChecked: boolean;
   };
   user: { [key: string]: any };
-}
+};
 
 const AppSettings = (props: AppSettingsProps): JSX.Element => {
   const { settings: apiSettings, onSettingChange } = props;
@@ -32,10 +31,6 @@ const AppSettings = (props: AppSettingsProps): JSX.Element => {
     </div>
   );
 };
-AppSettings.defaultProps = {
-  user: {},
-  company: {},
-};
 
 // Important: Do not change root component default export (AppSettings.js). Use it as container
 //  for your App Settings. It's required to make build and zip scripts work as expected;