superdesk-ui-framework 3.0.1-beta.17 → 3.0.1-beta.19

package/react/components/DurationInput.js

@@ -141,14 +141,18 @@ var DurationInput = /** @class */ (function (_super) {
                 }, 500);
             }
         }
-        if ((this.props.hours !== prevProps.hours)
-            || (this.props.minutes !== prevProps.minutes)
-            || (this.props.seconds !== prevProps.seconds)) {
-            this.setState({
-                hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
-                minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
-                seconds: this.stateUpdate('seconds', this.props.seconds),
-            });
+        if (this.hourRef.current.value.length === 2
+            && this.minuteRef.current.value.length === 2
+            && this.secondRef.current.value.length === 2) {
+            if ((this.props.hours !== prevProps.hours)
+                || (this.props.minutes !== prevProps.minutes)
+                || (this.props.seconds !== prevProps.seconds)) {
+                this.setState({
+                    hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
+                    minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
+                    seconds: this.stateUpdate('seconds', this.props.seconds),
+                });
+            }
         }
     };
     DurationInput.prototype.valueUpdate = function () {
@@ -252,12 +256,15 @@ var DurationInput = /** @class */ (function (_super) {
     };
     DurationInput.prototype.handleChange = function (event, state) {
         var stateClone = {};
-        if (event.target.value.length >= 2) {
-            if (event.target.selectionStart === 1 && event.target.selectionEnd === 1) {
-                stateClone[state] = event.target.value.slice(0, 1) + event.target.value.slice(2, 3);
+        if (event.target.value.length > 2) {
+            if (event.target.selectionStart === 1) {
+                stateClone[state] = event.target.value.slice(0, 1);
+            }
+            else if (event.target.selectionStart === 2) {
+                stateClone[state] = event.target.value.slice(1, 2);
             }
             else {
-                stateClone[state] = event.target.value.slice(0, 2);
+                stateClone[state] = event.target.value.slice(2, 3);
             }
         }
         else {
@@ -293,19 +300,19 @@ var DurationInput = /** @class */ (function (_super) {
         var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
         return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, invalid: this.props.invalid, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex },
             React.createElement("div", { className: InputClasses },
-                React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'hour' ? 'blink_me' : ''), type: 'text', id: 'hours', max: 99, min: 0, ref: this.hourRef, value: this.state.hours, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.minuteRef.current); }, onChange: function (event) { _this.handleChange(event, 'hours'); }, onBlur: function (event) { return _this.setState({ hours: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
+                React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'hour' ? 'blink_me' : ''), type: 'text', id: 'hours', autoComplete: "off", max: 99, min: 0, ref: this.hourRef, value: this.state.hours, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.minuteRef.current); }, onChange: function (event) { _this.handleChange(event, 'hours'); }, onBlur: function (event) { return _this.setState({ hours: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
                         if (!/[0-9]/.test(event.key)) {
                             event.preventDefault();
                         }
                     } }),
                 React.createElement("span", { className: 'sd-input__suffix' }, "h"),
-                React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'minute' ? 'blink_me' : ''), type: 'text', id: 'minutes', ref: this.minuteRef, value: this.state.minutes, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.secondRef.current); }, onChange: function (event) { _this.handleChange(event, 'minutes'); }, onBlur: function (event) { return _this.setState({ minutes: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
+                React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'minute' ? 'blink_me' : ''), type: 'text', id: 'minutes', autoComplete: "off", ref: this.minuteRef, value: this.state.minutes, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.secondRef.current); }, onChange: function (event) { _this.handleChange(event, 'minutes'); }, onBlur: function (event) { return _this.setState({ minutes: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
                         if (!/[0-9]/.test(event.key)) {
                             event.preventDefault();
                         }
                     } }),
                 React.createElement("span", { className: 'sd-input__suffix' }, "m"),
-                React.createElement("input", { className: 'duration-input', type: 'text', id: 'seconds', ref: this.secondRef, value: this.state.seconds, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.hourRef.current); }, onChange: function (event) { _this.handleChange(event, 'seconds'); }, onBlur: function (event) { return _this.setState({ seconds: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
+                React.createElement("input", { className: 'duration-input', type: 'text', id: 'seconds', autoComplete: "off", ref: this.secondRef, value: this.state.seconds, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.hourRef.current); }, onChange: function (event) { _this.handleChange(event, 'seconds'); }, onBlur: function (event) { return _this.setState({ seconds: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
                         if (!/[0-9]/.test(event.key)) {
                             event.preventDefault();
                         }
@@ -315,7 +322,7 @@ var DurationInput = /** @class */ (function (_super) {
     return DurationInput;
 }(React.PureComponent));
 exports.DurationInput = DurationInput;
-function getDurationString(seconds, zero) {
+function getDurationString(seconds, minSections) {
     function zeroPad(value) {
         if (value.toString().length === 1 || value === 0) {
             return "0".concat(value);
@@ -330,16 +337,24 @@ function getDurationString(seconds, zero) {
     var hour = zeroPad(Math.floor(seconds / 3600));
     var minute = zeroPad(Math.floor((seconds % 3600) / 60));
     var second = zeroPad(Math.floor(seconds % 60));
-    if (zero) {
+    if (minSections === 3) {
         return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
     }
-    else {
-        if (Number(hour) === 0 && Number(minute) > 0) {
+    else if (minSections === 2) {
+        if (Number(hour) > 0) {
+            return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
+        }
+        else {
             return "".concat(minute, "m ").concat(second, "s");
         }
-        else if (Number(hour) === 0 && Number(minute) === 0) {
+    }
+    else {
+        if (Number(hour) === 0 && Number(minute) === 0) {
             return "".concat(second, "s");
         }
+        else if (Number(hour) === 0 && Number(minute) > 0) {
+            return "".concat(minute, "m ").concat(second, "s");
+        }
         else {
             return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
         }

package/yarn-error.log

@@ -0,0 +1,111 @@
+Arguments: 
+  /usr/local/bin/node /usr/local/bin/yarn install
+
+PATH: 
+  /usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin
+
+Yarn version: 
+  1.21.1
+
+Node version: 
+  12.14.1
+
+Platform: 
+  linux x64
+
+Trace: 
+  Error: getaddrinfo EAI_AGAIN registry.yarnpkg.com
+      at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:60:26)
+
+npm manifest: 
+  {
+    "name": "superdesk-ui-framework",
+    "version": "2.1.11",
+    "license": "AGPL-3.0",
+    "repository": {
+      "type": "git",
+      "url": "https://github.com/superdesk/superdesk-ui-framework.git"
+    },
+    "main": "dist/superdesk-ui.bundle.js",
+    "types": "app-typescript/dist/index.d.ts",
+    "contributors": [
+      "Nemanja Pavlovic",
+      "Vladimir Stefanovic",
+      "Darko Tomic",
+      "Aleksandar Jelicic",
+      "Tomas Kikutis"
+    ],
+    "scripts": {
+      "start": "webpack-dev-server --config tasks/webpack.dev.js",
+      "server": "webpack --watch",
+      "build": "webpack && npm run lint && tsc",
+      "lint": "eslint app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'",
+      "prepublishOnly": "npm run build",
+      "prepublish": "patch-package"
+    },
+    "devDependencies": {
+      "@types/classnames": "^2.2.9",
+      "@types/lodash": "4.14.149",
+      "@types/react": "16.8.23",
+      "@types/react-dom": "16.8.0",
+      "@types/react-router-dom": "^5.1.2",
+      "angular": "^1.7.9",
+      "angular-animate": "^1.7.9",
+      "angular-route": "^1.7.9",
+      "babel-core": "^6.26.0",
+      "babel-loader": "^7.1.2",
+      "babel-plugin-transform-object-rest-spread": "^6.26.0",
+      "babel-preset-es2015": "^6.24.1",
+      "babel-preset-react": "^6.24.1",
+      "classnames": "^2.2.5",
+      "clean-webpack-plugin": "^1.0.0",
+      "code-prettify": "^0.1.0",
+      "copy-webpack-plugin": "^4.6.0",
+      "css-loader": "^2.1.1",
+      "eslint": "^4.6.1",
+      "eslint-loader": "^1.9.0",
+      "eslint-plugin-angular": "^3.1.1",
+      "eslint-plugin-react": "^7.3.0",
+      "extract-text-webpack-plugin": "^3.0.2",
+      "file-loader": "^0.11.2",
+      "html-loader": "^0.5.1",
+      "html-webpack-plugin": "^2.30.1",
+      "jquery": "^3.1.1",
+      "jquery-ui": "^1.12.1",
+      "lodash": "4.17.15",
+      "node-sass": "^4.5.3",
+      "patch-package": "6.2.0",
+      "prismjs": "^1.17.1",
+      "prop-types": "^15.6.0",
+      "react": "16.8.6",
+      "react-bootstrap": "^0.31.2",
+      "react-dom": "16.8.6",
+      "react-redux": "^5.0.6",
+      "react-router-dom": "^5.1.2",
+      "redux": "^3.7.2",
+      "redux-form": "^7.0.4",
+      "sass-loader": "^6.0.6",
+      "style-loader": "^0.18.2",
+      "superdesk-code-style": "^1.1.2",
+      "ts-loader": "^6.0.2",
+      "tslint": "^5.18.0",
+      "typescript": "^3.5.1",
+      "url-loader": "^1.1.2",
+      "webpack": "^3.5.5",
+      "webpack-cli": "3.3.10",
+      "webpack-dev-server": "2.11.1",
+      "webpack-merge": "^4.2.1"
+    },
+    "dependencies": {
+      "date-fns": "2.7.0",
+      "popper.js": "1.14.4",
+      "primeicons": "2.0.0",
+      "primereact": "3.3.2"
+    }
+  }
+
+yarn manifest: 
+  No manifest
+
+Lockfile: 
+  No lockfile