@chaoswise/ui 3.0.5 → 3.0.6

package/lib/CWColorPicker/SketchPicker/components/common/Alpha.js

@@ -1,132 +0,0 @@
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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); }
-import React, { Component, PureComponent } from 'react';
-import reactCSS from 'reactcss';
-import * as alpha from '../../helpers/alpha';
-import Checkboard from './Checkboard';
-export var Alpha = /*#__PURE__*/function (_ref) {
-  function Alpha() {
-    var _this;
-    _classCallCheck(this, Alpha);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Alpha, [].concat(args));
-    _defineProperty(_this, "handleChange", function (e) {
-      var change = alpha.calculateChange(e, _this.props.hsl, _this.props.direction, _this.props.a, _this.container);
-      change && typeof _this.props.onChange === 'function' && _this.props.onChange(change, e);
-    });
-    _defineProperty(_this, "handleMouseDown", function (e) {
-      _this.handleChange(e);
-      window.addEventListener('mousemove', _this.handleChange);
-      window.addEventListener('mouseup', _this.handleMouseUp);
-    });
-    _defineProperty(_this, "handleMouseUp", function () {
-      _this.unbindEventListeners();
-    });
-    _defineProperty(_this, "unbindEventListeners", function () {
-      window.removeEventListener('mousemove', _this.handleChange);
-      window.removeEventListener('mouseup', _this.handleMouseUp);
-    });
-    return _this;
-  }
-  _inherits(Alpha, _ref);
-  return _createClass(Alpha, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.unbindEventListeners();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var rgb = this.props.rgb;
-      var styles = reactCSS({
-        'default': {
-          alpha: {
-            absolute: '0px 0px 0px 0px',
-            borderRadius: this.props.radius
-          },
-          checkboard: {
-            absolute: '0px 0px 0px 0px',
-            overflow: 'hidden',
-            borderRadius: this.props.radius
-          },
-          gradient: {
-            absolute: '0px 0px 0px 0px',
-            background: "linear-gradient(to right, rgba(".concat(rgb.r, ",").concat(rgb.g, ",").concat(rgb.b, ", 0) 0%,\n           rgba(").concat(rgb.r, ",").concat(rgb.g, ",").concat(rgb.b, ", 1) 100%)"),
-            boxShadow: this.props.shadow,
-            borderRadius: this.props.radius
-          },
-          container: {
-            position: 'relative',
-            height: '100%',
-            margin: '0 3px'
-          },
-          pointer: {
-            position: 'absolute',
-            left: "".concat(rgb.a * 100, "%")
-          },
-          slider: {
-            width: '4px',
-            borderRadius: '1px',
-            height: '8px',
-            boxShadow: '0 0 2px rgba(0, 0, 0, .6)',
-            background: '#fff',
-            marginTop: '1px',
-            transform: 'translateX(-2px)'
-          }
-        },
-        'vertical': {
-          gradient: {
-            background: "linear-gradient(to bottom, rgba(".concat(rgb.r, ",").concat(rgb.g, ",").concat(rgb.b, ", 0) 0%,\n           rgba(").concat(rgb.r, ",").concat(rgb.g, ",").concat(rgb.b, ", 1) 100%)")
-          },
-          pointer: {
-            left: 0,
-            top: "".concat(rgb.a * 100, "%")
-          }
-        },
-        'overwrite': _objectSpread({}, this.props.style)
-      }, {
-        vertical: this.props.direction === 'vertical',
-        overwrite: true
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        style: styles.alpha
-      }, /*#__PURE__*/React.createElement("div", {
-        style: styles.checkboard
-      }, /*#__PURE__*/React.createElement(Checkboard, {
-        renderers: this.props.renderers
-      })), /*#__PURE__*/React.createElement("div", {
-        style: styles.gradient
-      }), /*#__PURE__*/React.createElement("div", {
-        style: styles.container,
-        ref: function ref(container) {
-          return _this2.container = container;
-        },
-        onMouseDown: this.handleMouseDown,
-        onTouchMove: this.handleChange,
-        onTouchStart: this.handleChange
-      }, /*#__PURE__*/React.createElement("div", {
-        style: styles.pointer
-      }, this.props.pointer ? /*#__PURE__*/React.createElement(this.props.pointer, this.props) : /*#__PURE__*/React.createElement("div", {
-        style: styles.slider
-      }))));
-    }
-  }]);
-}(PureComponent || Component);
-export default Alpha;

package/lib/CWColorPicker/SketchPicker/components/common/Checkboard.js

@@ -1,40 +0,0 @@
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return 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); }
-import React, { isValidElement } from 'react';
-import reactCSS from 'reactcss';
-import * as checkboard from '../../helpers/checkboard';
-export var Checkboard = function Checkboard(_ref) {
-  var white = _ref.white,
-    grey = _ref.grey,
-    size = _ref.size,
-    renderers = _ref.renderers,
-    borderRadius = _ref.borderRadius,
-    boxShadow = _ref.boxShadow,
-    children = _ref.children;
-  var styles = reactCSS({
-    'default': {
-      grid: {
-        borderRadius: borderRadius,
-        boxShadow: boxShadow,
-        absolute: '0px 0px 0px 0px',
-        background: "url(".concat(checkboard.get(white, grey, size, renderers.canvas), ") center left")
-      }
-    }
-  });
-  return /*#__PURE__*/isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, children.props), {}, {
-    style: _objectSpread(_objectSpread({}, children.props.style), styles.grid)
-  })) : /*#__PURE__*/React.createElement("div", {
-    style: styles.grid
-  });
-};
-Checkboard.defaultProps = {
-  size: 8,
-  white: 'transparent',
-  grey: 'rgba(0,0,0,.08)',
-  renderers: {}
-};
-export default Checkboard;

package/lib/CWColorPicker/SketchPicker/components/common/ColorWrap.js

@@ -1,79 +0,0 @@
-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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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); }
-import React, { Component, PureComponent } from 'react';
-import debounce from 'lodash/debounce';
-import * as color from '../../helpers/color';
-export var ColorWrap = function ColorWrap(Picker) {
-  var ColorPicker = /*#__PURE__*/function (_ref) {
-    function ColorPicker(props) {
-      var _this;
-      _classCallCheck(this, ColorPicker);
-      _this = _callSuper(this, ColorPicker);
-      // static getDerivedStateFromProps(nextProps, state) {
-      //   return {
-      //     ...color.toState(nextProps.color, state.oldHue),
-      //   }
-      // }
-      _defineProperty(_this, "handleChange", function (data, event) {
-        var isValidColor = color.simpleCheckForValidColor(data);
-        if (isValidColor) {
-          var colors = color.toState(data, data.h || _this.state.oldHue);
-          _this.setState(colors);
-          _this.props.onChangeComplete && _this.debounce(_this.props.onChangeComplete, colors, event);
-          _this.props.onChange && _this.props.onChange(colors, event);
-        }
-      });
-      _defineProperty(_this, "handleSwatchHover", function (data, event) {
-        var isValidColor = color.simpleCheckForValidColor(data);
-        if (isValidColor) {
-          var colors = color.toState(data, data.h || _this.state.oldHue);
-          _this.props.onSwatchHover && _this.props.onSwatchHover(colors, event);
-        }
-      });
-      _this.state = _objectSpread({}, color.toState(props.color, 0));
-      _this.debounce = debounce(function (fn, data, event) {
-        fn(data, event);
-      }, 100);
-      return _this;
-    }
-    _inherits(ColorPicker, _ref);
-    return _createClass(ColorPicker, [{
-      key: "render",
-      value: function render() {
-        var optionalEvents = {};
-        if (this.props.onSwatchHover) {
-          optionalEvents.onSwatchHover = this.handleSwatchHover;
-        }
-        return /*#__PURE__*/React.createElement(Picker, _extends({}, this.props, this.state, {
-          onChange: this.handleChange
-        }, optionalEvents));
-      }
-    }]);
-  }(PureComponent || Component);
-  ColorPicker.propTypes = _objectSpread({}, Picker.propTypes);
-  ColorPicker.defaultProps = _objectSpread(_objectSpread({}, Picker.defaultProps), {}, {
-    color: {
-      h: 250,
-      s: 0.50,
-      l: 0.20,
-      a: 1
-    }
-  });
-  return ColorPicker;
-};
-export default ColorWrap;

package/lib/CWColorPicker/SketchPicker/components/common/EditableInput.js

@@ -1,171 +0,0 @@
-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); }
-import React, { Component, PureComponent } from 'react';
-import reactCSS from 'reactcss';
-var DEFAULT_ARROW_OFFSET = 1;
-var UP_KEY_CODE = 38;
-var DOWN_KEY_CODE = 40;
-var VALID_KEY_CODES = [UP_KEY_CODE, DOWN_KEY_CODE];
-var isValidKeyCode = function isValidKeyCode(keyCode) {
-  return VALID_KEY_CODES.indexOf(keyCode) > -1;
-};
-var getNumberValue = function getNumberValue(value) {
-  return Number(String(value).replace(/%/g, ''));
-};
-var idCounter = 1;
-export var EditableInput = /*#__PURE__*/function (_ref) {
-  function EditableInput(props) {
-    var _this;
-    _classCallCheck(this, EditableInput);
-    _this = _callSuper(this, EditableInput);
-    _defineProperty(_this, "handleBlur", function () {
-      if (_this.state.blurValue) {
-        _this.setState({
-          value: _this.state.blurValue,
-          blurValue: null
-        });
-      }
-    });
-    _defineProperty(_this, "handleChange", function (e) {
-      _this.setUpdatedValue(e.target.value, e);
-    });
-    _defineProperty(_this, "handleKeyDown", function (e) {
-      // In case `e.target.value` is a percentage remove the `%` character
-      // and update accordingly with a percentage
-      // https://github.com/casesandberg/react-color/issues/383
-      var value = getNumberValue(e.target.value);
-      if (!isNaN(value) && isValidKeyCode(e.keyCode)) {
-        var offset = _this.getArrowOffset();
-        var updatedValue = e.keyCode === UP_KEY_CODE ? value + offset : value - offset;
-        _this.setUpdatedValue(updatedValue, e);
-      }
-    });
-    _defineProperty(_this, "handleDrag", function (e) {
-      if (_this.props.dragLabel) {
-        var newValue = Math.round(_this.props.value + e.movementX);
-        if (newValue >= 0 && newValue <= _this.props.dragMax) {
-          _this.props.onChange && _this.props.onChange(_this.getValueObjectWithLabel(newValue), e);
-        }
-      }
-    });
-    _defineProperty(_this, "handleMouseDown", function (e) {
-      if (_this.props.dragLabel) {
-        e.preventDefault();
-        _this.handleDrag(e);
-        window.addEventListener('mousemove', _this.handleDrag);
-        window.addEventListener('mouseup', _this.handleMouseUp);
-      }
-    });
-    _defineProperty(_this, "handleMouseUp", function () {
-      _this.unbindEventListeners();
-    });
-    _defineProperty(_this, "unbindEventListeners", function () {
-      window.removeEventListener('mousemove', _this.handleDrag);
-      window.removeEventListener('mouseup', _this.handleMouseUp);
-    });
-    _this.state = {
-      value: String(props.value).toUpperCase(),
-      blurValue: String(props.value).toUpperCase()
-    };
-    _this.inputId = "rc-editable-input-".concat(idCounter++);
-    return _this;
-  }
-  _inherits(EditableInput, _ref);
-  return _createClass(EditableInput, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (this.props.value !== this.state.value && (prevProps.value !== this.props.value || prevState.value !== this.state.value)) {
-        if (this.input === document.activeElement) {
-          this.setState({
-            blurValue: String(this.props.value).toUpperCase()
-          });
-        } else {
-          this.setState({
-            value: String(this.props.value).toUpperCase(),
-            blurValue: !this.state.blurValue && String(this.props.value).toUpperCase()
-          });
-        }
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.unbindEventListeners();
-    }
-  }, {
-    key: "getValueObjectWithLabel",
-    value: function getValueObjectWithLabel(value) {
-      return _defineProperty({}, this.props.label, value);
-    }
-  }, {
-    key: "getArrowOffset",
-    value: function getArrowOffset() {
-      return this.props.arrowOffset || DEFAULT_ARROW_OFFSET;
-    }
-  }, {
-    key: "setUpdatedValue",
-    value: function setUpdatedValue(value, e) {
-      var onChangeValue = this.props.label ? this.getValueObjectWithLabel(value) : value;
-      this.props.onChange && this.props.onChange(onChangeValue, e);
-      this.setState({
-        value: value
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var styles = reactCSS({
-        'default': {
-          wrap: {
-            position: 'relative'
-          }
-        },
-        'user-override': {
-          wrap: this.props.style && this.props.style.wrap ? this.props.style.wrap : {},
-          input: this.props.style && this.props.style.input ? this.props.style.input : {},
-          label: this.props.style && this.props.style.label ? this.props.style.label : {}
-        },
-        'dragLabel-true': {
-          label: {
-            cursor: 'ew-resize'
-          }
-        }
-      }, {
-        'user-override': true
-      }, this.props);
-      return /*#__PURE__*/React.createElement("div", {
-        style: styles.wrap
-      }, /*#__PURE__*/React.createElement("input", {
-        id: this.inputId,
-        style: styles.input,
-        ref: function ref(input) {
-          return _this2.input = input;
-        },
-        value: this.state.value,
-        onKeyDown: this.handleKeyDown,
-        onChange: this.handleChange,
-        onBlur: this.handleBlur,
-        placeholder: this.props.placeholder,
-        spellCheck: "false"
-      }), this.props.label && !this.props.hideLabel ? /*#__PURE__*/React.createElement("label", {
-        htmlFor: this.inputId,
-        style: styles.label,
-        onMouseDown: this.handleMouseDown
-      }, this.props.label) : null);
-    }
-  }]);
-}(PureComponent || Component);
-export default EditableInput;

package/lib/CWColorPicker/SketchPicker/components/common/Hue.js

@@ -1,117 +0,0 @@
-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); }
-import React, { Component, PureComponent } from "react";
-import reactCSS from "reactcss";
-import * as hue from "../../helpers/hue";
-import { floor, round } from "@chaoswise/utils";
-export var Hue = /*#__PURE__*/function (_ref) {
-  function Hue() {
-    var _this;
-    _classCallCheck(this, Hue);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Hue, [].concat(args));
-    _defineProperty(_this, "handleChange", function (e) {
-      var change = hue.calculateChange(e, _this.props.direction, _this.props.hsl, _this.container);
-      change && typeof _this.props.onChange === "function" && _this.props.onChange(change, e);
-    });
-    _defineProperty(_this, "handleMouseDown", function (e) {
-      _this.handleChange(e);
-      window.addEventListener("mousemove", _this.handleChange);
-      window.addEventListener("mouseup", _this.handleMouseUp);
-    });
-    _defineProperty(_this, "handleMouseUp", function () {
-      _this.unbindEventListeners();
-    });
-    return _this;
-  }
-  _inherits(Hue, _ref);
-  return _createClass(Hue, [{
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.unbindEventListeners();
-    }
-  }, {
-    key: "unbindEventListeners",
-    value: function unbindEventListeners() {
-      window.removeEventListener("mousemove", this.handleChange);
-      window.removeEventListener("mouseup", this.handleMouseUp);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props$direction = this.props.direction,
-        direction = _this$props$direction === void 0 ? "horizontal" : _this$props$direction;
-      var leftValue = this.props.hsl.h * 100 / 360;
-      var resLeft = floor(leftValue) === 0 ? 0 : round(leftValue);
-      var styles = reactCSS({
-        "default": {
-          hue: {
-            absolute: "0px 0px 0px 0px",
-            borderRadius: this.props.radius,
-            boxShadow: this.props.shadow
-          },
-          container: {
-            margin: "0 3px",
-            position: "relative",
-            height: "100%",
-            borderRadius: this.props.radius
-          },
-          pointer: {
-            position: "absolute",
-            left: "".concat(resLeft, "%")
-          },
-          slider: {
-            marginTop: "1px",
-            width: "4px",
-            borderRadius: "1px",
-            height: "8px",
-            boxShadow: "0 0 2px rgba(0, 0, 0, .6)",
-            background: "#fff",
-            transform: "translateX(-2px)"
-          }
-        },
-        vertical: {
-          pointer: {
-            left: "0px",
-            top: "".concat(-(this.props.hsl.h * 100 / 360) + 100, "%")
-          }
-        }
-      }, {
-        vertical: direction === "vertical"
-      });
-      return /*#__PURE__*/React.createElement("div", {
-        style: styles.hue,
-        className: "hue-".concat(direction, "-custom")
-      }, /*#__PURE__*/React.createElement("style", null, "\n            .hue-horizontal-custom {\n              background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0\n                33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n              background: -webkit-linear-gradient(to right, #f00 0%, #ff0\n                17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n            }\n\n            .hue-vertical {\n              background: linear-gradient(to top, #f00 0%, #ff0 17%, #0f0 33%,\n                #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n              background: -webkit-linear-gradient(to top, #f00 0%, #ff0 17%,\n                #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);\n            }\n          "), /*#__PURE__*/React.createElement("div", {
-        className: "hue-".concat(direction),
-        style: styles.container,
-        ref: function ref(container) {
-          return _this2.container = container;
-        },
-        onMouseDown: this.handleMouseDown,
-        onTouchMove: this.handleChange,
-        onTouchStart: this.handleChange
-      }, /*#__PURE__*/React.createElement("div", {
-        style: styles.pointer
-      }, this.props.pointer ? /*#__PURE__*/React.createElement(this.props.pointer, this.props) : /*#__PURE__*/React.createElement("div", {
-        style: styles.slider
-      }))));
-    }
-  }]);
-}(PureComponent || Component);
-export default Hue;

package/lib/CWColorPicker/SketchPicker/components/common/Raised.js

@@ -1,91 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import reactCSS from 'reactcss';
-import merge from 'lodash/merge';
-export var Raised = function Raised(_ref) {
-  var zDepth = _ref.zDepth,
-    radius = _ref.radius,
-    background = _ref.background,
-    children = _ref.children,
-    _ref$styles = _ref.styles,
-    passedStyles = _ref$styles === void 0 ? {} : _ref$styles;
-  var styles = reactCSS(merge({
-    'default': {
-      wrap: {
-        position: 'relative',
-        display: 'inline-block'
-      },
-      content: {
-        position: 'relative'
-      },
-      bg: {
-        absolute: '0px 0px 0px 0px',
-        boxShadow: "0 ".concat(zDepth, "px ").concat(zDepth * 4, "px rgba(0,0,0,.24)"),
-        borderRadius: radius,
-        background: background
-      }
-    },
-    'zDepth-0': {
-      bg: {
-        boxShadow: 'none'
-      }
-    },
-    'zDepth-1': {
-      bg: {
-        boxShadow: '0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)'
-      }
-    },
-    'zDepth-2': {
-      bg: {
-        boxShadow: '0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)'
-      }
-    },
-    'zDepth-3': {
-      bg: {
-        boxShadow: '0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)'
-      }
-    },
-    'zDepth-4': {
-      bg: {
-        boxShadow: '0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)'
-      }
-    },
-    'zDepth-5': {
-      bg: {
-        boxShadow: '0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)'
-      }
-    },
-    'square': {
-      bg: {
-        borderRadius: '0'
-      }
-    },
-    'circle': {
-      bg: {
-        borderRadius: '50%'
-      }
-    }
-  }, passedStyles), {
-    'zDepth-1': zDepth === 1
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    style: styles.wrap
-  }, /*#__PURE__*/React.createElement("div", {
-    style: styles.bg
-  }), /*#__PURE__*/React.createElement("div", {
-    style: styles.content
-  }, children));
-};
-Raised.propTypes = {
-  background: PropTypes.string,
-  zDepth: PropTypes.oneOf([0, 1, 2, 3, 4, 5]),
-  radius: PropTypes.number,
-  styles: PropTypes.object
-};
-Raised.defaultProps = {
-  background: '#fff',
-  zDepth: 1,
-  radius: 2,
-  styles: {}
-};
-export default Raised;