react-ui-basics 0.0.249 → 0.0.251

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-basics",
-  "version": "0.0.249",
+  "version": "0.0.251",
   "description": "",
   "module": "index.js",
   "_main": "index.cjs.js",

package/src/FilteredList.tsx

@@ -17,7 +17,7 @@ export interface FilteredListProps<T> {
     selectedProvider?: (cb: () => void) => void
     data: T[]
     labels?: Labels<T>
-    filter?: (item: T) => boolean
+    filter?: (item: any, id: T) => boolean
     className?: string
     selected?: T | { [key: string]: boolean } | { [key: number]: boolean }
     inline?: boolean
@@ -99,8 +99,8 @@ class FilteredList<T extends string|number> extends PureComponent<FilteredListPr
                     onMouseEnter={e => this.setState({selected: id})}
                     onMouseLeave={e => id === this.state.selected && this.setState({selected: null})}
                     className={classNames('child', this.state.selected === id && 'active', selected === id || (isObject(selected) && selected[id as (string | number)]) && 'selected')}
-                    classProvider={it => {
-                        const hidden = !filter(it);
+                    classProvider={(it, id) => {
+                        const hidden = !filter(it, id);
                         this.hidden.set(id, hidden)
                         return hidden && 'hidden';
                     }}
@@ -191,7 +191,7 @@ interface ItemWrapperProps {
     onMouseDown?: MouseEventHandler
     onMouseEnter?: MouseEventHandler
     onMouseLeave?: MouseEventHandler
-    classProvider?: (data) => string
+    classProvider?: (data, id) => string
     className?: string
     childComponent
     childProps
@@ -211,7 +211,7 @@ class ItemWrapper extends React.Component<ItemWrapperProps> {
             dataConsumer: (data) => this.data = data,
         });
 
-        const cssClass = orNoop(classProvider)(this.data);
+        const cssClass = orNoop(classProvider)(this.data, id);
         return (
             <div className={classNames('ItemWrapper', cssClass, className)}
                  onMouseEnter={onMouseEnter}

package/src/Tools.ts

@@ -2,6 +2,9 @@ var global = global || window;
 export const WINDOW: Window = global as Window;
 export const DOCUMENT = WINDOW.document;
 
+export const UNDEFINED = undefined;
+export const isUndefined = a => a === UNDEFINED;
+
 export function classNames(...classes: Array<string | number | boolean | null | void>) {
     const filtered = [];
     const length = classes.length;
@@ -27,14 +30,14 @@ export const ref = (name, component) => {
 export const createRef = <T>(initialValue?: T) => {
     let v = initialValue;
     return (value?: any) => {
-        if (value != UNDEFINED)
+        if (!isUndefined(value))
             v = value
         return v;
     };
 };
 
 export const createAccessor = (field: string) => (o: any, value?: any) => {
-    return !o ? null : value != UNDEFINED ? o[field] = value : o[field]
+    return !o ? null : isUndefined(value) ? o[field] : o[field] = value
 }
 
 export const setOf = (list) => (list || []).reduce((map, key) => {
@@ -167,9 +170,6 @@ export const removeEventListener = (el, type, listener, options?) => {
     el && el.removeEventListener(type, listener, options);
 };
 
-export const UNDEFINED = undefined;
-export const isUndefined = a => a === UNDEFINED;
-
 export type ComparatorFunction<T> = (a: T, b: T) => number;
 export interface Comparator<T> extends ComparatorFunction<T>{
     inverse : <T>() => Comparator<T>