@pingux/astro 2.0.3 → 2.0.4-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/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +5 -4
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +12 -2
- package/lib/cjs/components/ListBox/Option.js +7 -3
- package/lib/cjs/components/ListItem/ListItem.styles.js +21 -7
- package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +21 -11
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +3 -1
- package/lib/cjs/hooks/index.js +7 -0
- package/lib/cjs/hooks/useOverlappingMenuHoverState/index.js +14 -0
- package/lib/cjs/hooks/useOverlappingMenuHoverState/useOverlappingMenuHoverState.js +61 -0
- package/lib/cjs/hooks/useOverlappingMenuHoverState/useOverlappingMenuHoverState.test.js +226 -0
- package/lib/cjs/recipes/LinkedListView.stories.js +189 -139
- package/lib/cjs/recipes/ListAndPanel.stories.js +21 -46
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +5 -4
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +12 -2
- package/lib/components/ListBox/Option.js +7 -3
- package/lib/components/ListItem/ListItem.styles.js +21 -7
- package/lib/components/MultivaluesField/MultivaluesField.stories.js +21 -11
- package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +3 -1
- package/lib/hooks/index.js +1 -0
- package/lib/hooks/useOverlappingMenuHoverState/index.js +1 -0
- package/lib/hooks/useOverlappingMenuHoverState/useOverlappingMenuHoverState.js +53 -0
- package/lib/hooks/useOverlappingMenuHoverState/useOverlappingMenuHoverState.test.js +219 -0
- package/lib/recipes/LinkedListView.stories.js +191 -141
- package/lib/recipes/ListAndPanel.stories.js +21 -46
- package/package.json +1 -1
- package/NOTICE.html +0 -12399
@@ -110,7 +110,7 @@ var environmentsWithSections = [{
|
|
110
110
|
name: 'Mine'
|
111
111
|
}]
|
112
112
|
}, {
|
113
|
-
name:
|
113
|
+
name: 'Other',
|
114
114
|
key: 'Other',
|
115
115
|
options: [{
|
116
116
|
name: 'Default'
|
@@ -198,10 +198,10 @@ var WithSections = function WithSections() {
|
|
198
198
|
}
|
199
199
|
return (0, _concat["default"])(_context3 = [_objectSpread({}, envObj)]).call(_context3, prevEnvs);
|
200
200
|
};
|
201
|
-
var findEnvObj = function findEnvObj(envName) {
|
201
|
+
var findEnvObj = function findEnvObj(envName, envSectionName) {
|
202
202
|
var _context4;
|
203
203
|
return (0, _find["default"])(_context4 = (0, _find["default"])(environments).call(environments, function (section) {
|
204
|
-
return section.name ===
|
204
|
+
return section.name === envSectionName;
|
205
205
|
}).options).call(_context4, function (option) {
|
206
206
|
return option.name === envName;
|
207
207
|
});
|
@@ -209,10 +209,11 @@ var WithSections = function WithSections() {
|
|
209
209
|
var handleEnvPress = function handleEnvPress(newEnv) {
|
210
210
|
var sectionPrefixIndex = (0, _indexOf["default"])(newEnv).call(newEnv, '-');
|
211
211
|
var envKey = newEnv.substr(sectionPrefixIndex + 1);
|
212
|
+
var envSectionName = newEnv.substr(0, sectionPrefixIndex);
|
212
213
|
var recentEnvironments = (0, _find["default"])(environments).call(environments, function (envSection) {
|
213
214
|
return envSection.name === 'Recent';
|
214
215
|
}).options;
|
215
|
-
var envObj = findEnvObj(envKey);
|
216
|
+
var envObj = findEnvObj(envKey, envSectionName);
|
216
217
|
var updatedRecentEnvironments = getUpdatedRecentEnvs(envObj, recentEnvironments);
|
217
218
|
setEnvironments(function (prevEnvs) {
|
218
219
|
return (0, _map["default"])(prevEnvs).call(prevEnvs, function (section) {
|
@@ -30,9 +30,9 @@ var _ = require("../..");
|
|
30
30
|
var _testWrapper = require("../../utils/testUtils/testWrapper");
|
31
31
|
var _EnvironmentBreadcrumb = require("./EnvironmentBreadcrumb");
|
32
32
|
var _react2 = require("@emotion/react");
|
33
|
-
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, $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 generator._invoke = function (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); } }; }(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 _context7; _forEachInstanceProperty2(_context7 = ["next", "throw", "return"]).call(_context7, 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; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return 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" }], _forEachInstanceProperty2(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, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), 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 (object) { var 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 _context8; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty2(_context8 = this.tryEntries).call(_context8, 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; }
|
33
|
+
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, $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 generator._invoke = function (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); } }; }(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 _context8; _forEachInstanceProperty2(_context8 = ["next", "throw", "return"]).call(_context8, 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; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return 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" }], _forEachInstanceProperty2(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, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), 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 (object) { var 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 _context9; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty2(_context9 = this.tryEntries).call(_context9, 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; }
|
34
34
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
35
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var
|
35
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context6, _context7; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty2(_context6 = ownKeys(Object(source), !0)).call(_context6, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty2(_context7 = ownKeys(Object(source))).call(_context7, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
36
36
|
var testEnvBreadcrumb = 'test-env-breadcrumb';
|
37
37
|
var testName = 'test-name';
|
38
38
|
var testSelectedItem = 'test-selected-item';
|
@@ -358,4 +358,14 @@ test('should hide section title if no search results within it', function () {
|
|
358
358
|
// 'Heading 1' should not be rendered, but 'Heading 2' should be
|
359
359
|
expect(_testWrapper.screen.queryByText(itemsWithSections[0].name)).not.toBeInTheDocument();
|
360
360
|
expect(_testWrapper.screen.queryByText(itemsWithSections[1].name)).toBeInTheDocument();
|
361
|
+
});
|
362
|
+
test('should reflect the selection change when env is clicked', function () {
|
363
|
+
var _context5;
|
364
|
+
var onSelectionChangeMock = jest.fn();
|
365
|
+
getSectionsComponent({
|
366
|
+
isDefaultOpen: true,
|
367
|
+
onSelectionChange: onSelectionChangeMock
|
368
|
+
});
|
369
|
+
_userEvent["default"].click(_testWrapper.screen.getByText(itemsWithSections[1].options[1].name));
|
370
|
+
expect(onSelectionChangeMock).toHaveBeenNthCalledWith(1, (0, _concat["default"])(_context5 = "".concat(itemsWithSections[1].name, "-")).call(_context5, itemsWithSections[1].options[1].name));
|
361
371
|
});
|
@@ -40,7 +40,8 @@ var Option = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
40
40
|
others = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
41
41
|
var key = item.key,
|
42
42
|
itemProps = item.props,
|
43
|
-
rendered = item.rendered
|
43
|
+
rendered = item.rendered,
|
44
|
+
ariaLabel = item['aria-label'];
|
44
45
|
var state = (0, _react.useContext)(_ListBoxContext.ListBoxContext);
|
45
46
|
var isSeparator = itemProps.isSeparator,
|
46
47
|
dataId = itemProps['data-id'];
|
@@ -87,7 +88,9 @@ var Option = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
87
88
|
"data-id": dataId,
|
88
89
|
className: classNames,
|
89
90
|
onPointerOver: setFocusOnHover
|
90
|
-
}, optionProps, others
|
91
|
+
}, optionProps, others, {
|
92
|
+
"aria-label": ariaLabel
|
93
|
+
}), isSelected && (0, _react2.jsx)(_Icon["default"], {
|
91
94
|
icon: _CircleSmallIcon["default"]
|
92
95
|
}), rendered);
|
93
96
|
});
|
@@ -99,7 +102,8 @@ Option.propTypes = {
|
|
99
102
|
'data-id': _propTypes["default"].string,
|
100
103
|
isSeparator: _propTypes["default"].bool
|
101
104
|
}),
|
102
|
-
rendered: _propTypes["default"].node
|
105
|
+
rendered: _propTypes["default"].node,
|
106
|
+
'aria-label': _propTypes["default"].string
|
103
107
|
}),
|
104
108
|
state: _propTypes["default"].shape({
|
105
109
|
disabledKeys: _isIterable.isIterableProp,
|
@@ -1,11 +1,28 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
4
|
+
var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
|
5
|
+
var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
|
6
|
+
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
7
|
+
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
8
|
+
var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
|
9
|
+
var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
|
3
10
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
11
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
4
12
|
_Object$defineProperty(exports, "__esModule", {
|
5
13
|
value: true
|
6
14
|
});
|
7
15
|
exports["default"] = void 0;
|
8
|
-
var
|
16
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
17
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
19
|
+
var hover = {
|
20
|
+
bg: 'accent.99',
|
21
|
+
'&.is-hovered': {
|
22
|
+
bg: 'white'
|
23
|
+
}
|
24
|
+
};
|
25
|
+
var container = _objectSpread({
|
9
26
|
display: 'flex',
|
10
27
|
flex: '1 1 0px',
|
11
28
|
cursor: 'pointer',
|
@@ -15,15 +32,12 @@ var container = {
|
|
15
32
|
pt: 16,
|
16
33
|
pb: 16,
|
17
34
|
justifyContent: 'center',
|
18
|
-
bg: 'accent.99',
|
19
35
|
'&.is-selected': {
|
20
36
|
bg: 'white'
|
21
|
-
},
|
22
|
-
'&.is-hovered': {
|
23
|
-
bg: 'white'
|
24
37
|
}
|
25
|
-
};
|
38
|
+
}, hover);
|
26
39
|
var _default = {
|
27
|
-
container: container
|
40
|
+
container: container,
|
41
|
+
hover: hover
|
28
42
|
};
|
29
43
|
exports["default"] = _default;
|
@@ -295,7 +295,8 @@ var Default = function Default(args) {
|
|
295
295
|
}), function (item) {
|
296
296
|
return (0, _react2.jsx)(_index.Item, {
|
297
297
|
key: item.key,
|
298
|
-
"data-id": item.name
|
298
|
+
"data-id": item.name,
|
299
|
+
"aria-label": item.name
|
299
300
|
}, item.name);
|
300
301
|
}));
|
301
302
|
};
|
@@ -321,7 +322,8 @@ var Uncontrolled = function Uncontrolled(args) {
|
|
321
322
|
}), function (item) {
|
322
323
|
return (0, _react2.jsx)(_index.Item, {
|
323
324
|
key: item.key,
|
324
|
-
"data-id": item.name
|
325
|
+
"data-id": item.name,
|
326
|
+
"aria-label": item.name
|
325
327
|
}, item.name);
|
326
328
|
}));
|
327
329
|
};
|
@@ -353,7 +355,8 @@ var Controlled = function Controlled(args) {
|
|
353
355
|
}), function (item) {
|
354
356
|
return (0, _react2.jsx)(_index.Item, {
|
355
357
|
key: item.key,
|
356
|
-
"data-id": item.name
|
358
|
+
"data-id": item.name,
|
359
|
+
"aria-label": item.name
|
357
360
|
}, item.name);
|
358
361
|
}));
|
359
362
|
};
|
@@ -379,7 +382,8 @@ var Error = function Error(args) {
|
|
379
382
|
}), function (item) {
|
380
383
|
return (0, _react2.jsx)(_index.Item, {
|
381
384
|
key: item.key,
|
382
|
-
"data-id": item.name
|
385
|
+
"data-id": item.name,
|
386
|
+
"aria-label": item.name
|
383
387
|
}, item.name);
|
384
388
|
}));
|
385
389
|
};
|
@@ -405,7 +409,8 @@ var ReadOnlyField = function ReadOnlyField(args) {
|
|
405
409
|
}), function (item) {
|
406
410
|
return (0, _react2.jsx)(_index.Item, {
|
407
411
|
key: item.key,
|
408
|
-
"data-id": item.name
|
412
|
+
"data-id": item.name,
|
413
|
+
"aria-label": item.name
|
409
414
|
}, item.name);
|
410
415
|
}));
|
411
416
|
};
|
@@ -431,7 +436,8 @@ var ReadOnlyValues = function ReadOnlyValues(args) {
|
|
431
436
|
}), function (item) {
|
432
437
|
return (0, _react2.jsx)(_index.Item, {
|
433
438
|
key: item.key,
|
434
|
-
"data-id": item.name
|
439
|
+
"data-id": item.name,
|
440
|
+
"aria-label": item.name
|
435
441
|
}, item.name);
|
436
442
|
}));
|
437
443
|
};
|
@@ -457,7 +463,8 @@ var DisabledKeys = function DisabledKeys(args) {
|
|
457
463
|
}), function (item) {
|
458
464
|
return (0, _react2.jsx)(_index.Item, {
|
459
465
|
key: item.key,
|
460
|
-
"data-id": item.name
|
466
|
+
"data-id": item.name,
|
467
|
+
"aria-label": item.name
|
461
468
|
}, item.name);
|
462
469
|
}));
|
463
470
|
};
|
@@ -483,7 +490,8 @@ var CustomValues = function CustomValues(args) {
|
|
483
490
|
}), function (item) {
|
484
491
|
return (0, _react2.jsx)(_index.Item, {
|
485
492
|
key: item.key,
|
486
|
-
"data-id": item.name
|
493
|
+
"data-id": item.name,
|
494
|
+
"aria-label": item.name
|
487
495
|
}, item.name);
|
488
496
|
}));
|
489
497
|
};
|
@@ -513,7 +521,8 @@ var IconSlotsInBadge = function IconSlotsInBadge(args) {
|
|
513
521
|
}), function (item) {
|
514
522
|
return (0, _react2.jsx)(_index.Item, {
|
515
523
|
key: item.key,
|
516
|
-
"data-id": item.name
|
524
|
+
"data-id": item.name,
|
525
|
+
"aria-label": item.name
|
517
526
|
}, item.name);
|
518
527
|
}));
|
519
528
|
};
|
@@ -536,7 +545,7 @@ var CustomSize = function CustomSize(args) {
|
|
536
545
|
}, (0, _react2.jsx)(_index.Box, {
|
537
546
|
width: 300
|
538
547
|
}, (0, _react2.jsx)(_index.OverlayProvider
|
539
|
-
// note: spacing for demo purpose only so that the select list renders in the
|
548
|
+
// note: spacing for demo purpose only so that the select list renders in the right place
|
540
549
|
, {
|
541
550
|
style: setOverlayStyle(direction, isOpen, '25%', '25%', '75%')
|
542
551
|
}, (0, _react2.jsx)(_index.MultivaluesField, (0, _extends2["default"])({
|
@@ -546,7 +555,8 @@ var CustomSize = function CustomSize(args) {
|
|
546
555
|
}), function (item) {
|
547
556
|
return (0, _react2.jsx)(_index.Item, {
|
548
557
|
key: item.key,
|
549
|
-
"data-id": item.name
|
558
|
+
"data-id": item.name,
|
559
|
+
"aria-label": item.name
|
550
560
|
}, item.name);
|
551
561
|
}))));
|
552
562
|
};
|
@@ -61,7 +61,9 @@ var Disabled = function Disabled() {
|
|
61
61
|
return (0, _react2.jsx)(_index.TooltipTrigger, {
|
62
62
|
delay: 0,
|
63
63
|
isDisabled: true
|
64
|
-
}, (0, _react2.jsx)(_index.IconButton,
|
64
|
+
}, (0, _react2.jsx)(_index.IconButton, {
|
65
|
+
"aria-label": "Earth Icon"
|
66
|
+
}, (0, _react2.jsx)(_index.Icon, {
|
65
67
|
icon: _EarthIcon["default"]
|
66
68
|
})), (0, _react2.jsx)(_index.Tooltip, null, "Hello World"));
|
67
69
|
};
|
package/lib/cjs/hooks/index.js
CHANGED
@@ -71,6 +71,12 @@ _Object$defineProperty(exports, "useNavBarPress", {
|
|
71
71
|
return _useNavBarPress["default"];
|
72
72
|
}
|
73
73
|
});
|
74
|
+
_Object$defineProperty(exports, "useOverlappingMenuHoverState", {
|
75
|
+
enumerable: true,
|
76
|
+
get: function get() {
|
77
|
+
return _useOverlappingMenuHoverState["default"];
|
78
|
+
}
|
79
|
+
});
|
74
80
|
_Object$defineProperty(exports, "useOverlayPanelState", {
|
75
81
|
enumerable: true,
|
76
82
|
get: function get() {
|
@@ -124,6 +130,7 @@ var _useField = _interopRequireDefault(require("./useField"));
|
|
124
130
|
var _useLabelHeight = _interopRequireDefault(require("./useLabelHeight"));
|
125
131
|
var _useModalState = _interopRequireDefault(require("./useModalState"));
|
126
132
|
var _useNavBarPress = _interopRequireDefault(require("./useNavBarPress"));
|
133
|
+
var _useOverlappingMenuHoverState = _interopRequireDefault(require("./useOverlappingMenuHoverState"));
|
127
134
|
var _useOverlayPanelState = _interopRequireDefault(require("./useOverlayPanelState"));
|
128
135
|
var _useProgressiveState = _interopRequireDefault(require("./useProgressiveState"));
|
129
136
|
var _usePropWarning = _interopRequireDefault(require("./usePropWarning"));
|
@@ -0,0 +1,14 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
5
|
+
_Object$defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
_Object$defineProperty(exports, "default", {
|
9
|
+
enumerable: true,
|
10
|
+
get: function get() {
|
11
|
+
return _useOverlappingMenuHoverState["default"];
|
12
|
+
}
|
13
|
+
});
|
14
|
+
var _useOverlappingMenuHoverState = _interopRequireDefault(require("./useOverlappingMenuHoverState"));
|
@@ -0,0 +1,61 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
4
|
+
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
5
|
+
_Object$defineProperty(exports, "__esModule", {
|
6
|
+
value: true
|
7
|
+
});
|
8
|
+
exports["default"] = void 0;
|
9
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
10
|
+
var _react = require("react");
|
11
|
+
// Manages the hover state of a ListItem and an overlapping PopoverMenu together
|
12
|
+
var useOverlappingMenuHoverState = function useOverlappingMenuHoverState(_ref) {
|
13
|
+
var listItemRef = _ref.listItemRef;
|
14
|
+
var _useState = (0, _react.useState)(false),
|
15
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
16
|
+
isHovered = _useState2[0],
|
17
|
+
setIsHovered = _useState2[1];
|
18
|
+
var _useState3 = (0, _react.useState)({}),
|
19
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
20
|
+
mousePosition = _useState4[0],
|
21
|
+
setMousePosition = _useState4[1];
|
22
|
+
var handleMenuHoverEnd = function handleMenuHoverEnd() {
|
23
|
+
var currentPositionX = mousePosition.currentPositionX,
|
24
|
+
currentPositionY = mousePosition.currentPositionY;
|
25
|
+
var _listItemRef$current$ = listItemRef.current.getBoundingClientRect(),
|
26
|
+
height = _listItemRef$current$.height,
|
27
|
+
right = _listItemRef$current$.right,
|
28
|
+
top = _listItemRef$current$.top,
|
29
|
+
width = _listItemRef$current$.width;
|
30
|
+
|
31
|
+
// Uses the position of the mouse and list item dimensions from listItemRef
|
32
|
+
// to determine if mouse has moved back to ListItem
|
33
|
+
var hasMovedBackToRow = currentPositionY > top && currentPositionY < top + height && currentPositionX < right && currentPositionX > right - width;
|
34
|
+
if (hasMovedBackToRow) {
|
35
|
+
setIsHovered(true);
|
36
|
+
return;
|
37
|
+
}
|
38
|
+
setIsHovered(false);
|
39
|
+
};
|
40
|
+
var handleMouseMove = function handleMouseMove(e) {
|
41
|
+
setMousePosition({
|
42
|
+
currentPositionX: e.clientX,
|
43
|
+
currentPositionY: e.clientY
|
44
|
+
});
|
45
|
+
};
|
46
|
+
var handleHoverEnd = function handleHoverEnd() {
|
47
|
+
setIsHovered(false);
|
48
|
+
};
|
49
|
+
var handleHoverStart = function handleHoverStart() {
|
50
|
+
setIsHovered(true);
|
51
|
+
};
|
52
|
+
return {
|
53
|
+
handleHoverEnd: handleHoverEnd,
|
54
|
+
handleHoverStart: handleHoverStart,
|
55
|
+
handleMenuHoverEnd: handleMenuHoverEnd,
|
56
|
+
handleMouseMove: handleMouseMove,
|
57
|
+
isHovered: isHovered
|
58
|
+
};
|
59
|
+
};
|
60
|
+
var _default = useOverlappingMenuHoverState;
|
61
|
+
exports["default"] = _default;
|