qwc2 2025.10.9 → 2025.10.14

package/components/widgets/ButtonBar.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 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 classnames from"classnames";import isEmpty from"lodash.isempty";import PropTypes from"prop-types";import ConfigUtils from"../../utils/ConfigUtils";import Icon from"../Icon";import MenuButton from"./MenuButton";import"./style/ButtonBar.css";var ButtonPropShape=PropTypes.shape({key:PropTypes.string,label:PropTypes.string,forceLabel:PropTypes.bool,tooltip:PropTypes.string,icon:PropTypes.string,data:PropTypes.object,extraClasses:PropTypes.string,type:PropTypes.string,disabled:PropTypes.bool});var ButtonBar=/*#__PURE__*/function(_React$Component){function ButtonBar(){_classCallCheck(this,ButtonBar);return _callSuper(this,ButtonBar,arguments)}_inherits(ButtonBar,_React$Component);return _createClass(ButtonBar,[{key:"render",value:function render(){var _this=this;var isMobile=ConfigUtils.isMobile();return/*#__PURE__*/React.createElement("div",{className:"ButtonBar controlgroup "+this.props.className+(this.props.disabled?" buttonbar-disabled":"")},this.props.buttons.map(function(entry,idx){if(Array.isArray(entry)&&entry.length>1){var active=entry.find(function(e){return e.key===_this.props.active})!==undefined?_this.props.active:null;return/*#__PURE__*/React.createElement(MenuButton,{active:active,className:"buttonbar-combo",key:"combo"+idx,onActivate:function onActivate(value){return _this.props.onClick(value,entry.find(function(e){return e.key===value}).data)}},entry.map(function(comboentry){return/*#__PURE__*/React.createElement("div",{className:"buttonbar-combo-entry",key:comboentry.key,onClick:function onClick(){return _this.props.onClick(comboentry.key,comboentry.data)},value:comboentry.key},comboentry.icon?/*#__PURE__*/React.createElement(Icon,{icon:comboentry.icon}):null,comboentry.label&&(!isMobile||!comboentry.icon||_this.props.forceLabel||comboentry.forceLabel)?/*#__PURE__*/React.createElement("span",{className:"buttonbar-combo-entry-label"},comboentry.label):null,comboentry.tooltip?/*#__PURE__*/React.createElement("span",{className:"buttonbar-button-tooltip "+("buttonbar-button-tooltip-"+_this.props.tooltipPos)},comboentry.tooltip):null)}))}else if(!isEmpty(entry)){if(Array.isArray(entry)){entry=entry[0]}var classes=classnames({button:true,pressed:_this.props.active===entry.key||entry.pressed});classes+=entry.extraClasses?" "+entry.extraClasses:"";return/*#__PURE__*/React.createElement("div",{className:"buttonbar-button-container",key:entry.key},/*#__PURE__*/React.createElement("button",{className:classes,disabled:entry.disabled||_this.props.disabled,onClick:entry.type!=="submit"?function(){return _this.props.onClick(entry.key,entry.data)}:null,type:entry.type||"button"},entry.icon?/*#__PURE__*/React.createElement(Icon,{icon:entry.icon}):null,entry.label&&(!isMobile||!entry.icon||_this.props.forceLabel||entry.forceLabel)?/*#__PURE__*/React.createElement("span",null,entry.label):null),entry.tooltip?/*#__PURE__*/React.createElement("span",{className:"buttonbar-button-tooltip "+("buttonbar-button-tooltip-"+_this.props.tooltipPos)},entry.tooltip):null)}else{return null}}))}}])}(React.Component);_defineProperty(ButtonBar,"propTypes",{active:PropTypes.string,buttons:PropTypes.arrayOf(PropTypes.oneOfType([ButtonPropShape,PropTypes.arrayOf(ButtonPropShape)])),className:PropTypes.string,disabled:PropTypes.bool,forceLabel:PropTypes.bool,onClick:PropTypes.func,tooltipPos:PropTypes.string});_defineProperty(ButtonBar,"defaultProps",{className:"",tooltipPos:"bottom"});export{ButtonBar as default};
+ */
+
+import React from 'react';
+import classnames from 'classnames';
+import isEmpty from 'lodash.isempty';
+import PropTypes from 'prop-types';
+import ConfigUtils from '../../utils/ConfigUtils';
+import Icon from '../Icon';
+import MenuButton from './MenuButton';
+import './style/ButtonBar.css';
+var ButtonPropShape = PropTypes.shape({
+  key: PropTypes.string,
+  label: PropTypes.string,
+  forceLabel: PropTypes.bool,
+  tooltip: PropTypes.string,
+  icon: PropTypes.string,
+  data: PropTypes.object,
+  extraClasses: PropTypes.string,
+  type: PropTypes.string,
+  disabled: PropTypes.bool
+});
+var ButtonBar = /*#__PURE__*/function (_React$Component) {
+  function ButtonBar() {
+    _classCallCheck(this, ButtonBar);
+    return _callSuper(this, ButtonBar, arguments);
+  }
+  _inherits(ButtonBar, _React$Component);
+  return _createClass(ButtonBar, [{
+    key: "render",
+    value: function render() {
+      var _this = this;
+      var isMobile = ConfigUtils.isMobile();
+      return /*#__PURE__*/React.createElement("div", {
+        className: "ButtonBar controlgroup " + this.props.className + (this.props.disabled ? " buttonbar-disabled" : "")
+      }, this.props.buttons.map(function (entry, idx) {
+        if (Array.isArray(entry) && entry.length > 1) {
+          var active = entry.find(function (e) {
+            return e.key === _this.props.active;
+          }) !== undefined ? _this.props.active : null;
+          return /*#__PURE__*/React.createElement(MenuButton, {
+            active: active,
+            className: "buttonbar-combo",
+            key: "combo" + idx,
+            onActivate: function onActivate(value) {
+              return _this.props.onClick(value, entry.find(function (e) {
+                return e.key === value;
+              }).data);
+            }
+          }, entry.map(function (comboentry) {
+            return /*#__PURE__*/React.createElement("div", {
+              className: "buttonbar-combo-entry",
+              key: comboentry.key,
+              onClick: function onClick() {
+                return _this.props.onClick(comboentry.key, comboentry.data);
+              },
+              value: comboentry.key
+            }, comboentry.icon ? /*#__PURE__*/React.createElement(Icon, {
+              icon: comboentry.icon
+            }) : null, comboentry.label && (!isMobile || !comboentry.icon || _this.props.forceLabel || comboentry.forceLabel) ? /*#__PURE__*/React.createElement("span", {
+              className: "buttonbar-combo-entry-label"
+            }, comboentry.label) : null, comboentry.tooltip ? /*#__PURE__*/React.createElement("span", {
+              className: "buttonbar-button-tooltip " + ("buttonbar-button-tooltip-" + _this.props.tooltipPos)
+            }, comboentry.tooltip) : null);
+          }));
+        } else if (!isEmpty(entry)) {
+          if (Array.isArray(entry)) {
+            entry = entry[0];
+          }
+          var classes = classnames({
+            button: true,
+            pressed: _this.props.active === entry.key || entry.pressed
+          });
+          classes += entry.extraClasses ? ' ' + entry.extraClasses : '';
+          return /*#__PURE__*/React.createElement("div", {
+            className: "buttonbar-button-container",
+            key: entry.key
+          }, /*#__PURE__*/React.createElement("button", {
+            className: classes,
+            disabled: entry.disabled || _this.props.disabled,
+            onClick: entry.type !== "submit" ? function () {
+              return _this.props.onClick(entry.key, entry.data);
+            } : null,
+            type: entry.type || "button"
+          }, entry.icon ? /*#__PURE__*/React.createElement(Icon, {
+            icon: entry.icon
+          }) : null, entry.label && (!isMobile || !entry.icon || _this.props.forceLabel || entry.forceLabel) ? /*#__PURE__*/React.createElement("span", null, entry.label) : null), entry.tooltip ? /*#__PURE__*/React.createElement("span", {
+            className: "buttonbar-button-tooltip " + ("buttonbar-button-tooltip-" + _this.props.tooltipPos)
+          }, entry.tooltip) : null);
+        } else {
+          return null;
+        }
+      }));
+    }
+  }]);
+}(React.Component);
+_defineProperty(ButtonBar, "propTypes", {
+  active: PropTypes.string,
+  buttons: PropTypes.arrayOf(PropTypes.oneOfType([ButtonPropShape, PropTypes.arrayOf(ButtonPropShape)])),
+  className: PropTypes.string,
+  disabled: PropTypes.bool,
+  forceLabel: PropTypes.bool,
+  onClick: PropTypes.func,
+  tooltipPos: PropTypes.string
+});
+_defineProperty(ButtonBar, "defaultProps", {
+  className: "",
+  tooltipPos: 'bottom'
+});
+export { ButtonBar as default };

package/components/widgets/ColorButton.js

@@ -1,8 +1,206 @@
-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 _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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 2018-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{ColorPicker}from"@vtaits/react-color-picker";import PropTypes from"prop-types";import"./style/ColorButton.css";import"@vtaits/react-color-picker/index.css";var defaultColors=[// [r, g, b, a]
-[255,255,255,1],[0,0,0,1],[255,105,0,1],[252,185,0,1],[0,208,132,1],[142,209,252,1],[6,147,227,1],[171,184,195,1],[235,20,76,1],[247,141,167,1]];var ColorButton=/*#__PURE__*/function(_React$Component){function ColorButton(props){var _this;_classCallCheck(this,ColorButton);_this=_callSuper(this,ColorButton,[props]);_defineProperty(_this,"state",{colors:defaultColors});_defineProperty(_this,"togglePicker",function(ev){if(!_this.state.pickerVisible){document.addEventListener("click",_this.checkClosePicker)}else{document.removeEventListener("click",_this.checkClosePicker)}ev.stopPropagation();_this.setState(function(state){return{hexStr:null,pickerVisible:!state.pickerVisible}})});_defineProperty(_this,"checkClosePicker",function(ev){if(_this.pickerEl&&!_this.pickerEl.contains(ev.target)){_this.togglePicker(ev)}});_defineProperty(_this,"selectColor",function(idx){_this.setState({hexStr:null});var n=_this.props.alpha?4:3;_this.props.onColorChanged(_toConsumableArray(_this.state.colors[idx]).slice(0,n))});_defineProperty(_this,"replaceDefaultColor",function(ev,idx){_this.setState(function(state){var newColors=_toConsumableArray(state.colors);newColors[idx]=_toConsumableArray(_this.props.color);return{colors:newColors}});_this.forceUpdate();ev.preventDefault()});_defineProperty(_this,"changeColor",function(hexStr){var match=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hexStr);if(match){var newColor=[parseInt(match[1],16),parseInt(match[2],16),parseInt(match[3],16),_this.props.color[3]];_this.setState({hexStr:null});var n=_this.props.alpha?4:3;_this.props.onColorChanged(newColor.slice(0,n))}else{_this.setState({hexStr:hexStr})}});_defineProperty(_this,"changeColorAlpha",function(alpha){var newColor=[].concat(_toConsumableArray(_this.props.color.slice(0,3)),[parseFloat(alpha)]);_this.props.onColorChanged(newColor)});_this.state={pickerVisible:false,hexStr:null};_this.pickerEl=null;_this.state.colors=props.defaultColors;return _this}_inherits(ColorButton,_React$Component);return _createClass(ColorButton,[{key:"render",value:function render(){var _this2=this;var pickerStyle={visibility:this.state.pickerVisible?"visible":"hidden"};var curColor=this.props.color;return/*#__PURE__*/React.createElement("div",{className:"ColorButton"},/*#__PURE__*/React.createElement("div",{className:"colorbutton-icon",onClick:this.togglePicker},/*#__PURE__*/React.createElement("span",{style:{backgroundColor:this.cssColor(curColor)}})),/*#__PURE__*/React.createElement("div",{className:"colorbutton-picker",ref:function ref(el){_this2.pickerEl=el},style:pickerStyle},/*#__PURE__*/React.createElement("div",{className:"colorbutton-picker-icons"},this.state.colors.map(function(color,idx){return/*#__PURE__*/React.createElement("div",{className:"colorbutton-icon",key:"color"+idx,onClick:function onClick(){return _this2.selectColor(idx)},onContextMenu:function onContextMenu(ev){return _this2.replaceDefaultColor(ev,idx)}},/*#__PURE__*/React.createElement("span",{style:{backgroundColor:_this2.cssColor(color)}}))})),/*#__PURE__*/React.createElement(ColorPicker,{className:"colorbutton-picker-spectrum",onDrag:this.changeColor,saturationHeight:150,value:this.cssColor(curColor)}),/*#__PURE__*/React.createElement("div",{className:"colorbutton-picker-input controlgroup"},/*#__PURE__*/React.createElement("div",{className:"colorbutton-icon"},/*#__PURE__*/React.createElement("span",{style:{backgroundColor:this.cssColor(curColor)}})),/*#__PURE__*/React.createElement("input",{onChange:function onChange(ev){return _this2.changeColor(ev.target.value)},type:"text",value:this.state.hexStr||this.hexColor(curColor)}),this.props.alpha?/*#__PURE__*/React.createElement("div",{className:"colorbutton-picker-alpha"},/*#__PURE__*/React.createElement("div",null,/*#__PURE__*/React.createElement("input",{max:"1",min:"0",onChange:function onChange(ev){return _this2.changeColorAlpha(ev.target.value)},step:"0.1",type:"range",value:curColor[3]}))):null)))}},{key:"cssColor",value:function cssColor(color){return"rgba("+color.join(",")+")"}},{key:"hexColor",value:function hexColor(color){return(16777216+(color[2]|color[1]<<8|color[0]<<16)).toString(16).slice(1).toUpperCase()}}])}(React.Component);_defineProperty(ColorButton,"propTypes",{alpha:PropTypes.bool,color:PropTypes.array,defaultColors:PropTypes.array,onColorChanged:PropTypes.func});_defineProperty(ColorButton,"defaultProps",{alpha:true,defaultColors:defaultColors,color:[255,255,255,1],onColorChanged:function onColorChanged(/* color */){}});export{ColorButton as default};
+ */
+
+import React from 'react';
+import { ColorPicker } from '@vtaits/react-color-picker';
+import PropTypes from 'prop-types';
+import './style/ColorButton.css';
+import '@vtaits/react-color-picker/index.css';
+var defaultColors = [
+// [r, g, b, a]
+[255, 255, 255, 1], [0, 0, 0, 1], [255, 105, 0, 1], [252, 185, 0, 1], [0, 208, 132, 1], [142, 209, 252, 1], [6, 147, 227, 1], [171, 184, 195, 1], [235, 20, 76, 1], [247, 141, 167, 1]];
+var ColorButton = /*#__PURE__*/function (_React$Component) {
+  function ColorButton(props) {
+    var _this;
+    _classCallCheck(this, ColorButton);
+    _this = _callSuper(this, ColorButton, [props]);
+    _defineProperty(_this, "state", {
+      colors: defaultColors
+    });
+    _defineProperty(_this, "togglePicker", function (ev) {
+      if (!_this.state.pickerVisible) {
+        document.addEventListener('click', _this.checkClosePicker);
+      } else {
+        document.removeEventListener('click', _this.checkClosePicker);
+      }
+      ev.stopPropagation();
+      _this.setState(function (state) {
+        return {
+          hexStr: null,
+          pickerVisible: !state.pickerVisible
+        };
+      });
+    });
+    _defineProperty(_this, "checkClosePicker", function (ev) {
+      if (_this.pickerEl && !_this.pickerEl.contains(ev.target)) {
+        _this.togglePicker(ev);
+      }
+    });
+    _defineProperty(_this, "selectColor", function (idx) {
+      _this.setState({
+        hexStr: null
+      });
+      var n = _this.props.alpha ? 4 : 3;
+      _this.props.onColorChanged(_toConsumableArray(_this.state.colors[idx]).slice(0, n));
+    });
+    _defineProperty(_this, "replaceDefaultColor", function (ev, idx) {
+      _this.setState(function (state) {
+        var newColors = _toConsumableArray(state.colors);
+        newColors[idx] = _toConsumableArray(_this.props.color);
+        return {
+          colors: newColors
+        };
+      });
+      _this.forceUpdate();
+      ev.preventDefault();
+    });
+    _defineProperty(_this, "changeColor", function (hexStr) {
+      var match = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hexStr);
+      if (match) {
+        var newColor = [parseInt(match[1], 16), parseInt(match[2], 16), parseInt(match[3], 16), _this.props.color[3]];
+        _this.setState({
+          hexStr: null
+        });
+        var n = _this.props.alpha ? 4 : 3;
+        _this.props.onColorChanged(newColor.slice(0, n));
+      } else {
+        _this.setState({
+          hexStr: hexStr
+        });
+      }
+    });
+    _defineProperty(_this, "changeColorAlpha", function (alpha) {
+      var newColor = [].concat(_toConsumableArray(_this.props.color.slice(0, 3)), [parseFloat(alpha)]);
+      _this.props.onColorChanged(newColor);
+    });
+    _this.state = {
+      pickerVisible: false,
+      hexStr: null
+    };
+    _this.pickerEl = null;
+    _this.state.colors = props.defaultColors;
+    return _this;
+  }
+  _inherits(ColorButton, _React$Component);
+  return _createClass(ColorButton, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var pickerStyle = {
+        visibility: this.state.pickerVisible ? 'visible' : 'hidden'
+      };
+      var curColor = this.props.color;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "ColorButton"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "colorbutton-icon",
+        onClick: this.togglePicker
+      }, /*#__PURE__*/React.createElement("span", {
+        style: {
+          backgroundColor: this.cssColor(curColor)
+        }
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "colorbutton-picker",
+        ref: function ref(el) {
+          _this2.pickerEl = el;
+        },
+        style: pickerStyle
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "colorbutton-picker-icons"
+      }, this.state.colors.map(function (color, idx) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "colorbutton-icon",
+          key: "color" + idx,
+          onClick: function onClick() {
+            return _this2.selectColor(idx);
+          },
+          onContextMenu: function onContextMenu(ev) {
+            return _this2.replaceDefaultColor(ev, idx);
+          }
+        }, /*#__PURE__*/React.createElement("span", {
+          style: {
+            backgroundColor: _this2.cssColor(color)
+          }
+        }));
+      })), /*#__PURE__*/React.createElement(ColorPicker, {
+        className: "colorbutton-picker-spectrum",
+        onDrag: this.changeColor,
+        saturationHeight: 150,
+        value: this.cssColor(curColor)
+      }), /*#__PURE__*/React.createElement("div", {
+        className: "colorbutton-picker-input controlgroup"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "colorbutton-icon"
+      }, /*#__PURE__*/React.createElement("span", {
+        style: {
+          backgroundColor: this.cssColor(curColor)
+        }
+      })), /*#__PURE__*/React.createElement("input", {
+        onChange: function onChange(ev) {
+          return _this2.changeColor(ev.target.value);
+        },
+        type: "text",
+        value: this.state.hexStr || this.hexColor(curColor)
+      }), this.props.alpha ? /*#__PURE__*/React.createElement("div", {
+        className: "colorbutton-picker-alpha"
+      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
+        max: "1",
+        min: "0",
+        onChange: function onChange(ev) {
+          return _this2.changeColorAlpha(ev.target.value);
+        },
+        step: "0.1",
+        type: "range",
+        value: curColor[3]
+      }))) : null)));
+    }
+  }, {
+    key: "cssColor",
+    value: function cssColor(color) {
+      return "rgba(" + color.join(",") + ")";
+    }
+  }, {
+    key: "hexColor",
+    value: function hexColor(color) {
+      return (0x1000000 + (color[2] | color[1] << 8 | color[0] << 16)).toString(16).slice(1).toUpperCase();
+    }
+  }]);
+}(React.Component);
+_defineProperty(ColorButton, "propTypes", {
+  alpha: PropTypes.bool,
+  color: PropTypes.array,
+  defaultColors: PropTypes.array,
+  onColorChanged: PropTypes.func
+});
+_defineProperty(ColorButton, "defaultProps", {
+  alpha: true,
+  defaultColors: defaultColors,
+  color: [255, 255, 255, 1],
+  onColorChanged: function onColorChanged(/* color */) {}
+});
+export { ColorButton as default };

package/components/widgets/ComboBox.js

@@ -1,7 +1,171 @@
-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 _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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{remove as removeDiacritics}from"diacritics";import isEmpty from"lodash.isempty";import PropTypes from"prop-types";import MiscUtils from"../../utils/MiscUtils";import Icon from"../Icon";import PopupMenu from"./PopupMenu";import"./style/ComboBox.css";var ComboBox=/*#__PURE__*/function(_React$Component){function ComboBox(props){var _this;_classCallCheck(this,ComboBox);_this=_callSuper(this,ComboBox,[props]);_defineProperty(_this,"state",{popup:false,expanded:[],filter:""});_defineProperty(_this,"filterChanged",function(ev){_this.setState({filter:ev.target.value});_this.props.onChange("")});_defineProperty(_this,"onChildClicked",function(ev,child){_this.setState({filter:""});if(child.props["data-group-header"]!==undefined){MiscUtils.killEvent(ev);_this.setState(function(state){var groupid=child.props["data-group-header"];if(state.expanded.includes(groupid)){return{expanded:state.expanded.filter(function(x){return x!==groupid})}}else{return{expanded:[].concat(_toConsumableArray(state.expanded),[groupid])}}})}else if(!child.props.disabled){_this.props.onChange(child.props.value)}});_this.el=null;return _this}_inherits(ComboBox,_React$Component);return _createClass(ComboBox,[{key:"render",value:function render(){var _this2=this;var children=React.Children.toArray(this.props.children);var rect=this.el?this.el.getBoundingClientRect():null;var activeOption=children.filter(function(child){return child.props.value===_this2.props.value});if(activeOption.length===0){if(!this.state.filter){activeOption=/*#__PURE__*/React.createElement("span",null,this.props.placeholder)}else{activeOption=/*#__PURE__*/React.createElement("span",null,"\xA0")}}var filter=this.state.filter?new RegExp(removeDiacritics(this.state.filter).replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&"),"i"):null;return/*#__PURE__*/React.createElement("div",{className:"combobox "+(this.props.className||""),ref:function ref(el){_this2.el=el}},/*#__PURE__*/React.createElement("div",{className:"combobox-button",onClick:this.props.readOnly||isEmpty(children)?null:function(){return _this2.setState({popup:true})}},/*#__PURE__*/React.createElement("span",{className:"combobox-button-content"},activeOption),this.props.filterable&&!this.props.readOnly?/*#__PURE__*/React.createElement("input",{className:"combobox-button-filter",onChange:this.filterChanged,type:"text",value:this.state.filter}):null,this.props.readOnly?null:/*#__PURE__*/React.createElement(Icon,{icon:"chevron-down"})),this.el&&this.state.popup?/*#__PURE__*/React.createElement(PopupMenu,{className:"combobox-menu"+(this.props.menuClassName?" "+this.props.menuClassName:""),onClose:function onClose(){return _this2.setState({popup:false})},width:rect.width,x:rect.left,y:rect.bottom},children.map(function(child,idx){var classNames=classnames({"combobox-menu-entry":true,"combobox-menu-entry-active":child.props.value===_this2.props.value&&!child.props.disabled,"combobox-menu-entry-disabled":child.props.disabled,"combobox-menu-entry-group-header":child.props["data-group-header"]!==undefined});if(child.props["data-group"]!==undefined&&!_this2.state.expanded.includes(child.props["data-group"])){return null}if(filter&&!removeDiacritics(child.props.title).match(filter)){return null}var expanderIcon=_this2.state.expanded.includes(child.props["data-group-header"])?"collapse":"expand";return/*#__PURE__*/React.createElement("div",{className:classNames,key:"child:"+idx,onClickCapture:function onClickCapture(ev){return _this2.onChildClicked(ev,child)}},child.props["data-group-header"]!==undefined?/*#__PURE__*/React.createElement(Icon,{icon:expanderIcon}):null,child)})):null)}}])}(React.Component);_defineProperty(ComboBox,"propTypes",{children:PropTypes.oneOfType([PropTypes.node,PropTypes.array]),className:PropTypes.string,filterable:PropTypes.bool,menuClassName:PropTypes.string,onChange:PropTypes.func,placeholder:PropTypes.string,readOnly:PropTypes.bool,value:PropTypes.string});_defineProperty(ComboBox,"defaultProps",{readOnly:false,placeholder:""});export{ComboBox as default};
+ */
+
+import React from 'react';
+import classnames from 'classnames';
+import { remove as removeDiacritics } from 'diacritics';
+import isEmpty from 'lodash.isempty';
+import PropTypes from 'prop-types';
+import MiscUtils from '../../utils/MiscUtils';
+import Icon from '../Icon';
+import PopupMenu from './PopupMenu';
+import './style/ComboBox.css';
+var ComboBox = /*#__PURE__*/function (_React$Component) {
+  function ComboBox(props) {
+    var _this;
+    _classCallCheck(this, ComboBox);
+    _this = _callSuper(this, ComboBox, [props]);
+    _defineProperty(_this, "state", {
+      popup: false,
+      expanded: [],
+      filter: ''
+    });
+    _defineProperty(_this, "filterChanged", function (ev) {
+      _this.setState({
+        filter: ev.target.value
+      });
+      _this.props.onChange('');
+    });
+    _defineProperty(_this, "onChildClicked", function (ev, child) {
+      _this.setState({
+        filter: ''
+      });
+      if (child.props["data-group-header"] !== undefined) {
+        MiscUtils.killEvent(ev);
+        _this.setState(function (state) {
+          var groupid = child.props["data-group-header"];
+          if (state.expanded.includes(groupid)) {
+            return {
+              expanded: state.expanded.filter(function (x) {
+                return x !== groupid;
+              })
+            };
+          } else {
+            return {
+              expanded: [].concat(_toConsumableArray(state.expanded), [groupid])
+            };
+          }
+        });
+      } else if (!child.props.disabled) {
+        _this.props.onChange(child.props.value);
+      }
+    });
+    _this.el = null;
+    return _this;
+  }
+  _inherits(ComboBox, _React$Component);
+  return _createClass(ComboBox, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var children = React.Children.toArray(this.props.children);
+      var rect = this.el ? this.el.getBoundingClientRect() : null;
+      var activeOption = children.filter(function (child) {
+        return child.props.value === _this2.props.value;
+      });
+      if (activeOption.length === 0) {
+        if (!this.state.filter) {
+          activeOption = /*#__PURE__*/React.createElement("span", null, this.props.placeholder);
+        } else {
+          activeOption = /*#__PURE__*/React.createElement("span", null, "\xA0");
+        }
+      }
+      var filter = this.state.filter ? new RegExp(removeDiacritics(this.state.filter).replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&"), "i") : null;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "combobox " + (this.props.className || ""),
+        ref: function ref(el) {
+          _this2.el = el;
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "combobox-button",
+        onClick: this.props.readOnly || isEmpty(children) ? null : function () {
+          return _this2.setState({
+            popup: true
+          });
+        }
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "combobox-button-content"
+      }, activeOption), this.props.filterable && !this.props.readOnly ? /*#__PURE__*/React.createElement("input", {
+        className: "combobox-button-filter",
+        onChange: this.filterChanged,
+        type: "text",
+        value: this.state.filter
+      }) : null, this.props.readOnly ? null : /*#__PURE__*/React.createElement(Icon, {
+        icon: "chevron-down"
+      })), this.el && this.state.popup ? /*#__PURE__*/React.createElement(PopupMenu, {
+        className: "combobox-menu" + (this.props.menuClassName ? " " + this.props.menuClassName : ""),
+        onClose: function onClose() {
+          return _this2.setState({
+            popup: false
+          });
+        },
+        width: rect.width,
+        x: rect.left,
+        y: rect.bottom
+      }, children.map(function (child, idx) {
+        var classNames = classnames({
+          "combobox-menu-entry": true,
+          "combobox-menu-entry-active": child.props.value === _this2.props.value && !child.props.disabled,
+          "combobox-menu-entry-disabled": child.props.disabled,
+          "combobox-menu-entry-group-header": child.props["data-group-header"] !== undefined
+        });
+        if (child.props["data-group"] !== undefined && !_this2.state.expanded.includes(child.props["data-group"])) {
+          return null;
+        }
+        if (filter && !removeDiacritics(child.props.title).match(filter)) {
+          return null;
+        }
+        var expanderIcon = _this2.state.expanded.includes(child.props["data-group-header"]) ? "collapse" : "expand";
+        return /*#__PURE__*/React.createElement("div", {
+          className: classNames,
+          key: "child:" + idx,
+          onClickCapture: function onClickCapture(ev) {
+            return _this2.onChildClicked(ev, child);
+          }
+        }, child.props["data-group-header"] !== undefined ? /*#__PURE__*/React.createElement(Icon, {
+          icon: expanderIcon
+        }) : null, child);
+      })) : null);
+    }
+  }]);
+}(React.Component);
+_defineProperty(ComboBox, "propTypes", {
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.array]),
+  className: PropTypes.string,
+  filterable: PropTypes.bool,
+  menuClassName: PropTypes.string,
+  onChange: PropTypes.func,
+  placeholder: PropTypes.string,
+  readOnly: PropTypes.bool,
+  value: PropTypes.string
+});
+_defineProperty(ComboBox, "defaultProps", {
+  readOnly: false,
+  placeholder: ''
+});
+export { ComboBox as default };