ywana-core8 0.0.726 → 0.0.728

package/package.json

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

package/src/domain2/CollectionFilters.js

@@ -11,7 +11,7 @@ export const CollectionFilters = (props) => {
 
     const { schema, children } = props
     const context = useContext(CollectionContext)
-    const { filters } = context
+    const { filters, selected } = context
     const [open, setOpen] = useState(false)
 
     useEffect(() => {
@@ -37,8 +37,10 @@ export const CollectionFilters = (props) => {
         return acc
     }, {})
 
+    const style = selected ? 'selected' : ''
+
     return (
-        <div className="collection-filters">
+        <div className={`collection-filters ${style}`}>
             <header>
                 <div className='custom-filters'>
                     {children}

package/src/html/table.js

@@ -256,6 +256,7 @@ const StringCellViewer = ({ id, value, format, options }) => {
 
     const option = options ? buildOptions().find(o => o.value === value) : null
     let text = option ? option.label : value
+    const className = option ? option.className : ''
     const locale = window.navigator.userLanguage || window.navigator.language;
     switch (format) {
         case FORMATS.COLOR:
@@ -275,7 +276,7 @@ const StringCellViewer = ({ id, value, format, options }) => {
             text = new Date(text).toLocaleString(locale, { year: 'hour', month: 'minute', day: 'second' });
             break;
     }
-    return (<div className="field-editor string-viewer">{text}</div>)
+    return (<div className={`field-editor string-viewer ${className}`}>{text}</div>)
 }
 
 /**