WIP - updates

.prettierrc.json

@@ -0,0 +1,7 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "printWidth": 120
+}

babel.config.js

@@ -0,0 +1,23 @@
+module.exports = (api, targets) => {
+  // https://babeljs.io/docs/en/config-files#config-function-api
+  const isTestEnv = api.env('test')
+
+  return {
+    babelrc: false,
+    ignore: ['./node_modules'],
+    presets: [
+      [
+        '@babel/preset-env',
+        {
+          loose: true,
+          modules: isTestEnv ? 'commonjs' : false,
+          targets: isTestEnv ? { node: 'current' } : targets,
+        },
+      ],
+    ],
+    plugins: [
+      '@babel/plugin-transform-react-jsx',
+      ['@babel/plugin-transform-typescript', { isTSX: true }],
+    ],
+  }
+}

example/Basic.tsx

@@ -1,65 +1,64 @@
-import * as moment from "moment";
-import * as React from "react";
-import { Component } from "react";
-import Scheduler, {
-    SchedulerData,
-    SchedulerViewTypes,
-} from "../src/Scheduler";
-import { DemoData } from "./DemoData";
-import * as ExampleFunction from "./ExampleFunctions";
-import Nav from "./Nav";
-import Tips from "./Tips";
-import ViewSrcCode from "./ViewSrcCode";
-import withDragDropContext from "./withDnDContext";
+import * as moment from 'moment';
+import * as React from 'react';
+import { Component } from 'react';
+import { SchedulerData, Scheduler, SchedulerViewTypes } from '../lib';
+import { DemoData } from './DemoData';
+import * as ExampleFunction from './ExampleFunctions';
+import Nav from './Nav';
+import Tips from './Tips';
+import ViewSrcCode from './ViewSrcCode';
+import withDragDropContext from './withDnDContext';
 
 interface IBasicState {
-    viewModel: SchedulerData;
+  viewModel: any;
 }
 
 class Basic extends Component<{}, IBasicState> {
-    constructor(props: Readonly<{}>) {
-        super(props);
-        const schedulerData = new SchedulerData(ExampleFunction.getNow(), SchedulerViewTypes.Week);
-        // To set locale
-        moment.locale("en");
-        const demoData = DemoData;
-        schedulerData.setResources(demoData.resources);
-        schedulerData.setEvents(DemoData.events);
-        this.state = {
-            viewModel: schedulerData,
-        };
-    }
-    public render() {
-        const { viewModel } = this.state;
-        return (
-            <div>
-                <Nav />
-                <div>
-                    <h3 style={{ textAlign: "center" }}>Basic example<ViewSrcCode
-                        srcCodeUrl="https://github.com/StephenChou1017/react-big-scheduler/blob/master/example/Basic.js"/>
-                    </h3>
-                    <Scheduler schedulerData={viewModel}
-                        prevClick={ExampleFunction.prevClick.bind(this)}
-                        nextClick={ExampleFunction.nextClick.bind(this)}
-                        onSelectDate={ExampleFunction.onSelectDate.bind(this)}
-                        onViewChange={ExampleFunction.onViewChange.bind(this)}
-                        eventItemClick={ExampleFunction.eventClicked.bind(this)}
-                        viewEventClick={ExampleFunction.ops1.bind(this)}
-                        viewEventText="Ops 1"
-                        viewEvent2Text="Ops 2"
-                        viewEvent2Click={ExampleFunction.ops2.bind(this)}
-                        updateEventStart={ExampleFunction.updateEventStart.bind(this)}
-                        updateEventEnd={ExampleFunction.updateEventEnd.bind(this)}
-                        moveEvent={ExampleFunction.moveEvent.bind(this)}
-                        newEvent={ExampleFunction.newEvent.bind(this)}
-                        toggleExpandFunc={ExampleFunction.toggleExpandFunc.bind(this)}
-                        onSetAddMoreState={ExampleFunction.onSetAddMoreState.bind(this)}
-                    />
-                </div>
-                <Tips />
-            </div>
-        );
-    }
+  constructor(props: Readonly<{}>) {
+    super(props);
+    const schedulerData = new SchedulerData(ExampleFunction.getNow(), SchedulerViewTypes.Week);
+    // To set locale
+    moment.locale('en');
+    const demoData = DemoData;
+    schedulerData.setResources(demoData.resources);
+    schedulerData.setEvents(DemoData.events);
+    this.state = {
+      viewModel: schedulerData,
+    };
+  }
+  public render() {
+    const { viewModel } = this.state;
+    return (
+      <div>
+        <Nav />
+        <div>
+          <h3 style={{ textAlign: 'center' }}>
+            Basic example
+            <ViewSrcCode srcCodeUrl="https://github.com/StephenChou1017/react-big-scheduler/blob/master/example/Basic.js" />
+          </h3>
+          <Scheduler
+            schedulerData={viewModel}
+            prevClick={ExampleFunction.prevClick.bind(this)}
+            nextClick={ExampleFunction.nextClick.bind(this)}
+            onSelectDate={ExampleFunction.onSelectDate.bind(this)}
+            onViewChange={ExampleFunction.onViewChange.bind(this)}
+            eventItemClick={ExampleFunction.eventClicked.bind(this)}
+            viewEventClick={ExampleFunction.ops1.bind(this)}
+            viewEventText="Ops 1"
+            viewEvent2Text="Ops 2"
+            viewEvent2Click={ExampleFunction.ops2.bind(this)}
+            updateEventStart={ExampleFunction.updateEventStart.bind(this)}
+            updateEventEnd={ExampleFunction.updateEventEnd.bind(this)}
+            moveEvent={ExampleFunction.moveEvent.bind(this)}
+            newEvent={ExampleFunction.newEvent.bind(this)}
+            toggleExpandFunc={ExampleFunction.toggleExpandFunc.bind(this)}
+            onSetAddMoreState={ExampleFunction.onSetAddMoreState.bind(this)}
+          />
+        </div>
+        <Tips />
+      </div>
+    );
+  }
 }
 
 export default withDragDropContext(Basic);