dantman

	render() {
		const {styles, onLogout} = this;
		const {onOverlayStateChanged} = this;
		const {materialTheme, sections: rawSections, navigation, screenProps: {statusBarHeight}, user, activeCompany, company, teams} = this.props;
		const {overlayOpen} = this.state;
		const sections = navigation.state.routes::groupBy((route) => this._getScreenOptions(route.key).drawerSection);
		const {companyList=[]} = user || {};
		const children = [];
		let first = true;

dantman

export default class App extends PureComponent {
	state = {
		statusBarHeight: Platform.OS === 'android'
			? StatusBar.currentHeight || (Platform.Version < 23 ? 25 : 24)
			: 0,
	};

	render() {
		const {styles} = this;

dantman

React Native Material Design/Kit merge plan

Take components from react-native-material-design and react-native-material-kit and create a new library to replace both.

Ripple

Deciding how to handle ripples will be very important as both do it differently.

rnmd does it using a Ripple polyfill:

• Pro: The native touchable feedback is used where available.

dantman

import React, {PureComponent} from 'react';
import {View} from 'react-native';
import Styles from './Styles';

@Styles({
  root: {
    // ...
  },
})
export default class Example extends PureComponent {

dantman

'use strict';
import Promise from 'bluebird';
import { map, clone } from 'lodash';
import Client_SQLite3 from 'knex/lib/dialects/sqlite3';

export default class Client_ReactNativeSqliteStorage extends Client_SQLite3 {
	dialect: 'sqlite';
	driverName = 'react-native-sqlite-storage';

	_driver() {

dantman

html {
  font-size: 14px;
}

/**
 * PostCSS
 * Use a custom PostCSS to convert #sp to rems by dividing the number by 14 and expressing it as #rem
 */

body {

dantman

		.transform(transformTools.makeRequireTransform(
			{evaluateArguments: true},
			(args, opts, cb) => {
				if ( args[0] === "is-browser" ) {
					return cb(null, 'true');
				} else {
					return cb();
				}
			}))

dantman

		.transform(transformTools.makeStringTransform(
			'regenerator-runtimeify',
			{jsFilesOnly: true},
			(contents, transformOptions, done) => {
				if ( contents.includes('regeneratorRuntime') ) {
					contents = contents.replace(
						/(['"']use strict['"'];?\n?)/,
						"$1\nvar regeneratorRuntime = require('regenerator/runtime');\n");
				}

dantman

{
	"presets": ["es2015", "stage-1"]
}

dantman

diff --git a/client.js b/client.js
index 9deb594..44488de 100644
--- a/client.js
+++ b/client.js
@@ -282,7 +282,7 @@ function inlineContent(html, css, options) {
 function getStylesData($, options) {
   var results = [];
   var stylesList = $("style");
-  var styleDataList, styleData, styleElement;
+  var styleDataList, styleData, styleElement, filterResult;