Version 1.2.3 - Fixed bug with imports

package.json

@@ -10,31 +10,37 @@
 		"duration-picker",
 		"durations"
 	],
-	"version": "1.2.2",
+	"version": "1.2.3",
 	"license": "MIT",
 	"main": "dist/index.js",
 	"author": "tran-simon",
 	"repository": "https://github.com/tran-simon/material-duration-picker",
 	"peerDependencies": {
 		"@material-ui/core": "^4.9.1",
-		"@types/react": "^16.9.0",
+		"@types/react": "^16.8.4",
 		"@types/react-dom": "^16.9.0",
-		"react": "^16.0.0",
-		"react-dom": "^16.0.0"
+		"react": "^16.8.4",
+		"react-dom": "^16.8.4"
 	},
 	"devDependencies": {
+		"@material-ui/core": "^4.9.1",
 		"@testing-library/jest-dom": "^5.12.0",
 		"@testing-library/react": "^11.2.6",
 		"@types/jest": "^26.0.23",
 		"@types/node": "^12.0.0",
+		"@types/react": "^16.8.4",
+		"@types/react-dom": "^16.9.0",
+		"react": "^16.8.4",
+		"react-dom": "^16.8.4",
 		"ts-jest": "^26.5.5",
 		"typescript": "^4.2.4"
 	},
 	"scripts": {
 		"build": "tsc",
 		"start": "tsc -w",
 		"test": "jest",
-		"clean": "rm -rf dist"
+		"clean": "rm -rf dist",
+		"deploy": "npm run clean && npm install && npm run build && npm run test && npm publish"
 	},
 	"files": [
 		"dist"

src/__tests__/__snapshots__/durationFieldsContainer.test.tsx.snap

@@ -11,12 +11,6 @@ exports[`DurationFieldsContainer can match snapshot 1`] = `
       <div
         class="MuiFormControl-root MuiTextField-root"
       >
-        <label
-          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
-          data-shrink="true"
-        >
-          Minutes
-        </label>
         <div
           class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
         >
@@ -36,12 +30,6 @@ exports[`DurationFieldsContainer can match snapshot 1`] = `
       <div
         class="MuiFormControl-root MuiTextField-root"
       >
-        <label
-          class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiFormLabel-filled"
-          data-shrink="true"
-        >
-          Seconds
-        </label>
         <div
           class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-formControl MuiInput-formControl"
         >

src/__tests__/durationFieldsContainer.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render, waitFor, screen, fireEvent} from '@testing-library/react'
 import {DurationFieldsContainer, DurationFieldsContainerProps} from "../durationFieldsContainer";
 

src/durationDialog.tsx

@@ -1,4 +1,5 @@
-import React, {useEffect, useState} from "react";
+import * as React from 'react'
+import {useEffect, useState} from 'react'
 import {Button, Dialog, DialogActions, DialogContent, DialogProps, Toolbar, Typography, useTheme} from "@material-ui/core";
 import {DurationType, DurationView, Labels} from "./types";
 import {DurationFieldsContainer, DurationFieldsContainerProps} from "./durationFieldsContainer";

src/durationField.tsx

@@ -1,5 +1,6 @@
 import {TextField, TextFieldProps} from "@material-ui/core";
-import React, {useEffect, useState} from "react";
+import * as React from 'react'
+import {useEffect, useState} from "react";
 
 export type DurationFieldProps = TextFieldProps & {
   value: number | null

src/durationFieldsContainer.tsx

@@ -1,9 +1,10 @@
 import {Grid, GridProps} from '@material-ui/core';
-import React, {Dispatch} from 'react'
+import * as React from 'react'
+import {Dispatch} from 'react'
 import {DurationField, DurationFieldProps} from "./durationField";
 import {DurationType, DurationView, Labels} from "./types";
 import DefaultLabels from "./defaultLabelsEn.json";
-import {getDurationOverflow, VIEWS} from "./utils";
+import {getDurationOverflow} from "./utils";
 
 
 export type DurationFieldsContainerProps = {

src/durationPicker.tsx

@@ -1,4 +1,5 @@
-import React, {useState} from "react";
+import * as React from 'react'
+import {useState} from "react";
 import {TextField, TextFieldProps} from "@material-ui/core";
 import {durationToTime, timeToDuration} from "./utils";
 import {DurationDialog, DurationDialogProps} from "./durationDialog";

tsconfig.json

@@ -13,7 +13,7 @@
     "strict": true,
     "forceConsistentCasingInFileNames": true,
     "noFallthroughCasesInSwitch": true,
-    "module": "CommonJS",
+    "module": "esnext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,