@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.4

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

@@ -1,40 +1,25 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _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 _AlertIcon = _interopRequireDefault(require("mdi-react/AlertIcon"));
 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 DataTableBadge = /*#__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';

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

@@ -1,20 +1,14 @@
 "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.DataTableBadge, props));
 };
-
 test('renders component with rejected label', function () {
   var cell = 'Rejected';
   getComponent({

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

@@ -1,33 +1,20 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _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,

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

@@ -1,19 +1,13 @@
 "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

@@ -1,42 +1,26 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 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
@@ -65,7 +49,7 @@ var DataTableMultiLine = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
         fontWeight: 400,
         fontSize: '13px'
       }
-    }, "Account ID: ", item.accountId))));
+    }, "Account ID:", ' ', item.accountId))));
   }));
 });
 DataTableMultiLine.propTypes = {

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

@@ -1,22 +1,15 @@
 "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',

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

@@ -1,65 +1,45 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _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 _propTypes = _interopRequireDefault(require("prop-types"));
 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);
+    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';
@@ -76,47 +56,46 @@ var DataTableVirtualizer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
     },
     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.
-
+      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 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
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [onLoadMore, isLoading, state.setVisibleRect, state.virtualizer]);
   (0, _utils.useLayoutEffect)(function () {
     if (!isLoading && onLoadMore && !state.isAnimating) {

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

@@ -1,54 +1,42 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 _Object$defineProperty(exports, "DataTableBadge", {
   enumerable: true,
   get: function get() {
     return _DataTableBadge["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 _DataTableBadge = _interopRequireDefault(require("./DataTableBadge"));
-
+var _DataTableMenu = _interopRequireDefault(require("./DataTableMenu"));
 var _DataTableMultiLine = _interopRequireDefault(require("./DataTableMultiLine"));
-
-var _DataTableVirtualizer = _interopRequireDefault(require("./DataTableVirtualizer"));
-
-var _DataTableMenu = _interopRequireDefault(require("./DataTableMenu"));
+var _DataTableVirtualizer = _interopRequireDefault(require("./DataTableVirtualizer"));