ywana-core8 0.0.972 → 0.0.974

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.972",
+  "version": "0.0.974",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/html/table.js

@@ -415,7 +415,7 @@ const StringCellViewer = ({ id, value, format, options, action }) => {
     const locale = window.navigator.userLanguage || window.navigator.language;
     switch (format) {
         case FORMATS.TOKENS:
-            text = value && Array.isArray(value) ? value.map(token => <span className="token">{token}</span>).join(", ") : value
+            text = value && Array.isArray(value) ? value.join(", ") : value
             break;
         case FORMATS.COLOR:
             text = <input type="color" value={text} disabled />

package/src/html/tokenfield.js

@@ -47,6 +47,8 @@ export const TokenField = ({ id, label, tokens = [], readOnly, options, onChange
   }
 
   const tks = Array.isArray(tokens) ? tokens : []
+  const sortedOptions = options ? options.sort((a, b) => a.label.localeCompare(b.label)) : null
+
   return (
     <div className='tokenField'>
       <label>{label}</label>
@@ -61,7 +63,7 @@ export const TokenField = ({ id, label, tokens = [], readOnly, options, onChange
       })}
 
       {options ? (
-        <DropDown onChange={changeDropDown} options={options} predictive={true} verbose={false} />
+        <DropDown onChange={changeDropDown} options={sortedOptions} predictive={true} verbose={false} />
       ) : (
         <input type='text' value={value} onChange={change} onKeyDown={onEnter} readOnly={readOnly} />)
       }
@@ -81,4 +83,4 @@ const Token = ({ text, onDelete }) => {
       <Icon icon='close' clickable action={onDelete} size="small" />
     </div>
   )
-}
+}