ywana-core8 0.0.972 → 0.0.974

package/dist/index.cjs

@@ -2539,11 +2539,7 @@ var StringCellViewer = function StringCellViewer(_ref11) {
   var locale = window.navigator.userLanguage || window.navigator.language;
   switch (format) {
     case FORMATS$1.TOKENS:
-      text = value && Array.isArray(value) ? value.map(function (token) {
-        return /*#__PURE__*/React__default["default"].createElement("span", {
-          className: "token"
-        }, token);
-      }).join(", ") : value;
+      text = value && Array.isArray(value) ? value.join(", ") : value;
       break;
     case FORMATS$1.COLOR:
       text = /*#__PURE__*/React__default["default"].createElement("input", {
@@ -2685,6 +2681,9 @@ var TokenField = function TokenField(_ref) {
     }
   }
   var tks = Array.isArray(tokens) ? tokens : [];
+  var sortedOptions = options ? options.sort(function (a, b) {
+    return a.label.localeCompare(b.label);
+  }) : null;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "tokenField"
   }, /*#__PURE__*/React__default["default"].createElement("label", null, label), tks.map(function (text, index) {
@@ -2703,7 +2702,7 @@ var TokenField = function TokenField(_ref) {
     });
   }), options ? /*#__PURE__*/React__default["default"].createElement(DropDown, {
     onChange: changeDropDown,
-    options: options,
+    options: sortedOptions,
     predictive: true,
     verbose: false
   }) : /*#__PURE__*/React__default["default"].createElement("input", {