@chaoswise/ui 2.5.4 → 2.5.6

package/lib/Affix/index.js

@@ -0,0 +1,3 @@
+import "antd/es/affix/style";
+import _Affix from "antd/es/affix";
+export default _Affix;

package/lib/CWMessage/MessageContent/TabList/index.js

@@ -13,7 +13,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 import React from "react";
 import moment from "moment";
 import { readInnerMessageApi } from "../../service";
-import langConfig from '../../locale';
+import langConfig from "../../locale";
 import { formatMessage } from "../../../utils";
 import "./index.less";
 var TabList = function TabList(props) {
@@ -63,9 +63,9 @@ var TabList = function TabList(props) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            resRequestApi = _readInnerMessageApi ? _readInnerMessageApi(params) : readInnerMessageApi(params, gatewayPrefix);
+            resRequestApi = _readInnerMessageApi || readInnerMessageApi;
             _context.next = 3;
-            return resRequestApi;
+            return resRequestApi(params, gatewayPrefix);
           case 3:
             res = _context.sent;
             if (res.status == "success") {

package/lib/CWMessage/MessageContent/index.js

@@ -89,9 +89,9 @@ var MessageContent = function MessageContent(props) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            resRequestApi = _getMessageTypeApi ? _getMessageTypeApi() : getMessageTypeApi(gatewayPrefix);
+            resRequestApi = _getMessageTypeApi || getMessageTypeApi;
             _context.next = 3;
-            return resRequestApi;
+            return resRequestApi(gatewayPrefix);
           case 3:
             res = _context.sent;
             if (res && res.status == "success") {
@@ -123,9 +123,9 @@ var MessageContent = function MessageContent(props) {
           case 0:
             setLoading(true);
             conditionsRef.current = _objectSpread(_objectSpread({}, conditionsRef.current), params);
-            resRequestApi = _getMessageListApi ? _getMessageListApi(conditionsRef.current) : getMessageListApi(conditionsRef.current, gatewayPrefix);
+            resRequestApi = _getMessageListApi || getMessageListApi;
             _context2.next = 5;
-            return resRequestApi;
+            return resRequestApi(conditionsRef.current, gatewayPrefix);
           case 5:
             res = _context2.sent;
             if (res && res.status == "success") {
@@ -151,9 +151,9 @@ var MessageContent = function MessageContent(props) {
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            resRequestApi = _getMessageUnreadCountApi ? _getMessageUnreadCountApi() : getMessageUnreadCountApi(gatewayPrefix);
+            resRequestApi = _getMessageUnreadCountApi || getMessageUnreadCountApi;
             _context3.next = 3;
-            return resRequestApi;
+            return resRequestApi(gatewayPrefix);
           case 3:
             res = _context3.sent;
             if (res && res.status == "success") {

package/lib/CWMessage/index.js

@@ -91,6 +91,8 @@ function Message(props) {
     setTotal = _useState6[1];
   // 保存消息配置
   var messageOptionRef = useRef({});
+  // 获取socket信息
+  var socketConnectInfo = useRef();
   // 分页配置初始化
   var _useState7 = useState({
       current: 1,
@@ -113,6 +115,11 @@ function Message(props) {
       top: headerHeight,
       maxCount: 1
     });
+    return function () {
+      if (socketConnectInfo.current) {
+        socketConnectInfo.current.disconnect && socketConnectInfo.current.disconnect();
+      }
+    };
   }, []);
   useEffect(function () {
     setPageInfo(function (pre) {
@@ -152,9 +159,9 @@ function Message(props) {
               userMessageId: id,
               clientType: "BROWSER"
             };
-            resRequestApi = _getMessageDetailApi ? _getMessageDetailApi(params) : getMessageDetailApi(params, gatewayPrefix);
+            resRequestApi = _getMessageDetailApi || getMessageDetailApi;
             _context.next = 4;
-            return resRequestApi;
+            return resRequestApi(params, gatewayPrefix);
           case 4:
             res = _context.sent;
             if (res && res.status == "success") {
@@ -190,24 +197,13 @@ function Message(props) {
   }();
   var readInnerMessage = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
-      var resRequestApi, res;
+      var resRequestApi;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            resRequestApi = _readInnerMessageApi ? _readInnerMessageApi(params) : readInnerMessageApi(params, gatewayPrefix);
-            _context2.next = 3;
-            return resRequestApi;
-          case 3:
-            res = _context2.sent;
-            if (res.status == "success") {
-              // if (pageInfo.current > 1 && dataSource.length === 1) {
-              //   let _params = { current: pageInfo.current - 1 };
-              //   setPageInfo((pre) => ({ ...pre, current: pre.current - 1 }));
-              //   conditionsRef.current = { ...conditionsRef.current, ..._params };
-              // }
-              // 已读消息
-            }
-          case 5:
+            resRequestApi = _readInnerMessageApi || readInnerMessageApi;
+            resRequestApi(params, gatewayPrefix);
+          case 2:
           case "end":
             return _context2.stop();
         }
@@ -217,19 +213,47 @@ function Message(props) {
       return _ref3.apply(this, arguments);
     };
   }();
+  var getSocketPostMessage = function getSocketPostMessage(data) {
+    var _JSON$parse = JSON.parse(data),
+      count = _JSON$parse.count,
+      message = _JSON$parse.message;
+    var _ref4 = count || {},
+      _ref4$total = _ref4.total,
+      total = _ref4$total === void 0 ? 0 : _ref4$total;
+    setMessageTotal(total);
+    onSocketChange(JSON.parse(data));
+    if (message) {
+      var noticeMessage = message.noticeMessage;
+      if (noticeMessage) {
+        var userMessageId = noticeMessage.id,
+          type = noticeMessage.type;
+        if (userMessageId) {
+          var _ref5 = messageOptionRef.current[type] || {},
+            enable = _ref5.enable,
+            mode = _ref5.mode,
+            _ref5$time = _ref5.time,
+            time = _ref5$time === void 0 ? 5 : _ref5$time;
+          if (enable) {
+            openNotification(time, userMessageId);
+          }
+        }
+      }
+    }
+  };
   var connectSocket = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var resRequestApi, res, finalOrigin, socket;
-      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            resRequestApi = _getSessionId ? _getSessionId() : getSessionId(gatewayPrefix);
-            _context5.next = 3;
-            return resRequestApi;
+            // 获取sessionId
+            resRequestApi = _getSessionId || getSessionId;
+            _context3.next = 3;
+            return resRequestApi(gatewayPrefix);
           case 3:
-            res = _context5.sent;
+            res = _context3.sent;
             if (res && res.status == "success") {
-              finalOrigin = socketOrigin ? socketOrigin : "ws://".concat(window.location.host);
+              finalOrigin = socketOrigin || "ws://".concat(window.location.host); // 连接到后端socket服务器
               socket = io(finalOrigin, {
                 transports: ["websocket"],
                 path: "".concat(socketPathPrefix, "/message/socket.io"),
@@ -237,95 +261,51 @@ function Message(props) {
                   sessionId: res.data,
                   clientType: "BROWSER"
                 }
-              });
-              socket.on("push", /*#__PURE__*/function () {
-                var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
-                  var _JSON$parse, count, message, _ref6, _ref6$total, total, noticeMessage, userMessageId, type, _ref7, enable, mode, _ref7$time, time;
-                  return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-                    while (1) switch (_context3.prev = _context3.next) {
-                      case 0:
-                        _JSON$parse = JSON.parse(data), count = _JSON$parse.count, message = _JSON$parse.message;
-                        _ref6 = count || {}, _ref6$total = _ref6.total, total = _ref6$total === void 0 ? 0 : _ref6$total;
-                        setMessageTotal(total);
-                        onSocketChange(JSON.parse(data));
-                        if (message) {
-                          noticeMessage = message.noticeMessage;
-                          if (noticeMessage) {
-                            userMessageId = noticeMessage.id, type = noticeMessage.type;
-                            if (userMessageId) {
-                              _ref7 = messageOptionRef.current[type] || {}, enable = _ref7.enable, mode = _ref7.mode, _ref7$time = _ref7.time, time = _ref7$time === void 0 ? 5 : _ref7$time;
-                              if (enable) {
-                                openNotification(time, userMessageId);
-                              }
-                            }
-                          }
-                        }
-                      case 5:
-                      case "end":
-                        return _context3.stop();
-                    }
-                  }, _callee3);
-                }));
-                return function (_x4) {
-                  return _ref5.apply(this, arguments);
-                };
-              }());
+              }); // 记录socket连接信息，用于关闭socket连接
+              socketConnectInfo.current = socket;
+              // 监听从服务器传来的消息
+              socket.on("push", getSocketPostMessage);
               // socket重连
-              socket.on("reconnect_attempt", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-                var res;
-                return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-                  while (1) switch (_context4.prev = _context4.next) {
-                    case 0:
-                      _context4.next = 2;
-                      return resRequestApi;
-                    case 2:
-                      res = _context4.sent;
-                      if (res && res.status == "success") {
-                        socket.io.opts.query = {
-                          sessionId: res.data,
-                          clientType: "BROWSER"
-                        };
-                      }
-                    case 4:
-                    case "end":
-                      return _context4.stop();
-                  }
-                }, _callee4);
-              })));
+              socket.on("reconnect_attempt", function () {
+                socket.io.opts.query = {
+                  sessionId: res.data,
+                  clientType: "BROWSER"
+                };
+              });
             }
           case 5:
           case "end":
-            return _context5.stop();
+            return _context3.stop();
         }
-      }, _callee5);
+      }, _callee3);
     }));
     return function connectSocket() {
-      return _ref4.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   var getMessageQuerySettings = /*#__PURE__*/function () {
-    var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
       var resRequestApi, res, data;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            resRequestApi = _getMessageQuerySettingsApi ? _getMessageQuerySettingsApi() : getMessageQuerySettingsApi(gatewayPrefix);
-            _context6.next = 3;
-            return resRequestApi;
+            resRequestApi = _getMessageQuerySettingsApi || getMessageQuerySettingsApi;
+            _context4.next = 3;
+            return resRequestApi(gatewayPrefix);
           case 3:
-            res = _context6.sent;
+            res = _context4.sent;
             if (res && res.status === "success") {
               data = res.data;
               messageOptionRef.current = data || {};
             }
           case 5:
           case "end":
-            return _context6.stop();
+            return _context4.stop();
         }
-      }, _callee6);
+      }, _callee4);
     }));
     return function getMessageQuerySettings() {
-      return _ref9.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   return /*#__PURE__*/React.createElement("div", {

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

@@ -0,0 +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 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(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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) {
+  _inherits(Alpha, _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(_assertThisInitialized(_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(_assertThisInitialized(_this), "handleMouseDown", function (e) {
+      _this.handleChange(e);
+      window.addEventListener('mousemove', _this.handleChange);
+      window.addEventListener('mouseup', _this.handleMouseUp);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseUp", function () {
+      _this.unbindEventListeners();
+    });
+    _defineProperty(_assertThisInitialized(_this), "unbindEventListeners", function () {
+      window.removeEventListener('mousemove', _this.handleChange);
+      window.removeEventListener('mouseup', _this.handleMouseUp);
+    });
+    return _this;
+  }
+  _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
+      }))));
+    }
+  }]);
+  return Alpha;
+}(PureComponent || Component);
+export default Alpha;

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

@@ -0,0 +1,40 @@
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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/ColorPicker/SketchPicker/components/common/ColorWrap.js

@@ -0,0 +1,80 @@
+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() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, 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(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+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(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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) {
+    _inherits(ColorPicker, _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(_assertThisInitialized(_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(_assertThisInitialized(_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;
+    }
+    _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));
+      }
+    }]);
+    return ColorPicker;
+  }(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;