ywana-core8 0.0.388 → 0.0.391
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 +25 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +25 -1
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +28 -5
- package/dist/index.umd.js.map +1 -1
- package/package.json +2 -1
- package/src/domain/ContentEditor.js +2 -0
- package/src/domain/ContentEditor.test.js +6 -5
- package/src/domain/ContentType.js +1 -0
- package/src/html/color.js +17 -0
- package/src/html/color.test.js +19 -0
- package/src/html/color1.css +3 -0
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 }; }
|
@@ -1204,7 +1205,8 @@ var FORMATS = {
|
|
1204
1205
|
EMAIL: 'email',
|
1205
1206
|
HTML: 'HTML',
|
1206
1207
|
URL: 'URL',
|
1207
|
-
IMG: 'IMG'
|
1208
|
+
IMG: 'IMG',
|
1209
|
+
COLOR: 'COLOR'
|
1208
1210
|
};
|
1209
1211
|
/**
|
1210
1212
|
* CHECK
|
@@ -3720,6 +3722,22 @@ var NumberField = function NumberField(_ref3) {
|
|
3720
3722
|
});
|
3721
3723
|
};
|
3722
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
|
+
width: ""
|
3738
|
+
}));
|
3739
|
+
};
|
3740
|
+
|
3723
3741
|
/**
|
3724
3742
|
* Content Editor
|
3725
3743
|
*/
|
@@ -4076,6 +4094,12 @@ var StringEditor = function StringEditor(_ref6) {
|
|
4076
4094
|
|
4077
4095
|
function renderFormat(format, options) {
|
4078
4096
|
switch (format) {
|
4097
|
+
case FORMATS.COLOR:
|
4098
|
+
return /*#__PURE__*/React__default["default"].createElement(ColorField, {
|
4099
|
+
id: id,
|
4100
|
+
onChange: change
|
4101
|
+
});
|
4102
|
+
|
4079
4103
|
case FORMATS.HTML:
|
4080
4104
|
return /*#__PURE__*/React__default["default"].createElement(Editor, {
|
4081
4105
|
id: id,
|