ywana-core8 0.0.391 → 0.0.394

package/dist/index.cjs

@@ -6,7 +6,6 @@ var momentRange = require('moment-range');
 var ResumableJS = require('resumablejs');
 var reactNotificationsComponent = require('react-notifications-component');
 require('react-notifications-component/dist/theme.css');
-var reactColor = require('react-color');
 var equal = require('deep-equal');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1088,7 +1087,10 @@ var DropDown = function DropDown(props) {
       _props$predictive = props.predictive,
       predictive = _props$predictive === void 0 ? false : _props$predictive,
       _props$readOnly3 = props.readOnly,
-      readOnly = _props$readOnly3 === void 0 ? false : _props$readOnly3;
+      readOnly = _props$readOnly3 === void 0 ? false : _props$readOnly3,
+      _props$verbose = props.verbose,
+      verbose = _props$verbose === void 0 ? true : _props$verbose,
+      onBlur = props.onBlur;
 
   var _useState = React.useState(false),
       open = _useState[0],
@@ -1099,6 +1101,8 @@ var DropDown = function DropDown(props) {
       setLabel = _useState2[1];
 
   React.useEffect(function () {
+    console.log('DD change value', label);
+
     if (Array.isArray(options)) {
       var option = options.find(function (option) {
         return option.value === value;
@@ -1135,14 +1139,14 @@ var DropDown = function DropDown(props) {
     var option = options.find(function (option) {
       return option.value === next;
     });
-    if (onChange) onChange(id, next);
-    setLabel(option.label);
     setOpen(false);
+    var label = verbose ? option.label : "";
+    setLabel(label);
+    if (onChange) onChange(id, next);
   }
 
   function blur() {
-    console.log("BLUR DD");
-    site.clearFocus();
+    if (onBlur) onBlur();
   }
 
   function renderOptions() {
@@ -1889,6 +1893,7 @@ var TokenField = function TokenField(_ref) {
       _ref$init = _ref.init,
       init = _ref$init === void 0 ? [] : _ref$init,
       readOnly = _ref.readOnly,
+      options = _ref.options,
       onChange = _ref.onChange;
   var mounted = React.useRef(false);
 
@@ -1900,6 +1905,8 @@ var TokenField = function TokenField(_ref) {
       tokens = _useState2[0],
       setTokens = _useState2[1];
 
+  React.useState(false);
+
   React.useEffect(function () {
     if (mounted.current) {
       if (onChange) {
@@ -1921,6 +1928,12 @@ var TokenField = function TokenField(_ref) {
     setValue(value);
   }
 
+  function changeDropDown(id, value) {
+    var next = tokens.concat(value);
+    setTokens(next);
+    setValue('xxx');
+  }
+
   function onEnter(event) {
     if (event.key === 'Enter') {
       event.preventDefault();
@@ -1947,7 +1960,12 @@ var TokenField = function TokenField(_ref) {
         return remove(index);
       }
     });
-  }), /*#__PURE__*/React__default["default"].createElement("input", {
+  }), options ? /*#__PURE__*/React__default["default"].createElement(DropDown, {
+    onChange: changeDropDown,
+    options: options,
+    predictive: true,
+    verbose: false
+  }) : /*#__PURE__*/React__default["default"].createElement("input", {
     type: "text",
     value: value,
     onChange: change,
@@ -3724,17 +3742,25 @@ var NumberField = function NumberField(_ref3) {
 
 var ColorField = function ColorField(props) {
   var id = props.id,
+      _props$label = props.label,
+      label = _props$label === void 0 ? "Color" : _props$label,
+      value = props.value,
       onChange = props.onChange;
 
-  function change(color) {
-    if (onChange) onChange(id, color.hex);
+  function change(event) {
+    var color = event.target.value;
+    if (onChange) onChange(id, color);
   }
 
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "color-field"
-  }, /*#__PURE__*/React__default["default"].createElement(reactColor.CirclePicker, {
-    onChangeComplete: change,
-    width: ""
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    "for": id
+  }, label), /*#__PURE__*/React__default["default"].createElement("input", {
+    id: id,
+    type: "color",
+    onChange: change,
+    value: value
   }));
 };
 
@@ -4097,7 +4123,8 @@ var StringEditor = function StringEditor(_ref6) {
       case FORMATS.COLOR:
         return /*#__PURE__*/React__default["default"].createElement(ColorField, {
           id: id,
-          onChange: change
+          onChange: change,
+          value: value
         });
 
       case FORMATS.HTML: