ywana-core8 0.0.389 → 0.0.390

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -6,6 +6,7 @@ var momentRange = require('moment-range');
6
6
  var ResumableJS = require('resumablejs');
7
7
  var reactNotificationsComponent = require('react-notifications-component');
8
8
  require('react-notifications-component/dist/theme.css');
9
+ var reactColor = require('react-color');
9
10
  var equal = require('deep-equal');
10
11
 
11
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -3721,6 +3722,21 @@ var NumberField = function NumberField(_ref3) {
3721
3722
  });
3722
3723
  };
3723
3724
 
3725
+ var ColorField = function ColorField(props) {
3726
+ var id = props.id,
3727
+ onChange = props.onChange;
3728
+
3729
+ function change(color) {
3730
+ if (onChange) onChange(id, color.hex);
3731
+ }
3732
+
3733
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3734
+ className: "color-field"
3735
+ }, /*#__PURE__*/React__default["default"].createElement(reactColor.CirclePicker, {
3736
+ onChangeComplete: change
3737
+ }));
3738
+ };
3739
+
3724
3740
  /**
3725
3741
  * Content Editor
3726
3742
  */
@@ -4078,7 +4094,10 @@ var StringEditor = function StringEditor(_ref6) {
4078
4094
  function renderFormat(format, options) {
4079
4095
  switch (format) {
4080
4096
  case FORMATS.COLOR:
4081
- return /*#__PURE__*/React__default["default"].createElement("div", null, "COLOR PICKER");
4097
+ return /*#__PURE__*/React__default["default"].createElement(ColorField, {
4098
+ id: id,
4099
+ onChange: change
4100
+ });
4082
4101
 
4083
4102
  case FORMATS.HTML:
4084
4103
  return /*#__PURE__*/React__default["default"].createElement(Editor, {