react-ui-basics 0.0.248 → 0.0.249
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/MaterialIcon.d.ts +3 -2
- package/MaterialIcon.js +1 -1
- package/MaterialIcon.js.map +1 -1
- package/ModalMenu.d.ts +2 -3
- package/ModalMenu.js +1 -1
- package/ModalMenu.js.map +1 -1
- package/bundle.css +583 -583
- package/package.json +1 -1
- package/router/HistoryTools.d.ts +2 -2
- package/router/HistoryTools.js.map +1 -1
- package/src/MaterialIcon.tsx +4 -3
- package/src/ModalMenu.tsx +3 -4
- package/src/router/HistoryTools.ts +2 -2
package/package.json
CHANGED
package/router/HistoryTools.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ declare const history: History;
|
|
|
2
2
|
export type HistoryAction = 'pushState' | 'replaceState';
|
|
3
3
|
export type HistoryActionArgs = Parameters<typeof history[HistoryAction]>;
|
|
4
4
|
export type HistoryMiddleware = (action: HistoryAction, args: HistoryActionArgs) => HistoryActionArgs;
|
|
5
|
-
export declare const pushLocation: (path: string) => void;
|
|
6
|
-
export declare const replaceLocation: (path: string) => void;
|
|
5
|
+
export declare const pushLocation: (path: string | URL) => void;
|
|
6
|
+
export declare const replaceLocation: (path: string | URL) => void;
|
|
7
7
|
export declare const addMiddleware: (middleware: HistoryMiddleware) => void;
|
|
8
8
|
export declare const removeMiddleware: (middleware: HistoryMiddleware) => void;
|
|
9
9
|
export {};
|
|
@@ -1 +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,
|
|
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,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
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, {CSSProperties} from 'react';
|
|
2
2
|
import ReactCreateElement from './ReactCreateElement';
|
|
3
3
|
import {classNames} from "./Tools";
|
|
4
4
|
|
|
@@ -13,6 +13,7 @@ export interface MaterialIconProps {
|
|
|
13
13
|
icon: MaterialIconType
|
|
14
14
|
className?: string
|
|
15
15
|
type?: 'Outlined' | 'Filled' | 'Rounded' | 'Sharp' | 'TwoTone'
|
|
16
|
+
style?: CSSProperties
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
let DEFAULT_CLASS_NAME = 'material-icons';
|
|
@@ -24,7 +25,7 @@ const typeToClass = {
|
|
|
24
25
|
'TwoTone': DEFAULT_CLASS_NAME + '-two-tone',
|
|
25
26
|
}
|
|
26
27
|
|
|
27
|
-
const MaterialIcon = ({icon, className, type = 'Filled'}: MaterialIconProps) => (
|
|
28
|
-
<i className={classNames('MaterialIcon', typeToClass[type] || DEFAULT_CLASS_NAME, className)} translate="no">{icon}</i>
|
|
28
|
+
const MaterialIcon = ({icon, className, type = 'Filled', style}: MaterialIconProps) => (
|
|
29
|
+
<i className={classNames('MaterialIcon', typeToClass[type] || DEFAULT_CLASS_NAME, className)} style={style} translate="no">{icon}</i>
|
|
29
30
|
);
|
|
30
31
|
export default MaterialIcon;
|
package/src/ModalMenu.tsx
CHANGED
|
@@ -5,10 +5,9 @@ import {PureComponent, stateGS, render} from "./ReactConstants";
|
|
|
5
5
|
import {classNames} from "./Tools";
|
|
6
6
|
import Animated from "./Animated";
|
|
7
7
|
import Button from "./Button";
|
|
8
|
-
import MaterialIcon, {
|
|
8
|
+
import MaterialIcon, {MaterialIconProps} from "./MaterialIcon";
|
|
9
9
|
|
|
10
|
-
export interface ModalMenuItem {
|
|
11
|
-
icon: MaterialIconType,
|
|
10
|
+
export interface ModalMenuItem extends MaterialIconProps {
|
|
12
11
|
action: MouseEventHandler
|
|
13
12
|
}
|
|
14
13
|
|
|
@@ -45,7 +44,7 @@ class ModalMenu extends PureComponent<ModalMenuProps> {
|
|
|
45
44
|
}}
|
|
46
45
|
>
|
|
47
46
|
<Button flat={true} round={true} onClick={it.action}>
|
|
48
|
-
<MaterialIcon
|
|
47
|
+
<MaterialIcon {...it}/>
|
|
49
48
|
</Button>
|
|
50
49
|
</Animated>)}
|
|
51
50
|
|
|
@@ -27,9 +27,9 @@ const fireEvent = (name) => {
|
|
|
27
27
|
WINDOW.dispatchEvent(event);
|
|
28
28
|
};
|
|
29
29
|
|
|
30
|
-
export const pushLocation = (path: string) => path !== WINDOW.location.pathname && history[events[0]](null, null, path);
|
|
30
|
+
export const pushLocation = (path: string | URL) => path !== WINDOW.location.pathname && history[events[0]](null, null, path);
|
|
31
31
|
|
|
32
|
-
export const replaceLocation = (path: string) => history[events[1]](null, null, path);
|
|
32
|
+
export const replaceLocation = (path: string | URL) => history[events[1]](null, null, path);
|
|
33
33
|
|
|
34
34
|
export const addMiddleware = (middleware: HistoryMiddleware) => {
|
|
35
35
|
middlewares.push(middleware);
|