@planningcenter/tapestry-react 0.0.1-alpha.0

package/dist/cjs/Table/TableBase.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactMeasure = require("../vendor/react-measure");
+
+var _AnimateScroll = _interopRequireDefault(require("./AnimateScroll"));
+
+var _Body = _interopRequireDefault(require("./Body"));
+
+var _Header = _interopRequireDefault(require("./Header"));
+
+var _HeaderRow = _interopRequireDefault(require("./HeaderRow"));
+
+var _NavigationArrow = _interopRequireDefault(require("./NavigationArrow"));
+
+var _ScrollShadow = _interopRequireDefault(require("./ScrollShadow"));
+
+var _TableContainer = _interopRequireDefault(require("./TableContainer"));
+
+var BUTTON_WIDTH = 28;
+
+var TableBase = /*#__PURE__*/function (_PureComponent) {
+  (0, _inheritsLoose2["default"])(TableBase, _PureComponent);
+
+  function TableBase() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _PureComponent.call.apply(_PureComponent, [this].concat(args)) || this;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setHeaderRef", function (node) {
+      _this.tableHeader = node;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "clearTimers", function () {
+      clearTimeout(_this.scrollTimeout);
+      clearInterval(_this.scrollInterval);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getMouseTouchHandlers", function (_ref) {
+      var animateScroll = _ref.animateScroll,
+          getClosestColumnPosition = _ref.getClosestColumnPosition;
+      return function (direction) {
+        var onPressDown = function onPressDown() {
+          _this.clearTimers();
+
+          _this.scrollTimeout = setTimeout(function () {
+            animateScroll.moveScrollX(100 * direction);
+            _this.scrollInterval = setInterval(function () {
+              animateScroll.moveScrollX(100 * direction);
+            }, 60);
+          }, 120);
+        };
+
+        var onPressUp = function onPressUp() {
+          _this.clearTimers();
+
+          animateScroll.setScrollX(getClosestColumnPosition(direction));
+        };
+
+        return {
+          onMouseDown: onPressDown,
+          onMouseUp: onPressUp,
+          onMouseLeave: _this.clearTimers,
+          onTouchStart: onPressDown,
+          onTouchEnd: onPressUp,
+          onTouchCancel: _this.clearTimers
+        };
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleBodyScroll", function (event) {
+      _this.tableHeader.scrollLeft = event.target.scrollLeft;
+    });
+    return _this;
+  }
+
+  var _proto = TableBase.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    var _this$props = this.props,
+        body = _this$props.body,
+        caption = _this$props.caption,
+        columnWidths = _this$props.columnWidths,
+        header = _this$props.header,
+        headerColor = _this$props.headerColor,
+        headerHeight = _this$props.headerHeight,
+        minHeight = _this$props.minHeight,
+        offsets = _this$props.offsets,
+        rowWidth = _this$props.rowWidth,
+        restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, ["body", "caption", "columnWidths", "header", "headerColor", "headerHeight", "minHeight", "offsets", "rowWidth"]);
+    return /*#__PURE__*/_react["default"].createElement(_AnimateScroll["default"], null, function (animateScroll) {
+      return /*#__PURE__*/_react["default"].createElement(_reactMeasure.Viewport, null, function (viewport) {
+        var canScroll = rowWidth > viewport.width;
+        var progress = canScroll ? viewport.scrollX / (rowWidth - viewport.width) : null;
+
+        var getClosestColumnPosition = function getClosestColumnPosition(direction) {
+          var currentScrollPosition = direction === 1 ? viewport.scrollX + viewport.width : viewport.scrollX;
+          var newScrollPosition = 0;
+          var totalWidth = 0;
+          columnWidths.some(function (columnWidth) {
+            totalWidth += columnWidth;
+
+            if (totalWidth > currentScrollPosition) {
+              newScrollPosition = direction === 1 ? totalWidth : totalWidth - columnWidth;
+              return true;
+            }
+
+            return false;
+          });
+          return direction === 1 ? newScrollPosition - viewport.width + offsets.right + BUTTON_WIDTH : newScrollPosition - offsets.left - BUTTON_WIDTH;
+        };
+
+        var mouseTouchHandlers = _this2.getMouseTouchHandlers({
+          animateScroll: animateScroll,
+          getClosestColumnPosition: getClosestColumnPosition
+        });
+
+        return /*#__PURE__*/_react["default"].createElement(_TableContainer["default"], (0, _extends2["default"])({
+          minHeight: minHeight,
+          "aria-label": caption
+        }, restProps), canScroll && /*#__PURE__*/_react["default"].createElement(_ScrollShadow["default"], {
+          position: "left",
+          offset: offsets.left,
+          progress: progress
+        }), /*#__PURE__*/_react["default"].createElement(_Header["default"], {
+          innerRef: _this2.setHeaderRef,
+          backgroundColor: headerColor
+        }, /*#__PURE__*/_react["default"].createElement(_HeaderRow["default"], {
+          style: {
+            minWidth: rowWidth
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_NavigationArrow["default"], {
+          headerHeight: headerHeight,
+          offsets: offsets,
+          progress: progress,
+          mouseTouchHandlers: mouseTouchHandlers,
+          direction: -1
+        }), header, /*#__PURE__*/_react["default"].createElement(_NavigationArrow["default"], {
+          headerHeight: headerHeight,
+          offsets: offsets,
+          progress: progress,
+          mouseTouchHandlers: mouseTouchHandlers,
+          direction: 1
+        }))), /*#__PURE__*/_react["default"].createElement(_Body["default"], {
+          innerRef: viewport.ref(animateScroll.ref),
+          onScroll: _this2.handleBodyScroll
+        }, body), canScroll && /*#__PURE__*/_react["default"].createElement(_ScrollShadow["default"], {
+          position: "right",
+          offset: offsets.right,
+          progress: progress
+        }));
+      });
+    });
+  };
+
+  return TableBase;
+}(_react.PureComponent);
+
+var _default = TableBase;
+exports["default"] = _default;

package/dist/cjs/Table/TableContainer.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var TableContainer = function TableContainer(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({
+    role: "table",
+    shrink: 1,
+    grow: 1,
+    backgroundColor: "white",
+    position: "relative"
+  }, props));
+};
+
+var _default = TableContainer;
+exports["default"] = _default;

package/dist/cjs/Table/TableWrapper.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var TableWrapper = function TableWrapper(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({
+    shrink: 1,
+    grow: 1
+  }, props));
+};
+
+var _default = TableWrapper;
+exports["default"] = _default;

package/dist/cjs/Table/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _Table = _interopRequireDefault(require("./Table"));
+
+var _default = _Table["default"];
+exports["default"] = _default;

package/dist/cjs/Tabs/Tab.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _StackView = _interopRequireDefault(require("../StackView"));
+
+var _hooks = require("../hooks");
+
+function Tab(props) {
+  var axis = props.axis,
+      children = props.children,
+      disabled = props.disabled,
+      id = props.id,
+      isActive = props.isActive,
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["axis", "children", "disabled", "id", "isActive"]);
+
+  var _useHover = (0, _hooks.useHover)(),
+      hover = _useHover.hover,
+      hoverProps = _useHover.hoverProps;
+
+  var hovered = !disabled && hover;
+  var borderSize = 2;
+  var borderColor = isActive ? 'primary' : hovered ? 'separator' : 'separatorSecondary';
+
+  if (axis === 'horizontal') {
+    restProps.borderBottomWidth = borderSize;
+    restProps.borderBottomColor = borderColor;
+  } else {
+    restProps.borderRightWidth = borderSize;
+    restProps.borderRightColor = borderColor;
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
+    id: id,
+    role: "tab",
+    "aria-selected": isActive,
+    "aria-controls": id + "-panel",
+    "aria-disabled": disabled,
+    alignment: "center",
+    distribution: "center",
+    fontSize: 4,
+    padding: 1,
+    color: isActive || hovered ? 'foreground' : 'foregroundSecondary',
+    cursor: disabled ? 'not-allowed' : 'pointer',
+    opacity: disabled ? 0.6 : undefined
+  }, hoverProps, restProps), children);
+}
+
+var _default = Tab;
+exports["default"] = _default;

package/dist/cjs/Tabs/TabList.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = exports.TABLIST_DISPLAY_NAME = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _StackView = _interopRequireDefault(require("../StackView"));
+
+var TABLIST_DISPLAY_NAME = 'TabList';
+exports.TABLIST_DISPLAY_NAME = TABLIST_DISPLAY_NAME;
+
+var TabList = /*#__PURE__*/function (_Component) {
+  (0, _inheritsLoose2["default"])(TabList, _Component);
+
+  function TabList() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  var _proto = TabList.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        activeIndex = _this$props.activeIndex,
+        axis = _this$props.axis,
+        children = _this$props.children,
+        id = _this$props.id,
+        moveTabFocus = _this$props.moveTabFocus,
+        setActiveIndex = _this$props.setActiveIndex,
+        restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, ["activeIndex", "axis", "children", "id", "moveTabFocus", "setActiveIndex"]);
+    var backwardKey = axis === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
+    var forwardKey = axis === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
+    return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
+      role: "tablist",
+      "aria-orientation": axis,
+      axis: axis,
+      distribution: "fill"
+    }, restProps), _react.Children.map(children, function (child, index) {
+      return /*#__PURE__*/(0, _react.cloneElement)(child, {
+        axis: axis,
+        id: id + "-" + index,
+        isActive: index === activeIndex,
+        tabIndex: child.props.disabled ? undefined : index !== activeIndex ? -1 : 0,
+        onFocus: function onFocus() {
+          return setActiveIndex(index);
+        },
+        onKeyDown: function onKeyDown(event) {
+          if (event.key === backwardKey) {
+            event.preventDefault();
+            moveTabFocus(-1);
+          }
+
+          if (event.key === forwardKey) {
+            event.preventDefault();
+            moveTabFocus(1);
+          }
+
+          if (event.key === 'Home') {
+            event.preventDefault();
+            moveTabFocus(0);
+          }
+
+          if (event.key === 'End') {
+            event.preventDefault();
+            moveTabFocus(_react.Children.count(children) - 1);
+          }
+        }
+      });
+    }));
+  };
+
+  return TabList;
+}(_react.Component);
+
+(0, _defineProperty2["default"])(TabList, "displayName", TABLIST_DISPLAY_NAME);
+(0, _defineProperty2["default"])(TabList, "defaultProps", {
+  axis: 'horizontal'
+});
+var _default = TabList;
+exports["default"] = _default;

package/dist/cjs/Tabs/TabPanel.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+function TabPanel(props) {
+  var activeId = props.activeId,
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["activeId"]);
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], (0, _extends2["default"])({
+    role: "tabpanel",
+    id: activeId + "-panel",
+    "aria-labelledby": activeId,
+    tabIndex: 0
+  }, restProps));
+}
+
+var _default = TabPanel;
+exports["default"] = _default;

package/dist/cjs/Tabs/TabPanels.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = exports.TABPANELS_DISPLAY_NAME = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var TABPANELS_DISPLAY_NAME = 'TabPanels';
+exports.TABPANELS_DISPLAY_NAME = TABPANELS_DISPLAY_NAME;
+
+var TabPanels = /*#__PURE__*/function (_Component) {
+  (0, _inheritsLoose2["default"])(TabPanels, _Component);
+
+  function TabPanels() {
+    return _Component.apply(this, arguments) || this;
+  }
+
+  var _proto = TabPanels.prototype;
+
+  _proto.render = function render() {
+    var _this$props = this.props,
+        activeIndex = _this$props.activeIndex,
+        children = _this$props.children,
+        id = _this$props.id,
+        restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, ["activeIndex", "children", "id"]);
+    var child = children[activeIndex];
+    return /*#__PURE__*/_react["default"].createElement(_Box["default"], restProps, child ? /*#__PURE__*/(0, _react.cloneElement)(child, {
+      activeId: id + "-" + activeIndex
+    }) : null);
+  };
+
+  return TabPanels;
+}(_react.Component);
+
+(0, _defineProperty2["default"])(TabPanels, "displayName", TABPANELS_DISPLAY_NAME);
+var _default = TabPanels;
+exports["default"] = _default;

package/dist/cjs/Tabs/Tabs.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _StackView = _interopRequireDefault(require("../StackView"));
+
+var _utils = require("../utils");
+
+var _Tab = _interopRequireDefault(require("./Tab"));
+
+var _TabList = _interopRequireWildcard(require("./TabList"));
+
+var _TabPanel = _interopRequireDefault(require("./TabPanel"));
+
+var _TabPanels = _interopRequireWildcard(require("./TabPanels"));
+
+var Tabs = /*#__PURE__*/function (_Component) {
+  (0, _inheritsLoose2["default"])(Tabs, _Component);
+
+  function Tabs() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "id", (0, _utils.generateId)('tabs'));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      activeIndex: _this.props.defaultActiveIndex
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setTabList", function (node) {
+      if (node) {
+        _this.tabList = node.querySelector('[role="tablist"]');
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setActiveIndex", function (activeIndex) {
+      if (_this.props.onChange) {
+        _this.props.onChange(activeIndex);
+      }
+
+      if (_this.props.activeIndex === null) {
+        _this.setState({
+          activeIndex: activeIndex
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getActiveIndex", function () {
+      return _this.props.activeIndex === null ? _this.state.activeIndex : _this.props.activeIndex;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getNextTab", function (startIndex, direction) {
+      var tabCount = _this.tabList.children.length;
+      var nextIndex = startIndex + direction;
+
+      if (nextIndex < 0) {
+        nextIndex = tabCount - 1;
+      } else if (nextIndex >= tabCount) {
+        nextIndex = 0;
+      }
+
+      var nextTab = _this.tabList.children[nextIndex];
+
+      if (nextTab.getAttribute('aria-disabled') === 'true') {
+        return _this.getNextTab(nextIndex, direction);
+      } else {
+        return nextTab;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "moveTabFocus", function (direction) {
+      var nextTab = _this.getNextTab(_this.getActiveIndex(), direction);
+
+      if (nextTab) {
+        nextTab.focus();
+      }
+    });
+    return _this;
+  }
+
+  var _proto = Tabs.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    var _this$props = this.props,
+        activeIndex = _this$props.activeIndex,
+        children = _this$props.children,
+        defaultActiveIndex = _this$props.defaultActiveIndex,
+        onChange = _this$props.onChange,
+        restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props, ["activeIndex", "children", "defaultActiveIndex", "onChange"]);
+    return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
+      innerRef: this.setTabList
+    }, restProps), _react.Children.map(children, function (child, index) {
+      if (child && child.type.displayName === _TabList.TABLIST_DISPLAY_NAME) {
+        return /*#__PURE__*/_react["default"].cloneElement(child, {
+          id: _this2.id,
+          activeIndex: _this2.getActiveIndex(),
+          moveTabFocus: _this2.moveTabFocus,
+          setActiveIndex: _this2.setActiveIndex
+        });
+      } else if (child && child.type.displayName === _TabPanels.TABPANELS_DISPLAY_NAME) {
+        return /*#__PURE__*/_react["default"].cloneElement(child, {
+          id: _this2.id,
+          activeIndex: _this2.getActiveIndex()
+        });
+      } else {
+        return child;
+      }
+    }));
+  };
+
+  return Tabs;
+}(_react.Component);
+
+(0, _defineProperty2["default"])(Tabs, "Tab", _Tab["default"]);
+(0, _defineProperty2["default"])(Tabs, "TabList", _TabList["default"]);
+(0, _defineProperty2["default"])(Tabs, "TabPanel", _TabPanel["default"]);
+(0, _defineProperty2["default"])(Tabs, "TabPanels", _TabPanels["default"]);
+(0, _defineProperty2["default"])(Tabs, "defaultProps", {
+  activeIndex: null,
+  defaultActiveIndex: 0
+});
+var _default = Tabs;
+exports["default"] = _default;

package/dist/cjs/Tabs/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _Tabs = _interopRequireDefault(require("./Tabs"));
+
+var _default = _Tabs["default"];
+exports["default"] = _default;