easy-file-system 2.1.145 → 2.1.148
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/example.js +535 -640
- package/lib/customEventTypes.js +46 -0
- package/lib/example/view.js +19 -19
- package/lib/explorer.js +21 -32
- package/lib/index.js +1 -5
- package/lib/item/entry/drag/directoryName.js +7 -7
- package/lib/item/entry/drag.js +13 -13
- package/lib/list/entries.js +6 -3
- package/lib/mixins/explorer.js +50 -102
- package/lib/mixins/nameSpan.js +18 -34
- package/lib/mixins/rubbishBin.js +10 -20
- package/lib/rubbishBin.js +10 -13
- package/lib/span/name.js +11 -8
- package/package.json +4 -3
- package/src/customEventTypes.js +10 -0
- package/src/example/view.js +18 -18
- package/src/explorer.js +31 -52
- package/src/index.js +0 -2
- package/src/item/entry/drag/directoryName.js +6 -6
- package/src/item/entry/drag.js +12 -12
- package/src/list/entries.js +8 -3
- package/src/mixins/explorer.js +66 -147
- package/src/mixins/nameSpan.js +21 -47
- package/src/mixins/rubbishBin.js +11 -29
- package/src/rubbishBin.js +10 -18
- package/src/span/name.js +15 -10
- package/lib/eventTypes.js +0 -59
- package/src/eventTypes.js +0 -21
package/src/mixins/explorer.js
CHANGED
|
@@ -1,190 +1,109 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { OPEN_CUSTOM_EVENT_TYPE,
|
|
4
|
+
MOVE_CUSTOM_EVENT_TYPE,
|
|
5
|
+
SELECT_CUSTOM_EVENT_TYPE,
|
|
6
|
+
RENAME_CUSTOM_EVENT_TYPE,
|
|
7
|
+
REMOVE_CUSTOM_EVENT_TYPE,
|
|
8
|
+
CREATE_CUSTOM_EVENT_TYPE } from "../customEventTypes";
|
|
4
9
|
|
|
5
|
-
|
|
10
|
+
function onCustomOpen(openCustomHandler, element) {
|
|
11
|
+
const customEventType = OPEN_CUSTOM_EVENT_TYPE,
|
|
12
|
+
customHandler = openCustomHandler; ///
|
|
6
13
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
function onOpen(openHandler, element) {
|
|
10
|
-
const eventType = OPEN_EVENT_TYPE,
|
|
11
|
-
handler = openHandler; ///
|
|
12
|
-
|
|
13
|
-
this.addEventListener(eventType, handler, element);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
function offOpen(openHandler, element) {
|
|
17
|
-
const eventType = OPEN_EVENT_TYPE,
|
|
18
|
-
handler = openHandler; ///
|
|
19
|
-
|
|
20
|
-
this.removeEventListener(eventType, handler, element);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
function onMove(moveHandler, element) {
|
|
24
|
-
const eventType = MOVE_EVENT_TYPE,
|
|
25
|
-
handler = moveHandler; ///
|
|
26
|
-
|
|
27
|
-
this.addEventListener(eventType, handler, element);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
function offMove(moveHandler, element) {
|
|
31
|
-
const eventType = MOVE_EVENT_TYPE,
|
|
32
|
-
handler = moveHandler; ///
|
|
33
|
-
|
|
34
|
-
this.removeEventListener(eventType, handler, element);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
function onRemove(removeHandler, element) {
|
|
38
|
-
const eventType = REMOVE_EVENT_TYPE,
|
|
39
|
-
handler = removeHandler; ///
|
|
40
|
-
|
|
41
|
-
this.addEventListener(eventType, handler, element);
|
|
14
|
+
this.onCustomEvent(customEventType, customHandler, element);
|
|
42
15
|
}
|
|
43
16
|
|
|
44
|
-
function
|
|
45
|
-
const
|
|
46
|
-
|
|
17
|
+
function offCustomOpen(openCustomHandler, element) {
|
|
18
|
+
const customEventType = OPEN_CUSTOM_EVENT_TYPE,
|
|
19
|
+
customHandler = openCustomHandler; ///
|
|
47
20
|
|
|
48
|
-
this.
|
|
21
|
+
this.offCustomEvent(customEventType, customHandler, element);
|
|
49
22
|
}
|
|
50
23
|
|
|
51
|
-
function
|
|
52
|
-
const
|
|
53
|
-
|
|
24
|
+
function onCustomMove(moveCustomHandler, element) {
|
|
25
|
+
const customEventType = MOVE_CUSTOM_EVENT_TYPE,
|
|
26
|
+
customHandler = moveCustomHandler; ///
|
|
54
27
|
|
|
55
|
-
this.
|
|
28
|
+
this.onCustomEvent(customEventType, customHandler, element);
|
|
56
29
|
}
|
|
57
30
|
|
|
58
|
-
function
|
|
59
|
-
const
|
|
60
|
-
|
|
31
|
+
function offCustomMove(moveCustomHandler, element) {
|
|
32
|
+
const customEventType = MOVE_CUSTOM_EVENT_TYPE,
|
|
33
|
+
customHandler = moveCustomHandler; ///
|
|
61
34
|
|
|
62
|
-
this.
|
|
35
|
+
this.offCustomEvent(customEventType, customHandler, element);
|
|
63
36
|
}
|
|
64
37
|
|
|
65
|
-
function
|
|
66
|
-
const
|
|
67
|
-
|
|
38
|
+
function onCustomRemove(removeCustomHandler, element) {
|
|
39
|
+
const customEventType = REMOVE_CUSTOM_EVENT_TYPE,
|
|
40
|
+
customHandler = removeCustomHandler; ///
|
|
68
41
|
|
|
69
|
-
this.
|
|
42
|
+
this.onCustomEvent(customEventType, customHandler, element);
|
|
70
43
|
}
|
|
71
44
|
|
|
72
|
-
function
|
|
73
|
-
const
|
|
74
|
-
|
|
45
|
+
function offCustomRemove(removeCustomHandler, element) {
|
|
46
|
+
const customEventType = REMOVE_CUSTOM_EVENT_TYPE,
|
|
47
|
+
customHandler = removeCustomHandler; ///
|
|
75
48
|
|
|
76
|
-
this.
|
|
49
|
+
this.offCustomEvent(customEventType, customHandler, element);
|
|
77
50
|
}
|
|
78
51
|
|
|
79
|
-
function
|
|
80
|
-
const
|
|
81
|
-
|
|
52
|
+
function onCustomRename(renameCustomHandler, element) {
|
|
53
|
+
const customEventType = RENAME_CUSTOM_EVENT_TYPE,
|
|
54
|
+
customHandler = renameCustomHandler; ///
|
|
82
55
|
|
|
83
|
-
this.
|
|
56
|
+
this.onCustomEvent(customEventType, customHandler, element);
|
|
84
57
|
}
|
|
85
58
|
|
|
86
|
-
function
|
|
87
|
-
const
|
|
88
|
-
|
|
59
|
+
function offCustomRename(renameCustomHandler, element) {
|
|
60
|
+
const customEventType = RENAME_CUSTOM_EVENT_TYPE,
|
|
61
|
+
customHandler = renameCustomHandler; ///
|
|
89
62
|
|
|
90
|
-
this.
|
|
63
|
+
this.offCustomEvent(customEventType, customHandler, element);
|
|
91
64
|
}
|
|
92
65
|
|
|
93
|
-
function
|
|
94
|
-
const
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
eventListeners.forEach((eventListener) => {
|
|
98
|
-
const { handler, element } = eventListener,
|
|
99
|
-
openHandler = handler; ///
|
|
66
|
+
function onCustomCreate(createCustomHandler, element) {
|
|
67
|
+
const customEventType = CREATE_CUSTOM_EVENT_TYPE,
|
|
68
|
+
customHandler = createCustomHandler; ///
|
|
100
69
|
|
|
101
|
-
|
|
102
|
-
});
|
|
70
|
+
this.onCustomEvent(customEventType, customHandler, element);
|
|
103
71
|
}
|
|
104
72
|
|
|
105
|
-
function
|
|
106
|
-
const
|
|
107
|
-
|
|
73
|
+
function offCustomCreate(createCustomHandler, element) {
|
|
74
|
+
const customEventType = CREATE_CUSTOM_EVENT_TYPE,
|
|
75
|
+
customHandler = createCustomHandler; ///
|
|
108
76
|
|
|
109
|
-
|
|
110
|
-
const { handler, element } = eventListener,
|
|
111
|
-
selectHandler = handler; ///
|
|
112
|
-
|
|
113
|
-
selectHandler.call(element, path, selected, readOnly, explorer, this); ///
|
|
114
|
-
});
|
|
77
|
+
this.offCustomEvent(customEventType, customHandler, element);
|
|
115
78
|
}
|
|
116
79
|
|
|
117
|
-
function
|
|
118
|
-
const
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
forEach(eventListeners, (eventListener, next) => {
|
|
122
|
-
const { handler, element } = eventListener,
|
|
123
|
-
renameHandler = handler, ///
|
|
124
|
-
done = next; ///
|
|
80
|
+
function onCustomSelect(selectCustomHandler, element) {
|
|
81
|
+
const customEventType = SELECT_CUSTOM_EVENT_TYPE,
|
|
82
|
+
customHandler = selectCustomHandler; ///
|
|
125
83
|
|
|
126
|
-
|
|
127
|
-
}, done);
|
|
84
|
+
this.onCustomEvent(customEventType, customHandler, element);
|
|
128
85
|
}
|
|
129
86
|
|
|
130
|
-
function
|
|
131
|
-
const
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
forEach(eventListeners, (eventListener, next) => {
|
|
135
|
-
const { handler, element } = eventListener,
|
|
136
|
-
moveHandler = handler, ///
|
|
137
|
-
done = next; ///
|
|
138
|
-
|
|
139
|
-
moveHandler.call(element, pathMaps, explorer, done);
|
|
140
|
-
}, done);
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
function callRemoveHandlersAsync(pathMaps, explorer, done) {
|
|
144
|
-
const eventType = REMOVE_EVENT_TYPE,
|
|
145
|
-
eventListeners = this.findEventListeners(eventType);
|
|
146
|
-
|
|
147
|
-
forEach(eventListeners, (eventListener, next) => {
|
|
148
|
-
const { handler, element } = eventListener,
|
|
149
|
-
removeHandler = handler, ///
|
|
150
|
-
done = next; ///
|
|
151
|
-
|
|
152
|
-
removeHandler.call(element, pathMaps, explorer, done);
|
|
153
|
-
}, done);
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
function callCreateHandlersAsync(pathMaps, explorer, done) {
|
|
157
|
-
const eventType = CREATE_EVENT_TYPE,
|
|
158
|
-
eventListeners = this.findEventListeners(eventType);
|
|
159
|
-
|
|
160
|
-
forEach(eventListeners, (eventListener, next) => {
|
|
161
|
-
const { handler, element } = eventListener,
|
|
162
|
-
createHandler = handler, ///
|
|
163
|
-
done = next; ///
|
|
87
|
+
function offCustomSelect(selectCustomHandler, element) {
|
|
88
|
+
const customEventType = SELECT_CUSTOM_EVENT_TYPE,
|
|
89
|
+
customHandler = selectCustomHandler; ///
|
|
164
90
|
|
|
165
|
-
|
|
166
|
-
}, done);
|
|
91
|
+
this.offCustomEvent(customEventType, customHandler, element);
|
|
167
92
|
}
|
|
168
93
|
|
|
169
94
|
const explorerMixins = {
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
callOpenHandlers,
|
|
183
|
-
callSelectHandlers,
|
|
184
|
-
callMoveHandlersAsync,
|
|
185
|
-
callRemoveHandlersAsync,
|
|
186
|
-
callRenameHandlersAsync,
|
|
187
|
-
callCreateHandlersAsync
|
|
95
|
+
onCustomOpen,
|
|
96
|
+
offCustomOpen,
|
|
97
|
+
onCustomMove,
|
|
98
|
+
offCustomMove,
|
|
99
|
+
onCustomRemove,
|
|
100
|
+
offCustomRemove,
|
|
101
|
+
onCustomRename,
|
|
102
|
+
offCustomRename,
|
|
103
|
+
onCustomCreate,
|
|
104
|
+
offCustomCreate,
|
|
105
|
+
onCustomSelect,
|
|
106
|
+
offCustomSelect
|
|
188
107
|
};
|
|
189
108
|
|
|
190
109
|
export default explorerMixins;
|
package/src/mixins/nameSpan.js
CHANGED
|
@@ -1,66 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { CHANGE_CUSTOM_EVENT_TYPE, CANCEL_CUSTOM_EVENT_TYPE } from "../customEventTypes";
|
|
4
4
|
|
|
5
|
-
function
|
|
6
|
-
const
|
|
7
|
-
|
|
5
|
+
function onCustomChange(changeCustomHandler, element) {
|
|
6
|
+
const customEventType = CHANGE_CUSTOM_EVENT_TYPE,
|
|
7
|
+
customHandler = changeCustomHandler; ///
|
|
8
8
|
|
|
9
|
-
this.
|
|
9
|
+
this.onCustomEvent(customEventType, customHandler, element);
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
function
|
|
13
|
-
const
|
|
14
|
-
|
|
12
|
+
function offCustomChange(changeCustomHandler, element) {
|
|
13
|
+
const customEventType = CHANGE_CUSTOM_EVENT_TYPE,
|
|
14
|
+
customHandler = changeCustomHandler; ///
|
|
15
15
|
|
|
16
|
-
this.
|
|
16
|
+
this.offCustomEvent(customEventType, customHandler, element);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
function
|
|
20
|
-
const
|
|
21
|
-
|
|
19
|
+
function onCustomCancel(cancelCustomHandler, element) {
|
|
20
|
+
const customEventType = CANCEL_CUSTOM_EVENT_TYPE,
|
|
21
|
+
customHandler = cancelCustomHandler; ///
|
|
22
22
|
|
|
23
|
-
this.
|
|
23
|
+
this.onCustomEvent(customEventType, customHandler, element);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
function
|
|
27
|
-
const
|
|
28
|
-
|
|
26
|
+
function offCustomCancel(cancelCustomHandler, element) {
|
|
27
|
+
const customEventType = CANCEL_CUSTOM_EVENT_TYPE,
|
|
28
|
+
customHandler = cancelCustomHandler; ///
|
|
29
29
|
|
|
30
|
-
this.
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
function callChangeHandlers() {
|
|
34
|
-
const eventType = CHANGE_EVENT_TYPE,
|
|
35
|
-
eventListeners = this.findEventListeners(eventType);
|
|
36
|
-
|
|
37
|
-
eventListeners.forEach((eventListener) => {
|
|
38
|
-
const { handler, element } = eventListener,
|
|
39
|
-
changeHandler = handler; ///
|
|
40
|
-
|
|
41
|
-
changeHandler.call(element);
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
function callCancelHandlers() {
|
|
46
|
-
const eventType = CANCEL_EVENT_TYPE,
|
|
47
|
-
eventListeners = this.findEventListeners(eventType);
|
|
48
|
-
|
|
49
|
-
eventListeners.forEach((eventListener) => {
|
|
50
|
-
const { handler, element } = eventListener,
|
|
51
|
-
cancelHandler = handler; ///
|
|
52
|
-
|
|
53
|
-
cancelHandler.call(element);
|
|
54
|
-
});
|
|
30
|
+
this.offCustomEvent(customEventType, customHandler, element);
|
|
55
31
|
}
|
|
56
32
|
|
|
57
33
|
const nameSpanMixins = {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
callChangeHandlers,
|
|
63
|
-
callCancelHandlers
|
|
34
|
+
onCustomChange,
|
|
35
|
+
offCustomChange,
|
|
36
|
+
onCustomCancel,
|
|
37
|
+
offCustomCancel
|
|
64
38
|
};
|
|
65
39
|
|
|
66
40
|
export default nameSpanMixins;
|
package/src/mixins/rubbishBin.js
CHANGED
|
@@ -1,42 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { REMOVE_CUSTOM_EVENT_TYPE } from "../customEventTypes";
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
function onCustomRemove(removeCustomHandler, element) {
|
|
6
|
+
const customEventType = REMOVE_CUSTOM_EVENT_TYPE,
|
|
7
|
+
customHandler = removeCustomHandler; ///
|
|
6
8
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
function onRemove(removeHandler, element) {
|
|
10
|
-
const eventType = REMOVE_EVENT_TYPE,
|
|
11
|
-
handler = removeHandler; ///
|
|
12
|
-
|
|
13
|
-
this.addEventListener(eventType, handler, element);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
function offRemove(removeHandler, element) {
|
|
17
|
-
const eventType = REMOVE_EVENT_TYPE,
|
|
18
|
-
handler = removeHandler; ///
|
|
19
|
-
|
|
20
|
-
this.removeEventListener(eventType, handler, element);
|
|
9
|
+
this.onCustomEvent(customEventType, customHandler, element);
|
|
21
10
|
}
|
|
22
11
|
|
|
23
|
-
function
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
forEach(eventListeners, (eventListener, next) => {
|
|
28
|
-
const { handler, element } = eventListener,
|
|
29
|
-
removeHandler = handler, ///
|
|
30
|
-
done = next; ///
|
|
12
|
+
function offCustomRemove(removeCustomHandler, element) {
|
|
13
|
+
const customEventType = REMOVE_CUSTOM_EVENT_TYPE,
|
|
14
|
+
customHandler = removeCustomHandler; ///
|
|
31
15
|
|
|
32
|
-
|
|
33
|
-
}, done);
|
|
16
|
+
this.offCustomEvent(customEventType, customHandler, element);
|
|
34
17
|
}
|
|
35
18
|
|
|
36
19
|
const rubbishBinMixins = {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
callRemoveHandlersAsync
|
|
20
|
+
onCustomRemove,
|
|
21
|
+
offCustomRemove
|
|
40
22
|
};
|
|
41
23
|
|
|
42
24
|
export default rubbishBinMixins;
|
package/src/rubbishBin.js
CHANGED
|
@@ -12,11 +12,12 @@ import dragEntryItemMixins from "./mixins/dragEntryItem";
|
|
|
12
12
|
import FileNameMarkerEntryItem from "./item/entry/marker/fileName";
|
|
13
13
|
import DirectoryNameMarkerEntryItem from "./item/entry/marker/directoryName";
|
|
14
14
|
|
|
15
|
+
import { REMOVE_CUSTOM_EVENT_TYPE } from "./customEventTypes";
|
|
15
16
|
import { sourceEntryPathFromEntryItem } from "./utilities/pathMap";
|
|
16
17
|
import { DIRECTORY_NAME_DRAG_ENTRY_TYPE, FILE_NAME_DRAG_ENTRY_TYPE } from "./entryTypes";
|
|
17
18
|
|
|
18
19
|
class RubbishBin extends Element {
|
|
19
|
-
|
|
20
|
+
dropCustomHandler = (dragElement, aborted, element, done) => {
|
|
20
21
|
const dragEntryItem = dragElement, ///
|
|
21
22
|
markerEntryItem = this.retrieveMarkerEntryItem(),
|
|
22
23
|
markerEntryItemExplorer = markerEntryItem.getExplorer();
|
|
@@ -32,7 +33,7 @@ class RubbishBin extends Element {
|
|
|
32
33
|
markerEntryItemExplorer.dropDragEntryItem(dragEntryItem, done);
|
|
33
34
|
}
|
|
34
35
|
|
|
35
|
-
|
|
36
|
+
dragOverCustomHandler = (dragElement, element) => {
|
|
36
37
|
const dragEntryItem = dragElement, ///
|
|
37
38
|
markerEntryItem = this.retrieveMarkerEntryItem();
|
|
38
39
|
|
|
@@ -148,7 +149,9 @@ class RubbishBin extends Element {
|
|
|
148
149
|
}
|
|
149
150
|
|
|
150
151
|
removeDragEntryItems(pathMaps, explorer, done) {
|
|
151
|
-
|
|
152
|
+
const customEventType = REMOVE_CUSTOM_EVENT_TYPE;
|
|
153
|
+
|
|
154
|
+
this.callCustomHandlersAsync(customEventType, pathMaps, explorer, () => {
|
|
152
155
|
pathMaps.forEach((pathMap) => {
|
|
153
156
|
this.removeDragEntryItem(pathMap, explorer)
|
|
154
157
|
});
|
|
@@ -172,31 +175,21 @@ class RubbishBin extends Element {
|
|
|
172
175
|
}
|
|
173
176
|
|
|
174
177
|
didMount() {
|
|
175
|
-
const { onRemove } = this.properties,
|
|
176
|
-
removeHandler = onRemove; ///
|
|
177
|
-
|
|
178
178
|
this.enableDrop();
|
|
179
179
|
|
|
180
|
-
this.
|
|
181
|
-
|
|
182
|
-
this.onDragOver(this.dragOverHandler);
|
|
180
|
+
this.onCustomDrop(this.dropCustomHandler);
|
|
183
181
|
|
|
184
|
-
|
|
182
|
+
this.onCustomDragOver(this.dragOverCustomHandler);
|
|
185
183
|
|
|
186
184
|
this.close();
|
|
187
185
|
}
|
|
188
186
|
|
|
189
187
|
willUnmount() {
|
|
190
|
-
const { onRemove } = this.properties,
|
|
191
|
-
removeHandler = onRemove; ///
|
|
192
|
-
|
|
193
188
|
this.disableDrop();
|
|
194
189
|
|
|
195
|
-
this.
|
|
196
|
-
|
|
197
|
-
this.offDragOver(this.dragOverHandler);
|
|
190
|
+
this.offCustomDrop(this.dropCustomHandler);
|
|
198
191
|
|
|
199
|
-
|
|
192
|
+
this.offCustomDragOver(this.dragOverCustomHandler);
|
|
200
193
|
}
|
|
201
194
|
|
|
202
195
|
addFilePath(filePath, readOnly = false) {
|
|
@@ -277,7 +270,6 @@ class RubbishBin extends Element {
|
|
|
277
270
|
static tagName = "div";
|
|
278
271
|
|
|
279
272
|
static ignoredProperties = [
|
|
280
|
-
"onRemove",
|
|
281
273
|
"reference",
|
|
282
274
|
"references"
|
|
283
275
|
];
|
package/src/span/name.js
CHANGED
|
@@ -8,6 +8,7 @@ import { Element, window, document } from "easy";
|
|
|
8
8
|
import nameSpanMixins from "../mixins/nameSpan";
|
|
9
9
|
|
|
10
10
|
import { TRUE, CONTENT_EDITABLE } from "../constants";
|
|
11
|
+
import {CANCEL_CUSTOM_EVENT_TYPE, CHANGE_CUSTOM_EVENT_TYPE} from "../customEventTypes";
|
|
11
12
|
|
|
12
13
|
const { first } = arrayUtilities,
|
|
13
14
|
{ ENTER_KEY_CODE, ESCAPE_KEY_CODE } = keyCodes;
|
|
@@ -17,13 +18,17 @@ class NameSpan extends Element {
|
|
|
17
18
|
const { keyCode } = event;
|
|
18
19
|
|
|
19
20
|
if (keyCode === ENTER_KEY_CODE) {
|
|
20
|
-
|
|
21
|
+
const customEventType = CHANGE_CUSTOM_EVENT_TYPE;
|
|
22
|
+
|
|
23
|
+
this.callCustomHandlers(customEventType);
|
|
21
24
|
|
|
22
25
|
event.preventDefault();
|
|
23
26
|
}
|
|
24
27
|
|
|
25
28
|
if (keyCode === ESCAPE_KEY_CODE) {
|
|
26
|
-
|
|
29
|
+
const customEventType = CANCEL_CUSTOM_EVENT_TYPE;
|
|
30
|
+
|
|
31
|
+
this.callCustomHandlers(customEventType);
|
|
27
32
|
|
|
28
33
|
event.preventDefault();
|
|
29
34
|
}
|
|
@@ -89,20 +94,20 @@ class NameSpan extends Element {
|
|
|
89
94
|
resetNameSpan = this.reset.bind(this), ///
|
|
90
95
|
getNameSpanName = this.getName.bind(this), ///
|
|
91
96
|
setNameSpanName = this.setName.bind(this), ///
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
97
|
+
onCustomNameSpanCancel = this.onCustomCancel.bind(this), ///
|
|
98
|
+
offCustomNameSpanCancel = this.offCustomCancel.bind(this), ///
|
|
99
|
+
onCustomNameSpanChange = this.onCustomChange.bind(this), ///
|
|
100
|
+
offCustomNameSpanChange = this.offCustomChange.bind(this); ///
|
|
96
101
|
|
|
97
102
|
return ({
|
|
98
103
|
editNameSpan,
|
|
99
104
|
resetNameSpan,
|
|
100
105
|
getNameSpanName,
|
|
101
106
|
setNameSpanName,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
107
|
+
onCustomNameSpanCancel,
|
|
108
|
+
offCustomNameSpanCancel,
|
|
109
|
+
onCustomNameSpanChange,
|
|
110
|
+
offCustomNameSpanChange
|
|
106
111
|
});
|
|
107
112
|
}
|
|
108
113
|
|
package/lib/eventTypes.js
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
CANCEL_EVENT_TYPE: function() {
|
|
13
|
-
return CANCEL_EVENT_TYPE;
|
|
14
|
-
},
|
|
15
|
-
CHANGE_EVENT_TYPE: function() {
|
|
16
|
-
return CHANGE_EVENT_TYPE;
|
|
17
|
-
},
|
|
18
|
-
CREATE_EVENT_TYPE: function() {
|
|
19
|
-
return CREATE_EVENT_TYPE;
|
|
20
|
-
},
|
|
21
|
-
MOVE_EVENT_TYPE: function() {
|
|
22
|
-
return MOVE_EVENT_TYPE;
|
|
23
|
-
},
|
|
24
|
-
OPEN_EVENT_TYPE: function() {
|
|
25
|
-
return OPEN_EVENT_TYPE;
|
|
26
|
-
},
|
|
27
|
-
REMOVE_EVENT_TYPE: function() {
|
|
28
|
-
return REMOVE_EVENT_TYPE;
|
|
29
|
-
},
|
|
30
|
-
RENAME_EVENT_TYPE: function() {
|
|
31
|
-
return RENAME_EVENT_TYPE;
|
|
32
|
-
},
|
|
33
|
-
SELECT_EVENT_TYPE: function() {
|
|
34
|
-
return SELECT_EVENT_TYPE;
|
|
35
|
-
},
|
|
36
|
-
default: function() {
|
|
37
|
-
return _default;
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
var OPEN_EVENT_TYPE = "open";
|
|
41
|
-
var MOVE_EVENT_TYPE = "move";
|
|
42
|
-
var CHANGE_EVENT_TYPE = "change";
|
|
43
|
-
var CANCEL_EVENT_TYPE = "cancel";
|
|
44
|
-
var SELECT_EVENT_TYPE = "select";
|
|
45
|
-
var RENAME_EVENT_TYPE = "rename";
|
|
46
|
-
var REMOVE_EVENT_TYPE = "remove";
|
|
47
|
-
var CREATE_EVENT_TYPE = "create";
|
|
48
|
-
var _default = {
|
|
49
|
-
OPEN_EVENT_TYPE: OPEN_EVENT_TYPE,
|
|
50
|
-
MOVE_EVENT_TYPE: MOVE_EVENT_TYPE,
|
|
51
|
-
CHANGE_EVENT_TYPE: CHANGE_EVENT_TYPE,
|
|
52
|
-
CANCEL_EVENT_TYPE: CANCEL_EVENT_TYPE,
|
|
53
|
-
SELECT_EVENT_TYPE: SELECT_EVENT_TYPE,
|
|
54
|
-
REMOVE_EVENT_TYPE: REMOVE_EVENT_TYPE,
|
|
55
|
-
RENAME_EVENT_TYPE: RENAME_EVENT_TYPE,
|
|
56
|
-
CREATE_EVENT_TYPE: CREATE_EVENT_TYPE
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9ldmVudFR5cGVzLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5leHBvcnQgY29uc3QgT1BFTl9FVkVOVF9UWVBFID0gXCJvcGVuXCI7XG5leHBvcnQgY29uc3QgTU9WRV9FVkVOVF9UWVBFID0gXCJtb3ZlXCI7XG5leHBvcnQgY29uc3QgQ0hBTkdFX0VWRU5UX1RZUEUgPSBcImNoYW5nZVwiO1xuZXhwb3J0IGNvbnN0IENBTkNFTF9FVkVOVF9UWVBFID0gXCJjYW5jZWxcIjtcbmV4cG9ydCBjb25zdCBTRUxFQ1RfRVZFTlRfVFlQRSA9IFwic2VsZWN0XCI7XG5leHBvcnQgY29uc3QgUkVOQU1FX0VWRU5UX1RZUEUgPSBcInJlbmFtZVwiO1xuZXhwb3J0IGNvbnN0IFJFTU9WRV9FVkVOVF9UWVBFID0gXCJyZW1vdmVcIjtcbmV4cG9ydCBjb25zdCBDUkVBVEVfRVZFTlRfVFlQRSA9IFwiY3JlYXRlXCI7XG5cbmV4cG9ydCBkZWZhdWx0IHtcbiAgT1BFTl9FVkVOVF9UWVBFLFxuICBNT1ZFX0VWRU5UX1RZUEUsXG4gIENIQU5HRV9FVkVOVF9UWVBFLFxuICBDQU5DRUxfRVZFTlRfVFlQRSxcbiAgU0VMRUNUX0VWRU5UX1RZUEUsXG4gIFJFTU9WRV9FVkVOVF9UWVBFLFxuICBSRU5BTUVfRVZFTlRfVFlQRSxcbiAgQ1JFQVRFX0VWRU5UX1RZUEVcbn07XG4iXSwibmFtZXMiOlsiQ0FOQ0VMX0VWRU5UX1RZUEUiLCJDSEFOR0VfRVZFTlRfVFlQRSIsIkNSRUFURV9FVkVOVF9UWVBFIiwiTU9WRV9FVkVOVF9UWVBFIiwiT1BFTl9FVkVOVF9UWVBFIiwiUkVNT1ZFX0VWRU5UX1RZUEUiLCJSRU5BTUVfRVZFTlRfVFlQRSIsIlNFTEVDVF9FVkVOVF9UWVBFIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7SUFLYUEsaUJBQWlCO2VBQWpCQTs7SUFEQUMsaUJBQWlCO2VBQWpCQTs7SUFLQUMsaUJBQWlCO2VBQWpCQTs7SUFOQUMsZUFBZTtlQUFmQTs7SUFEQUMsZUFBZTtlQUFmQTs7SUFNQUMsaUJBQWlCO2VBQWpCQTs7SUFEQUMsaUJBQWlCO2VBQWpCQTs7SUFEQUMsaUJBQWlCO2VBQWpCQTs7SUFLYixPQVNFO2VBVEY7OztBQVRPLElBQU1ILGtCQUFrQjtBQUN4QixJQUFNRCxrQkFBa0I7QUFDeEIsSUFBTUYsb0JBQW9CO0FBQzFCLElBQU1ELG9CQUFvQjtBQUMxQixJQUFNTyxvQkFBb0I7QUFDMUIsSUFBTUQsb0JBQW9CO0FBQzFCLElBQU1ELG9CQUFvQjtBQUMxQixJQUFNSCxvQkFBb0I7SUFFakMsV0FBZTtJQUNiRSxpQkFBQUE7SUFDQUQsaUJBQUFBO0lBQ0FGLG1CQUFBQTtJQUNBRCxtQkFBQUE7SUFDQU8sbUJBQUFBO0lBQ0FGLG1CQUFBQTtJQUNBQyxtQkFBQUE7SUFDQUosbUJBQUFBO0FBQ0YifQ==
|
package/src/eventTypes.js
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
export const OPEN_EVENT_TYPE = "open";
|
|
4
|
-
export const MOVE_EVENT_TYPE = "move";
|
|
5
|
-
export const CHANGE_EVENT_TYPE = "change";
|
|
6
|
-
export const CANCEL_EVENT_TYPE = "cancel";
|
|
7
|
-
export const SELECT_EVENT_TYPE = "select";
|
|
8
|
-
export const RENAME_EVENT_TYPE = "rename";
|
|
9
|
-
export const REMOVE_EVENT_TYPE = "remove";
|
|
10
|
-
export const CREATE_EVENT_TYPE = "create";
|
|
11
|
-
|
|
12
|
-
export default {
|
|
13
|
-
OPEN_EVENT_TYPE,
|
|
14
|
-
MOVE_EVENT_TYPE,
|
|
15
|
-
CHANGE_EVENT_TYPE,
|
|
16
|
-
CANCEL_EVENT_TYPE,
|
|
17
|
-
SELECT_EVENT_TYPE,
|
|
18
|
-
REMOVE_EVENT_TYPE,
|
|
19
|
-
RENAME_EVENT_TYPE,
|
|
20
|
-
CREATE_EVENT_TYPE
|
|
21
|
-
};
|