@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.
Files changed (26) hide show
  1. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +5 -4
  2. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +12 -2
  3. package/lib/cjs/components/ListBox/Option.js +7 -3
  4. package/lib/cjs/components/ListItem/ListItem.styles.js +21 -7
  5. package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +21 -11
  6. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +3 -1
  7. package/lib/cjs/hooks/index.js +7 -0
  8. package/lib/cjs/hooks/useOverlappingMenuHoverState/index.js +14 -0
  9. package/lib/cjs/hooks/useOverlappingMenuHoverState/useOverlappingMenuHoverState.js +61 -0
  10. package/lib/cjs/hooks/useOverlappingMenuHoverState/useOverlappingMenuHoverState.test.js +226 -0
  11. package/lib/cjs/recipes/LinkedListView.stories.js +189 -139
  12. package/lib/cjs/recipes/ListAndPanel.stories.js +21 -46
  13. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +5 -4
  14. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +12 -2
  15. package/lib/components/ListBox/Option.js +7 -3
  16. package/lib/components/ListItem/ListItem.styles.js +21 -7
  17. package/lib/components/MultivaluesField/MultivaluesField.stories.js +21 -11
  18. package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +3 -1
  19. package/lib/hooks/index.js +1 -0
  20. package/lib/hooks/useOverlappingMenuHoverState/index.js +1 -0
  21. package/lib/hooks/useOverlappingMenuHoverState/useOverlappingMenuHoverState.js +53 -0
  22. package/lib/hooks/useOverlappingMenuHoverState/useOverlappingMenuHoverState.test.js +219 -0
  23. package/lib/recipes/LinkedListView.stories.js +191 -141
  24. package/lib/recipes/ListAndPanel.stories.js +21 -46
  25. package/package.json +1 -1
  26. package/NOTICE.html +0 -12399
@@ -110,7 +110,7 @@ var environmentsWithSections = [{
110
110
  name: 'Mine'
111
111
  }]
112
112
  }, {
113
- name: null,
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 === 'All';
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 _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty2(_context5 = ownKeys(Object(source), !0)).call(_context5, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty2(_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
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), isSelected && (0, _react2.jsx)(_Icon["default"], {
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 container = {
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 correct place
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, null, (0, _react2.jsx)(_index.Icon, {
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
  };
@@ -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;