ywana-core8 0.0.393 → 0.0.396

package/dist/index.umd.js

@@ -1082,7 +1082,10 @@
         _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],
@@ -1093,6 +1096,8 @@
         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;
@@ -1129,14 +1134,14 @@
       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() {
@@ -1200,7 +1205,8 @@
     HTML: 'HTML',
     URL: 'URL',
     IMG: 'IMG',
-    COLOR: 'COLOR'
+    COLOR: 'COLOR',
+    TOKENS: 'TOKENS'
   };
   /**
    * CHECK
@@ -1883,6 +1889,7 @@
         _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);
 
@@ -1894,6 +1901,8 @@
         tokens = _useState2[0],
         setTokens = _useState2[1];
 
+    React.useState(false);
+
     React.useEffect(function () {
       if (mounted.current) {
         if (onChange) {
@@ -1915,6 +1924,12 @@
       setValue(value);
     }
 
+    function changeDropDown(id, value) {
+      var next = tokens.concat(value);
+      setTokens(next);
+      setValue('xxx');
+    }
+
     function onEnter(event) {
       if (event.key === 'Enter') {
         event.preventDefault();
@@ -1941,7 +1956,12 @@
           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,
@@ -4099,7 +4119,8 @@
         case FORMATS.COLOR:
           return /*#__PURE__*/React__default["default"].createElement(ColorField, {
             id: id,
-            onChange: change
+            onChange: change,
+            value: value
           });
 
         case FORMATS.HTML:
@@ -4121,6 +4142,15 @@
             readOnly: !editable
           });
 
+        case FORMATS.TOKENS:
+          return /*#__PURE__*/React__default["default"].createElement(TokenField, {
+            id: id,
+            label: label,
+            onChange: change,
+            readOnly: !editable,
+            options: options
+          });
+
         default:
           return options ? /*#__PURE__*/React__default["default"].createElement(DropDown, {
             outlined: outlined,