dha-breathing-exercise
Advanced tools
Comparing version 1.1.1 to 1.2.0
@@ -0,0 +0,0 @@ import React from 'react'; |
@@ -39,3 +39,3 @@ "use strict"; | ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || | ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; | ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; | ||
return extendStatics(d, b); | ||
@@ -53,2 +53,3 @@ }; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
exports.BreathingExercise = void 0; | ||
var dha_assets_1 = require("dha-assets"); | ||
@@ -55,0 +56,0 @@ var react_1 = __importDefault(require("react")); |
@@ -0,0 +0,0 @@ import { WithStyles } from '@material-ui/core'; |
@@ -65,3 +65,3 @@ "use strict"; | ||
react_1.default.createElement(core_1.Typography, null, "Cycles"), | ||
react_1.default.createElement(core_1.CircularProgress, { size: 75, value: cyclesCountPercentValue, variant: "static" }))), | ||
react_1.default.createElement(core_1.CircularProgress, { size: 75, value: cyclesCountPercentValue, variant: "determinate" }))), | ||
react_1.default.createElement(core_1.CircularProgress, { thickness: 4, classes: { | ||
@@ -71,3 +71,3 @@ circleStatic: classes.inhaleExhaleCircularProgressStatic, | ||
svg: classes.inhaleExhaleCircularProgressSvg, | ||
}, value: inhaleExhalePercentValue, variant: "static" })), | ||
}, value: inhaleExhalePercentValue, variant: "determinate" })), | ||
react_1.default.createElement(core_1.Button, { className: classes.btn, color: "primary", onClick: onStopBreathingClick, variant: "contained" }, "Stop"), | ||
@@ -74,0 +74,0 @@ displayStartOrPauseButton(), |
import { Theme } from '@material-ui/core'; | ||
declare const _default: (theme: Theme) => Record<"root" | "btn" | "btnLink" | "cyclesCount" | "inhaleExhaleCircularProgressRoot" | "inhaleExhaleCircularProgressStatic" | "inhaleExhaleCircularProgressSvg" | "inhaleExhaleRoot" | "inhaleExhaleSeconds" | "inhaleExhaleText" | "@media (min-width: 600px)", import("@material-ui/styles").CSSProperties | (() => import("@material-ui/styles").CSSProperties)>; | ||
declare const _default: (theme: Theme) => Record<"root" | "btn" | "btnLink" | "cyclesCount" | "inhaleExhaleCircularProgressRoot" | "inhaleExhaleCircularProgressStatic" | "inhaleExhaleCircularProgressSvg" | "inhaleExhaleRoot" | "inhaleExhaleSeconds" | "inhaleExhaleText" | "@media (min-width: 600px)", import("@material-ui/styles").CSSProperties | import("@material-ui/styles").CreateCSSProperties<{}> | import("@material-ui/styles").PropsFunc<{}, import("@material-ui/styles").CreateCSSProperties<{}>>>; | ||
export default _default; |
@@ -0,0 +0,0 @@ "use strict"; |
export { BreathingExercise } from './components/BreathingExercise/BreathingExercise'; |
@@ -35,3 +35,4 @@ "use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
exports.BreathingExercise = void 0; | ||
var BreathingExercise_1 = require("./components/BreathingExercise/BreathingExercise"); | ||
exports.BreathingExercise = BreathingExercise_1.BreathingExercise; | ||
Object.defineProperty(exports, "BreathingExercise", { enumerable: true, get: function () { return BreathingExercise_1.BreathingExercise; } }); |
{ | ||
"name": "dha-breathing-exercise", | ||
"version": "1.1.1", | ||
"version": "1.2.0", | ||
"author": "Arnold Koh", | ||
@@ -33,39 +33,39 @@ "description": "DHA SDK breathing exercise", | ||
"peerDependencies": { | ||
"@material-ui/core": "^4.8.3", | ||
"@material-ui/core": "^4.11.2", | ||
"dha-assets": "^1.1.5", | ||
"react": "^16.12.0", | ||
"react-dom": "^16.12.0" | ||
"react": "^16.13.1", | ||
"react-dom": "^16.13.1" | ||
}, | ||
"devDependencies": { | ||
"@material-ui/core": "^4.8.3", | ||
"@types/enzyme": "^3.10.4", | ||
"@types/enzyme-adapter-react-16": "^1.0.5", | ||
"@types/jest": "^24.0.25", | ||
"@types/material-ui": "^0.21.7", | ||
"@types/node": "^12.12.24", | ||
"@types/react": "^16.9.17", | ||
"@types/react-dom": "^16.9.4", | ||
"@material-ui/core": "^4.11.2", | ||
"@types/enzyme": "^3.10.8", | ||
"@types/enzyme-adapter-react-16": "^1.0.6", | ||
"@types/jest": "^26.0.19", | ||
"@types/material-ui": "^0.21.8", | ||
"@types/node": "^14.14.14", | ||
"@types/react": "^16.9.35", | ||
"@types/react-dom": "^16.9.8", | ||
"dha-assets": "^1.1.5", | ||
"enzyme": "^3.11.0", | ||
"enzyme-adapter-react-16": "^1.15.2", | ||
"file-loader": "^5.0.2", | ||
"jest": "^24.9.0", | ||
"enzyme-adapter-react-16": "^1.15.5", | ||
"file-loader": "^6.2.0", | ||
"jest": "^26.6.3", | ||
"jest-transform-stub": "^2.0.0", | ||
"prettier": "^1.19.1", | ||
"react": "^16.12.0", | ||
"react-dom": "^16.12.0", | ||
"rimraf": "^3.0.0", | ||
"stylelint": "^12.0.1", | ||
"stylelint-config-standard": "^19.0.0", | ||
"stylelint-scss": "^3.13.0", | ||
"ts-jest": "^24.2.0", | ||
"ts-loader": "^6.2.1", | ||
"tslint": "^5.20.1", | ||
"prettier": "^2.2.1", | ||
"react": "^16.13.1", | ||
"react-dom": "^16.13.1", | ||
"rimraf": "^3.0.2", | ||
"stylelint": "^13.8.0", | ||
"stylelint-config-standard": "^20.0.0", | ||
"stylelint-scss": "^3.18.0", | ||
"ts-jest": "^26.4.4", | ||
"ts-loader": "^8.0.12", | ||
"tslint": "^6.1.2", | ||
"tslint-config-prettier": "^1.18.0", | ||
"tslint-plugin-prettier": "^2.1.0", | ||
"tslint-react": "^4.1.0", | ||
"typescript": "^3.7.4", | ||
"webpack": "^4.41.5", | ||
"webpack-cli": "^3.3.10" | ||
"tslint-plugin-prettier": "^2.3.0", | ||
"tslint-react": "^5.0.0", | ||
"typescript": "^4.1.3", | ||
"webpack": "^5.11.0", | ||
"webpack-cli": "^4.2.0" | ||
} | ||
} |
@@ -13,2 +13,21 @@ # dha-breathing-exercise | ||
#### BreathingExercise Component | ||
BreathingExercise Props: | ||
- breathingCycles: Number of breathing cycles | ||
- exhaleSeconds: Exhale length in seconds | ||
- inhaleSeconds: Inhale length in seconds | ||
- redirectButtonRoute: Redirect button route | ||
- redirectButtonText: Redirect button text | ||
- alt: Background image text alternative | ||
- image: Background image full path and file, or imported image file | ||
Disclaimer: For this demo code to work with imported images in JS and from the public folder options, add and/or replace dha-logo.png with your own image file. | ||
Add and/or Replace Image Files in Application: | ||
- ./public/dha-logo.png | ||
- ./src/assets/images/dha-logo.png | ||
#### Importing Your Own Local Image Files | ||
@@ -51,21 +70,2 @@ | ||
#### BreathingExercise Component | ||
BreathingExercise Props: | ||
- breathingCycles: Number of breathing cycles | ||
- exhaleSeconds: Exhale length in seconds | ||
- inhaleSeconds: Inhale length in seconds | ||
- redirectButtonRoute: Redirect button route | ||
- redirectButtonText: Redirect button text | ||
- alt: Background image text alternative | ||
- image: Background image full path and file, or imported image file | ||
Disclaimer: For this demo code to work with imported images in JS and from the public folder options, add and/or replace dha-logo.png with your own image file. | ||
Add and/or Replace Image Files in Application: | ||
- ./public/dha-logo.png | ||
- ./src/assets/images/dha-logo.png | ||
Home.tsx - Functional component | ||
@@ -72,0 +72,0 @@ |
600
96540
12