@planningcenter/tapestry-react 0.0.1-alpha.0

package/dist/cjs/NumberField/NumberField.js

@@ -0,0 +1,244 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+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 = require("react");
+
+var _InputField = _interopRequireDefault(require("../Input/InputField"));
+
+var _utils = require("../utils");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var MIN_VALUE = -Infinity;
+var MAX_VALUE = Infinity;
+var ACCEPTED_KEYS = ['Backspace', 'Delete', 'Tab', 'Enter', 'Home', 'End', 'ArrowLeft', 'ArrowRight', '-', '.'];
+
+function getPadStringSize(pad) {
+  var str = '';
+
+  for (var i = 0; i < pad; i++) {
+    str += '0';
+  }
+
+  return str;
+}
+
+function isNotAcceptedNumberKey(event) {
+  return !event.metaKey && event.key !== 'v' && isNaN(parseInt(event.key, 10)) && ACCEPTED_KEYS.indexOf(event.key) === -1;
+}
+
+var NumberField = /*#__PURE__*/function (_Component) {
+  (0, _inheritsLoose2["default"])(NumberField, _Component);
+
+  function NumberField() {
+    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), "firstTouch", true);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getParsedValues", function (value) {
+      return {
+        value: Number.parseFloat(value),
+        minValue: Number.parseFloat(_this.props.min),
+        maxValue: Number.parseFloat(_this.props.max)
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "clampValue", function (valueToCheck) {
+      var _this$getParsedValues = _this.getParsedValues(valueToCheck),
+          value = _this$getParsedValues.value,
+          minValue = _this$getParsedValues.minValue;
+
+      return isNaN(value) ? minValue === MIN_VALUE ? 0 : minValue : value;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "isValueValid", function (valueToCheck) {
+      var _this$getParsedValues2 = _this.getParsedValues(valueToCheck),
+          value = _this$getParsedValues2.value,
+          minValue = _this$getParsedValues2.minValue,
+          maxValue = _this$getParsedValues2.maxValue;
+
+      return value >= minValue && value <= maxValue;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeIfValid", function (value) {
+      if (_this.isValueValid(value)) {
+        _this.props.onChange(value);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleBlur", function (event) {
+      var _this$getParsedValues3 = _this.getParsedValues(event.target.value),
+          value = _this$getParsedValues3.value,
+          minValue = _this$getParsedValues3.minValue,
+          maxValue = _this$getParsedValues3.maxValue;
+
+      if (value < minValue) {
+        _this.props.onChange(minValue);
+      } else if (value > maxValue) {
+        _this.props.onChange(maxValue);
+      } else if (isNaN(event.target.value)) {
+        _this.props.onChange(_this.clampValue(value));
+      }
+
+      if (_this.props.onBlur) {
+        _this.props.onBlur(event);
+      }
+
+      _this.firstTouch = true;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (event) {
+      if (_this.props.ignoredKeys.includes(event.key)) {
+        return;
+      }
+
+      var _this$props = _this.props,
+          pad = _this$props.pad,
+          step = _this$props.step;
+
+      var _this$getParsedValues4 = _this.getParsedValues(event.target.value),
+          value = _this$getParsedValues4.value,
+          minValue = _this$getParsedValues4.minValue,
+          maxValue = _this$getParsedValues4.maxValue;
+
+      if (isNotAcceptedNumberKey(event) || pad && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {
+        event.preventDefault();
+      }
+
+      if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+        var increment = (event.key === 'ArrowUp' ? 1 : -1) * step;
+
+        var nextValue = _this.clampValue(value + increment);
+
+        var parsedValue = Number.parseFloat(event.target.value.indexOf('.') > -1 ? nextValue.toFixed(2) : nextValue);
+
+        if (_this.isValueValid(parsedValue)) {
+          _this.props.onChange(parsedValue);
+        }
+      }
+
+      if (_this.props.onKeyDown) {
+        _this.props.onKeyDown(event);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInput", function (event) {
+      var _this$getParsedValues5 = _this.getParsedValues(event.target.value),
+          maxValue = _this$getParsedValues5.maxValue;
+
+      if (_this.props.pad) {
+        var targetValue = event.target.value === '' ? event.target.value : parseFloat(event.target.value);
+
+        if (targetValue !== '') {
+          var nextValue = _this.clampValue(targetValue);
+
+          if (_this.props.moveFocusOnMax && nextValue / maxValue > 0.1) {
+            var _getTabbableSiblings = (0, _utils.getTabbableSiblings)(event.target),
+                next = _getTabbableSiblings.next;
+
+            if (next) {
+              setTimeout(function () {
+                return next.focus();
+              });
+            }
+          }
+
+          _this.firstTouch = false;
+
+          _this.changeIfValid(nextValue);
+        } else {
+          _this.props.onChange('');
+        }
+      } else {
+        _this.props.onChange(event.target.value);
+      }
+    });
+    return _this;
+  }
+
+  var _proto = NumberField.prototype;
+
+  _proto.getAutoWidthValue = function getAutoWidthValue(value) {
+    var _this$props2 = this.props,
+        autoWidth = _this$props2.autoWidth,
+        pad = _this$props2.pad,
+        placeholder = _this$props2.placeholder;
+    var isValueEmpty = value === '';
+    return autoWidth || (pad && isValueEmpty ? getPadStringSize(pad) : isValueEmpty && placeholder !== undefined ? placeholder : value);
+  };
+
+  _proto.render = function render() {
+    var _this$props3 = this.props,
+        autoWidth = _this$props3.autoWidth,
+        as = _this$props3.as,
+        highlightOnInteraction = _this$props3.highlightOnInteraction,
+        ignoredKeys = _this$props3.ignoredKeys,
+        min = _this$props3.min,
+        max = _this$props3.max,
+        moveFocusOnMax = _this$props3.moveFocusOnMax,
+        onChange = _this$props3.onChange,
+        onBlur = _this$props3.onBlur,
+        onInput = _this$props3.onInput,
+        onKeyDown = _this$props3.onKeyDown,
+        pad = _this$props3.pad,
+        value = _this$props3.value,
+        restProps = (0, _objectWithoutPropertiesLoose2["default"])(_this$props3, ["autoWidth", "as", "highlightOnInteraction", "ignoredKeys", "min", "max", "moveFocusOnMax", "onChange", "onBlur", "onInput", "onKeyDown", "pad", "value"]);
+    var parsed = this.getParsedValues(value);
+    var numberValue = value === null ? '' : value;
+
+    if (pad && numberValue !== '') {
+      numberValue = (0, _utils.padNumber)(numberValue, pad);
+    }
+
+    if (parsed.min !== MIN_VALUE) {
+      restProps.min = min;
+    }
+
+    if (parsed.max !== MAX_VALUE) {
+      restProps.max = max;
+    }
+
+    if (autoWidth !== false) {
+      restProps.autoWidth = this.getAutoWidthValue(numberValue);
+
+      if (restProps.autoWidth === undefined) {
+        restProps.autoWidth = true;
+      }
+    }
+
+    return /*#__PURE__*/(0, _react.createElement)(as, _objectSpread(_objectSpread({}, restProps), {}, {
+      textOverflow: undefined,
+      autoComplete: 'off',
+      value: numberValue,
+      highlightOnInteraction: highlightOnInteraction,
+      onBlur: this.handleBlur,
+      onInput: this.handleInput,
+      onKeyDown: this.handleKeyDown
+    }));
+  };
+
+  return NumberField;
+}(_react.Component);
+
+(0, _defineProperty2["default"])(NumberField, "defaultProps", {
+  as: _InputField["default"],
+  ignoredKeys: [],
+  min: MIN_VALUE,
+  max: MAX_VALUE,
+  step: 1,
+  moveFocusOnMax: false
+});
+var _default = NumberField;
+exports["default"] = _default;

package/dist/cjs/NumberField/NumberField.test.js

@@ -0,0 +1,220 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
+var _NumberField = _interopRequireDefault(require("./NumberField"));
+
+describe('value', function () {
+  var TestApp = function TestApp(_ref) {
+    var initialValue = _ref.value,
+        props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["value"]);
+
+    var _useState = (0, _react.useState)(initialValue),
+        value = _useState[0],
+        setValue = _useState[1];
+
+    return /*#__PURE__*/_react["default"].createElement(_NumberField["default"], (0, _extends2["default"])({}, props, {
+      "data-testid": "test",
+      value: value,
+      onChange: setValue
+    }));
+  };
+
+  var setup = function setup(props) {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestApp, props)),
+        getByTestId = _render.getByTestId;
+
+    return getByTestId('test');
+  };
+
+  it('renders', function () {
+    var numberField = setup({
+      value: 5
+    });
+    expect(numberField).toHaveValue('5');
+  });
+  it('pads if asked to', function () {
+    var numberField = setup({
+      value: 5,
+      pad: 2
+    });
+    expect(numberField).toHaveValue('05');
+  });
+  it('uses placeholder when empty', function () {
+    var placeholder = 'pick something!';
+    var numberField = setup({
+      placeholder: placeholder
+    });
+    expect(numberField).toHaveAttribute('placeholder', placeholder);
+  });
+  describe('min', function () {
+    it('is used if typed value is lower after blur', function () {
+      var numberField = setup({
+        value: 2,
+        min: 1
+      });
+
+      _userEvent["default"].type(numberField, '{backspace}0');
+
+      _userEvent["default"].tab();
+
+      expect(numberField).toHaveValue('1');
+    });
+    it('prevents arrow down from going below', function () {
+      var numberField = setup({
+        value: 1,
+        min: 1
+      });
+
+      _userEvent["default"].type(numberField, '{arrowdown}');
+
+      expect(numberField).toHaveValue('1');
+    });
+  });
+  describe('max', function () {
+    it('is used if typed value is higher after blur', function () {
+      var numberField = setup({
+        value: 0,
+        max: 1
+      });
+
+      _userEvent["default"].type(numberField, '2');
+
+      _userEvent["default"].tab();
+
+      expect(numberField).toHaveValue('1');
+    });
+    it('prevents arrow up from going above', function () {
+      var numberField = setup({
+        value: 1,
+        max: 1
+      });
+
+      _userEvent["default"].type(numberField, '{arrowup}');
+
+      expect(numberField).toHaveValue('1');
+    });
+  });
+  describe('pad', function () {
+    it("add appropriate pad", function () {
+      var numberField = setup({
+        value: 0,
+        pad: 2
+      });
+
+      _userEvent["default"].type(numberField, '12{backspace}');
+
+      expect(numberField).toHaveValue('01');
+    });
+  });
+});
+describe('moveFocusOnMax', function () {
+  var TestApp = function TestApp(props) {
+    var _useState2 = (0, _react.useState)(0),
+        value = _useState2[0],
+        setValue = _useState2[1];
+
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_NumberField["default"], (0, _extends2["default"])({}, props, {
+      "data-testid": "test-a",
+      value: value,
+      onChange: setValue
+    })), /*#__PURE__*/_react["default"].createElement("input", {
+      "data-testid": "test-b"
+    }));
+  };
+
+  var setup = function setup() {
+    var props = {
+      max: 12,
+      pad: 2,
+      moveFocusOnMax: true
+    };
+
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestApp, props)),
+        getByTestId = _render2.getByTestId;
+
+    return [getByTestId('test-a'), getByTestId('test-b')];
+  };
+
+  it('moves focus when any further input would exceed max', function () {
+    var _setup = setup(),
+        numberField = _setup[0],
+        nextTabbable = _setup[1];
+
+    _userEvent["default"].type(numberField, '2');
+
+    jest.runAllTimers();
+    expect(nextTabbable).toHaveFocus();
+  });
+  it('does not move focus when some further input is possible without exceeding max', function () {
+    var _setup2 = setup(),
+        numberField = _setup2[0],
+        nextTabbable = _setup2[1];
+
+    _userEvent["default"].type(numberField, '1'); // (10, 11, 12) are still possible
+
+
+    jest.runAllTimers();
+    expect(numberField).toHaveFocus();
+  });
+});
+describe('ignoredKeys', function () {
+  var TestApp = function TestApp(props) {
+    var _useState3 = (0, _react.useState)(1),
+        value = _useState3[0],
+        setValue = _useState3[1];
+
+    return /*#__PURE__*/_react["default"].createElement(_NumberField["default"], (0, _extends2["default"])({}, props, {
+      "data-testid": "test",
+      value: value,
+      onChange: setValue
+    }));
+  };
+
+  var setup = function setup() {
+    var props = {
+      ignoredKeys: ['ArrowUp', 'ArrowDown']
+    };
+
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestApp, props)),
+        getByTestId = _render3.getByTestId;
+
+    return getByTestId('test');
+  };
+
+  it('prevents specified keys from changing values', function () {
+    var numberField = setup();
+
+    _userEvent["default"].type(numberField, '{arrowup}');
+
+    jest.runAllTimers();
+    expect(numberField).toHaveValue('1');
+
+    _userEvent["default"].type(numberField, '{arrowdown}');
+
+    jest.runAllTimers();
+    expect(numberField).toHaveValue('1');
+  });
+  it('allows other keys from change the value', function () {
+    var numberField = setup();
+
+    _userEvent["default"].type(numberField, '2');
+
+    jest.runAllTimers();
+    expect(numberField).toHaveValue('12');
+  });
+});

package/dist/cjs/NumberField/index.js

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

package/dist/cjs/Page/PageActions.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 _StackView = _interopRequireDefault(require("../StackView"));
+
+function PageActions(props) {
+  return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
+    axis: "horizontal",
+    spacing: 1
+  }, props));
+}
+
+var _default = PageActions;
+exports["default"] = _default;

package/dist/cjs/Page/PageBody.js

@@ -0,0 +1,56 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _system = require("../system");
+
+var _StackView = _interopRequireDefault(require("../StackView"));
+
+function PageBody(_ref) {
+  var children = _ref.children,
+      inset = _ref.inset,
+      sidebar = _ref.sidebar,
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children", "inset", "sidebar"]);
+  var themeProps = (0, _system.useThemeValue)('pageBody');
+  var childrenToRender = sidebar ? _react.Children.toArray([/*#__PURE__*/(0, _react.cloneElement)(sidebar, {
+    basis: 28
+  }), /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
+    grow: 1,
+    padding: 3,
+    shrink: 1
+  }, children)]) : children;
+  return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
+    padding: sidebar && !inset ? 0 : 3,
+    backgroundColor: "backgroundSecondary",
+    mediaQueries: {
+      md: {
+        axis: sidebar && !inset ? 'horizontal' : undefined
+      }
+    }
+  }, themeProps, restProps), inset ? /*#__PURE__*/_react["default"].createElement(_StackView["default"], {
+    borderColor: "separatorSecondary",
+    borderWidth: 1,
+    mediaQueries: {
+      md: {
+        axis: sidebar ? 'horizontal' : undefined
+      }
+    },
+    padding: sidebar ? null : 3,
+    radius: 3,
+    shrink: 1
+  }, childrenToRender) : childrenToRender);
+}
+
+var _default = PageBody;
+exports["default"] = _default;

package/dist/cjs/Page/PageButton.js

@@ -0,0 +1,24 @@
+"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 _system = require("../system");
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+function PageButton(props) {
+  var themeProps = (0, _system.useThemeValue)('pageButton');
+  return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+    theme: "white"
+  }, themeProps, props));
+}
+
+var _default = PageButton;
+exports["default"] = _default;

package/dist/cjs/Page/PageDropdown.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 _system = require("../system");
+
+var _Dropdown = _interopRequireDefault(require("../Dropdown"));
+
+function PageDropdown(props) {
+  var themeProps = (0, _system.useThemeValue)('pageDropdown');
+  return /*#__PURE__*/_react["default"].createElement(_Dropdown["default"], (0, _extends2["default"])({
+    theme: "white",
+    variant: "outline"
+  }, themeProps, props));
+}
+
+var _default = PageDropdown;
+exports["default"] = _default;

package/dist/cjs/Page/PageHeader.js

@@ -0,0 +1,48 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _system = require("../system");
+
+var _StackView = _interopRequireDefault(require("../StackView"));
+
+var _PageTabList = require("./PageTabList");
+
+function PageHeader(_ref) {
+  var children = _ref.children,
+      toolbar = _ref.toolbar,
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children", "toolbar"]);
+  var themeProps = (0, _system.useThemeValue)('pageHeader');
+  var tabsPresent = toolbar ? _react.Children.toArray(toolbar.props.children).some(function (child) {
+    return child && child.type.displayName === _PageTabList.PAGE_TABLIST_DISPLAY_NAME;
+  }) : false;
+  var childrenToRender = toolbar ? children ? _react.Children.toArray([/*#__PURE__*/_react["default"].createElement(_StackView["default"], {
+    axis: "horizontal",
+    alignment: "center",
+    width: "100%"
+  }, children), toolbar]) : toolbar : children;
+  return /*#__PURE__*/_react["default"].createElement(_StackView["default"], (0, _extends2["default"])({
+    as: "header",
+    axis: children && toolbar ? 'vertical' : 'horizontal',
+    alignment: children && toolbar ? 'start' : 'center',
+    paddingHorizontal: 3,
+    paddingTop: 1.5,
+    paddingBottom: tabsPresent ? null : 1.5,
+    spacing: 1.5,
+    backgroundColor: "primary-light"
+  }, themeProps, restProps), childrenToRender);
+}
+
+var _default = PageHeader;
+exports["default"] = _default;

package/dist/cjs/Page/PageTab.js

@@ -0,0 +1,21 @@
+"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 _Tab = _interopRequireDefault(require("../Tab"));
+
+function PageTab(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Tab["default"], (0, _extends2["default"])({}, props, {
+    size: "lg"
+  }));
+}
+
+var _default = PageTab;
+exports["default"] = _default;