qwc2 2025.10.9 → 2025.10.14

package/components/widgets/FileSelector.js

@@ -1,9 +1,133 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e))}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+""}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}/**
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
  * Copyright 2017-2024 Sourcepole AG
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree.
- */import React from"react";import PropTypes from"prop-types";import LocaleUtils from"../../utils/LocaleUtils";import Icon from"../Icon";import"./style/FileSelector.css";var FileSelector=/*#__PURE__*/function(_React$Component){function FileSelector(props){var _this;_classCallCheck(this,FileSelector);_this=_callSuper(this,FileSelector,[props]);_defineProperty(_this,"triggerFileOpen",function(){if(_this.fileinput){_this.fileinput.click()}});_defineProperty(_this,"fileChanged",function(ev){var files=null;if(ev.target.files&&ev.target.files.length>0){files=ev.target.files}_this.props.multiple?_this.props.onFilesSelected(files):_this.props.onFileSelected(files[0])});_this.fileinput=null;return _this}_inherits(FileSelector,_React$Component);return _createClass(FileSelector,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){if(prevProps.file&&!this.props.file&&this.fileinput){this.fileinput.value=null}}},{key:"render",value:function render(){var _this2=this;var value="";if(this.props.overrideText){value=this.props.overrideText}else if(this.props.file){if(this.props.file instanceof FileList){// handle multiple files
-var files=Array.from(this.props.file);var count=files.length;var totalBytes=files.reduce(function(acc,file){return acc+file.size},0);value=this.props.showAllFilenames?files.map(function(file){return file.name}).join(", "):count+" "+LocaleUtils.tr("fileselector.files");value+=" ("+this.humanFileSize(totalBytes)+")"}else{// handle single file
-value=this.props.file.name+" ("+this.humanFileSize(this.props.file.size)+")"}}var placeholder=LocaleUtils.tr("fileselector.placeholder");return/*#__PURE__*/React.createElement("div",{className:"FileSelector controlgroup",onClick:this.triggerFileOpen},/*#__PURE__*/React.createElement("input",{placeholder:placeholder,readOnly:true,title:this.props.title,type:"text",value:value}),/*#__PURE__*/React.createElement("input",{accept:this.props.accept,multiple:this.props.multiple,onChange:this.fileChanged,ref:function ref(el){_this2.fileinput=el},type:"file"}),/*#__PURE__*/React.createElement("button",{className:"button",title:this.props.title},/*#__PURE__*/React.createElement(Icon,{icon:"folder-open"})))}},{key:"humanFileSize",value:function humanFileSize(bytes){var thresh=1000;var units=["B","kB","MB","GB","TB","PB","EB","ZB","YB"];var u=0;for(;bytes>=thresh&&u<units.length;++u){bytes/=thresh}return bytes.toFixed(1)+" "+units[u]}}])}(React.Component);_defineProperty(FileSelector,"propTypes",{accept:PropTypes.string,file:PropTypes.object,multiple:PropTypes.bool,onFileSelected:PropTypes.func,onFilesSelected:PropTypes.func,overrideText:PropTypes.string,showAllFilenames:PropTypes.bool,title:PropTypes.string});_defineProperty(FileSelector,"defaultProps",{multiple:false,showAllFilenames:false,overrideText:null});export{FileSelector as default};
+ */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import LocaleUtils from '../../utils/LocaleUtils';
+import Icon from '../Icon';
+import './style/FileSelector.css';
+var FileSelector = /*#__PURE__*/function (_React$Component) {
+  function FileSelector(props) {
+    var _this;
+    _classCallCheck(this, FileSelector);
+    _this = _callSuper(this, FileSelector, [props]);
+    _defineProperty(_this, "triggerFileOpen", function () {
+      if (_this.fileinput) {
+        _this.fileinput.click();
+      }
+    });
+    _defineProperty(_this, "fileChanged", function (ev) {
+      var files = null;
+      if (ev.target.files && ev.target.files.length > 0) {
+        files = ev.target.files;
+      }
+      _this.props.multiple ? _this.props.onFilesSelected(files) : _this.props.onFileSelected(files[0]);
+    });
+    _this.fileinput = null;
+    return _this;
+  }
+  _inherits(FileSelector, _React$Component);
+  return _createClass(FileSelector, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.file && !this.props.file && this.fileinput) {
+        this.fileinput.value = null;
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var value = "";
+      if (this.props.overrideText) {
+        value = this.props.overrideText;
+      } else if (this.props.file) {
+        if (this.props.file instanceof FileList) {
+          // handle multiple files
+          var files = Array.from(this.props.file);
+          var count = files.length;
+          var totalBytes = files.reduce(function (acc, file) {
+            return acc + file.size;
+          }, 0);
+          value = this.props.showAllFilenames ? files.map(function (file) {
+            return file.name;
+          }).join(", ") : count + " " + LocaleUtils.tr("fileselector.files");
+          value += " (" + this.humanFileSize(totalBytes) + ")";
+        } else {
+          // handle single file
+          value = this.props.file.name + " (" + this.humanFileSize(this.props.file.size) + ")";
+        }
+      }
+      var placeholder = LocaleUtils.tr("fileselector.placeholder");
+      return /*#__PURE__*/React.createElement("div", {
+        className: "FileSelector controlgroup",
+        onClick: this.triggerFileOpen
+      }, /*#__PURE__*/React.createElement("input", {
+        placeholder: placeholder,
+        readOnly: true,
+        title: this.props.title,
+        type: "text",
+        value: value
+      }), /*#__PURE__*/React.createElement("input", {
+        accept: this.props.accept,
+        multiple: this.props.multiple,
+        onChange: this.fileChanged,
+        ref: function ref(el) {
+          _this2.fileinput = el;
+        },
+        type: "file"
+      }), /*#__PURE__*/React.createElement("button", {
+        className: "button",
+        title: this.props.title
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: "folder-open"
+      })));
+    }
+  }, {
+    key: "humanFileSize",
+    value: function humanFileSize(bytes) {
+      var thresh = 1000;
+      var units = ['B', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+      var u = 0;
+      for (; bytes >= thresh && u < units.length; ++u) {
+        bytes /= thresh;
+      }
+      return bytes.toFixed(1) + ' ' + units[u];
+    }
+  }]);
+}(React.Component);
+_defineProperty(FileSelector, "propTypes", {
+  accept: PropTypes.string,
+  file: PropTypes.object,
+  multiple: PropTypes.bool,
+  onFileSelected: PropTypes.func,
+  onFilesSelected: PropTypes.func,
+  overrideText: PropTypes.string,
+  showAllFilenames: PropTypes.bool,
+  title: PropTypes.string
+});
+_defineProperty(FileSelector, "defaultProps", {
+  multiple: false,
+  showAllFilenames: false,
+  overrideText: null
+});
+export { FileSelector as default };

package/components/widgets/Input.js

@@ -1,7 +1,129 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e))}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+""}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}/**
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
  * Copyright 2024 Sourcepole AG
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree.
- */import React from"react";import PropTypes from"prop-types";var Input=/*#__PURE__*/function(_React$Component){function Input(){var _this;_classCallCheck(this,Input);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,Input,[].concat(args));_defineProperty(_this,"state",{value:"",curValue:"",changed:false});_defineProperty(_this,"onChange",function(ev){_this.setState({curValue:ev.target.value,changed:true});if(document.activeElement!==ev.target){_this.setState({value:ev.target.value});_this.props.onChange(ev.target.value)}});_defineProperty(_this,"onBlur",function(){_this.commit()});_defineProperty(_this,"onKeyDown",function(ev){if(ev.key==="Enter"){_this.commit()}});_defineProperty(_this,"onMouseUp",function(ev){if(_this.props.type==="range"){_this.commit()}});_defineProperty(_this,"commit",function(){if(_this.state.changed){_this.setState(function(state){var newValue=state.curValue===""&&!_this.props.allowEmpty?_this.props.value:state.curValue;_this.props.onChange(newValue);return{value:newValue,curValue:newValue,changed:false}})}});return _this}_inherits(Input,_React$Component);return _createClass(Input,[{key:"render",value:function render(){return/*#__PURE__*/React.createElement("input",{className:this.props.className,disabled:this.props.disabled,max:this.props.max,min:this.props.min,onBlur:this.onBlur,onChange:this.onChange,onKeyDown:this.onKeyDown,onMouseUp:this.onMouseUp,readOnly:this.props.readOnly,required:this.props.required,step:this.props.step,type:this.props.type,value:this.state.curValue})}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(nextProps,state){var strValue=String(nextProps.value||"");if(state.value!==strValue){return{value:strValue,curValue:strValue,changed:false}}return null}}])}(React.Component);_defineProperty(Input,"propTypes",{allowEmpty:PropTypes.bool,className:PropTypes.string,disabled:PropTypes.bool,max:PropTypes.oneOfType([PropTypes.string,PropTypes.number]),min:PropTypes.oneOfType([PropTypes.string,PropTypes.number]),onChange:PropTypes.func,readOnly:PropTypes.bool,required:PropTypes.bool,step:PropTypes.number,type:PropTypes.string,value:PropTypes.oneOfType([PropTypes.string,PropTypes.number])});_defineProperty(Input,"defaultProps",{allowEmpty:true});export{Input as default};
+ */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+var Input = /*#__PURE__*/function (_React$Component) {
+  function Input() {
+    var _this;
+    _classCallCheck(this, Input);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, Input, [].concat(args));
+    _defineProperty(_this, "state", {
+      value: "",
+      curValue: "",
+      changed: false
+    });
+    _defineProperty(_this, "onChange", function (ev) {
+      _this.setState({
+        curValue: ev.target.value,
+        changed: true
+      });
+      if (document.activeElement !== ev.target) {
+        _this.setState({
+          value: ev.target.value
+        });
+        _this.props.onChange(ev.target.value);
+      }
+    });
+    _defineProperty(_this, "onBlur", function () {
+      _this.commit();
+    });
+    _defineProperty(_this, "onKeyDown", function (ev) {
+      if (ev.key === 'Enter') {
+        _this.commit();
+      }
+    });
+    _defineProperty(_this, "onMouseUp", function (ev) {
+      if (_this.props.type === "range") {
+        _this.commit();
+      }
+    });
+    _defineProperty(_this, "commit", function () {
+      if (_this.state.changed) {
+        _this.setState(function (state) {
+          var newValue = state.curValue === "" && !_this.props.allowEmpty ? _this.props.value : state.curValue;
+          _this.props.onChange(newValue);
+          return {
+            value: newValue,
+            curValue: newValue,
+            changed: false
+          };
+        });
+      }
+    });
+    return _this;
+  }
+  _inherits(Input, _React$Component);
+  return _createClass(Input, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("input", {
+        className: this.props.className,
+        disabled: this.props.disabled,
+        max: this.props.max,
+        min: this.props.min,
+        onBlur: this.onBlur,
+        onChange: this.onChange,
+        onKeyDown: this.onKeyDown,
+        onMouseUp: this.onMouseUp,
+        readOnly: this.props.readOnly,
+        required: this.props.required,
+        step: this.props.step,
+        type: this.props.type,
+        value: this.state.curValue
+      });
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps, state) {
+      var strValue = String(nextProps.value || "");
+      if (state.value !== strValue) {
+        return {
+          value: strValue,
+          curValue: strValue,
+          changed: false
+        };
+      }
+      return null;
+    }
+  }]);
+}(React.Component);
+_defineProperty(Input, "propTypes", {
+  allowEmpty: PropTypes.bool,
+  className: PropTypes.string,
+  disabled: PropTypes.bool,
+  max: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  min: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+  onChange: PropTypes.func,
+  readOnly: PropTypes.bool,
+  required: PropTypes.bool,
+  step: PropTypes.number,
+  type: PropTypes.string,
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+});
+_defineProperty(Input, "defaultProps", {
+  allowEmpty: true
+});
+export { Input as default };

package/components/widgets/InputContainer.js

@@ -1,7 +1,101 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e))}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+""}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}/**
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
  * Copyright 2024 Sourcepole AG
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree.
- */import React from"react";import classnames from"classnames";import PropTypes from"prop-types";import"./style/InputContainer.css";var InputContainer=/*#__PURE__*/function(_React$Component){function InputContainer(){var _this;_classCallCheck(this,InputContainer);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,InputContainer,[].concat(args));_defineProperty(_this,"state",{focused:false});_defineProperty(_this,"findChild",function(role){return React.Children.toArray(_this.props.children).filter(function(child){return child.props.role===role})});_defineProperty(_this,"onInputBlur",function(ev,origHandler){if(origHandler){origHandler(ev)}_this.setState({focused:false})});_defineProperty(_this,"onInputFocus",function(ev,origHandler){if(origHandler){origHandler(ev)}_this.setState({focused:true})});return _this}_inherits(InputContainer,_React$Component);return _createClass(InputContainer,[{key:"render",value:function render(){var _this2=this;var containerClasses=classnames(_defineProperty({"input-container":true,"input-container-focus":this.state.focused},this.props.className,!!this.props.className));var prefix=this.findChild("prefix").map(function(el){return/*#__PURE__*/React.cloneElement(el,{className:"input-container-prefix "+(el.props.className||"")})});var input=this.findChild("input").map(function(el){return/*#__PURE__*/React.cloneElement(el,{className:"input-container-input "+(el.props.className||""),onBlur:function onBlur(ev){return _this2.onInputBlur(ev,el.props.onBlur)},onFocus:function onFocus(ev){return _this2.onInputFocus(ev,el.props.onFocus)}})});var suffix=this.findChild("suffix").map(function(el){return/*#__PURE__*/React.cloneElement(el,{className:"input-container-suffix "+(el.props.className||"")})});return/*#__PURE__*/React.createElement("div",{className:containerClasses},prefix,input,suffix)}}])}(React.Component);_defineProperty(InputContainer,"propTypes",{children:PropTypes.oneOfType([PropTypes.node,PropTypes.func]),className:PropTypes.string});export{InputContainer as default};
+ */
+
+import React from 'react';
+import classnames from 'classnames';
+import PropTypes from 'prop-types';
+import './style/InputContainer.css';
+var InputContainer = /*#__PURE__*/function (_React$Component) {
+  function InputContainer() {
+    var _this;
+    _classCallCheck(this, InputContainer);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, InputContainer, [].concat(args));
+    _defineProperty(_this, "state", {
+      focused: false
+    });
+    _defineProperty(_this, "findChild", function (role) {
+      return React.Children.toArray(_this.props.children).filter(function (child) {
+        return child.props.role === role;
+      });
+    });
+    _defineProperty(_this, "onInputBlur", function (ev, origHandler) {
+      if (origHandler) {
+        origHandler(ev);
+      }
+      _this.setState({
+        focused: false
+      });
+    });
+    _defineProperty(_this, "onInputFocus", function (ev, origHandler) {
+      if (origHandler) {
+        origHandler(ev);
+      }
+      _this.setState({
+        focused: true
+      });
+    });
+    return _this;
+  }
+  _inherits(InputContainer, _React$Component);
+  return _createClass(InputContainer, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var containerClasses = classnames(_defineProperty({
+        "input-container": true,
+        "input-container-focus": this.state.focused
+      }, this.props.className, !!this.props.className));
+      var prefix = this.findChild("prefix").map(function (el) {
+        return /*#__PURE__*/React.cloneElement(el, {
+          className: "input-container-prefix " + (el.props.className || "")
+        });
+      });
+      var input = this.findChild("input").map(function (el) {
+        return /*#__PURE__*/React.cloneElement(el, {
+          className: "input-container-input " + (el.props.className || ""),
+          onBlur: function onBlur(ev) {
+            return _this2.onInputBlur(ev, el.props.onBlur);
+          },
+          onFocus: function onFocus(ev) {
+            return _this2.onInputFocus(ev, el.props.onFocus);
+          }
+        });
+      });
+      var suffix = this.findChild("suffix").map(function (el) {
+        return /*#__PURE__*/React.cloneElement(el, {
+          className: "input-container-suffix " + (el.props.className || "")
+        });
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: containerClasses
+      }, prefix, input, suffix);
+    }
+  }]);
+}(React.Component);
+_defineProperty(InputContainer, "propTypes", {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
+  className: PropTypes.string
+});
+export { InputContainer as default };