@pingux/astro 2.39.0 → 2.40.0-alpha.1
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/lib/cjs/components/TreeView/InsertionIndicator.js +50 -0
- package/lib/cjs/components/TreeView/TreeView.js +227 -34
- package/lib/cjs/components/TreeView/TreeView.stories.js +3 -2
- package/lib/cjs/components/TreeView/TreeView.styles.js +26 -6
- package/lib/cjs/components/TreeView/TreeView.test.js +258 -8
- package/lib/cjs/components/TreeView/TreeViewItem.js +28 -56
- package/lib/cjs/components/TreeView/TreeViewKeyboardDelegate.test.js +19 -0
- package/lib/cjs/components/TreeView/TreeViewRow.js +123 -32
- package/lib/cjs/components/TreeView/TreeViewSection.js +33 -67
- package/lib/cjs/recipes/PanelContent.stories.js +66 -33
- package/lib/cjs/utils/testUtils/dndMocks.js +232 -0
- package/lib/components/TreeView/InsertionIndicator.js +41 -0
- package/lib/components/TreeView/TreeView.js +224 -34
- package/lib/components/TreeView/TreeView.stories.js +3 -2
- package/lib/components/TreeView/TreeView.styles.js +26 -6
- package/lib/components/TreeView/TreeView.test.js +262 -7
- package/lib/components/TreeView/TreeViewItem.js +29 -57
- package/lib/components/TreeView/TreeViewKeyboardDelegate.test.js +19 -0
- package/lib/components/TreeView/TreeViewRow.js +129 -38
- package/lib/components/TreeView/TreeViewSection.js +34 -68
- package/lib/recipes/PanelContent.stories.js +58 -25
- package/lib/utils/testUtils/dndMocks.js +218 -0
- package/package.json +4 -1
@@ -0,0 +1,232 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
4
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
5
|
+
var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
|
6
|
+
var _Object$create = require("@babel/runtime-corejs3/core-js-stable/object/create");
|
7
|
+
var _Object$getPrototypeOf = require("@babel/runtime-corejs3/core-js-stable/object/get-prototype-of");
|
8
|
+
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
9
|
+
var _Object$setPrototypeOf = require("@babel/runtime-corejs3/core-js-stable/object/set-prototype-of");
|
10
|
+
var _Promise = require("@babel/runtime-corejs3/core-js-stable/promise");
|
11
|
+
var _reverseInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/reverse");
|
12
|
+
var _sliceInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
|
13
|
+
var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
|
14
|
+
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
15
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
16
|
+
var _filterInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
17
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
18
|
+
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
19
|
+
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
20
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
21
|
+
_Object$defineProperty(exports, "__esModule", {
|
22
|
+
value: true
|
23
|
+
});
|
24
|
+
exports.FileSystemFileEntry = exports.FileSystemDirectoryEntry = exports.DragEvent = exports.DataTransferItemList = exports.DataTransferItem = exports.DataTransfer = void 0;
|
25
|
+
var _iterator = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/symbol/iterator"));
|
26
|
+
var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
|
27
|
+
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
28
|
+
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
29
|
+
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
30
|
+
var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
|
31
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
32
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
|
33
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
|
34
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
|
35
|
+
var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/wrapNativeSuper"));
|
36
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
37
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
38
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
39
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context8, _context9; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context8 = ownKeys(Object(source), !0)).call(_context8, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context9 = ownKeys(Object(source))).call(_context9, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
40
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
41
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
42
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = _Object$defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof _Symbol ? _Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return _Object$defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = _Object$create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = _Object$getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(IteratorPrototype); function defineIteratorMethods(prototype) { var _context6; _forEachInstanceProperty(_context6 = ["next", "throw", "return"]).call(_context6, function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], _forEachInstanceProperty(tryLocsList).call(tryLocsList, pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = _Object$create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = _Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return _reverseInstanceProperty(keys).call(keys), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { var _context7; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty(_context7 = this.tryEntries).call(_context7, resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+_sliceInstanceProperty(name).call(name, 1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
43
|
+
/* eslint max-classes-per-file: 0 */
|
44
|
+
var FileSystemDirectoryReader = /*#__PURE__*/function () {
|
45
|
+
function FileSystemDirectoryReader(entries) {
|
46
|
+
(0, _classCallCheck2["default"])(this, FileSystemDirectoryReader);
|
47
|
+
this._entries = entries;
|
48
|
+
}
|
49
|
+
(0, _createClass2["default"])(FileSystemDirectoryReader, [{
|
50
|
+
key: "readEntries",
|
51
|
+
value: function readEntries(cb) {
|
52
|
+
var entries = this._entries;
|
53
|
+
this._entries = [];
|
54
|
+
cb(entries);
|
55
|
+
}
|
56
|
+
}]);
|
57
|
+
return FileSystemDirectoryReader;
|
58
|
+
}();
|
59
|
+
var FileSystemDirectoryEntry = /*#__PURE__*/function () {
|
60
|
+
function FileSystemDirectoryEntry(name, entries) {
|
61
|
+
(0, _classCallCheck2["default"])(this, FileSystemDirectoryEntry);
|
62
|
+
this.isFile = false;
|
63
|
+
this.isDirectory = true;
|
64
|
+
this.name = name;
|
65
|
+
this._entries = entries;
|
66
|
+
}
|
67
|
+
(0, _createClass2["default"])(FileSystemDirectoryEntry, [{
|
68
|
+
key: "createReader",
|
69
|
+
value: function createReader() {
|
70
|
+
return new FileSystemDirectoryReader(this._entries);
|
71
|
+
}
|
72
|
+
}]);
|
73
|
+
return FileSystemDirectoryEntry;
|
74
|
+
}();
|
75
|
+
exports.FileSystemDirectoryEntry = FileSystemDirectoryEntry;
|
76
|
+
var FileSystemFileEntry = /*#__PURE__*/function () {
|
77
|
+
function FileSystemFileEntry(file) {
|
78
|
+
(0, _classCallCheck2["default"])(this, FileSystemFileEntry);
|
79
|
+
this.isFile = true;
|
80
|
+
this.isDirectory = false;
|
81
|
+
this.name = file.name;
|
82
|
+
this._file = file;
|
83
|
+
}
|
84
|
+
(0, _createClass2["default"])(FileSystemFileEntry, [{
|
85
|
+
key: "file",
|
86
|
+
value: function file(cb) {
|
87
|
+
cb(this._file);
|
88
|
+
}
|
89
|
+
}]);
|
90
|
+
return FileSystemFileEntry;
|
91
|
+
}();
|
92
|
+
exports.FileSystemFileEntry = FileSystemFileEntry;
|
93
|
+
var DataTransferItem = /*#__PURE__*/function () {
|
94
|
+
function DataTransferItem(type, data) {
|
95
|
+
var kind = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'string';
|
96
|
+
(0, _classCallCheck2["default"])(this, DataTransferItem);
|
97
|
+
this.kind = kind;
|
98
|
+
this.type = type;
|
99
|
+
this._data = data;
|
100
|
+
}
|
101
|
+
(0, _createClass2["default"])(DataTransferItem, [{
|
102
|
+
key: "getAsString",
|
103
|
+
value: function getAsString(callback) {
|
104
|
+
if (this.kind === 'string') {
|
105
|
+
callback(this._data);
|
106
|
+
}
|
107
|
+
}
|
108
|
+
}, {
|
109
|
+
key: "getAsFile",
|
110
|
+
value: function getAsFile() {
|
111
|
+
if (this.kind === 'file' && this._data instanceof FileSystemFileEntry) {
|
112
|
+
return this._data._file;
|
113
|
+
}
|
114
|
+
return null;
|
115
|
+
}
|
116
|
+
}, {
|
117
|
+
key: "webkitGetAsEntry",
|
118
|
+
value: function webkitGetAsEntry() {
|
119
|
+
if (this.kind === 'file') {
|
120
|
+
return this._data;
|
121
|
+
}
|
122
|
+
return null;
|
123
|
+
}
|
124
|
+
}]);
|
125
|
+
return DataTransferItem;
|
126
|
+
}();
|
127
|
+
exports.DataTransferItem = DataTransferItem;
|
128
|
+
var DataTransferItemList = /*#__PURE__*/function (_Symbol$iterator) {
|
129
|
+
function DataTransferItemList() {
|
130
|
+
var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
131
|
+
(0, _classCallCheck2["default"])(this, DataTransferItemList);
|
132
|
+
this._items = items;
|
133
|
+
}
|
134
|
+
(0, _createClass2["default"])(DataTransferItemList, [{
|
135
|
+
key: "add",
|
136
|
+
value: function add(data, type) {
|
137
|
+
if (data instanceof File) {
|
138
|
+
this._items.push(new DataTransferItem(data.type, new FileSystemFileEntry(data), 'file'));
|
139
|
+
} else if (data instanceof FileSystemDirectoryEntry) {
|
140
|
+
// Not supported in the real API but used for mocking...
|
141
|
+
this._items.push(new DataTransferItem('', data, 'file'));
|
142
|
+
} else {
|
143
|
+
this._items.push(new DataTransferItem(type, data));
|
144
|
+
}
|
145
|
+
}
|
146
|
+
}, {
|
147
|
+
key: _Symbol$iterator,
|
148
|
+
value: /*#__PURE__*/_regeneratorRuntime().mark(function value() {
|
149
|
+
return _regeneratorRuntime().wrap(function value$(_context) {
|
150
|
+
while (1) switch (_context.prev = _context.next) {
|
151
|
+
case 0:
|
152
|
+
return _context.delegateYield(this._items, "t0", 1);
|
153
|
+
case 1:
|
154
|
+
case "end":
|
155
|
+
return _context.stop();
|
156
|
+
}
|
157
|
+
}, value, this);
|
158
|
+
})
|
159
|
+
}]);
|
160
|
+
return DataTransferItemList;
|
161
|
+
}(_iterator["default"]);
|
162
|
+
exports.DataTransferItemList = DataTransferItemList;
|
163
|
+
var DataTransfer = /*#__PURE__*/function () {
|
164
|
+
function DataTransfer() {
|
165
|
+
(0, _classCallCheck2["default"])(this, DataTransfer);
|
166
|
+
this.items = new DataTransferItemList();
|
167
|
+
this.dropEffect = 'none';
|
168
|
+
this.effectAllowed = 'all';
|
169
|
+
}
|
170
|
+
(0, _createClass2["default"])(DataTransfer, [{
|
171
|
+
key: "setDragImage",
|
172
|
+
value: function setDragImage(dragImage, x, y) {
|
173
|
+
this._dragImage = {
|
174
|
+
node: dragImage,
|
175
|
+
x: x,
|
176
|
+
y: y
|
177
|
+
};
|
178
|
+
}
|
179
|
+
}, {
|
180
|
+
key: "types",
|
181
|
+
get: function get() {
|
182
|
+
var _context2;
|
183
|
+
var types = new _set["default"]();
|
184
|
+
// for (const item of this.items) {
|
185
|
+
for (var i = 0; i < this.items.length; i += 1) {
|
186
|
+
if (this.items[i].kind === 'file') {
|
187
|
+
types.add('Files');
|
188
|
+
} else {
|
189
|
+
types.add(this.items[i].type);
|
190
|
+
}
|
191
|
+
}
|
192
|
+
return (0, _concat["default"])(_context2 = []).call(_context2, types);
|
193
|
+
}
|
194
|
+
}, {
|
195
|
+
key: "files",
|
196
|
+
get: function get() {
|
197
|
+
var _context3, _context4;
|
198
|
+
return (0, _map["default"])(_context3 = (0, _filter["default"])(_context4 = this.items._items).call(_context4, function (item) {
|
199
|
+
return item.kind === 'file';
|
200
|
+
})).call(_context3, function (item) {
|
201
|
+
return item.getAsFile();
|
202
|
+
});
|
203
|
+
}
|
204
|
+
}, {
|
205
|
+
key: "getData",
|
206
|
+
value: function getData(type) {
|
207
|
+
var _this$items$_items$fi, _context5;
|
208
|
+
return (_this$items$_items$fi = (0, _find["default"])(_context5 = this.items._items).call(_context5, function (item) {
|
209
|
+
return item.kind === 'string' && item.type === type;
|
210
|
+
})) === null || _this$items$_items$fi === void 0 ? void 0 : _this$items$_items$fi._data;
|
211
|
+
}
|
212
|
+
}]);
|
213
|
+
return DataTransfer;
|
214
|
+
}();
|
215
|
+
exports.DataTransfer = DataTransfer;
|
216
|
+
var DragEvent = /*#__PURE__*/function (_MouseEvent) {
|
217
|
+
(0, _inherits2["default"])(DragEvent, _MouseEvent);
|
218
|
+
var _super = _createSuper(DragEvent);
|
219
|
+
function DragEvent(type, init) {
|
220
|
+
var _this;
|
221
|
+
(0, _classCallCheck2["default"])(this, DragEvent);
|
222
|
+
_this = _super.call(this, type, _objectSpread(_objectSpread({}, init), {}, {
|
223
|
+
bubbles: true,
|
224
|
+
cancelable: true,
|
225
|
+
composed: true
|
226
|
+
}));
|
227
|
+
_this.dataTransfer = init.dataTransfer;
|
228
|
+
return _this;
|
229
|
+
}
|
230
|
+
return (0, _createClass2["default"])(DragEvent);
|
231
|
+
}( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(MouseEvent));
|
232
|
+
exports.DragEvent = DragEvent;
|
@@ -0,0 +1,41 @@
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
|
+
import React from 'react';
|
3
|
+
import { useDropIndicator } from '@react-aria/dnd';
|
4
|
+
import PropTypes from 'prop-types';
|
5
|
+
import { Box } from '../..';
|
6
|
+
import { useStatusClasses } from '../../hooks';
|
7
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
|
+
var InsertionIndicator = function InsertionIndicator(props) {
|
9
|
+
var insertRef = React.useRef(null);
|
10
|
+
var target = props.target,
|
11
|
+
state = props.dropState;
|
12
|
+
var _useDropIndicator = useDropIndicator({
|
13
|
+
target: target,
|
14
|
+
isPresentationOnly: true
|
15
|
+
}, state, {
|
16
|
+
ref: insertRef
|
17
|
+
}),
|
18
|
+
dropIndicatorProps = _useDropIndicator.dropIndicatorProps,
|
19
|
+
isHidden = _useDropIndicator.isHidden,
|
20
|
+
isDropTarget = _useDropIndicator.isDropTarget;
|
21
|
+
var _useStatusClasses = useStatusClasses('', {
|
22
|
+
isDropTarget: isDropTarget
|
23
|
+
}),
|
24
|
+
classNames = _useStatusClasses.classNames;
|
25
|
+
if (isHidden) {
|
26
|
+
return null;
|
27
|
+
}
|
28
|
+
return ___EmotionJSX(Box, _extends({
|
29
|
+
as: "li"
|
30
|
+
}, dropIndicatorProps, {
|
31
|
+
role: "option",
|
32
|
+
ref: insertRef,
|
33
|
+
className: classNames,
|
34
|
+
variant: "treeView.insertionIndicator"
|
35
|
+
}));
|
36
|
+
};
|
37
|
+
InsertionIndicator.propTypes = {
|
38
|
+
dropState: PropTypes.shape({}),
|
39
|
+
target: PropTypes.shape({})
|
40
|
+
};
|
41
|
+
export default InsertionIndicator;
|