react-ui-basics 0.0.248 → 0.0.250

package/package.json

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

package/router/HistoryTools.d.ts

@@ -2,8 +2,8 @@ declare const history: History;
 export type HistoryAction = 'pushState' | 'replaceState';
 export type HistoryActionArgs = Parameters<typeof history[HistoryAction]>;
 export type HistoryMiddleware = (action: HistoryAction, args: HistoryActionArgs) => HistoryActionArgs;
-export declare const pushLocation: (path: string) => void;
-export declare const replaceLocation: (path: string) => void;
+export declare const pushLocation: (path: string | URL) => void;
+export declare const replaceLocation: (path: string | URL) => void;
 export declare const addMiddleware: (middleware: HistoryMiddleware) => void;
 export declare const removeMiddleware: (middleware: HistoryMiddleware) => void;
 export {};

package/router/HistoryTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"HistoryTools.js","sources":["../src/router/HistoryTools.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AAM/B,MAAM,WAAW,GAAwB,EAAE,CAAA;AAE3C,MAAM,MAAM,GAAoB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AAC9D,MAAM,CAAC,OAAO,CAAC,CAAC,IAAG;AACf,IAAA,IAAI,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1B,OAAO,CAAC,CAAC,CAAC,GAAG,YAAA;QACT,IAAI,IAAI,GAAG,SAAqC,CAAC;AACjD,QAAA,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE;AAClC,YAAA,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;AAC1B,YAAA,IAAI,CAAC,IAAI;gBAAE,MAAK;AACnB,SAAA;QACD,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACtC,SAAS,CAAC,CAAC,CAAC,CAAC;AACjB,KAAC,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,CAAC,IAAI,KAAI;AACvB,IAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;AACnE,IAAA,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAChC,CAAC,CAAC;AAEK,MAAM,YAAY,GAAG,CAAC,IAAY,KAAK,IAAI,KAAK,MAAM,CAAC,QAAQ,CAAC,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;MAE3G,eAAe,GAAG,CAAC,IAAY,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAEzE,MAAA,aAAa,GAAG,CAAC,UAA6B,KAAI;AAC3D,IAAA,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AACjC,EAAE;AACW,MAAA,gBAAgB,GAAG,CAAC,UAA6B,KAAI;IAC9D,IAAI,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AAC5C,IAAA,KAAK,KAAK,CAAC,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACjD,EAAE;AAEF,IAAI,MAAM,CAAC,4BAA4B,CAAC,EAAE;;;IAGtC,MAAM,CAAC,eAAe,CAAC,GAAG;QACtB,eAAe;QACf,aAAa;QACb,gBAAgB;KACnB,CAAA;AACJ;;;;"}
+{"version":3,"file":"HistoryTools.js","sources":["../src/router/HistoryTools.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AAM/B,MAAM,WAAW,GAAwB,EAAE,CAAA;AAE3C,MAAM,MAAM,GAAoB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;AAC9D,MAAM,CAAC,OAAO,CAAC,CAAC,IAAG;AACf,IAAA,IAAI,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1B,OAAO,CAAC,CAAC,CAAC,GAAG,YAAA;QACT,IAAI,IAAI,GAAG,SAAqC,CAAC;AACjD,QAAA,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE;AAClC,YAAA,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;AAC1B,YAAA,IAAI,CAAC,IAAI;gBAAE,MAAK;AACnB,SAAA;QACD,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QACtC,SAAS,CAAC,CAAC,CAAC,CAAC;AACjB,KAAC,CAAA;AACL,CAAC,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,CAAC,IAAI,KAAI;AACvB,IAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;AACnE,IAAA,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAChC,CAAC,CAAC;AAEK,MAAM,YAAY,GAAG,CAAC,IAAkB,KAAK,IAAI,KAAK,MAAM,CAAC,QAAQ,CAAC,QAAQ,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;MAEjH,eAAe,GAAG,CAAC,IAAkB,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE;AAE/E,MAAA,aAAa,GAAG,CAAC,UAA6B,KAAI;AAC3D,IAAA,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AACjC,EAAE;AACW,MAAA,gBAAgB,GAAG,CAAC,UAA6B,KAAI;IAC9D,IAAI,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AAC5C,IAAA,KAAK,KAAK,CAAC,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACjD,EAAE;AAEF,IAAI,MAAM,CAAC,4BAA4B,CAAC,EAAE;;;IAGtC,MAAM,CAAC,eAAe,CAAC,GAAG;QACtB,eAAe;QACf,aAAa;QACb,gBAAgB;KACnB,CAAA;AACJ;;;;"}

package/src/MaterialIcon.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {CSSProperties} from 'react';
 import ReactCreateElement from './ReactCreateElement';
 import {classNames} from "./Tools";
 
@@ -13,6 +13,7 @@ export interface MaterialIconProps {
     icon: MaterialIconType
     className?: string
     type?: 'Outlined' | 'Filled' | 'Rounded' | 'Sharp' | 'TwoTone'
+    style?: CSSProperties
 }
 
 let DEFAULT_CLASS_NAME = 'material-icons';
@@ -24,7 +25,7 @@ const typeToClass = {
     'TwoTone': DEFAULT_CLASS_NAME + '-two-tone',
 }
 
-const MaterialIcon = ({icon, className, type = 'Filled'}: MaterialIconProps) => (
-    <i className={classNames('MaterialIcon', typeToClass[type] || DEFAULT_CLASS_NAME, className)} translate="no">{icon}</i>
+const MaterialIcon = ({icon, className, type = 'Filled', style}: MaterialIconProps) => (
+    <i className={classNames('MaterialIcon', typeToClass[type] || DEFAULT_CLASS_NAME, className)} style={style} translate="no">{icon}</i>
 );
 export default MaterialIcon;

package/src/ModalMenu.tsx

@@ -5,10 +5,9 @@ import {PureComponent, stateGS, render} from "./ReactConstants";
 import {classNames} from "./Tools";
 import Animated from "./Animated";
 import Button from "./Button";
-import MaterialIcon, {MaterialIconType} from "./MaterialIcon";
+import MaterialIcon, {MaterialIconProps} from "./MaterialIcon";
 
-export interface ModalMenuItem {
-    icon: MaterialIconType,
+export interface ModalMenuItem extends MaterialIconProps {
     action: MouseEventHandler
 }
 
@@ -45,7 +44,7 @@ class ModalMenu extends PureComponent<ModalMenuProps> {
                                                    }}
                 >
                     <Button flat={true} round={true} onClick={it.action}>
-                        <MaterialIcon icon={it.icon}/>
+                        <MaterialIcon {...it}/>
                     </Button>
                 </Animated>)}
 

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>

package/src/router/HistoryTools.ts

@@ -27,9 +27,9 @@ const fireEvent = (name) => {
     WINDOW.dispatchEvent(event);
 };
 
-export const pushLocation = (path: string) => path !== WINDOW.location.pathname && history[events[0]](null, null, path);
+export const pushLocation = (path: string | URL) => path !== WINDOW.location.pathname && history[events[0]](null, null, path);
 
-export const replaceLocation = (path: string) => history[events[1]](null, null, path);
+export const replaceLocation = (path: string | URL) => history[events[1]](null, null, path);
 
 export const addMiddleware = (middleware: HistoryMiddleware) => {
     middlewares.push(middleware);