@pingux/astro 2.17.0 → 2.18.0-alpha.0

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 (129) hide show
  1. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +13 -15
  2. package/lib/cjs/components/ArrayField/ArrayField.stories.js +1 -3
  3. package/lib/cjs/components/Calendar/Calendar.test.js +13 -15
  4. package/lib/cjs/components/CodeView/CodeView.test.js +45 -53
  5. package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +35 -37
  6. package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +122 -132
  7. package/lib/cjs/components/CopyText/CopyText.test.js +191 -223
  8. package/lib/cjs/components/DataTable/DataTable.stories.js +75 -79
  9. package/lib/cjs/components/DataTable/DataTable.test.js +569 -629
  10. package/lib/cjs/components/DatePicker/DateField.js +1 -1
  11. package/lib/cjs/components/DatePicker/DatePicker.test.js +81 -87
  12. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +2 -2
  13. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +19 -16
  14. package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumbAxe.test.js +7 -0
  15. package/lib/cjs/components/HelpHint/HelpHint.js +5 -2
  16. package/lib/cjs/components/HelpHint/HelpHint.stories.js +3 -2
  17. package/lib/cjs/components/HelpHint/HelpHint.styles.js +5 -1
  18. package/lib/cjs/components/HelpHint/HelpHint.test.js +145 -146
  19. package/lib/cjs/components/ImageUploadField/ImageUploadField.stories.js +73 -77
  20. package/lib/cjs/components/ImageUploadField/ImageUploadField.test.js +150 -162
  21. package/lib/cjs/components/LinkSelectField/LinkSelectField.stories.js +26 -28
  22. package/lib/cjs/components/LinkSelectField/LinkSelectField.test.js +13 -15
  23. package/lib/cjs/components/ListBox/ListBox.js +1 -1
  24. package/lib/cjs/components/ListBox/ListBox.test.js +13 -15
  25. package/lib/cjs/components/ListBox/Option.js +1 -1
  26. package/lib/cjs/components/ListView/ListView.stories.js +124 -95
  27. package/lib/cjs/components/ListView/ListView.test.js +119 -133
  28. package/lib/cjs/components/ListViewItem/ListViewItem.mdx +1 -0
  29. package/lib/cjs/components/ListViewItem/ListViewItem.stories.js +36 -2
  30. package/lib/cjs/components/ListViewItem/ListViewItem.styles.js +1 -1
  31. package/lib/cjs/components/ListViewItem/controls/ListViewItemMenu.test.js +23 -25
  32. package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChart.js +102 -0
  33. package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChart.mdx +11 -0
  34. package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChart.stories.js +50 -0
  35. package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChart.styles.js +112 -0
  36. package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChart.test.js +76 -0
  37. package/lib/cjs/components/ListViewItem/controls/chart/ListViewItemChartAttributes.js +127 -0
  38. package/lib/cjs/components/ListViewItem/controls/chart/chartData.js +45 -0
  39. package/lib/cjs/components/MultivaluesField/MultivaluesField.test.js +61 -72
  40. package/lib/cjs/components/PasswordField/PasswordField.test.js +44 -50
  41. package/lib/cjs/components/RadioGroupField/RadioGroupField.test.js +24 -26
  42. package/lib/cjs/components/ScrollBox/ScrollBox.js +2 -2
  43. package/lib/cjs/components/SelectField/SelectField.stories.js +26 -28
  44. package/lib/cjs/components/SelectFieldBase/SelectFieldBase.test.js +13 -15
  45. package/lib/cjs/components/Stepper/Stepper.test.js +53 -55
  46. package/lib/cjs/components/Tabs/Tabs.js +1 -1
  47. package/lib/cjs/components/Tabs/Tabs.test.js +37 -41
  48. package/lib/cjs/components/TextArea/TextArea.styles.js +7 -1
  49. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.test.js +45 -29
  50. package/lib/cjs/experimental/PanelHeader/controls/PanelHeaderMenu.test.js +23 -25
  51. package/lib/cjs/hooks/useComponentToggle/useComponentToggle.test.js +22 -26
  52. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js +42 -44
  53. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.test.js +12 -14
  54. package/lib/cjs/hooks/useField/useField.js +1 -1
  55. package/lib/cjs/hooks/useImageUploadState/useImageUploadState.js +5 -5
  56. package/lib/cjs/hooks/useLabelHeight/useLabelHeight.js +2 -2
  57. package/lib/cjs/hooks/useOverlappingMenuHoverState/useOverlappingMenuHoverState.test.js +98 -112
  58. package/lib/cjs/index.d.ts +1 -0
  59. package/lib/cjs/index.js +8 -0
  60. package/lib/cjs/styles/variants/variants.js +2 -0
  61. package/lib/cjs/types/index.d.ts +1 -0
  62. package/lib/cjs/types/index.js +17 -6
  63. package/lib/cjs/types/item.d.ts +29 -0
  64. package/lib/cjs/types/item.js +6 -0
  65. package/lib/cjs/utils/testUtils/testAxe.js +25 -28
  66. package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +13 -15
  67. package/lib/components/ArrayField/ArrayField.stories.js +1 -3
  68. package/lib/components/Box/Box.js +6 -6
  69. package/lib/components/Calendar/Calendar.test.js +13 -15
  70. package/lib/components/CodeView/CodeView.test.js +45 -53
  71. package/lib/components/ComboBoxField/ComboBoxField.stories.js +35 -37
  72. package/lib/components/ComboBoxField/ComboBoxField.test.js +122 -132
  73. package/lib/components/CopyText/CopyText.test.js +191 -223
  74. package/lib/components/DataTable/DataTable.stories.js +75 -79
  75. package/lib/components/DataTable/DataTable.test.js +569 -629
  76. package/lib/components/DatePicker/DateField.js +1 -1
  77. package/lib/components/DatePicker/DatePicker.test.js +81 -87
  78. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.js +2 -2
  79. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.test.js +15 -18
  80. package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumbAxe.test.js +4 -0
  81. package/lib/components/HelpHint/HelpHint.js +5 -2
  82. package/lib/components/HelpHint/HelpHint.stories.js +3 -2
  83. package/lib/components/HelpHint/HelpHint.styles.js +5 -1
  84. package/lib/components/HelpHint/HelpHint.test.js +145 -146
  85. package/lib/components/ImageUploadField/ImageUploadField.stories.js +73 -77
  86. package/lib/components/ImageUploadField/ImageUploadField.test.js +150 -162
  87. package/lib/components/LinkSelectField/LinkSelectField.stories.js +26 -28
  88. package/lib/components/LinkSelectField/LinkSelectField.test.js +13 -15
  89. package/lib/components/ListBox/ListBox.js +1 -1
  90. package/lib/components/ListBox/ListBox.test.js +13 -15
  91. package/lib/components/ListBox/Option.js +1 -1
  92. package/lib/components/ListView/ListView.stories.js +118 -94
  93. package/lib/components/ListView/ListView.test.js +119 -133
  94. package/lib/components/ListViewItem/ListViewItem.mdx +1 -0
  95. package/lib/components/ListViewItem/ListViewItem.stories.js +30 -2
  96. package/lib/components/ListViewItem/ListViewItem.styles.js +1 -1
  97. package/lib/components/ListViewItem/controls/ListViewItemMenu.test.js +23 -25
  98. package/lib/components/ListViewItem/controls/chart/ListViewItemChart.js +88 -0
  99. package/lib/components/ListViewItem/controls/chart/ListViewItemChart.mdx +11 -0
  100. package/lib/components/ListViewItem/controls/chart/ListViewItemChart.stories.js +35 -0
  101. package/lib/components/ListViewItem/controls/chart/ListViewItemChart.styles.js +104 -0
  102. package/lib/components/ListViewItem/controls/chart/ListViewItemChart.test.js +73 -0
  103. package/lib/components/ListViewItem/controls/chart/ListViewItemChartAttributes.js +118 -0
  104. package/lib/components/ListViewItem/controls/chart/chartData.js +37 -0
  105. package/lib/components/MultivaluesField/MultivaluesField.test.js +61 -72
  106. package/lib/components/PasswordField/PasswordField.test.js +44 -50
  107. package/lib/components/RadioGroupField/RadioGroupField.test.js +24 -26
  108. package/lib/components/ScrollBox/ScrollBox.js +2 -2
  109. package/lib/components/SelectField/SelectField.stories.js +26 -28
  110. package/lib/components/SelectFieldBase/SelectFieldBase.test.js +13 -15
  111. package/lib/components/Stepper/Stepper.test.js +53 -55
  112. package/lib/components/Tabs/Tabs.js +1 -1
  113. package/lib/components/Tabs/Tabs.test.js +37 -41
  114. package/lib/components/TextArea/TextArea.styles.js +7 -1
  115. package/lib/components/TooltipTrigger/TooltipTrigger.test.js +45 -29
  116. package/lib/experimental/PanelHeader/controls/PanelHeaderMenu.test.js +23 -25
  117. package/lib/hooks/useComponentToggle/useComponentToggle.test.js +22 -26
  118. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.js +42 -44
  119. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js +12 -14
  120. package/lib/hooks/useField/useField.js +1 -1
  121. package/lib/hooks/useImageUploadState/useImageUploadState.js +5 -5
  122. package/lib/hooks/useLabelHeight/useLabelHeight.js +2 -2
  123. package/lib/hooks/useOverlappingMenuHoverState/useOverlappingMenuHoverState.test.js +98 -112
  124. package/lib/index.js +1 -0
  125. package/lib/styles/variants/variants.js +2 -0
  126. package/lib/types/index.js +1 -0
  127. package/lib/types/item.js +1 -0
  128. package/lib/utils/testUtils/testAxe.js +25 -28
  129. package/package.json +5 -4
@@ -11,7 +11,7 @@ import _typeof from "@babel/runtime-corejs3/helpers/esm/typeof";
11
11
  import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
12
12
  import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
13
13
  import _Set from "@babel/runtime-corejs3/core-js-stable/set";
14
- 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 _context8; _forEachInstanceProperty(_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; 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 _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, _forEachInstanceProperty(_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; }
14
+ 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 _context8; _forEachInstanceProperty(_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; 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 _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, _forEachInstanceProperty(_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; }
15
15
  import React from 'react';
16
16
  import { FocusScope } from 'react-aria';
17
17
  import { Item } from 'react-stately';
@@ -121,99 +121,91 @@ test('renders listview component', function () {
121
121
  test('navigating the list using the keyboard causes the isSelected and isFocused state to change', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
122
122
  var listView, options, updatedOption;
123
123
  return _regeneratorRuntime().wrap(function _callee$(_context) {
124
- while (1) {
125
- switch (_context.prev = _context.next) {
126
- case 0:
127
- getComponent();
128
- listView = screen.getByTestId(testId); // Open the list arrow down to the second option,
129
- // and ensure that it is focused, and then selected after enter is pressed
130
- userEvent.tab();
131
- userEvent.type(listView, '{arrowdown}', {
132
- skipClick: true
133
- });
134
- options = screen.getAllByRole('gridcell');
135
- expect(options[1]).toHaveClass('is-focused');
136
- userEvent.type(listView, '{enter}', {
137
- skipClick: true
138
- });
139
- _context.next = 9;
140
- return screen.findAllByRole('gridcell');
141
- case 9:
142
- updatedOption = _context.sent;
143
- expect(updatedOption[1]).toHaveClass('is-selected');
144
- case 11:
145
- case "end":
146
- return _context.stop();
147
- }
124
+ while (1) switch (_context.prev = _context.next) {
125
+ case 0:
126
+ getComponent();
127
+ listView = screen.getByTestId(testId); // Open the list arrow down to the second option,
128
+ // and ensure that it is focused, and then selected after enter is pressed
129
+ userEvent.tab();
130
+ userEvent.type(listView, '{arrowdown}', {
131
+ skipClick: true
132
+ });
133
+ options = screen.getAllByRole('gridcell');
134
+ expect(options[1]).toHaveClass('is-focused');
135
+ userEvent.type(listView, '{enter}', {
136
+ skipClick: true
137
+ });
138
+ _context.next = 9;
139
+ return screen.findAllByRole('gridcell');
140
+ case 9:
141
+ updatedOption = _context.sent;
142
+ expect(updatedOption[1]).toHaveClass('is-selected');
143
+ case 11:
144
+ case "end":
145
+ return _context.stop();
148
146
  }
149
147
  }, _callee);
150
148
  })));
151
149
  test('navigating to a disabled key will not apply the isFocused class', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
152
150
  var listView, options;
153
151
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
154
- while (1) {
155
- switch (_context2.prev = _context2.next) {
156
- case 0:
157
- getComponent({
158
- disabledKeys: ['Kangaroo']
159
- });
160
- listView = screen.getByTestId(testId); // Open the list arrow down to the second option,
161
- // and ensure that it is focused, and then selected after enter is pressed
162
- userEvent.tab();
163
- userEvent.type(listView, '{arrowdown}', {
164
- skipClick: true
165
- });
166
- options = screen.getAllByRole('gridcell');
167
- expect(options[1]).not.toHaveClass('is-focused');
168
- case 6:
169
- case "end":
170
- return _context2.stop();
171
- }
152
+ while (1) switch (_context2.prev = _context2.next) {
153
+ case 0:
154
+ getComponent({
155
+ disabledKeys: ['Kangaroo']
156
+ });
157
+ listView = screen.getByTestId(testId); // Open the list arrow down to the second option,
158
+ // and ensure that it is focused, and then selected after enter is pressed
159
+ userEvent.tab();
160
+ userEvent.type(listView, '{arrowdown}', {
161
+ skipClick: true
162
+ });
163
+ options = screen.getAllByRole('gridcell');
164
+ expect(options[1]).not.toHaveClass('is-focused');
165
+ case 6:
166
+ case "end":
167
+ return _context2.stop();
172
168
  }
173
169
  }, _callee2);
174
170
  })));
175
171
  test('clicking an item on the list selects the item', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
176
172
  var options, updatedOption;
177
173
  return _regeneratorRuntime().wrap(function _callee3$(_context3) {
178
- while (1) {
179
- switch (_context3.prev = _context3.next) {
180
- case 0:
181
- getComponent();
182
- options = screen.getByTestId(items[1].name);
183
- userEvent.click(options);
184
- _context3.next = 5;
185
- return screen.findAllByRole('gridcell');
186
- case 5:
187
- updatedOption = _context3.sent;
188
- expect(updatedOption[1]).toHaveClass('is-selected');
189
- case 7:
190
- case "end":
191
- return _context3.stop();
192
- }
174
+ while (1) switch (_context3.prev = _context3.next) {
175
+ case 0:
176
+ getComponent();
177
+ options = screen.getByTestId(items[1].name);
178
+ userEvent.click(options);
179
+ _context3.next = 5;
180
+ return screen.findAllByRole('gridcell');
181
+ case 5:
182
+ updatedOption = _context3.sent;
183
+ expect(updatedOption[1]).toHaveClass('is-selected');
184
+ case 7:
185
+ case "end":
186
+ return _context3.stop();
193
187
  }
194
188
  }, _callee3);
195
189
  })));
196
190
  test('clicking an item fires "onSelectionChange" handler and returns Set with keys of items', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
197
191
  var expectedResult, onSelectionChange, option1, selectedItems;
198
192
  return _regeneratorRuntime().wrap(function _callee4$(_context4) {
199
- while (1) {
200
- switch (_context4.prev = _context4.next) {
201
- case 0:
202
- expectedResult = new _Set();
203
- expectedResult.add(items[1].key);
204
- onSelectionChange = jest.fn();
205
- getComponent({
206
- onSelectionChange: onSelectionChange
207
- });
208
- option1 = screen.getByTestId(items[1].name);
209
- userEvent.click(option1);
210
- expect(onSelectionChange).toHaveBeenCalled();
211
- selectedItems = onSelectionChange.mock.calls[0][0];
212
- expect(_.isEqual(expectedResult, selectedItems)).toBeTruthy();
213
- case 9:
214
- case "end":
215
- return _context4.stop();
216
- }
193
+ while (1) switch (_context4.prev = _context4.next) {
194
+ case 0:
195
+ expectedResult = new _Set();
196
+ expectedResult.add(items[1].key);
197
+ onSelectionChange = jest.fn();
198
+ getComponent({
199
+ onSelectionChange: onSelectionChange
200
+ });
201
+ option1 = screen.getByTestId(items[1].name);
202
+ userEvent.click(option1);
203
+ expect(onSelectionChange).toHaveBeenCalled();
204
+ selectedItems = onSelectionChange.mock.calls[0][0];
205
+ expect(_.isEqual(expectedResult, selectedItems)).toBeTruthy();
206
+ case 9:
207
+ case "end":
208
+ return _context4.stop();
217
209
  }
218
210
  }, _callee4);
219
211
  })));
@@ -251,75 +243,69 @@ test('Item accepts a data-id and the data-id can be found in the DOM', function
251
243
  test('selectionMode "none" disallows to select item', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
252
244
  var option1, updatedOption;
253
245
  return _regeneratorRuntime().wrap(function _callee5$(_context5) {
254
- while (1) {
255
- switch (_context5.prev = _context5.next) {
256
- case 0:
257
- getComponent({
258
- selectionMode: 'none'
259
- });
260
- option1 = screen.getByTestId(items[1].name);
261
- userEvent.click(option1);
262
- _context5.next = 5;
263
- return screen.findAllByRole('gridcell');
264
- case 5:
265
- updatedOption = _context5.sent;
266
- expect(updatedOption[1]).not.toHaveClass('is-selected');
267
- case 7:
268
- case "end":
269
- return _context5.stop();
270
- }
246
+ while (1) switch (_context5.prev = _context5.next) {
247
+ case 0:
248
+ getComponent({
249
+ selectionMode: 'none'
250
+ });
251
+ option1 = screen.getByTestId(items[1].name);
252
+ userEvent.click(option1);
253
+ _context5.next = 5;
254
+ return screen.findAllByRole('gridcell');
255
+ case 5:
256
+ updatedOption = _context5.sent;
257
+ expect(updatedOption[1]).not.toHaveClass('is-selected');
258
+ case 7:
259
+ case "end":
260
+ return _context5.stop();
271
261
  }
272
262
  }, _callee5);
273
263
  })));
274
264
  test('selectionMode "multiple" allows to select more than one item', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
275
265
  var option1, option2, updatedOption;
276
266
  return _regeneratorRuntime().wrap(function _callee6$(_context6) {
277
- while (1) {
278
- switch (_context6.prev = _context6.next) {
279
- case 0:
280
- getComponent({
281
- selectionMode: 'multiple'
282
- });
283
- option1 = screen.getByTestId(items[1].name);
284
- userEvent.click(option1);
285
- option2 = screen.getByTestId(items[2].name);
286
- userEvent.click(option2);
287
- _context6.next = 7;
288
- return screen.findAllByRole('gridcell');
289
- case 7:
290
- updatedOption = _context6.sent;
291
- expect(updatedOption[1]).toHaveClass('is-selected');
292
- expect(updatedOption[2]).toHaveClass('is-selected');
293
- case 10:
294
- case "end":
295
- return _context6.stop();
296
- }
267
+ while (1) switch (_context6.prev = _context6.next) {
268
+ case 0:
269
+ getComponent({
270
+ selectionMode: 'multiple'
271
+ });
272
+ option1 = screen.getByTestId(items[1].name);
273
+ userEvent.click(option1);
274
+ option2 = screen.getByTestId(items[2].name);
275
+ userEvent.click(option2);
276
+ _context6.next = 7;
277
+ return screen.findAllByRole('gridcell');
278
+ case 7:
279
+ updatedOption = _context6.sent;
280
+ expect(updatedOption[1]).toHaveClass('is-selected');
281
+ expect(updatedOption[2]).toHaveClass('is-selected');
282
+ case 10:
283
+ case "end":
284
+ return _context6.stop();
297
285
  }
298
286
  }, _callee6);
299
287
  })));
300
288
  test('when user navigates with tab and arrows keys, onFocus is called and the is-focused class is applied', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
301
289
  var onFocus, listView, options;
302
290
  return _regeneratorRuntime().wrap(function _callee7$(_context7) {
303
- while (1) {
304
- switch (_context7.prev = _context7.next) {
305
- case 0:
306
- onFocus = jest.fn();
307
- getComponent({
308
- onFocus: onFocus
309
- });
310
- listView = screen.getByTestId(testId);
311
- userEvent.tab();
312
- expect(onFocus).toHaveBeenCalled();
313
- userEvent.type(listView, '{arrowdown}', {
314
- skipClick: true
315
- });
316
- options = screen.getAllByRole('gridcell');
317
- expect(options[1]).toHaveClass('is-focused');
318
- expect(onFocus).toHaveBeenCalled();
319
- case 9:
320
- case "end":
321
- return _context7.stop();
322
- }
291
+ while (1) switch (_context7.prev = _context7.next) {
292
+ case 0:
293
+ onFocus = jest.fn();
294
+ getComponent({
295
+ onFocus: onFocus
296
+ });
297
+ listView = screen.getByTestId(testId);
298
+ userEvent.tab();
299
+ expect(onFocus).toHaveBeenCalled();
300
+ userEvent.type(listView, '{arrowdown}', {
301
+ skipClick: true
302
+ });
303
+ options = screen.getAllByRole('gridcell');
304
+ expect(options[1]).toHaveClass('is-focused');
305
+ expect(onFocus).toHaveBeenCalled();
306
+ case 9:
307
+ case "end":
308
+ return _context7.stop();
323
309
  }
324
310
  }, _callee7);
325
311
  })));
@@ -38,6 +38,7 @@ styled control components to easily match Ping specs.
38
38
  - [ListViewItemEditButton](./?path=/docs/components-listviewitem-controls-listviewitemeditbutton--docs)
39
39
  - [ListViewItemMenu](./?path=/docs/components-listviewitem-controls-listviewitemmenu--docs)
40
40
  - [ListViewItemSwitchField](./?path=/docs/components-listviewitem-controls-listviewitemswitchfield--docs)
41
+ - [ListViewItemChart](./?path=/docs/components-listviewitem-controls-listviewitemchart--docs)
41
42
 
42
43
  ### Note:
43
44
  The nature of components that have been styled to match design specs is that as design specs are updated, so will the matching component. Be aware that styles
@@ -1,10 +1,11 @@
1
- import React from 'react';
1
+ import React, { useRef } from 'react';
2
2
  import { Item } from 'react-stately';
3
3
  import AccountIcon from '@pingux/mdi-react/AccountIcon';
4
4
  import FormSelectIcon from '@pingux/mdi-react/FormSelectIcon';
5
5
  import DocsLayout from '../../../.storybook/storybookDocsLayout';
6
- import { Badge, Box, ListViewItem, ListViewItemEditButton, ListViewItemMenu, ListViewItemSwitchField, Separator, Text } from '../..';
6
+ import { Badge, Box, ListViewItem, ListViewItemChart, ListViewItemEditButton, ListViewItemMenu, ListViewItemSwitchField, Separator, Text } from '../..';
7
7
  import { pingImg } from '../../utils/devUtils/constants/images';
8
+ import { chartData } from './controls/chart/chartData';
8
9
  import ListViewItemReadMe from './ListViewItem.mdx';
9
10
  import { listViewItemArgTypes } from './listViewItemAttributes';
10
11
  import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -140,6 +141,33 @@ export var WithLeftOfDataSlot = function WithLeftOfDataSlot() {
140
141
  key: "delete"
141
142
  }, "Delete user"))));
142
143
  };
144
+ export var WithCharts = function WithCharts() {
145
+ var containerRef = useRef();
146
+ return ___EmotionJSX(Wrapper, null, ___EmotionJSX(ListViewItem, {
147
+ ref: containerRef,
148
+ data: {
149
+ text: 'Kangaroo',
150
+ subtext: 'kangaroo@example.com',
151
+ icon: FormSelectIcon
152
+ }
153
+ }, ___EmotionJSX(ListViewItemChart, {
154
+ containerRef: containerRef,
155
+ chartData: chartData,
156
+ title: "Avg daily sign-ons:",
157
+ chartDataKey: "fullData",
158
+ contentCount: "31",
159
+ contentCountLabel: "Past 7 days",
160
+ chartLabel: "12 wk trend",
161
+ trend: "+115.0%",
162
+ tooltipText: "See Contributing Data"
163
+ }), ___EmotionJSX(ListViewItemSwitchField, null), ___EmotionJSX(ListViewItemMenu, null, ___EmotionJSX(Item, {
164
+ key: "enable"
165
+ }, "Enable user"), ___EmotionJSX(Item, {
166
+ key: "disable"
167
+ }, "Disable user"), ___EmotionJSX(Item, {
168
+ key: "delete"
169
+ }, "Delete user"))));
170
+ };
143
171
  export var WithExtraLongText = function WithExtraLongText() {
144
172
  var renderRightOfData = ___EmotionJSX(Box, {
145
173
  isRow: true,
@@ -81,7 +81,7 @@ var controls = {
81
81
  alignSelf: 'center',
82
82
  flexShrink: 0,
83
83
  ml: 'auto',
84
- pr: 'sm'
84
+ pr: 'md'
85
85
  };
86
86
  var iconWrapper = {
87
87
  cursor: 'pointer',
@@ -9,7 +9,7 @@ import _reverseInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
9
9
  import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
10
10
  import _typeof from "@babel/runtime-corejs3/helpers/esm/typeof";
11
11
  import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
12
- 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 _context2; _forEachInstanceProperty(_context2 = ["next", "throw", "return"]).call(_context2, 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 _context3; 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(_context3 = this.tryEntries).call(_context3, 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; }
12
+ 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 _context2; _forEachInstanceProperty(_context2 = ["next", "throw", "return"]).call(_context2, 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 _context3; 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(_context3 = this.tryEntries).call(_context3, 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; }
13
13
  import React from 'react';
14
14
  import userEvent from '@testing-library/user-event';
15
15
  import { Item, ListViewItemMenu } from '../../..';
@@ -26,30 +26,28 @@ axeTest(getComponent);
26
26
  test('ListViewItemMenu responds to Menu props', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
27
27
  var onAction, menuTrigger, menuItem;
28
28
  return _regeneratorRuntime().wrap(function _callee$(_context) {
29
- while (1) {
30
- switch (_context.prev = _context.next) {
31
- case 0:
32
- onAction = jest.fn();
33
- getComponent({
34
- onAction: onAction
35
- });
36
- menuTrigger = screen.getByRole('button', {
37
- name: 'more'
38
- });
39
- _context.next = 5;
40
- return userEvent.click(menuTrigger);
41
- case 5:
42
- menuItem = screen.getByRole('menuitem', {
43
- name: 'testItem'
44
- });
45
- _context.next = 8;
46
- return userEvent.click(menuItem);
47
- case 8:
48
- expect(onAction).toBeCalled();
49
- case 9:
50
- case "end":
51
- return _context.stop();
52
- }
29
+ while (1) switch (_context.prev = _context.next) {
30
+ case 0:
31
+ onAction = jest.fn();
32
+ getComponent({
33
+ onAction: onAction
34
+ });
35
+ menuTrigger = screen.getByRole('button', {
36
+ name: 'more'
37
+ });
38
+ _context.next = 5;
39
+ return userEvent.click(menuTrigger);
40
+ case 5:
41
+ menuItem = screen.getByRole('menuitem', {
42
+ name: 'testItem'
43
+ });
44
+ _context.next = 8;
45
+ return userEvent.click(menuItem);
46
+ case 8:
47
+ expect(onAction).toBeCalled();
48
+ case 9:
49
+ case "end":
50
+ return _context.stop();
53
51
  }
54
52
  }, _callee);
55
53
  })));