@telus-uds/components-base 1.96.0 → 1.97.1

package/lib/TabBar/TabBarItem.js

@@ -1,20 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Pressable = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Pressable"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _utils = require("../utils");
-var _ThemeProvider = require("../ThemeProvider");
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _Spacer = _interopRequireDefault(require("../Spacer"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import Pressable from "react-native-web/dist/exports/Pressable";
+import View from "react-native-web/dist/exports/View";
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import { getTokensPropType, resolvePressableTokens, variantProp } from '../utils';
+import { useThemeTokensCallback } from '../ThemeProvider';
+import Typography from '../Typography';
+import Spacer from '../Spacer';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const selectTypographyStyles = (_ref, isSelected) => {
   let {
     fontWeight,
@@ -64,7 +57,7 @@ const selectContainerStyles = _ref4 => {
     alignItems: 'center'
   };
 };
-const TabBarItem = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
+const TabBarItem = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
   let {
     href,
     variant,
@@ -77,14 +70,14 @@ const TabBarItem = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
     iconActive: IconActiveComponent,
     accessibilityRole = 'tab'
   } = _ref5;
-  const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('TabBarItem', tokens, variant);
+  const getTokens = useThemeTokensCallback('TabBarItem', tokens, variant);
   const getPressableStyle = _ref6 => {
     let {
       pressed,
       focused,
       hovered
     } = _ref6;
-    const resolvedTokens = (0, _utils.resolvePressableTokens)(getTokens, {
+    const resolvedTokens = resolvePressableTokens(getTokens, {
       pressed,
       focused,
       hovered
@@ -96,8 +89,7 @@ const TabBarItem = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
       outline: 'none' // removes the default browser :focus outline
     };
   };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.default, {
+  return /*#__PURE__*/_jsx(Pressable, {
     ref: ref,
     href: href,
     nativeID: id,
@@ -118,25 +110,25 @@ const TabBarItem = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
     testID: id,
     children: pressableState => {
       const resolvedTokens = getPressableStyle(pressableState);
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+      return /*#__PURE__*/_jsxs(View, {
         style: selectContainerStyles(resolvedTokens),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+        children: [/*#__PURE__*/_jsx(View, {
           style: [selectIconContainerStyles(resolvedTokens), styles.iconContainer],
-          children: isSelected ? IconActiveComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconActiveComponent, {
+          children: isSelected ? IconActiveComponent && /*#__PURE__*/_jsx(IconActiveComponent, {
             ...selectIconStyles(resolvedTokens, isSelected)
-          }) : IconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+          }) : IconComponent && /*#__PURE__*/_jsx(IconComponent, {
             ...selectIconStyles(resolvedTokens)
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spacer.default, {
+        }), /*#__PURE__*/_jsx(Spacer, {
           space: 1
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        }), /*#__PURE__*/_jsx(Typography, {
           variant: {
             size: 'micro'
           },
           tokens: selectTypographyStyles(resolvedTokens, isSelected),
           align: "center",
           children: label
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spacer.default, {
+        }), /*#__PURE__*/_jsx(Spacer, {
           space: 1
         })]
       });
@@ -146,27 +138,27 @@ const TabBarItem = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
 TabBarItem.displayName = 'TabBarItem';
 TabBarItem.propTypes = {
   /** The icon to be displayed when the item is not selected. */
-  icon: _propTypes.default.elementType,
+  icon: PropTypes.elementType,
   /** The icon to be displayed when the item is selected. */
-  iconActive: _propTypes.default.elementType,
+  iconActive: PropTypes.elementType,
   /** Tokens for theming and styling the TabBarItem. */
-  tokens: (0, _utils.getTokensPropType)('TabBarItem'),
+  tokens: getTokensPropType('TabBarItem'),
   /** Variant of the TabBarItem for styling purposes. */
-  variant: _utils.variantProp.propType,
+  variant: variantProp.propType,
   /** Callback function to handle press events. */
-  onPress: _propTypes.default.func,
+  onPress: PropTypes.func,
   /** URL to navigate to when the item is pressed. */
-  href: _propTypes.default.string,
+  href: PropTypes.string,
   /** Indicates whether the item is selected. */
-  isSelected: _propTypes.default.bool,
+  isSelected: PropTypes.bool,
   /** Unique identifier for the item. */
-  id: _propTypes.default.string,
+  id: PropTypes.string,
   /** Label text for the item. */
-  label: _propTypes.default.string.isRequired,
+  label: PropTypes.string.isRequired,
   /** Accessibility role for the item. */
-  accessibilityRole: _propTypes.default.string
+  accessibilityRole: PropTypes.string
 };
-const styles = _StyleSheet.default.create({
+const styles = StyleSheet.create({
   flexContainer: {
     flex: 1,
     alignItems: 'center'
@@ -180,5 +172,4 @@ const styles = _StyleSheet.default.create({
     aspectRatio: 1.1
   }
 });
-var _default = TabBarItem;
-exports.default = _default;
+export default TabBarItem;

package/lib/TabBar/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _TabBar = _interopRequireDefault(require("./TabBar"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _TabBar.default;
-exports.default = _default;
+import TabBar from './TabBar';
+export default TabBar;

package/lib/Tabs/Tabs.js

@@ -1,28 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _airbnbPropTypes = _interopRequireDefault(require("airbnb-prop-types"));
-var _ThemeProvider = require("../ThemeProvider");
-var _StackView = _interopRequireDefault(require("../StackView"));
-var _utils = require("../utils");
-var _HorizontalScroll = _interopRequireWildcard(require("../HorizontalScroll"));
-var _TabsItem = _interopRequireDefault(require("./TabsItem"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-const [selectItemProps, selectedItemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.focusHandlerProps, _utils.pressProps, _utils.viewProps]);
+import React from 'react';
+import Platform from "react-native-web/dist/exports/Platform";
+import PropTypes from 'prop-types';
+import ABBPropTypes from 'airbnb-prop-types';
+import { useThemeTokens } from '../ThemeProvider';
+import StackView from '../StackView';
+import { a11yProps, getTokensPropType, focusHandlerProps, pressProps, selectSystemProps, useHash, useInputValue, variantProp, viewProps, withLinkRouter } from '../utils';
+import HorizontalScroll, { horizontalScrollUtils, HorizontalScrollButton } from '../HorizontalScroll';
+import TabsItem from './TabsItem';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
+const [selectItemProps, selectedItemPropTypes] = selectSystemProps([a11yProps, focusHandlerProps, pressProps, viewProps]);
 const {
   selectHorizontalScrollTokens,
   useItemPositions
-} = _HorizontalScroll.horizontalScrollUtils;
+} = horizontalScrollUtils;
 const getDefaultTabItemAccessibilityRole = parentRole => {
   switch (parentRole) {
     case 'tablist':
@@ -35,7 +26,7 @@ const getDefaultTabItemAccessibilityRole = parentRole => {
 };
 const getStackViewTokens = variant => {
   const equalWidth = variant === null || variant === void 0 ? void 0 : variant.equalWidth;
-  return _Platform.default.select({
+  return Platform.select({
     web: {
       justifyContent: equalWidth ? 'space-evenly' : 'flex-start',
       width: equalWidth ? '100%' : 'auto'
@@ -52,7 +43,7 @@ const getStackViewTokens = variant => {
  * `navigation`as the `accessibilityRole` to te Tabs component, this will cause
  * TabItems to default to a role of link and obtain aria-current behaviour.
  */
-const Tabs = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+const Tabs = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     tokens,
     itemTokens,
@@ -69,17 +60,17 @@ const Tabs = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   const {
     space,
     ...themeTokens
-  } = (0, _ThemeProvider.useThemeTokens)('Tabs', tokens, variant);
+  } = useThemeTokens('Tabs', tokens, variant);
   const {
     currentValue,
     setValue
-  } = (0, _utils.useInputValue)({
+  } = useInputValue({
     value,
     initialValue,
     onChange
   });
   const [itemPositions, isPositioningReady] = useItemPositions();
-  (0, _utils.useHash)(_react.default.useCallback((hash, event) => {
+  useHash(React.useCallback((hash, event) => {
     const hashItem = hash && items.find(_ref2 => {
       let {
         href
@@ -93,15 +84,15 @@ const Tabs = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   const parentAccessibilityRole = restProps.accessibilityRole ?? 'tablist';
   const defaultTabItemAccessibiltyRole = getDefaultTabItemAccessibilityRole(parentAccessibilityRole);
   const stackViewTokens = getStackViewTokens(variant);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HorizontalScroll.default, {
+  return /*#__PURE__*/_jsx(HorizontalScroll, {
     ref: ref,
-    ScrollButton: _HorizontalScroll.HorizontalScrollButton,
+    ScrollButton: HorizontalScrollButton,
     itemPositions: itemPositions,
     tokens: selectHorizontalScrollTokens(themeTokens),
     scrollButtonTokens: scrollButtonTokens,
     accessibilityRole: parentAccessibilityRole,
     ...restProps,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StackView.default, {
+    children: /*#__PURE__*/_jsx(StackView, {
       space: space,
       direction: "row",
       tokens: stackViewTokens,
@@ -125,7 +116,7 @@ const Tabs = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
           setValue(itemId, event);
         };
         const itemProps = selectItemProps(itemRest);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabsItem.default, {
+        return /*#__PURE__*/_jsx(TabsItem, {
           ref: itemRef,
           id: itemId,
           href: href,
@@ -152,38 +143,37 @@ const Tabs = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
 Tabs.displayName = 'Tabs';
 Tabs.propTypes = {
   ...selectedSystemPropTypes,
-  ..._utils.withLinkRouter.PropTypes,
+  ...withLinkRouter.PropTypes,
   /**
    * Array of `TabsItem`s
    */
-  items: _propTypes.default.arrayOf(_propTypes.default.shape({
+  items: PropTypes.arrayOf(PropTypes.shape({
     ...selectedItemPropTypes,
-    ..._utils.withLinkRouter.PropTypes,
-    href: _propTypes.default.string,
-    label: _propTypes.default.string,
-    id: _propTypes.default.string,
-    ref: _airbnbPropTypes.default.ref(),
-    render: _propTypes.default.func
+    ...withLinkRouter.PropTypes,
+    href: PropTypes.string,
+    label: PropTypes.string,
+    id: PropTypes.string,
+    ref: ABBPropTypes.ref(),
+    render: PropTypes.func
   })),
   /**
    * `id` property of the current tab in the items array
    */
-  value: _propTypes.default.string,
-  initialValue: _propTypes.default.string,
+  value: PropTypes.string,
+  initialValue: PropTypes.string,
   /**
    * Callback for when the selected tab changes
    */
-  onChange: _propTypes.default.func,
-  tokens: (0, _utils.getTokensPropType)('Tabs'),
+  onChange: PropTypes.func,
+  tokens: getTokensPropType('Tabs'),
   /**
    * Custom tokens for `TabsItem`
    */
-  itemTokens: (0, _utils.getTokensPropType)('TabsItem'),
+  itemTokens: getTokensPropType('TabsItem'),
   /**
    * Custom tokens for `HorizontalScrollButton`
    */
-  scrollButtonTokens: (0, _utils.getTokensPropType)('HorizontalScrollButton'),
-  variant: _utils.variantProp.propType
+  scrollButtonTokens: getTokensPropType('HorizontalScrollButton'),
+  variant: variantProp.propType
 };
-var _default = Tabs;
-exports.default = _default;
+export default Tabs;

package/lib/Tabs/TabsItem.js

@@ -1,27 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _Pressable = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Pressable"));
-var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _ThemeProvider = require("../ThemeProvider");
-var _utils = require("../utils");
-var _Spacer = _interopRequireDefault(require("../Spacer"));
-var _HorizontalScroll = require("../HorizontalScroll");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
+import React from 'react';
+import PropTypes from 'prop-types';
+import Platform from "react-native-web/dist/exports/Platform";
+import Pressable from "react-native-web/dist/exports/Pressable";
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import Text from "react-native-web/dist/exports/Text";
+import View from "react-native-web/dist/exports/View";
+import { applyTextStyles, useTheme, useThemeTokensCallback } from '../ThemeProvider';
+import { a11yProps, clickProps, getTokensPropType, linkProps, resolvePressableTokens, selectSystemProps, selectTokens, variantProp, viewProps, withLinkRouter } from '../utils';
+import Spacer from '../Spacer';
+import { horizontalScrollUtils } from '../HorizontalScroll';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
 const {
   itemPositionsPropType,
   getItemPositionLayoutHandler
-} = _HorizontalScroll.horizontalScrollUtils;
+} = horizontalScrollUtils;
 const selectHighlightBarStyles = _ref => {
   let {
     highlightColor,
@@ -86,7 +79,7 @@ const selectContainerStyles = _ref3 => {
  *
  * This is rendered automatically by `Tabs` and isn't intended be used directly.
  */
-const TabsItem = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
+const TabsItem = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
   let {
     href,
     variant,
@@ -96,7 +89,7 @@ const TabsItem = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
     index,
     children,
     accessibilityRole,
-    accessibilityCurrent = _Platform.default.OS === 'web' && accessibilityRole === 'link' && selected ? 'page' : undefined,
+    accessibilityCurrent = Platform.OS === 'web' && accessibilityRole === 'link' && selected ? 'page' : undefined,
     accessibilityState = accessibilityRole === 'tab' ? {
       selected
     } : undefined,
@@ -108,12 +101,12 @@ const TabsItem = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
   const {
     onPress,
     ...rest
-  } = _utils.clickProps.toPressProps(rawRest);
+  } = clickProps.toPressProps(rawRest);
   const {
     themeOptions
-  } = (0, _ThemeProvider.useTheme)();
-  const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('TabsItem', tokens, variant);
-  const resolveTokens = pressableState => (0, _utils.resolvePressableTokens)(getTokens, pressableState, {
+  } = useTheme();
+  const getTokens = useThemeTokensCallback('TabsItem', tokens, variant);
+  const resolveTokens = pressableState => resolvePressableTokens(getTokens, pressableState, {
     selected
   });
   const getPressableStyle = pressableState => {
@@ -122,14 +115,14 @@ const TabsItem = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
     } = resolveTokens(pressableState);
     return [{
       maxWidth
-    }, _Platform.default.OS === 'web' && {
+    }, Platform.OS === 'web' && {
       outline: 'none'
     }];
   };
   const handleLayout = getItemPositionLayoutHandler(itemPositions.positions, index);
 
   // On press, update the selection, call any press handler, and open any href in platform-appropriate way
-  const openHref = href && _utils.linkProps.handleHref({
+  const openHref = href && linkProps.handleHref({
     href
   });
   const handlePress = onPress || openHref ? function () {
@@ -142,7 +135,7 @@ const TabsItem = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
     accessibilityState,
     ...rest
   });
-  _react.default.useEffect(() => {
+  React.useEffect(() => {
     // If this is selected while off-screen, scroll it into view
     if (selected) {
       const position = itemPositions.positions[index];
@@ -161,7 +154,7 @@ const TabsItem = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
     selected,
     handlePress
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.default, {
+  return /*#__PURE__*/_jsx(Pressable, {
     ref: ref,
     onPress: handlePress,
     href: href,
@@ -180,26 +173,26 @@ const TabsItem = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
       const hasHighlightTriangle = Boolean(themeTokens.highlightTriangleSize);
       const highlightTriangleStyle = hasHighlightTriangle && selectHighlightTriangleStyles(themeTokens);
       const containerStyles = selectContainerStyles(themeTokens);
-      const textStyles = (0, _ThemeProvider.applyTextStyles)({
-        ...(0, _utils.selectTokens)('Typography', themeTokens),
+      const textStyles = applyTextStyles({
+        ...selectTokens('Typography', themeTokens),
         themeOptions,
         textAlign
       });
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+      return /*#__PURE__*/_jsxs(View, {
         style: staticStyles.container,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+        children: [/*#__PURE__*/_jsx(View, {
           style: containerStyles,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
+          children: /*#__PURE__*/_jsx(Text, {
             style: textStyles,
             children: children
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spacer.default, {
+        }), /*#__PURE__*/_jsx(Spacer, {
           space: space
-        }), hasHighlightBar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+        }), hasHighlightBar && /*#__PURE__*/_jsx(View, {
           style: [staticStyles.absolute, highlightBarStyle]
-        }), hasHighlightTriangle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+        }), hasHighlightTriangle && /*#__PURE__*/_jsx(View, {
           style: [staticStyles.absolute, highlightTriangleStyle.container],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+          children: /*#__PURE__*/_jsx(View, {
             style: highlightTriangleStyle.triangle
           })
         })]
@@ -210,18 +203,18 @@ const TabsItem = /*#__PURE__*/_react.default.forwardRef((_ref4, ref) => {
 TabsItem.displayName = 'TabsItem';
 TabsItem.propTypes = {
   ...selectedSystemPropTypes,
-  tokens: (0, _utils.getTokensPropType)('TabsItem'),
-  variant: _utils.variantProp.propType,
-  onPress: _propTypes.default.func,
-  href: _propTypes.default.string,
-  index: _propTypes.default.number,
-  selected: _propTypes.default.bool,
+  tokens: getTokensPropType('TabsItem'),
+  variant: variantProp.propType,
+  onPress: PropTypes.func,
+  href: PropTypes.string,
+  index: PropTypes.number,
+  selected: PropTypes.bool,
   itemPositions: itemPositionsPropType,
-  children: _propTypes.default.string,
-  id: _propTypes.default.string,
-  render: _propTypes.default.func
+  children: PropTypes.string,
+  id: PropTypes.string,
+  render: PropTypes.func
 };
-const staticStyles = _StyleSheet.default.create({
+const staticStyles = StyleSheet.create({
   center: {
     alignItems: 'center'
   },
@@ -235,12 +228,11 @@ const staticStyles = _StyleSheet.default.create({
     flexGrow: 1,
     alignItems: 'center',
     justifyContent: 'center',
-    ..._Platform.default.select({
+    ...Platform.select({
       web: {
         pointerEvents: 'none'
       }
     })
   }
 });
-var _default = (0, _utils.withLinkRouter)(TabsItem);
-exports.default = _default;
+export default withLinkRouter(TabsItem);

package/lib/Tabs/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Tabs = _interopRequireDefault(require("./Tabs"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _Tabs.default;
-exports.default = _default;
+import Tabs from './Tabs';
+export default Tabs;