react-ui-basics 0.0.213 → 0.0.215
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/Checkbox.d.ts +2 -2
- package/DropFileInput.d.ts +2 -2
- package/Dropzone.d.ts +18 -0
- package/Dropzone.js +71 -108
- package/Dropzone.js.map +1 -1
- package/bundle.css +741 -741
- package/package.json +1 -1
- package/src/Checkbox.tsx +2 -2
- package/src/DropFileInput.tsx +1 -1
- package/src/{Dropzone.js → Dropzone.tsx} +33 -33
- package/src/store/ProxyTools.ts +55 -39
- package/src/store/Store.ts +5 -5
- package/store/ProxyTools.js +53 -33
- package/store/ProxyTools.js.map +1 -1
- package/store/Store.d.ts +2 -2
- package/store/Store.js +3 -2
- package/store/Store.js.map +1 -1
package/Checkbox.d.ts
CHANGED
|
@@ -3,8 +3,8 @@ import './Checkbox.css';
|
|
|
3
3
|
import { PureComponent } from "./ReactConstants";
|
|
4
4
|
export interface CheckboxProps {
|
|
5
5
|
value: boolean;
|
|
6
|
-
onChange: ChangeEventHandler
|
|
7
|
-
label
|
|
6
|
+
onChange: ChangeEventHandler<HTMLInputElement>;
|
|
7
|
+
label?: string | ReactElement;
|
|
8
8
|
name?: string;
|
|
9
9
|
id?: string | number;
|
|
10
10
|
disabled?: boolean;
|
package/DropFileInput.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
import './DropFileInput.css';
|
|
3
3
|
import { MaterialIconType } from "./MaterialIcon";
|
|
4
4
|
export interface DropFileInputProps {
|
|
5
5
|
icon?: MaterialIconType;
|
|
6
6
|
label?: string | ReactElement;
|
|
7
7
|
droppable?: boolean;
|
|
8
|
-
onDrop?:
|
|
8
|
+
onDrop?: (files: File[]) => void;
|
|
9
9
|
multiple?: boolean;
|
|
10
10
|
accept?: string;
|
|
11
11
|
}
|
package/Dropzone.d.ts
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import './Dropzone.css';
|
|
3
|
+
import { PureComponent } from "./ReactConstants";
|
|
4
|
+
export interface DropzoneProps {
|
|
5
|
+
onDrop: (files: File[]) => void;
|
|
6
|
+
className?: string;
|
|
7
|
+
overlayLabel?: string | ReactElement;
|
|
8
|
+
clickable?: boolean;
|
|
9
|
+
droppable?: boolean;
|
|
10
|
+
multiple?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
accept?: string;
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
}
|
|
15
|
+
declare class Dropzone extends PureComponent<DropzoneProps> {
|
|
16
|
+
constructor(properties: any);
|
|
17
|
+
}
|
|
18
|
+
export default Dropzone;
|
package/Dropzone.js
CHANGED
|
@@ -1,114 +1,77 @@
|
|
|
1
|
-
import ReactConstants from "./ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields"; import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers"; import './Dropzone.css'; import {
|
|
2
|
-
import 'react';
|
|
3
|
-
import 'prop-types';
|
|
4
|
-
import ReactCreateElement from './ReactCreateElement.js';
|
|
1
|
+
import ReactConstants from "./ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields"; import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers"; import './Dropzone.css'; import { jsxs as jsxRuntime_1, jsx as jsxRuntime_2 } from 'react/jsx-runtime';
|
|
5
2
|
import { setOf, classNames, UNDEFINED, createRef, preventDefault, stopPropagation } from './Tools.js';
|
|
6
|
-
import { stateGS, render,
|
|
3
|
+
import { PureComponent, stateGS, render, propsGetter } from './ReactConstants.js';
|
|
7
4
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
5
|
+
const toArray = (o) => {
|
|
6
|
+
if (o instanceof Array)
|
|
7
|
+
return o;
|
|
8
|
+
const l = [];
|
|
9
|
+
for (let i = 0; i < __length(o); i++) {
|
|
10
|
+
l.push(o[i]);
|
|
11
|
+
}
|
|
12
|
+
return l;
|
|
15
13
|
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
14
|
+
const prevent = (e) => {
|
|
15
|
+
preventDefault(e);
|
|
16
|
+
stopPropagation(e);
|
|
17
|
+
return false;
|
|
20
18
|
};
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
droppable = _props.droppable,
|
|
78
|
-
overlayLabel = _props.overlayLabel,
|
|
79
|
-
accept = _props.accept;
|
|
80
|
-
return ReactCreateElement("div", {
|
|
81
|
-
[ReactConstants[5]]: classNames('Dropzone', className, isDragging() && 'dragging'),
|
|
82
|
-
onDragLeave: !disabled && droppable && onDragLeave || UNDEFINED,
|
|
83
|
-
onDragOver: !disabled && droppable && onDragOver || UNDEFINED,
|
|
84
|
-
onDragEnter: !disabled && droppable && onDragEnter || UNDEFINED,
|
|
85
|
-
onDrop: !disabled && droppable && onDrop || UNDEFINED
|
|
86
|
-
}, overlayLabel && ReactCreateElement("div", {
|
|
87
|
-
[ReactConstants[5]]: "overlay"
|
|
88
|
-
}, ReactCreateElement("div", {
|
|
89
|
-
[ReactConstants[5]]: 'drop'
|
|
90
|
-
}, overlayLabel)), !disabled && clickable && ReactCreateElement("input", {
|
|
91
|
-
[ReactConstants[5]]: 'file',
|
|
92
|
-
ref: inputRef,
|
|
93
|
-
type: "file",
|
|
94
|
-
accept: accept,
|
|
95
|
-
multiple: !!multiple,
|
|
96
|
-
[ReactConstants[6]]: function onClick() {
|
|
97
|
-
inputRef().value = '';
|
|
98
|
-
},
|
|
99
|
-
[ReactConstants[7]]: onDrop
|
|
100
|
-
}), children);
|
|
101
|
-
};
|
|
102
|
-
return _this;
|
|
103
|
-
}
|
|
104
|
-
return _createClass(Dropzone);
|
|
105
|
-
}(PureComponent);
|
|
106
|
-
Dropzone.defaultProps = {
|
|
107
|
-
clickable: true,
|
|
108
|
-
multiple: true,
|
|
109
|
-
droppable: true
|
|
110
|
-
};
|
|
111
|
-
var Dropzone$1 = Dropzone;
|
|
19
|
+
const ignoredTypes = setOf([
|
|
20
|
+
'text',
|
|
21
|
+
'Text',
|
|
22
|
+
'text/plain',
|
|
23
|
+
]);
|
|
24
|
+
const ignore = dt => dt && (!dt.types[0] || ignoredTypes[dt.types[0]]);
|
|
25
|
+
class Dropzone extends PureComponent {
|
|
26
|
+
constructor(properties) {
|
|
27
|
+
super(properties);
|
|
28
|
+
const that = this;
|
|
29
|
+
that.state = {};
|
|
30
|
+
let entries = [];
|
|
31
|
+
const props = propsGetter(that);
|
|
32
|
+
const isDragging = stateGS(that);
|
|
33
|
+
const onDrop = (e) => {
|
|
34
|
+
const dt = e.dataTransfer;
|
|
35
|
+
const files = toArray(dt && dt.files || __target(e).files);
|
|
36
|
+
props().onDrop(files);
|
|
37
|
+
isDragging(false);
|
|
38
|
+
entries = [];
|
|
39
|
+
prevent(e);
|
|
40
|
+
};
|
|
41
|
+
const onDragOver = (e) => {
|
|
42
|
+
const dt = e.dataTransfer;
|
|
43
|
+
if (ignore(dt))
|
|
44
|
+
return;
|
|
45
|
+
dt && (dt.dropEffect = 'copy');
|
|
46
|
+
!isDragging() && isDragging(true);
|
|
47
|
+
prevent(e);
|
|
48
|
+
};
|
|
49
|
+
const onDragEnter = (e) => {
|
|
50
|
+
const dt = e.dataTransfer;
|
|
51
|
+
if (ignore(dt))
|
|
52
|
+
return;
|
|
53
|
+
if (entries.indexOf(__target(e)) === -1) {
|
|
54
|
+
entries.push(__target(e));
|
|
55
|
+
}
|
|
56
|
+
dt && (dt.dropEffect = 'copy');
|
|
57
|
+
!isDragging() && isDragging(true);
|
|
58
|
+
prevent(e);
|
|
59
|
+
};
|
|
60
|
+
const onDragLeave = (e) => {
|
|
61
|
+
entries = entries.filter(el => el !== __target(e));
|
|
62
|
+
if (__length(entries) === 0)
|
|
63
|
+
isDragging(false);
|
|
64
|
+
prevent(e);
|
|
65
|
+
};
|
|
66
|
+
const inputRef = createRef();
|
|
67
|
+
that[ReactConstants[3]] = () => {
|
|
68
|
+
const { children, className, disabled, clickable = true, multiple = true, droppable = true, overlayLabel, accept } = props();
|
|
69
|
+
return jsxRuntime_1("div", __extends({ [ReactConstants[5]]: classNames('Dropzone', className, isDragging() && 'dragging'), onDragLeave: !disabled && droppable && onDragLeave || UNDEFINED, onDragOver: !disabled && droppable && onDragOver || UNDEFINED, onDragEnter: !disabled && droppable && onDragEnter || UNDEFINED, onDrop: !disabled && droppable && onDrop || UNDEFINED }, { [ReactConstants[4]]: [overlayLabel && jsxRuntime_2("div", __extends({ [ReactConstants[5]]: "overlay" }, { [ReactConstants[4]]: jsxRuntime_2("div", __extends({ [ReactConstants[5]]: 'drop' }, { [ReactConstants[4]]: overlayLabel })) })), !disabled && clickable && jsxRuntime_2("input", { [ReactConstants[5]]: 'file', ref: inputRef, type: "file", accept: accept, multiple: !!multiple, [ReactConstants[6]]: () => {
|
|
70
|
+
inputRef().value = '';
|
|
71
|
+
}, [ReactConstants[7]]: onDrop }), children] }));
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
}
|
|
112
75
|
|
|
113
|
-
export { Dropzone
|
|
76
|
+
export { Dropzone as default };
|
|
114
77
|
//# sourceMappingURL=Dropzone.js.map
|
package/Dropzone.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropzone.js","sources":["./src/Dropzone.
|
|
1
|
+
{"version":3,"file":"Dropzone.js","sources":["./src/Dropzone.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|