chem-generic-ui 0.1.47 → 0.1.48

package/src/data/SystemUnits.js

@@ -1,434 +0,0 @@
-export default {
-  SYSTEM_UNITS:
-  {
-    fields: [
-      {
-        type: 'numeric',
-        field: 'acceleration',
-        label: 'Acceleration',
-        default: '',
-        position: 10,
-        placeholder: 'acceleration',
-        units: [
-          { key: 'mm_s2', label: 'mm/s<sup>2</sup>' }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'agitation',
-        label: 'Agitation',
-        default: '',
-        position: 20,
-        placeholder: 'agitation',
-        units: [
-          { key: 'rpm', label: 'rpm' }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'amount_enzyme',
-        label: 'Amount enzyme as nmol/min',
-        default: '',
-        position: 30,
-        placeholder: 'amount enzyme as nmol/min',
-        units: [
-          { key: 'u', label: 'U', nm: 1 },
-          { key: 'mu', label: 'mU', nm: 1000 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'molarity',
-        label: 'Chem. concentration (Molarity)',
-        default: '',
-        position: 40,
-        placeholder: 'molarity',
-        units: [
-          { key: 'mol_l', label: 'mol/L (M)', nm: 1 },
-          { key: 'mmol_l', label: 'mmol/L (mM)', nm: 1000 },
-          { key: 'nmol_l', label: 'nmol/L (nM)', nm: 1000000 },
-          { key: 'pmol_l', label: 'pmol/L (pM)', nm: 1000000000 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'chem_distances',
-        label: 'Chem. distances',
-        default: '',
-        position: 50,
-        placeholder: 'Chem. distances',
-        units: [
-          { key: 'angstrom', label: 'Å' }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'concentration',
-        label: 'Concentration',
-        default: '',
-        position: 60,
-        placeholder: 'concentration',
-        units: [
-          { key: 'ng_l', label: 'ng/L', nm: 1000000 },
-          { key: 'mg_l', label: 'mg/L', nm: 1000 },
-          { key: 'g_l', label: 'g/L', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'conductivity',
-        label: 'Conductivity',
-        default: '',
-        position: 66,
-        placeholder: 'conductivity',
-        units: [
-          { key: 's_m', label: 'S/m', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'current',
-        label: 'Current',
-        default: '',
-        position: 60,
-        placeholder: 'Current',
-        units: [
-          { key: 'A', label: 'A', nm: 1 },
-          { key: 'mA', label: 'mA', nm: 1000 },
-          { key: 'uA', label: 'µA', nm: 1000000 },
-          { key: 'nA', label: 'nA', nm: 1000000000 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'degree',
-        label: 'Degree',
-        default: '',
-        position: 70,
-        placeholder: 'degree',
-        units: [
-          { key: 'degree', label: '°' }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'density',
-        label: 'Density',
-        default: '',
-        position: 75,
-        placeholder: 'density',
-        units: [
-          { key: 'g_cm3', label: 'g/cm<sup>3</sup>', nm: 1 },
-          { key: 'kg_l', label: 'kg/l', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'duration',
-        label: 'Duration',
-        default: '',
-        position: 80,
-        placeholder: 'duration',
-        units: [
-          { key: 'd', label: 'd', nm: 1 },
-          { key: 'h', label: 'h', nm: 24 },
-          { key: 'min', label: 'm', nm: 1440 },
-          { key: 's', label: 's', nm: 86400 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'elastic_modulus',
-        label: 'Elastic modulus',
-        default: '',
-        position: 86,
-        placeholder: 'Elastic modulus',
-        units: [
-          { key: 'm_pa', label: 'MPa', nm: 1 },
-          { key: 'k_pa', label: 'kPa', nm: 1000 },
-          { key: 'pa', label: 'Pa', nm: 1000000 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'electric_field',
-        label: 'Electric field',
-        default: '',
-        position: 86,
-        placeholder: 'Electric field',
-        units: [
-          { key: 'v_m', label: 'V/m', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'energy',
-        label: 'Energy',
-        default: '',
-        position: 88,
-        placeholder: 'Joule',
-        units: [
-          { key: 'j', label: 'J', nm: 1000 },
-          { key: 'k_j', label: 'kJ', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'enzyme_activity',
-        label: 'Enzyme activity',
-        default: '',
-        position: 90,
-        placeholder: 'Enzyme activity',
-        units: [
-          { key: 'u_l', label: 'U/L', nm: 1 },
-          { key: 'u_ml', label: 'U/mL', nm: 1000 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'flow_rate',
-        label: 'Flow rate',
-        default: '',
-        position: 100,
-        placeholder: 'Flow rate',
-        units: [
-          { key: 'ul_min', label: 'µl/min', nm: 1000000 },
-          { key: 'ml_min', label: 'ml/min', nm: 1000 },
-          { key: 'l_m', label: 'l/m', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'frequency',
-        label: 'Frequency',
-        default: '',
-        position: 100,
-        placeholder: 'frequency',
-        units: [
-          { key: 'hz', label: 'Hz', nm: 1000 },
-          { key: 'khz', label: 'kHz', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'heating_rate',
-        label: 'Heating rate',
-        default: '',
-        position: 106,
-        placeholder: 'heating rate',
-        units: [
-          { key: 'k_min', label: 'K/min', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'length',
-        label: 'Length',
-        default: '',
-        position: 110,
-        placeholder: 'length',
-        units: [
-          { key: 'pm', label: 'pm', nm: 100000 },
-          { key: 'nm', label: 'nm', nm: 10000 },
-          { key: 'mm', label: 'mm', nm: 1000 },
-          { key: 'cm', label: 'cm', nm: 100 },
-          { key: 'm', label: 'm', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'magnetic_flux_density',
-        label: 'Magnetic flux density/inductivity',
-        default: '',
-        position: 120,
-        placeholder: '',
-        units: [
-          { key: 'T', label: 'T', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'mass',
-        label: 'Mass',
-        default: '',
-        position: 120,
-        placeholder: 'mass',
-        units: [
-          { key: 'g', label: 'g', nm: 1 },
-          { key: 'mg', label: 'mg', nm: 1000 },
-          { key: 'ug', label: 'µg', nm: 1000000 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'mass_molecule',
-        label: 'Mass of molecule',
-        default: '',
-        position: 126,
-        placeholder: 'mass of molecule',
-        units: [
-          { key: 'dalton', label: 'D', nm: 1000 },
-          { key: 'kilo_dalton', label: 'kD', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'molecular_weight',
-        label: 'Molecular weight',
-        default: '',
-        position: 130,
-        placeholder: 'Molecular weight',
-        units: [
-          { key: 'g_mol', label: 'g/mol' }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'percentage',
-        label: 'Percentage',
-        default: '',
-        position: 136,
-        placeholder: 'percentage',
-        units: [
-          { key: 'p', label: '%', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'pressure',
-        label: 'Pressure',
-        default: '',
-        position: 140,
-        placeholder: 'pressure',
-        units: [
-          { key: 'atm', label: 'atm', nm: 1 },
-          { key: 'pa', label: 'Pa', nm: 101325 },
-          { key: 'torr', label: 'Torr', nm: 760 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'reaction_rate',
-        label: 'Reaction rate',
-        default: '',
-        position: 150,
-        placeholder: 'Reaction rate',
-        units: [
-          { key: 'mol_lmin', label: 'mol/Lmin', nm: 1 },
-          { key: 'mol_lsec', label: 'mol/Ls', nm: 60 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'specific_volume',
-        label: 'Specific Volume',
-        default: '',
-        position: 160,
-        placeholder: 'Specific Volume',
-        units: [
-          { key: 'cm3_g', label: 'cm<sup>3</sup>/g', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'speed',
-        label: 'Speed',
-        default: '',
-        position: 165,
-        placeholder: 'speed',
-        units: [
-          { key: 'cm_s', label: 'cm/s', nm: 1 },
-          { key: 'mm_s', label: 'mm/s', nm: 10 },
-          { key: 'cm_h', label: 'cm/h', nm: 3600 },
-          { key: 'mm_h', label: 'mm/h', nm: 36000 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'surface',
-        label: 'Surface',
-        default: '',
-        position: 170,
-        placeholder: 'surface',
-        units: [
-          { key: 'a_2', label: 'A<sup>2</sup>' },
-          { key: 'mm_2', label: 'mm<sup>2</sup>' },
-          { key: 'cm_2', label: 'cm<sup>2</sup>' }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'temperature',
-        label: 'Temperature',
-        default: '',
-        position: 180,
-        placeholder: 'temperature',
-        units: [
-          { key: 'C', label: '°C' },
-          { key: 'F', label: '°F' },
-          { key: 'K', label: '°K' }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'turnover_number',
-        label: 'Turnover number',
-        default: '',
-        position: 190,
-        placeholder: 'Turnover number',
-        units: [
-          { key: '1_s', label: '1/s' }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'viscosity',
-        label: 'Dynamic Viscosity',
-        default: '',
-        position: 200,
-        placeholder: 'Dynamic Viscosity',
-        units: [
-          { key: 'pas', label: 'Pas', nm: 1 },
-          { key: 'mpas', label: 'mPas', nm: 1000 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'kinematic_viscosity',
-        label: 'Kinematic Viscosity',
-        default: '',
-        position: 205,
-        placeholder: 'Kinematic Viscosity',
-        units: [
-          { key: 'm2_s', label: 'm<sup>2</sup>/s', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'voltage',
-        label: 'Voltage',
-        default: '',
-        position: 200,
-        placeholder: 'voltage',
-        units: [
-          { key: 'mv', label: 'mV', nm: 1000 },
-          { key: 'v', label: 'V', nm: 1 }
-        ]
-      },
-      {
-        type: 'numeric',
-        field: 'volumes',
-        label: 'Volumes',
-        default: '',
-        position: 210,
-        placeholder: 'volume',
-        units: [
-          { key: 'l', label: 'l', nm: 1 },
-          { key: 'ml', label: 'ml', nm: 1000 },
-          { key: 'ul', label: 'µl', nm: 1000000 },
-          { key: 'nl', label: 'nl', nm: 1000000000 }
-        ]
-      }
-    ]
-  }
-};

package/src/index.html

@@ -1 +0,0 @@
-<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/> <meta name="theme-color" content="#000000"/> <title>React with Webpack and Babel</title> </head> <body> <noscript> You need to enable JavaScript to run this app. </noscript> <div id="generic"> </div> </body> </html>

package/src/index.js

@@ -1,45 +0,0 @@
-/* eslint-disable no-unused-vars */
-import React from 'react';
-import ReactDOM from 'react-dom';
-// import 'bootstrap/dist/css/bootstrap.min.css';
-import './index.css';
-//import 'bootstrap/dist/css/bootstrap.min.css';
-// import 'bootstrap/dist/css/bootstrap.css'; Paggy
-
-
-// import 'bootstrap/dist/css/bootstrap.css';
-// import 'bootstrap/dist/css/bootstrap-theme.css';
-
-// import 'bootstrap/dist/css/bootstrap.min.css';
-// import App from './App';
-// import reportWebVitals from './reportWebVitals';
-
-// import { ElementManager, GenPropertiesText } from './components/admin/ElementManager';
-import { ElementManager, GenDSMisType, GenericDSDetails, SegmentDetails } from './app';
-import SimuDS from './simulations/SimuDS';
-import SimuSG from './simulations/SimuSG';
-
-// export { ElementManager, GenPropertiesText };
-
-ReactDOM.render(
-  <div>
-    <ElementManager elements={[]} element={{}} />
-    <GenDSMisType uiCtrl />
-    <SimuDS />
-    <SimuSG />
-  </div>
-  ,
-  document.getElementById('generic')
-);
-
-module.hot.accept();
-// function App() {
-//   return (
-//     <div>
-//       Project A
-//       <ElementManager />
-//     </div>
-//   );
-// }
-
-// export default App;

package/src/simulations/SimuDS.js

@@ -1,52 +0,0 @@
-import React, { Component } from 'react';
-import GenericDSDetails from '../components/details/GenDSDetails';
-
-class SimuDS extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      genericDS: {}, klass: {}
-    };
-    this.handleChange = this.handleChange.bind(this);
-  }
-
-  componentDidMount() {
-    fetch('ds_details.json', { headers: { 'Content-Type': 'application/json', Accept: 'application/json' } })
-      .then(response => response.json()).then((json) => {
-        fetch('ds_klass.json', { headers: { 'Content-Type': 'application/json', Accept: 'application/json' } })
-          .then(response => response.json()).then((kjson) => {
-            this.setState({ genericDS: json, klass: kjson });
-          })
-          .catch((errorMessage) => {
-            console.log(errorMessage);
-          });
-      })
-      .catch((errorMessage) => {
-        console.log(errorMessage);
-      });
-  }
-
-  handleChange(newObj) {
-    this.setState({ genericDS: newObj });
-  }
-
-  render() {
-    const { genericDS, klass } = this.state;
-    return (
-      <div>
-        <h2>GenericDSDetails</h2>
-        <div>
-          <GenericDSDetails
-            uiCtrl
-            genericDS={genericDS}
-            klass={klass}
-            kind="1H NMR"
-            onChange={this.handleChange}
-          />
-        </div>
-      </div>
-    );
-  }
-}
-
-export default SimuDS;

package/src/simulations/SimuSG.js

@@ -1,54 +0,0 @@
-import React, { Component } from 'react';
-import { DragDropContext } from 'react-dnd';
-import HTML5Backend from 'react-dnd-html5-backend';
-import SegmentDetails from '../components/details/GenSgDetails';
-
-class SimuSG extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      segment: {}, klass: {}
-    };
-    this.handleChange = this.handleChange.bind(this);
-  }
-
-  componentDidMount() {
-    fetch('sg_details.json', { headers: { 'Content-Type': 'application/json', Accept: 'application/json' } })
-      .then(response => response.json()).then((json) => {
-        console.log(json);
-        fetch('sg_klass.json', { headers: { 'Content-Type': 'application/json', Accept: 'application/json' } })
-          .then(response => response.json()).then((kjson) => {
-            this.setState({ segment: json, klass: kjson });
-          })
-          .catch((errorMessage) => {
-            console.log(errorMessage);
-          });
-      })
-      .catch((errorMessage) => {
-        console.log(errorMessage);
-      });
-  }
-
-  handleChange(newObj) {
-    this.setState({ segment: newObj });
-  }
-
-  render() {
-    const { segment, klass } = this.state;
-    return (
-      <div>
-        <h2>SegmentDetails</h2>
-        <div>
-          <SegmentDetails
-            uiCtrl
-            segment={segment}
-            klass={klass}
-            onChange={this.handleChange}
-          />
-        </div>
-      </div>
-    );
-  }
-}
-
-export default DragDropContext(HTML5Backend)(SimuSG);

package/webpack.config.js

@@ -1,46 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-
-module.exports = {
-  mode: 'production',
-  entry: {
-    index: [
-      './src/index.js',
-      // './asserts/bootstrap.min.css',
-      // './asserts/bootstrap-theme.min.css'
-    ]
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(js|jsx)$/,
-        exclude: /node_modules/,
-        use: {
-          loader: "babel-loader",
-          options: {
-            presets: ['@babel/preset-env', '@babel/preset-react']
-          }
-        }
-      },
-      {
-        test: /\.css$/,
-        use: [
-          'style-loader',
-          'css-loader',
-          'sass-loader'
-        ]
-      }
-    ],
-  },
-  resolve: {
-    extensions: ['*', '.js', '.jsx'],
-  },
-  output: {
-    path: path.resolve(__dirname, './dist'),
-    filename: 'bundle.js',
-  },
-  devServer: {
-    static: path.resolve(__dirname, './dist'),
-    hot: true,
-  },
-};