@pingux/astro 2.0.0-alpha.6 → 2.0.0-beta.0

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

@@ -21,8 +21,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _react = _interopRequireWildcard(require("react"));
 var _AccountGroupIcon = _interopRequireDefault(require("mdi-react/AccountGroupIcon"));
 var _SearchIcon = _interopRequireDefault(require("mdi-react/SearchIcon"));
-var _ = require("../..");
 var _hooks = require("../../hooks");
+var _index = require("../../index");
 var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
 var _react2 = require("@emotion/react");
@@ -32,7 +32,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var _default = {
   title: 'Form/SearchField',
-  component: _.SearchField,
+  component: _index.SearchField,
   parameters: {
     docs: {
       source: {
@@ -74,7 +74,7 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_.SearchField, (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_index.SearchField, (0, _extends2["default"])({}, args, {
     icon: _SearchIcon["default"],
     onSubmit: function onSubmit(text) {
       return alert(text);
@@ -87,7 +87,7 @@ var Controlled = function Controlled() {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     value = _useState2[0],
     setValue = _useState2[1];
-  return (0, _react2.jsx)(_.SearchField, {
+  return (0, _react2.jsx)(_index.SearchField, {
     value: value,
     onChange: setValue,
     "aria-label": "Search Groups",
@@ -99,7 +99,7 @@ var Controlled = function Controlled() {
 };
 exports.Controlled = Controlled;
 var CustomIcon = function CustomIcon() {
-  return (0, _react2.jsx)(_.SearchField, {
+  return (0, _react2.jsx)(_index.SearchField, {
     icon: _AccountGroupIcon["default"],
     "aria-label": "Search Users",
     placeholder: "Search Users",
@@ -110,7 +110,7 @@ var CustomIcon = function CustomIcon() {
 };
 exports.CustomIcon = CustomIcon;
 var NoClearButton = function NoClearButton() {
-  return (0, _react2.jsx)(_.SearchField, {
+  return (0, _react2.jsx)(_index.SearchField, {
     hasNoClearButton: true,
     "aria-label": "Search Users",
     placeholder: "Search Users",
@@ -129,7 +129,7 @@ var ControlledWithDebouncedInput = function ControlledWithDebouncedInput() {
     value: value,
     delay: 500
   });
-  return (0, _react2.jsx)(_.Box, null, (0, _react2.jsx)(_.SearchField, {
+  return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.SearchField, {
     value: value,
     onChange: setValue,
     "aria-label": "Search Groups",
@@ -137,7 +137,7 @@ var ControlledWithDebouncedInput = function ControlledWithDebouncedInput() {
     onSubmit: function onSubmit(text) {
       return alert(text);
     } // eslint-disable-line no-alert
-  }), (0, _react2.jsx)(_.Text, {
+  }), (0, _react2.jsx)(_index.Text, {
     mt: "xs"
   }, "Debounced value: ".concat(debouncedSearchText)));
 };

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

@@ -34,7 +34,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
-var _2 = require("../..");
+var _index = require("../../index");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
@@ -125,7 +125,7 @@ var withSection = [{
 }];
 var _default = {
   title: 'Form/SelectField',
-  component: _2.SelectField,
+  component: _index.SelectField,
   parameters: {
     docs: {
       source: {
@@ -185,27 +185,27 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_2.SelectField, (0, _extends2["default"])({}, args, {
+  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_index.SelectField, (0, _extends2["default"])({}, args, {
     width: "100%"
-  }), (0, _react2.jsx)(_2.Item, {
+  }), (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow")));
 };
 exports.Default = Default;
 var WithSections = function WithSections(args) {
-  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_2.SelectField, (0, _extends2["default"])({
+  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_index.SelectField, (0, _extends2["default"])({
     items: withSection
   }, args), function (section) {
-    return (0, _react2.jsx)(_2.Section, {
+    return (0, _react2.jsx)(_index.Section, {
       key: section.key,
       items: section.children,
       title: section.name
     }, function (item) {
-      return (0, _react2.jsx)(_2.Item, {
+      return (0, _react2.jsx)(_index.Item, {
         key: item.name
       }, item.name);
     });
@@ -213,28 +213,28 @@ var WithSections = function WithSections(args) {
 };
 exports.WithSections = WithSections;
 var WithCustomHeight = function WithCustomHeight(args) {
-  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_2.SelectField, (0, _extends2["default"])({
+  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_index.SelectField, (0, _extends2["default"])({
     label: "Example label",
     items: animals,
     scrollBoxProps: {
       maxHeight: '75px'
     }
   }, args), function (item) {
-    return (0, _react2.jsx)(_2.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
 };
 exports.WithCustomHeight = WithCustomHeight;
 var FloatLabel = function FloatLabel() {
-  return (0, _react2.jsx)(_2.SelectField, {
+  return (0, _react2.jsx)(_index.SelectField, {
     label: "What's your favorite color?",
     labelMode: "float"
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow"));
 };
@@ -247,79 +247,79 @@ var Controlled = function Controlled() {
   var handleSelectionChange = function handleSelectionChange(key) {
     return setSelectedKey(key);
   };
-  return (0, _react2.jsx)(_2.SelectField, {
+  return (0, _react2.jsx)(_index.SelectField, {
     selectedKey: selectedKey,
     onSelectionChange: handleSelectionChange,
     label: "What's your favorite color?"
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow"));
 };
 exports.Controlled = Controlled;
 var WithNoneOption = function WithNoneOption() {
-  return (0, _react2.jsx)(_2.SelectField, {
+  return (0, _react2.jsx)(_index.SelectField, {
     label: "What's your favorite color?"
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "none"
-  }, "None"), (0, _react2.jsx)(_2.Item, {
+  }, "None"), (0, _react2.jsx)(_index.Item, {
     isSeparator: true,
     textValue: "-"
-  }, (0, _react2.jsx)(_2.Separator, null)), (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Separator, null)), (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow"));
 };
 exports.WithNoneOption = WithNoneOption;
 var DisabledField = function DisabledField() {
-  return (0, _react2.jsx)(_2.SelectField, {
+  return (0, _react2.jsx)(_index.SelectField, {
     label: "What's your favorite color?",
     isDisabled: true
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow"));
 };
 exports.DisabledField = DisabledField;
 var DisabledOptions = function DisabledOptions() {
-  return (0, _react2.jsx)(_2.SelectField, {
+  return (0, _react2.jsx)(_index.SelectField, {
     label: "What's your favorite color?",
     disabledKeys: ['blue']
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow"));
 };
 exports.DisabledOptions = DisabledOptions;
 var NoOptionsAvailable = function NoOptionsAvailable() {
-  return (0, _react2.jsx)(_2.SelectField, {
+  return (0, _react2.jsx)(_index.SelectField, {
     label: "Select an option...",
     placeholder: "No options available"
   });
 };
 exports.NoOptionsAvailable = NoOptionsAvailable;
 var HelperText = function HelperText() {
-  return (0, _react2.jsx)(_2.SelectField, {
+  return (0, _react2.jsx)(_index.SelectField, {
     status: "error",
     helperText: "Here is some helpful text...",
     label: "What's your favorite color?"
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow"));
 };
@@ -335,11 +335,11 @@ var DynamicItems = function DynamicItems() {
   var _useState3 = (0, _react.useState)(options),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 1),
     items = _useState4[0];
-  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_2.SelectField, {
+  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_index.SelectField, {
     label: "Select an option...",
     items: items
   }, function (item) {
-    return (0, _react2.jsx)(_2.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.key
     }, item.name);
   }));
@@ -389,29 +389,29 @@ var AsyncLoading = function AsyncLoading() {
       }))();
     }
   });
-  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_2.SelectField, {
+  return (0, _react2.jsx)(_reactAria.OverlayProvider, null, (0, _react2.jsx)(_index.SelectField, {
     label: "Pick a Pokemon",
     items: list.items,
     isLoading: list.isLoading,
     onLoadMore: list.loadMore
   }, function (item) {
-    return (0, _react2.jsx)(_2.Item, {
+    return (0, _react2.jsx)(_index.Item, {
       key: item.name
     }, item.name);
   }));
 };
 exports.AsyncLoading = AsyncLoading;
 var WithoutStatusIndicator = function WithoutStatusIndicator() {
-  return (0, _react2.jsx)(_2.SelectField, {
+  return (0, _react2.jsx)(_index.SelectField, {
     label: "What's your favorite color?",
     hasNoStatusIndicator: true
-  }, (0, _react2.jsx)(_2.Item, {
+  }, (0, _react2.jsx)(_index.Item, {
     key: "none"
-  }, "None"), (0, _react2.jsx)(_2.Item, {
+  }, "None"), (0, _react2.jsx)(_index.Item, {
     key: "red"
-  }, "Red"), (0, _react2.jsx)(_2.Item, {
+  }, "Red"), (0, _react2.jsx)(_index.Item, {
     key: "blue"
-  }, "Blue"), (0, _react2.jsx)(_2.Item, {
+  }, "Blue"), (0, _react2.jsx)(_index.Item, {
     key: "yellow"
   }, "Yellow"));
 };

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

@@ -9,28 +9,27 @@ exports.verticalSeparator = exports["default"] = exports.Default = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _Box = _interopRequireDefault(require("../Box/Box"));
-var _Separator = _interopRequireDefault(require("./Separator"));
+var _index = require("../../index");
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Components/Separator',
-  component: _Separator["default"]
+  component: _index.Separator
 };
 exports["default"] = _default;
 var Default = function Default(_ref) {
   var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return (0, _react2.jsx)(_Box["default"], {
+  return (0, _react2.jsx)(_index.Box, {
     height: "60px",
     alignItems: "center"
-  }, "Content above", (0, _react2.jsx)(_Separator["default"], args), "Content below");
+  }, "Content above", (0, _react2.jsx)(_index.Separator, args), "Content below");
 };
 exports.Default = Default;
 var verticalSeparator = function verticalSeparator() {
-  return (0, _react2.jsx)(_Box["default"], {
+  return (0, _react2.jsx)(_index.Box, {
     height: "50px",
     flexDirection: "row",
     alignItems: "center"
-  }, "Content left", (0, _react2.jsx)(_Separator["default"], {
+  }, "Content left", (0, _react2.jsx)(_index.Separator, {
     orientation: "vertical"
   }), "Content right");
 };

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

@@ -23,7 +23,6 @@ var _index = require("../../index");
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 var _ariaAttributes = require("../../utils/devUtils/props/ariaAttributes");
 var _fieldAttributes = require("../../utils/devUtils/props/fieldAttributes");
-var _ = _interopRequireDefault(require("."));
 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; }
@@ -31,7 +30,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var _default = {
   title: 'Form/SwitchField',
-  component: _["default"],
+  component: _index.SwitchField,
   parameters: {
     docs: {
       source: {
@@ -83,7 +82,7 @@ var _default = {
 };
 exports["default"] = _default;
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_["default"], args);
+  return (0, _react2.jsx)(_index.SwitchField, args);
 };
 exports.Default = Default;
 var Controlled = function Controlled() {
@@ -91,7 +90,7 @@ var Controlled = function Controlled() {
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isSelected = _useState2[0],
     setIsSelected = _useState2[1];
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.SwitchField, {
     isSelected: isSelected,
     label: "Controlled",
     onChange: setIsSelected,
@@ -100,7 +99,7 @@ var Controlled = function Controlled() {
 };
 exports.Controlled = Controlled;
 var DefaultSelected = function DefaultSelected() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.SwitchField, {
     isDefaultSelected: true,
     label: "Default selected",
     value: "my-switch"
@@ -108,7 +107,7 @@ var DefaultSelected = function DefaultSelected() {
 };
 exports.DefaultSelected = DefaultSelected;
 var Disabled = function Disabled() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.SwitchField, {
     isDisabled: true,
     label: "Disabled",
     value: "my-switch"
@@ -116,14 +115,14 @@ var Disabled = function Disabled() {
 };
 exports.Disabled = Disabled;
 var NoVisibleLabel = function NoVisibleLabel() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.SwitchField, {
     "aria-label": "my-label",
     value: "my-switch"
   });
 };
 exports.NoVisibleLabel = NoVisibleLabel;
 var Required = function Required() {
-  return (0, _react2.jsx)(_["default"], {
+  return (0, _react2.jsx)(_index.SwitchField, {
     isRequired: true,
     label: "Required",
     value: "my-switch"
@@ -134,7 +133,7 @@ var WithTooltip = function WithTooltip() {
   return (0, _react2.jsx)(_index.TooltipTrigger, {
     crossOffset: 15,
     offset: 20
-  }, (0, _react2.jsx)(_interactions.Pressable, null, (0, _react2.jsx)(_["default"], {
+  }, (0, _react2.jsx)(_interactions.Pressable, null, (0, _react2.jsx)(_index.SwitchField, {
     "aria-label": "my-label",
     value: "my-switch"
   })), (0, _react2.jsx)(_index.Tooltip, null, "Tooltip Content"));

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

@@ -10,16 +10,10 @@ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../../index");
-var _TableBody = _interopRequireDefault(require("../TableBody"));
-var _TableCaption = _interopRequireDefault(require("../TableCaption"));
-var _TableCell = _interopRequireDefault(require("../TableCell"));
-var _TableHead = _interopRequireDefault(require("../TableHead"));
-var _TableRow = _interopRequireDefault(require("../TableRow"));
-var _Table = _interopRequireDefault(require("./Table"));
 var _react2 = require("@emotion/react");
 var _default = {
   title: 'Components/Table',
-  component: _Table["default"]
+  component: _index.Table
 };
 exports["default"] = _default;
 var caption = 'Populations of Countries';
@@ -42,22 +36,22 @@ var objects = [{
   continent: 'Europe'
 }];
 var Default = function Default() {
-  return (0, _react2.jsx)(_Table["default"], null, (0, _react2.jsx)(_TableCaption["default"], null, (0, _react2.jsx)(_index.Text, {
+  return (0, _react2.jsx)(_index.Table, null, (0, _react2.jsx)(_index.TableCaption, null, (0, _react2.jsx)(_index.Text, {
     fontWeight: 3,
     fontSize: "lg"
-  }, caption)), (0, _react2.jsx)(_TableHead["default"], null, (0, _react2.jsx)(_TableRow["default"], {
+  }, caption)), (0, _react2.jsx)(_index.TableHead, null, (0, _react2.jsx)(_index.TableRow, {
     key: "head"
   }, (0, _map["default"])(headers).call(headers, function (head) {
-    return (0, _react2.jsx)(_TableCell["default"], {
+    return (0, _react2.jsx)(_index.TableCell, {
       isHeading: true,
       key: head
     }, head);
-  }))), (0, _react2.jsx)(_TableBody["default"], null, (0, _map["default"])(objects).call(objects, function (object) {
+  }))), (0, _react2.jsx)(_index.TableBody, null, (0, _map["default"])(objects).call(objects, function (object) {
     var _context;
-    return (0, _react2.jsx)(_TableRow["default"], {
+    return (0, _react2.jsx)(_index.TableRow, {
       key: object.country
     }, (0, _map["default"])(_context = (0, _values["default"])(object)).call(_context, function (value) {
-      return (0, _react2.jsx)(_TableCell["default"], {
+      return (0, _react2.jsx)(_index.TableCell, {
         key: value
       }, value);
     }));