@pingux/astro 2.238.0-alpha.0 → 2.239.0-alpha.0

package/lib/cjs/components/TableBase/TableBase.stories.js

@@ -1,809 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
-var _Object$create = require("@babel/runtime-corejs3/core-js-stable/object/create");
-var _bindInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/bind");
-var _Object$getPrototypeOf = require("@babel/runtime-corejs3/core-js-stable/object/get-prototype-of");
-var _Object$setPrototypeOf = require("@babel/runtime-corejs3/core-js-stable/object/set-prototype-of");
-var _Symbol$asyncIterator = require("@babel/runtime-corejs3/core-js-stable/symbol/async-iterator");
-var _Promise = require("@babel/runtime-corejs3/core-js-stable/promise");
-var _Symbol$iterator = require("@babel/runtime-corejs3/core-js-stable/symbol/iterator");
-var _reverseInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/reverse");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WithStickyHeader = exports.WithSortingAndResizing = exports.WithResizableColumns = exports.WithPagination = exports.WithMinMaxColumnWidth = exports.WithLoadingState = exports.WithLastColumnSticky = exports.WithEmptyState = exports.RowActions = exports.MultiSelection = exports.DynamicWithSorting = exports.DefaultEmptyStateWithButton = exports.DefaultEmptyState = exports.Default = void 0;
-var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-var _isNan = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/number/is-nan"));
-var _parseFloat2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/parse-float"));
-var _sort = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/sort"));
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _i18n = require("@react-aria/i18n");
-var _data = require("@react-stately/data");
-var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
-var _ = require("../..");
-var _hooks = require("../../hooks");
-var _items = require("../../utils/devUtils/constants/items");
-var _TableBase = _interopRequireDefault(require("./TableBase.mdx"));
-var _tableBaseAttributes = require("./tableBaseAttributes");
-var _react2 = require("@emotion/react");
-function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-function _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (_Object$getPrototypeOf ? _Object$getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && _reverseInstanceProperty(o).call(o)); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
-function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof _Symbol && _Symbol$iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
-function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) r.unshift(t); return function e() { for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; return e.done = !0, e; }; }
-function _regeneratorAsync(n, e, r, t, o) { var a = _regeneratorAsyncGen(n, e, r, t, o); return a.next().then(function (n) { return n.done ? n.value : a.next(); }); }
-function _regeneratorAsyncGen(r, e, t, o, n) { return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || _Promise); }
-function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c = t[r](o), u = c.value; return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) { n("next", t, i, f); }, function (t) { n("throw", t, i, f); }) : e.resolve(u).then(function (t) { c.value = t, i(c); }, function (t) { return n("throw", t, i, f); }); } catch (t) { f(t); } } var r; this.next || (_regeneratorDefine2(_regeneratorAsyncIterator.prototype), _regeneratorDefine2(_regeneratorAsyncIterator.prototype, "function" == typeof _Symbol && _Symbol$asyncIterator || "@asyncIterator", function () { return this; })), _regeneratorDefine2(this, "_invoke", function (t, o, i) { function f() { return new e(function (e, r) { n(t, i, e, r); }); } return r = r ? r.then(f, f) : f(); }, !0); }
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof _Symbol ? _Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = _Object$create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: _bindInstanceProperty(d).call(d, e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = _Object$getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(c); function f(e) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = _Object$create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = _Object$defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function _OverloadYield(e, d) { this.v = e, this.k = d; }
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context7 = ownKeys(Object(t), !0)).call(_context7, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context8 = ownKeys(Object(t))).call(_context8, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _default = exports["default"] = {
-  title: 'Components/TableBase',
-  component: _.TableBase,
-  argTypes: _tableBaseAttributes.tableBaseArgTypes,
-  args: _objectSpread({}, _tableBaseAttributes.tableBaseArgs),
-  parameters: {
-    docs: {
-      page: function page() {
-        return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_TableBase["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
-      }
-    }
-  }
-};
-var headers = [{
-  key: 'type',
-  name: 'Type'
-}, {
-  key: 'date',
-  name: 'Date'
-}, {
-  key: 'additional_grant',
-  name: 'Additional Grant'
-}, {
-  key: 'total_grant',
-  name: 'Total Grant'
-}];
-var objects = [{
-  id: 1,
-  type: 'Lorem ipsum',
-  date: '2020-06-12',
-  additional_grant: '+25,000',
-  total_grant: '25,000'
-}, {
-  id: 2,
-  type: 'Lorem ipsum',
-  date: '2020-10-01',
-  additional_grant: '+25,000',
-  total_grant: '50,000'
-}, {
-  id: 3,
-  type: 'Lorem ipsum',
-  date: '2021-01-01',
-  additional_grant: '+25,000',
-  total_grant: '75,000'
-}];
-var statusVariant = {
-  Pending: 'tableBaseBadge.secondary',
-  Failed: 'tableBaseBadge.critical',
-  Rejected: 'tableBaseBadge.critical',
-  Active: 'tableBaseBadge.healthy',
-  Inactive: 'tableBaseBadge.secondary'
-};
-var Default = exports.Default = {
-  render: function render(args) {
-    var isEmpty = args.loadingState === 'loading' || args.loadingState === 'sorting';
-    return (0, _react2.jsx)(_.Card, {
-      variant: "cards.tableWrapper"
-    }, (0, _react2.jsx)(_.TableBase, args, (0, _react2.jsx)(_.THead, {
-      columns: headers
-    }, function (column) {
-      return (0, _react2.jsx)(_.Column, {
-        key: column.key,
-        minWidth: 200
-      }, column.name);
-    }), (0, _react2.jsx)(_.TBody, {
-      items: isEmpty ? [] : objects
-    }, function (item) {
-      return (0, _react2.jsx)(_.Row, {
-        key: item.id
-      }, function (columnKey) {
-        return (0, _react2.jsx)(_.Cell, null, item[columnKey]);
-      });
-    })));
-  }
-};
-var MultiSelection = exports.MultiSelection = function MultiSelection() {
-  var _React$useState = _react["default"].useState(new _set["default"](['1', '3'])),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    selectedKeys = _React$useState2[0],
-    setSelectedKeys = _React$useState2[1];
-  return (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper"
-  }, (0, _react2.jsx)(_.TableBase, {
-    caption: "Lorem ipsum",
-    "aria-label": "table",
-    selectionMode: "multiple",
-    selectedKeys: selectedKeys,
-    onSelectionChange: setSelectedKeys
-  }, (0, _react2.jsx)(_.THead, {
-    columns: headers
-  }, function (column) {
-    return (0, _react2.jsx)(_.Column, {
-      key: column.key,
-      minWidth: 200
-    }, column.name);
-  }), (0, _react2.jsx)(_.TBody, {
-    items: objects
-  }, function (item) {
-    return (0, _react2.jsx)(_.Row, {
-      key: item.id
-    }, function (columnKey) {
-      return (0, _react2.jsx)(_.Cell, null, item[columnKey]);
-    });
-  })));
-};
-var WithStickyHeader = exports.WithStickyHeader = function WithStickyHeader() {
-  return (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper",
-    height: "400px"
-  }, (0, _react2.jsx)(_.TableBase, {
-    "aria-label": "table",
-    isStickyHeader: true,
-    selectionMode: "single",
-    defaultSelectedKeys: ['2'],
-    disabledKeys: ['3']
-  }, (0, _react2.jsx)(_.THead, null, (0, _react2.jsx)(_.Column, {
-    minWidth: 200
-  }, "Name"), (0, _react2.jsx)(_.Column, {
-    minWidth: 300
-  }, "Email"), (0, _react2.jsx)(_.Column, {
-    minWidth: 150
-  }, "Status"), (0, _react2.jsx)(_.Column, null, "Bio")), (0, _react2.jsx)(_.TBody, {
-    items: _items.items
-  }, function (item) {
-    var _context;
-    return (0, _react2.jsx)(_.Row, {
-      key: item.id
-    }, (0, _react2.jsx)(_.Cell, null, (0, _concat["default"])(_context = "".concat(item.firstName, " ")).call(_context, item.lastName)), (0, _react2.jsx)(_.Cell, null, item.email), (0, _react2.jsx)(_.Cell, null, (0, _react2.jsx)(_.Badge, {
-      variant: statusVariant[item.status],
-      label: item.status
-    })), (0, _react2.jsx)(_.Cell, null, (0, _react2.jsx)(_.Text, {
-      variant: "textEllipsis"
-    }, "Lorem ipsum dolor sit amet.")));
-  })));
-};
-WithStickyHeader.parameters = {
-  a11y: {
-    config: {
-      rules: [{
-        id: 'color-contrast',
-        enabled: false
-      }, {
-        id: 'scrollable-region-focusable',
-        enabled: false
-      }]
-    }
-  }
-};
-var ExampleTable = function ExampleTable() {
-  var _usePaginationState = (0, _hooks.usePaginationState)(),
-    paginationState = _usePaginationState.paginationState;
-  var renderItems = (0, _slice["default"])(_items.items).call(_items.items, paginationState.firstRenderedIndex, paginationState.lastRenderedIndex + 1);
-  return (0, _react2.jsx)(_.TableBase, {
-    "aria-label": "table",
-    className: "has-pagination"
-  }, (0, _react2.jsx)(_.THead, null, (0, _react2.jsx)(_.Column, {
-    minWidth: 200
-  }, "Name"), (0, _react2.jsx)(_.Column, {
-    minWidth: 300
-  }, "Email"), (0, _react2.jsx)(_.Column, {
-    minWidth: 150
-  }, "Status"), (0, _react2.jsx)(_.Column, null, "Bio")), (0, _react2.jsx)(_.TBody, {
-    items: renderItems
-  }, function (item) {
-    var _context2;
-    return (0, _react2.jsx)(_.Row, {
-      key: item.email
-    }, (0, _react2.jsx)(_.Cell, null, (0, _concat["default"])(_context2 = "".concat(item.firstName, " ")).call(_context2, item.lastName)), (0, _react2.jsx)(_.Cell, null, item.email), (0, _react2.jsx)(_.Cell, null, (0, _react2.jsx)(_.Badge, {
-      variant: statusVariant[item.status],
-      label: item.status
-    })), (0, _react2.jsx)(_.Cell, null, (0, _react2.jsx)(_.Text, {
-      variant: "textEllipsis"
-    }, "Lorem ipsum dolor sit amet.")));
-  }));
-};
-var WithPagination = exports.WithPagination = function WithPagination() {
-  var _useState = (0, _react.useState)(10),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    offsetCount = _useState2[0],
-    setOffsetCount = _useState2[1];
-  return (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper"
-  }, (0, _react2.jsx)(_.PaginationProvider, null, (0, _react2.jsx)(_.Box, {
-    variant: "cards.body",
-    overflow: "auto",
-    p: "0"
-  }, (0, _react2.jsx)(ExampleTable, null)), (0, _react2.jsx)(_.Box, {
-    variant: "cards.footer"
-  }, (0, _react2.jsx)(_.Pagination, {
-    totalCount: _items.items.length,
-    offsetCount: offsetCount,
-    onOffsetCountChange: setOffsetCount,
-    offsetOptions: [10, 20, 50, 100]
-  }))));
-};
-WithPagination.parameters = {
-  a11y: {
-    config: {
-      rules: [{
-        id: 'color-contrast',
-        enabled: false
-      }]
-    }
-  }
-};
-var DynamicWithSorting = exports.DynamicWithSorting = function DynamicWithSorting() {
-  var columns = [{
-    name: 'Country',
-    key: 'country',
-    isSortable: true
-  }, {
-    name: 'Population',
-    key: 'population',
-    isSortable: false
-  }, {
-    name: 'Continent',
-    key: 'continent',
-    isSortable: false
-  }];
-  var rows = [{
-    id: 1,
-    country: 'Austria',
-    population: '25,000,000',
-    continent: 'Oceania'
-  }, {
-    id: 2,
-    country: 'Canada',
-    population: '37,000,000',
-    continent: 'North America'
-  }, {
-    id: 3,
-    country: 'China',
-    population: '1,398,000,000',
-    continent: 'Asia'
-  }, {
-    id: 4,
-    country: 'Ethiopia',
-    population: '120,000,000',
-    continent: 'Africa'
-  }, {
-    id: 5,
-    country: 'France',
-    population: '67,000,000',
-    continent: 'Europe'
-  }, {
-    id: 6,
-    country: 'Mexico',
-    population: '126,000,000',
-    continent: 'North America'
-  }, {
-    id: 7,
-    country: 'USA',
-    population: '320,000,000',
-    continent: 'North America'
-  }];
-  var collator = (0, _i18n.useCollator)({
-    numeric: true
-  });
-  var list = (0, _data.useAsyncList)({
-    load: function load() {
-      return (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        return _regeneratorRuntime().wrap(function _callee$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              return _context3.abrupt("return", {
-                items: rows
-              });
-            case 1:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee);
-      }))();
-    },
-    sort: function sort(_ref) {
-      return (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        var items, sortDescriptor, getNumericValue;
-        return _regeneratorRuntime().wrap(function _callee2$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              items = _ref.items, sortDescriptor = _ref.sortDescriptor;
-              getNumericValue = function getNumericValue(str) {
-                return !(0, _isNan["default"])(str) && (0, _parseFloat2["default"])(str.replace(/,/g, ''));
-              };
-              return _context4.abrupt("return", {
-                items: (0, _sort["default"])(items).call(items, function (a, b) {
-                  if (sortDescriptor.column) {
-                    var first = a[sortDescriptor.column];
-                    var second = b[sortDescriptor.column];
-                    var firstNumericValue = getNumericValue(first);
-                    var secondNumericValue = getNumericValue(second);
-                    var cmp = firstNumericValue && secondNumericValue ? firstNumericValue - secondNumericValue : collator.compare(first, second);
-                    return sortDescriptor.direction === 'descending' ? -cmp : cmp;
-                  }
-                  return 1;
-                })
-              });
-            case 3:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee2);
-      }))();
-    },
-    initialSortDescriptor: {
-      column: 'country',
-      direction: 'ascending'
-    }
-  });
-  return (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper"
-  }, (0, _react2.jsx)(_.TableBase, {
-    "aria-label": "Dynamic table",
-    onSortChange: function onSortChange(descriptor) {
-      if (descriptor.column) {
-        (0, _sort["default"])(list).call(list, descriptor);
-      }
-    },
-    sortDescriptor: list.sortDescriptor
-  }, (0, _react2.jsx)(_.THead, {
-    columns: columns
-  }, function (column) {
-    return (0, _react2.jsx)(_.Column, {
-      minWidth: 155,
-      allowsSorting: column.isSortable
-    }, column.name);
-  }), (0, _react2.jsx)(_.TBody, {
-    items: list.items,
-    loadingState: list.loadingState,
-    onLoadMore: list.loadMore
-  }, function (item) {
-    return (0, _react2.jsx)(_.Row, {
-      key: item.name
-    }, function (columnKey) {
-      return (0, _react2.jsx)(_.Cell, null, item[columnKey]);
-    });
-  })));
-};
-
-// Added to bypass color contrast issue due to virtualizer
-DynamicWithSorting.parameters = {
-  a11y: {
-    config: {
-      rules: [{
-        id: 'color-contrast',
-        enabled: false
-      }]
-    }
-  }
-};
-var WithResizableColumns = exports.WithResizableColumns = function WithResizableColumns() {
-  return (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper"
-  }, (0, _react2.jsx)(_.TableBase, {
-    caption: "Lorem ipsum",
-    "aria-label": "table"
-  }, (0, _react2.jsx)(_.THead, null, (0, _react2.jsx)(_.Column, {
-    minWidth: 100,
-    allowsResizing: true
-  }, "Type"), (0, _react2.jsx)(_.Column, {
-    minWidth: 100,
-    allowsResizing: true
-  }, "Date"), (0, _react2.jsx)(_.Column, {
-    minWidth: 100
-  }, "Additional Grant"), (0, _react2.jsx)(_.Column, {
-    minWidth: 100
-  }, "Total Grant")), (0, _react2.jsx)(_.TBody, {
-    items: objects
-  }, function (item) {
-    return (0, _react2.jsx)(_.Row, {
-      key: item.id
-    }, (0, _react2.jsx)(_.Cell, null, item.type), (0, _react2.jsx)(_.Cell, null, item.date), (0, _react2.jsx)(_.Cell, null, item.additional_grant), (0, _react2.jsx)(_.Cell, null, item.total_grant));
-  })));
-};
-var WithSortingAndResizing = exports.WithSortingAndResizing = function WithSortingAndResizing() {
-  var columns = [{
-    name: 'Country',
-    key: 'country',
-    isSortable: true
-  }, {
-    name: 'Population',
-    key: 'population',
-    isSortable: true
-  }, {
-    name: 'Continent',
-    key: 'continent',
-    isSortable: false
-  }];
-  var rows = [{
-    id: 1,
-    country: 'Austria',
-    population: '25,000,000',
-    continent: 'Oceania'
-  }, {
-    id: 2,
-    country: 'Canada',
-    population: '37,000,000',
-    continent: 'North America'
-  }, {
-    id: 3,
-    country: 'China',
-    population: '1,398,000,000',
-    continent: 'Asia'
-  }, {
-    id: 4,
-    country: 'Ethiopia',
-    population: '120,000,000',
-    continent: 'Africa'
-  }, {
-    id: 5,
-    country: 'France',
-    population: '67,000,000',
-    continent: 'Europe'
-  }, {
-    id: 6,
-    country: 'Mexico',
-    population: '126,000,000',
-    continent: 'North America'
-  }, {
-    id: 7,
-    country: 'USA',
-    population: '320,000,000',
-    continent: 'North America'
-  }];
-  var collator = (0, _i18n.useCollator)({
-    numeric: true
-  });
-  var list = (0, _data.useAsyncList)({
-    load: function load() {
-      return (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        return _regeneratorRuntime().wrap(function _callee3$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              return _context5.abrupt("return", {
-                items: rows
-              });
-            case 1:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee3);
-      }))();
-    },
-    sort: function sort(_ref2) {
-      return (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-        var items, sortDescriptor, getNumericValue;
-        return _regeneratorRuntime().wrap(function _callee4$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
-            case 0:
-              items = _ref2.items, sortDescriptor = _ref2.sortDescriptor;
-              getNumericValue = function getNumericValue(str) {
-                return !(0, _isNan["default"])(str) && (0, _parseFloat2["default"])(str.replace(/,/g, ''));
-              };
-              return _context6.abrupt("return", {
-                items: (0, _sort["default"])(items).call(items, function (a, b) {
-                  if (sortDescriptor.column) {
-                    var first = a[sortDescriptor.column];
-                    var second = b[sortDescriptor.column];
-                    var firstNumericValue = getNumericValue(first);
-                    var secondNumericValue = getNumericValue(second);
-                    var cmp = firstNumericValue && secondNumericValue ? firstNumericValue - secondNumericValue : collator.compare(first, second);
-                    return sortDescriptor.direction === 'descending' ? -cmp : cmp;
-                  }
-                  return 1;
-                })
-              });
-            case 3:
-            case "end":
-              return _context6.stop();
-          }
-        }, _callee4);
-      }))();
-    },
-    initialSortDescriptor: {
-      column: 'country',
-      direction: 'ascending'
-    }
-  });
-  return (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper"
-  }, (0, _react2.jsx)(_.TableBase, {
-    "aria-label": "Table with sorting and resizing enabled together",
-    onSortChange: function onSortChange(descriptor) {
-      if (descriptor.column) {
-        (0, _sort["default"])(list).call(list, descriptor);
-      }
-    },
-    sortDescriptor: list.sortDescriptor
-  }, (0, _react2.jsx)(_.THead, {
-    columns: columns
-  }, function (column) {
-    return (0, _react2.jsx)(_.Column, {
-      minWidth: 155,
-      allowsSorting: column.isSortable,
-      allowsResizing: column.key !== columns[columns.length - 1].key
-    }, column.name);
-  }), (0, _react2.jsx)(_.TBody, {
-    items: list.items,
-    loadingState: list.loadingState,
-    onLoadMore: list.loadMore
-  }, function (item) {
-    return (0, _react2.jsx)(_.Row, {
-      key: item.name
-    }, function (columnKey) {
-      return (0, _react2.jsx)(_.Cell, null, item[columnKey]);
-    });
-  })));
-};
-
-// Added to bypass color contrast issue due to virtualizer
-WithSortingAndResizing.parameters = {
-  a11y: {
-    config: {
-      rules: [{
-        id: 'color-contrast',
-        enabled: false
-      }]
-    }
-  }
-};
-var WithMinMaxColumnWidth = exports.WithMinMaxColumnWidth = function WithMinMaxColumnWidth() {
-  return (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper"
-  }, (0, _react2.jsx)(_.TableBase, {
-    caption: "Lorem ipsum",
-    "aria-label": "table"
-  }, (0, _react2.jsx)(_.THead, null, (0, _react2.jsx)(_.Column, {
-    minWidth: 80,
-    maxWidth: 200
-  }, "Type"), (0, _react2.jsx)(_.Column, {
-    minWidth: 120,
-    maxWidth: 300
-  }, "Date"), (0, _react2.jsx)(_.Column, {
-    minWidth: 100,
-    maxWidth: 180
-  }, "Additional Grant"), (0, _react2.jsx)(_.Column, {
-    minWidth: 100,
-    maxWidth: 180
-  }, "Total Grant")), (0, _react2.jsx)(_.TBody, {
-    items: objects
-  }, function (item) {
-    return (0, _react2.jsx)(_.Row, {
-      key: item.id
-    }, (0, _react2.jsx)(_.Cell, null, item.type), (0, _react2.jsx)(_.Cell, null, item.date), (0, _react2.jsx)(_.Cell, null, item.additional_grant), (0, _react2.jsx)(_.Cell, null, item.total_grant));
-  })));
-};
-var WithLastColumnSticky = exports.WithLastColumnSticky = function WithLastColumnSticky() {
-  return (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper",
-    className: "last-column-sticky"
-  }, (0, _react2.jsx)(_.TableBase, {
-    caption: "Lorem ipsum",
-    "aria-label": "table",
-    isLastColumnSticky: true
-  }, (0, _react2.jsx)(_.THead, {
-    columns: headers
-  }, function (column) {
-    return (0, _react2.jsx)(_.Column, {
-      key: column.key,
-      minWidth: 200
-    }, column.name);
-  }), (0, _react2.jsx)(_.TBody, {
-    items: objects
-  }, function (item) {
-    return (0, _react2.jsx)(_.Row, {
-      key: item.id
-    }, function (columnKey) {
-      return (0, _react2.jsx)(_.Cell, null, item[columnKey]);
-    });
-  })));
-};
-var WithLoadingState = exports.WithLoadingState = function WithLoadingState() {
-  return (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper"
-  }, (0, _react2.jsx)(_.TableBase, {
-    caption: "Lorem ipsum",
-    "aria-label": "table",
-    loadingState: "loading"
-  }, (0, _react2.jsx)(_.THead, {
-    columns: headers
-  }, function (column) {
-    return (0, _react2.jsx)(_.Column, {
-      key: column.key,
-      minWidth: 200
-    }, column.name);
-  }), (0, _react2.jsx)(_.TBody, {
-    items: []
-  }, function () {
-    return (0, _react2.jsx)(_.Row, {
-      key: "unused"
-    }, function () {
-      return (0, _react2.jsx)(_.Cell, null, "Hello 0");
-    });
-  })));
-};
-var WithEmptyState = exports.WithEmptyState = function WithEmptyState() {
-  return (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper"
-  }, (0, _react2.jsx)(_.TableBase, {
-    caption: "Custom empty state",
-    "aria-label": "table with custom empty state",
-    renderEmptyState: function renderEmptyState() {
-      return (0, _react2.jsx)("div", null, "No data available");
-    }
-  }, (0, _react2.jsx)(_.THead, {
-    columns: headers
-  }, function (column) {
-    return (0, _react2.jsx)(_.Column, {
-      key: column.key,
-      minWidth: 200
-    }, column.name);
-  }), (0, _react2.jsx)(_.TBody, {
-    items: []
-  }, function () {
-    return (0, _react2.jsx)(_.Row, {
-      key: "unused"
-    }, function () {
-      return (0, _react2.jsx)(_.Cell, null, "Hello 2");
-    });
-  })));
-};
-var DefaultEmptyState = exports.DefaultEmptyState = function DefaultEmptyState() {
-  return (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper"
-  }, (0, _react2.jsx)(_.TableBase, {
-    caption: "Default empty state",
-    "aria-label": "table with default empty state"
-  }, (0, _react2.jsx)(_.THead, {
-    columns: headers
-  }, function (column) {
-    return (0, _react2.jsx)(_.Column, {
-      key: column.key,
-      minWidth: 200
-    }, column.name);
-  }), (0, _react2.jsx)(_.TBody, {
-    items: []
-  }, function () {
-    return (0, _react2.jsx)(_.Row, {
-      key: "unused"
-    }, function () {
-      return (0, _react2.jsx)(_.Cell, null, "Hello 1");
-    });
-  })));
-};
-var DefaultEmptyStateWithButton = exports.DefaultEmptyStateWithButton = function DefaultEmptyStateWithButton() {
-  var handleAddItem = function handleAddItem() {
-    // eslint-disable-next-line no-console
-    console.log('Add button clicked!');
-  };
-  return (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper"
-  }, (0, _react2.jsx)(_.TableBase, {
-    caption: "Empty state with action button",
-    "aria-label": "table with empty state and action button",
-    renderEmptyState: function renderEmptyState() {
-      return (0, _react2.jsx)(_.TableBaseEmptyState, {
-        headerLabel: "No items available",
-        descriptionLabel: "Click the button below to add a new item",
-        addButtonLabel: "Add Item",
-        onAddButtonPress: handleAddItem
-      });
-    }
-  }, (0, _react2.jsx)(_.THead, {
-    columns: headers
-  }, function (column) {
-    return (0, _react2.jsx)(_.Column, {
-      key: column.key,
-      minWidth: 200
-    }, column.name);
-  }), (0, _react2.jsx)(_.TBody, {
-    items: []
-  }, function () {
-    return (0, _react2.jsx)(_.Row, {
-      key: "unused"
-    }, function () {
-      return (0, _react2.jsx)(_.Cell, null, "Hello 3");
-    });
-  })));
-};
-var RowActions = exports.RowActions = function RowActions() {
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    selectedKey = _useState4[0],
-    setSelectedKey = _useState4[1];
-  var _useOverlayPanelState = (0, _hooks.useOverlayPanelState)(),
-    panelState = _useOverlayPanelState.state,
-    onClose = _useOverlayPanelState.onClose;
-  var panelTriggerRef = (0, _react.useRef)(null);
-  var triggerRefAsButton = panelTriggerRef;
-  var selectedObject = (0, _find["default"])(objects).call(objects, function (obj) {
-    return String(obj.id) === String(selectedKey);
-  });
-  var handleClose = function handleClose() {
-    onClose(panelState, triggerRefAsButton);
-  };
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.Card, {
-    variant: "cards.tableWrapper"
-  }, (0, _react2.jsx)(_.TableBase, {
-    "aria-label": "Row actions table",
-    selectionMode: "none",
-    onRowAction: function onRowAction(key) {
-      setSelectedKey(key);
-      panelState.open();
-    },
-    ref: panelTriggerRef
-  }, (0, _react2.jsx)(_.THead, {
-    columns: headers
-  }, function (column) {
-    return (0, _react2.jsx)(_.Column, {
-      key: column.key,
-      minWidth: 200
-    }, column.name);
-  }), (0, _react2.jsx)(_.TBody, {
-    items: objects
-  }, function (item) {
-    return (0, _react2.jsx)(_.Row, {
-      key: item.id
-    }, function (columnKey) {
-      return (0, _react2.jsx)(_.Cell, null, item[columnKey]);
-    });
-  }))), (panelState.isOpen || panelState.isTransitioning) && (0, _react2.jsx)(_.OverlayPanel, {
-    isOpen: panelState.isOpen,
-    isTransitioning: panelState.isTransitioning,
-    state: panelState,
-    triggerRef: triggerRefAsButton,
-    sx: {
-      p: 0
-    }
-  }, (0, _react2.jsx)(_.PanelHeader, {
-    data: {
-      text: selectedObject ? selectedObject.type : '',
-      subtext: selectedObject ? selectedObject.date : ''
-    }
-  }, (0, _react2.jsx)(_.PanelHeaderCloseButton, {
-    onPress: handleClose
-  })), selectedObject && (0, _react2.jsx)(_.Box, {
-    sx: {
-      p: 'lg'
-    }
-  }, (0, _react2.jsx)(_.Text, null, "Type: ".concat(selectedObject.type)), (0, _react2.jsx)(_.Text, null, "Date: ".concat(selectedObject.date)), (0, _react2.jsx)(_.Text, null, "Additional Grant: ".concat(selectedObject.additional_grant)), (0, _react2.jsx)(_.Text, null, "Total Grant: ".concat(selectedObject.total_grant)))));
-};
-RowActions.parameters = {
-  a11y: {
-    config: {
-      rules: [{
-        id: 'color-contrast',
-        enabled: false
-      }]
-    }
-  }
-};