@pingux/astro 1.27.0-alpha.15 → 1.27.0-alpha.16

package/lib/cjs/components/DataTable/DataTableChip.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _AlertIcon = _interopRequireDefault(require("mdi-react/AlertIcon"));
+
+var _AlertCircleIcon = _interopRequireDefault(require("mdi-react/AlertCircleIcon"));
+
+var _CheckIcon = _interopRequireDefault(require("mdi-react/CheckIcon"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _index = require("../../index");
+
+var _react2 = require("@emotion/react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/* eslint-disable no-nested-ternary */
+var DataTableChip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var cell = _ref.cell;
+  var color = cell === 'Pending' ? 'line.light' : cell === 'Failed' ? 'warning.bright' : cell === 'Rejected' ? 'critical.bright' : 'success.dark';
+  return (0, _react2.jsx)(_index.Chip, {
+    label: cell,
+    bg: "white",
+    ref: ref,
+    textColor: cell === 'Pending' || cell === 'Failed' ? 'text.primary' : color,
+    sx: {
+      border: '1px',
+      borderStyle: 'solid',
+      borderColor: color,
+      flexDirection: 'row-reverse !important'
+    }
+  }, cell !== 'Pending' && (0, _react2.jsx)(_index.Icon, {
+    icon: cell === 'Approved' ? _CheckIcon["default"] : cell === 'Rejected' ? _AlertCircleIcon["default"] : cell === 'Failed' ? _AlertIcon["default"] : null,
+    mr: "xs",
+    size: "14px",
+    color: color
+  }));
+});
+DataTableChip.propTypes = {
+  cell: _propTypes["default"].string
+};
+var _default = DataTableChip;
+exports["default"] = _default;

package/lib/cjs/components/DataTable/DataTableChip.test.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _index = require("../../index");
+
+var _react3 = require("@emotion/react");
+
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _react2.render)((0, _react3.jsx)(_index.DataTableChip, props));
+};
+
+test('renders component with rejected label', function () {
+  var cell = 'Rejected';
+  getComponent({
+    cell: cell
+  });
+  expect(_react2.screen.queryByText('Rejected')).toBeInTheDocument();
+});
+test('renders component with pending label', function () {
+  var cell = 'Pending';
+  getComponent({
+    cell: cell
+  });
+  expect(_react2.screen.queryByText('Pending')).toBeInTheDocument();
+});
+test('renders component with failed label', function () {
+  var cell = 'Failed';
+  getComponent({
+    cell: cell
+  });
+  expect(_react2.screen.queryByText('Failed')).toBeInTheDocument();
+});

package/lib/cjs/components/DataTable/DataTableMenu.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _DotsVerticalIcon = _interopRequireDefault(require("mdi-react/DotsVerticalIcon"));
+
+var _index = require("../../index");
+
+var _react2 = require("@emotion/react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var DataTableMenu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return (0, _react2.jsx)(_index.Box, {
+    ref: ref,
+    variant: "dataTable.tableMenu"
+  }, (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.PopoverMenu, null, (0, _react2.jsx)(_index.IconButton, {
+    "aria-label": "row menu"
+  }, (0, _react2.jsx)(_index.Icon, {
+    icon: _DotsVerticalIcon["default"]
+  })), (0, _react2.jsx)(_index.Menu, null, (0, _react2.jsx)(_index.Item, {
+    key: "edit"
+  }, "Edit"), (0, _react2.jsx)(_index.Item, {
+    key: "duplicate"
+  }, "Duplicate"), (0, _react2.jsx)(_index.Item, {
+    key: "delete",
+    textValue: "delete"
+  }, (0, _react2.jsx)(_index.Text, {
+    color: "critical.bright"
+  }, "Delete"))))));
+});
+var _default = DataTableMenu;
+exports["default"] = _default;

package/lib/cjs/components/DataTable/DataTableMenu.test.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _index = require("../../index");
+
+var _react3 = require("@emotion/react");
+
+var getComponent = function getComponent() {
+  return (0, _react2.render)((0, _react3.jsx)(_index.DataTableMenu, null));
+};
+
+test('renders component with menu', function () {
+  getComponent();
+  expect(_react2.screen.getByLabelText('row menu')).toBeInTheDocument();
+});

package/lib/cjs/components/DataTable/DataTableMultiLine.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _index = require("../../index");
+
+var _react2 = require("@emotion/react");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var DataTableMultiLine = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var cell = _ref.cell;
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _map["default"])(cell).call(cell, function (item) {
+    var _context;
+
+    return (0, _react2.jsx)(_index.Box, {
+      key: (0, _concat["default"])(_context = "".concat(cell.key, "_")).call(_context, item.accountId),
+      ref: ref
+    }, (0, _react2.jsx)(_index.Box, {
+      sx: {
+        flexDirection: 'row !important'
+      }
+    }, (0, _react2.jsx)(_index.Box, {
+      sx: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        mx: '18px'
+      }
+    }, (0, _react2.jsx)(_index.Icon, {
+      icon: item.icon,
+      color: "accent.40",
+      size: "18.75"
+    })), (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Box, {
+      sx: {
+        fontWeight: 500,
+        fontSize: '15px'
+      }
+    }, item.name), (0, _react2.jsx)(_index.Box, {
+      sx: {
+        color: 'neutral.40',
+        fontWeight: 400,
+        fontSize: '13px'
+      }
+    }, "Account ID: ", item.accountId))));
+  }));
+});
+DataTableMultiLine.propTypes = {
+  cell: _propTypes["default"].arrayOf(_propTypes["default"].shape({}))
+};
+var _default = DataTableMultiLine;
+exports["default"] = _default;

package/lib/cjs/components/DataTable/DataTableMultiLine.test.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ApplicationIcon = _interopRequireDefault(require("mdi-react/ApplicationIcon"));
+
+var _index = require("../../index");
+
+var _react3 = require("@emotion/react");
+
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _react2.render)((0, _react3.jsx)(_index.DataTableMultiLine, props));
+};
+
+test('renders component with account name', function () {
+  var cell = [{
+    name: 'Acme',
+    icon: _ApplicationIcon["default"],
+    accountId: 123
+  }];
+  getComponent({
+    cell: cell
+  });
+  expect(_react2.screen.queryByText('Acme')).toBeInTheDocument();
+});

package/lib/cjs/components/DataTable/DataTableVirtualizer.js

@@ -0,0 +1,188 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _utils = require("@react-aria/utils");
+
+var _virtualizer = require("@react-aria/virtualizer");
+
+var _virtualizer2 = require("@react-stately/virtualizer");
+
+var _index = require("../../index");
+
+var _react2 = require("@emotion/react");
+
+var _excluded = ["layout", "collection", "focusedKey", "renderView", "renderWrapper", "domRef", "bodyRef", "setTableWidth", "getColumnWidth", "onVisibleRectChange"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * Custom Virtualizer using react aria Spectrum TableView/TableVirtualizer
+ * Primarily utilizes [TableView](https://react-spectrum.adobe.com/react-spectrum/TableView.html)
+*/
+var DataTableVirtualizer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _layout$getLayoutInfo;
+
+  var layout = _ref.layout,
+      collection = _ref.collection,
+      focusedKey = _ref.focusedKey,
+      renderView = _ref.renderView,
+      renderWrapper = _ref.renderWrapper,
+      domRef = _ref.domRef,
+      bodyRef = _ref.bodyRef,
+      setTableWidth = _ref.setTableWidth,
+      getColumnWidth = _ref.getColumnWidth,
+      onVisibleRectChangeProp = _ref.onVisibleRectChange,
+      otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var direction = 'ltr'; // useLocale override
+
+  var headerRef = (0, _react.useRef)(ref);
+  var loadingState = collection.body.props.loadingState;
+  var isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
+  var onLoadMore = collection.body.props.onLoadMore;
+  var state = (0, _virtualizer2.useVirtualizerState)({
+    layout: layout,
+    collection: collection,
+    renderView: renderView,
+    renderWrapper: renderWrapper,
+    onVisibleRectChange: function onVisibleRectChange(rect) {
+      // eslint-disable-next-line no-param-reassign
+      bodyRef.current.scrollTop = rect.y;
+      (0, _virtualizer.setScrollLeft)(bodyRef.current, direction, rect.x);
+    },
+    transitionDuration: isLoading ? 160 : 220
+  });
+
+  var _useVirtualizer = (0, _virtualizer.useVirtualizer)({
+    focusedKey: focusedKey,
+    scrollToItem: function scrollToItem(key) {
+      var item = collection.getItem(key);
+      state.virtualizer.scrollToItem(key, {
+        duration: 0,
+        // Prevent scrolling to the top when clicking on column headers.
+        shouldScrollY: (item === null || item === void 0 ? void 0 : item.type) !== 'column',
+        // Offset scroll position by width of selection cell
+        // (which is sticky and will overlap the cell we're scrolling to).
+        offsetX: 0
+      });
+    }
+  }, state, domRef),
+      virtualizerProps = _useVirtualizer.virtualizerProps; // If column widths change, need to relay out.
+
+
+  (0, _utils.useLayoutEffect)(function () {
+    state.virtualizer.relayoutNow({
+      sizeChanged: true
+    });
+  }, [state.virtualizer]);
+  var headerHeight = ((_layout$getLayoutInfo = layout.getLayoutInfo('header')) === null || _layout$getLayoutInfo === void 0 ? void 0 : _layout$getLayoutInfo.rect.height) || 0;
+  var visibleRect = state.virtualizer.visibleRect; // Sync the scroll position from the table body to the header container.
+
+  var onScroll = (0, _react.useCallback)(function () {
+    headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
+  }, [bodyRef]);
+  var onVisibleRectChange = (0, _react.useCallback)(function (rect) {
+    setTableWidth(rect.width);
+    state.setVisibleRect(rect);
+
+    if (!isLoading && onLoadMore) {
+      var scrollOffset = state.virtualizer.contentSize.height - rect.height * 2;
+
+      if (rect.y > scrollOffset) {
+        onLoadMore();
+      }
+    }
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [onLoadMore, isLoading, state.setVisibleRect, state.virtualizer]);
+  (0, _utils.useLayoutEffect)(function () {
+    if (!isLoading && onLoadMore && !state.isAnimating) {
+      if (state.contentSize.height <= state.virtualizer.visibleRect.height) {
+        onLoadMore();
+      }
+    }
+  }, [state.contentSize, state.virtualizer, state.isAnimating, onLoadMore, isLoading]);
+  return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({}, (0, _utils.mergeProps)(otherProps, virtualizerProps), {
+    ref: domRef
+  }), (0, _react2.jsx)(_index.Box, {
+    role: "presentation",
+    variant: "dataTable.tableHeadWrapper",
+    style: {
+      width: visibleRect.width,
+      height: headerHeight,
+      overflow: 'hidden',
+      position: 'relative',
+      willChange: state.isScrolling ? 'scroll-position' : '',
+      transition: state.isAnimating ? "none ".concat(state.virtualizer.transitionDuration, "ms") : undefined
+    },
+    ref: headerRef
+  }, state.visibleViews[0]), (0, _react2.jsx)(_virtualizer.ScrollView, {
+    role: "presentation",
+    variant: "dataTable.tableBody",
+    style: {
+      flex: 1
+    },
+    innerStyle: {
+      overflow: 'visible',
+      transition: state.isAnimating ? "none ".concat(state.virtualizer.transitionDuration, "ms") : undefined
+    },
+    ref: bodyRef,
+    contentSize: state.contentSize,
+    onVisibleRectChange: (0, _utils.chain)(onVisibleRectChange, onVisibleRectChangeProp),
+    onScrollStart: state.startScrolling,
+    onScrollEnd: state.endScrolling,
+    onScroll: onScroll
+  }, state.visibleViews[1]));
+});
+DataTableVirtualizer.propTypes = {
+  bodyRef: _propTypes["default"].shape({
+    current: _propTypes["default"].shape({
+      scrollLeft: _propTypes["default"].number,
+      scrollTop: _propTypes["default"].number
+    })
+  }),
+  collection: _propTypes["default"].shape({
+    body: _propTypes["default"].shape({
+      props: _propTypes["default"].shape({
+        loadingState: _propTypes["default"].string,
+        onLoadMore: _propTypes["default"].func
+      })
+    }),
+    getItem: _propTypes["default"].func
+  }),
+  domRef: _propTypes["default"].shape({}),
+  focusedKey: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
+  getColumnWidth: _propTypes["default"].func,
+  layout: _propTypes["default"].shape({
+    getLayoutInfo: _propTypes["default"].func
+  }),
+  onVisibleRectChange: _propTypes["default"].func,
+  renderView: _propTypes["default"].func,
+  renderWrapper: _propTypes["default"].func,
+  setTableWidth: _propTypes["default"].func
+};
+var _default = DataTableVirtualizer;
+exports["default"] = _default;

package/lib/cjs/components/DataTable/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+_Object$defineProperty(exports, "DataTableChip", {
+  enumerable: true,
+  get: function get() {
+    return _DataTableChip["default"];
+  }
+});
+
+_Object$defineProperty(exports, "DataTableMenu", {
+  enumerable: true,
+  get: function get() {
+    return _DataTableMenu["default"];
+  }
+});
+
+_Object$defineProperty(exports, "DataTableMultiLine", {
+  enumerable: true,
+  get: function get() {
+    return _DataTableMultiLine["default"];
+  }
+});
+
+_Object$defineProperty(exports, "DataTableVirtualize", {
+  enumerable: true,
+  get: function get() {
+    return _DataTableVirtualizer["default"];
+  }
+});
+
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _DataTable["default"];
+  }
+});
+
+var _DataTable = _interopRequireDefault(require("./DataTable"));
+
+var _DataTableChip = _interopRequireDefault(require("./DataTableChip"));
+
+var _DataTableMultiLine = _interopRequireDefault(require("./DataTableMultiLine"));
+
+var _DataTableVirtualizer = _interopRequireDefault(require("./DataTableVirtualizer"));
+
+var _DataTableMenu = _interopRequireDefault(require("./DataTableMenu"));

package/lib/cjs/context/DataTableContext/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.useDataTableContext = exports.DataTableContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var DataTableContext = /*#__PURE__*/_react["default"].createContext(null);
+
+exports.DataTableContext = DataTableContext;
+
+var useDataTableContext = function useDataTableContext() {
+  return (0, _react.useContext)(DataTableContext);
+};
+
+exports.useDataTableContext = useDataTableContext;

package/lib/cjs/index.js

@@ -4,7 +4,7 @@ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
 
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64, _context65, _context66, _context67, _context68;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64, _context65, _context66, _context67, _context68, _context69;
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
@@ -104,7 +104,13 @@ var _exportNames = {
   OverlayProvider: true,
   useOverlayPosition: true,
   useOverlayTrigger: true,
-  useOverlayTriggerState: true
+  useOverlayTriggerState: true,
+  DataTable: true,
+  DataTableCell: true,
+  DataTableColumn: true,
+  DataTableRow: true,
+  DataTableBody: true,
+  DataTableHeader: true
 };
 
 _Object$defineProperty(exports, "AccordionGridGroup", {
@@ -261,6 +267,48 @@ _Object$defineProperty(exports, "CopyText", {
   }
 });
 
+_Object$defineProperty(exports, "DataTable", {
+  enumerable: true,
+  get: function get() {
+    return _DataTable["default"];
+  }
+});
+
+_Object$defineProperty(exports, "DataTableBody", {
+  enumerable: true,
+  get: function get() {
+    return _table.TableBody;
+  }
+});
+
+_Object$defineProperty(exports, "DataTableCell", {
+  enumerable: true,
+  get: function get() {
+    return _table.Cell;
+  }
+});
+
+_Object$defineProperty(exports, "DataTableColumn", {
+  enumerable: true,
+  get: function get() {
+    return _table.Column;
+  }
+});
+
+_Object$defineProperty(exports, "DataTableHeader", {
+  enumerable: true,
+  get: function get() {
+    return _table.TableHeader;
+  }
+});
+
+_Object$defineProperty(exports, "DataTableRow", {
+  enumerable: true,
+  get: function get() {
+    return _table.Row;
+  }
+});
+
 _Object$defineProperty(exports, "EnvironmentBreadcrumb", {
   enumerable: true,
   get: function get() {
@@ -1741,6 +1789,23 @@ var _overlays = require("@react-aria/overlays");
 
 var _overlays2 = require("@react-stately/overlays");
 
+var _DataTable = _interopRequireWildcard(require("./components/DataTable"));
+
+_forEachInstanceProperty(_context69 = _Object$keys(_DataTable)).call(_context69, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DataTable[key]) return;
+
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DataTable[key];
+    }
+  });
+});
+
+var _table = require("@react-spectrum/table");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }