@telus-uds/components-base 0.0.2-prerelease.7 → 1.0.1

package/lib/SideNav/Item.js

@@ -1,9 +1,29 @@
-import React from 'react';
-import { Pressable } from 'react-native';
-import PropTypes from 'prop-types';
-import { variantProp, getTokensPropType, a11yProps, hrefAttrsProp, linkProps } from '../utils';
-import { useThemeTokensCallback, verticalAlignRow } from '../ThemeProvider';
-import ItemContent from './ItemContent';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Pressable = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Pressable"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _utils = require("../utils");
+
+var _ThemeProvider = require("../ThemeProvider");
+
+var _ItemContent = _interopRequireDefault(require("./ItemContent"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 selectItemStyles({
   backgroundColor,
@@ -27,7 +47,7 @@ function selectItemStyles({
     paddingTop,
     paddingBottom,
     justifyContent,
-    ...verticalAlignRow(verticalAlign)
+    ...(0, _ThemeProvider.verticalAlignRow)(verticalAlign)
   };
 }
 /**
@@ -37,7 +57,7 @@ function selectItemStyles({
  */
 
 
-const Item = ({
+const Item = /*#__PURE__*/(0, _react.forwardRef)(({
   children,
   itemId,
   groupId,
@@ -50,21 +70,23 @@ const Item = ({
   accessibilityRole = 'link',
   testID,
   ...props
-}) => {
+}, ref) => {
   const handlePress = () => onPress(itemId, groupId);
 
   const {
     hrefAttrs,
     rest
-  } = hrefAttrsProp.bundle(props);
-  const linkPropSet = linkProps.select({
+  } = _utils.hrefAttrsProp.bundle(props);
+
+  const linkPropSet = _utils.linkProps.select({
     accessibilityRole,
     href,
     onPress: handlePress,
-    ...hrefAttrsProp.spread(hrefAttrs),
+    hrefAttrs,
     ...rest
   });
-  const getTokens = useThemeTokensCallback('SideNavItem', tokens, variant);
+
+  const getTokens = (0, _ThemeProvider.useThemeTokensCallback)('SideNavItem', tokens, variant);
 
   const getAppearanceState = ({
     hovered
@@ -76,60 +98,64 @@ const Item = ({
 
   const getPressableStyle = pressableState => selectItemStyles(getTokens(getAppearanceState(pressableState)));
 
-  return /*#__PURE__*/React.createElement(Pressable, Object.assign({
-    style: getPressableStyle
-  }, linkPropSet, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.default, {
+    ref: ref,
+    style: getPressableStyle,
+    ...linkPropSet,
     accessibilityState: {
       selected: isActive
     },
-    testID: testID
-  }), pressableState => {
-    const themeTokens = getTokens(getAppearanceState(pressableState));
-    return /*#__PURE__*/React.createElement(ItemContent, {
-      tokens: themeTokens
-    }, children);
+    testID: testID,
+    children: pressableState => {
+      const themeTokens = getTokens(getAppearanceState(pressableState));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContent.default, {
+        tokens: themeTokens,
+        children: children
+      });
+    }
   });
-};
-
+});
+Item.displayName = 'Item';
 Item.propTypes = {
   /**
    * Text content of the `Item`.
    */
-  children: PropTypes.node.isRequired,
+  children: _propTypes.default.node.isRequired,
 
   /**
    * @ignore
    * Set internally in `SideNav` render function - used to keep track of active item.
    */
-  itemId: PropTypes.string,
+  itemId: _propTypes.default.string,
 
   /**
    * @ignore
    * Set internally in `SideNav` render function - used to keep track of expanded items groups.
    */
-  groupId: PropTypes.string,
-  onPress: PropTypes.func,
-  href: PropTypes.string,
+  groupId: _propTypes.default.string,
+  onPress: _propTypes.default.func,
+  href: _propTypes.default.string,
 
   /**
    * On Web if href is passed, React Native Web maps this object's props to
-   * `rel`, `target` and (>= RNW 0.15.0) `download` attrs.
+   * `rel`, `target` and `download` attrs.
    */
-  hrefAttrs: PropTypes.shape(hrefAttrsProp.types),
+  hrefAttrs: _propTypes.default.shape(_utils.hrefAttrsProp.types),
 
   /**
    * @ignore
    * Set internally in `SideNav` render function.
    */
-  isActive: PropTypes.bool,
+  isActive: _propTypes.default.bool,
 
   /**
    * @ignore
    * Set internally in `SideNav.ItemsGroup` render function. Used to mark expanded `ItemsGroup` parent.
    */
-  isExpanded: PropTypes.bool,
-  tokens: getTokensPropType('SideNavItem'),
-  variant: variantProp.propType,
-  ...a11yProps.types
+  isExpanded: _propTypes.default.bool,
+  tokens: (0, _utils.getTokensPropType)('SideNavItem'),
+  variant: _utils.variantProp.propType,
+  ..._utils.a11yProps.types
 };
-export default Item;
+var _default = Item;
+exports.default = _default;

package/lib/SideNav/ItemContent.js

@@ -1,9 +1,28 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { View, StyleSheet } from 'react-native';
-import Typography from '../Typography';
-import { selectTokens, getTokensPropType } from '../utils';
-export function selectAccentStyles(tokens) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectAccentStyles = selectAccentStyles;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
+
+var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _utils = require("../utils");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function selectAccentStyles(tokens) {
   return {
     left: tokens.accentOffset,
     top: tokens.accentPadding,
@@ -17,22 +36,29 @@ export function selectAccentStyles(tokens) {
  * Content inside an item or control in a SideNav, themed by the SideNavItem theme
  */
 
+
 const ItemContent = ({
   children,
   tokens
-}) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
-  tokens: selectTokens('Typography', tokens)
-}, children), /*#__PURE__*/React.createElement(View, {
-  style: [staticStyles.absolute, selectAccentStyles(tokens)]
-}));
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    tokens: (0, _utils.selectTokens)('Typography', tokens),
+    children: children
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+    style: [staticStyles.absolute, selectAccentStyles(tokens)]
+  })]
+});
 
 ItemContent.propTypes = {
-  tokens: getTokensPropType('SideNavItem'),
-  children: PropTypes.node
+  tokens: (0, _utils.getTokensPropType)('SideNavItem'),
+  children: _propTypes.default.node
 };
-const staticStyles = StyleSheet.create({
+
+const staticStyles = _StyleSheet.default.create({
   absolute: {
     position: 'absolute'
   }
 });
-export default ItemContent;
+
+var _default = ItemContent;
+exports.default = _default;

package/lib/SideNav/ItemsGroup.js

@@ -1,9 +1,30 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import ItemContent from './ItemContent';
-import ExpandCollapse from '../ExpandCollapse';
-import { getTokensPropType, variantProp, componentPropType, selectTokens } from '../utils';
-import { useThemeTokensCallback } from '../ThemeProvider';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ItemContent = _interopRequireDefault(require("./ItemContent"));
+
+var _ExpandCollapse = _interopRequireDefault(require("../ExpandCollapse"));
+
+var _utils = require("../utils");
+
+var _ThemeProvider = require("../ThemeProvider");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
 /**
  Expandable content areas for use within `SideNav`.
 
@@ -14,8 +35,7 @@ import { useThemeTokensCallback } from '../ThemeProvider';
  ## Usage Criteria
  - Use `SideNav.ItemsGroup` with large pages that have multiple sections
  */
-
-const ItemsGroup = ({
+const ItemsGroup = /*#__PURE__*/(0, _react.forwardRef)(({
   children,
   label,
   openGroups,
@@ -25,7 +45,7 @@ const ItemsGroup = ({
   tokens,
   itemTokens,
   onToggle
-}) => {
+}, ref) => {
   // A SideNav control uses the same style and theme as SideNavItem, with a 'parent' variant,
   // plus control-specific tokens from the SideNavItemsGroup theme (e.g. open/close icon, etc).
   const getAppearance = appearance => ({ ...variant,
@@ -37,13 +57,13 @@ const ItemsGroup = ({
     type: 'parent'
   });
 
-  const getGroupTokens = useThemeTokensCallback('SideNavItemsGroup', tokens, variant);
+  const getGroupTokens = (0, _ThemeProvider.useThemeTokensCallback)('SideNavItemsGroup', tokens, variant);
 
-  const getPanelTokens = appearance => selectTokens('ExpandCollapsePanel', getGroupTokens(getAppearance(appearance)));
+  const getPanelTokens = appearance => (0, _utils.selectTokens)('ExpandCollapsePanel', getGroupTokens(getAppearance(appearance)));
 
-  const getItemTokens = useThemeTokensCallback('SideNavItem', itemTokens, variant);
+  const getItemTokens = (0, _ThemeProvider.useThemeTokensCallback)('SideNavItem', itemTokens, variant);
 
-  const getControlTokens = appearance => selectTokens('ExpandCollapseControl', { ...getItemTokens(getItemAppearance(appearance)),
+  const getControlTokens = appearance => (0, _utils.selectTokens)('ExpandCollapseControl', { ...getItemTokens(getItemAppearance(appearance)),
     // main style from SideNavItem
     ...getGroupTokens(getAppearance(appearance)) // control-specific tokens like icon etc
 
@@ -51,12 +71,14 @@ const ItemsGroup = ({
 
   const controlContent = controlState => {
     const currentItemTokens = getItemTokens(getItemAppearance(controlState));
-    return /*#__PURE__*/React.createElement(ItemContent, {
-      tokens: currentItemTokens
-    }, label);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemContent.default, {
+      tokens: currentItemTokens,
+      children: label
+    });
   };
 
-  return /*#__PURE__*/React.createElement(ExpandCollapse.Panel, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandCollapse.default.Panel, {
+    ref: ref,
     openIds: openGroups,
     panelId: groupId,
     onToggle: onToggle,
@@ -66,46 +88,48 @@ const ItemsGroup = ({
     accessibilityState: {
       active: isActive
     } // ExpandCollapse.Panel handles expanded state
-
-  }, children);
-};
-
+    ,
+    children: children
+  });
+});
+ItemsGroup.displayName = 'ItemsGroup';
 ItemsGroup.propTypes = {
   /**
    * Specifies the links contained within. It may only contain `SideNav.Item`.
    */
-  children: componentPropType('Item'),
+  children: (0, _utils.componentPropType)('Item'),
 
   /**
    * Text content of the group's parent `SideNav.Item`.
    */
-  label: PropTypes.string.isRequired,
+  label: _propTypes.default.string.isRequired,
 
   /**
    * @ignore
    * Set internally in `SideNav` render function - used to keep track of expanded items groups.
    */
-  groupId: PropTypes.string,
+  groupId: _propTypes.default.string,
 
   /**
    * @ignore
    * Set internally in `SideNav` render function. Called when the group is expanded/collapsed.
    */
-  onToggle: PropTypes.func,
+  onToggle: _propTypes.default.func,
 
   /**
    * @ignore
    * Set internally in `SideNav` render function. Contains `groupId`s of currently open groups.
    */
-  openGroups: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
+  openGroups: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
 
   /**
    * @ignore
    * Set internally in `SideNav` render function. Used to mark group containing the currently active `SideNav.Item`.
    */
-  isActive: PropTypes.bool,
-  variant: variantProp.propType,
-  tokens: getTokensPropType('SideNavItemsGroup'),
-  itemTokens: getTokensPropType('SideNavItem')
+  isActive: _propTypes.default.bool,
+  variant: _utils.variantProp.propType,
+  tokens: (0, _utils.getTokensPropType)('SideNavItemsGroup'),
+  itemTokens: (0, _utils.getTokensPropType)('SideNavItem')
 };
-export default ItemsGroup;
+var _default = ItemsGroup;
+exports.default = _default;

package/lib/SideNav/SideNav.js

@@ -1,10 +1,31 @@
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import ExpandCollapse from '../ExpandCollapse';
-import Item from './Item';
-import ItemsGroup from './ItemsGroup';
-import { useThemeTokens } from '../ThemeProvider';
-import { componentPropType, getTokensPropType, variantProp } from '../utils';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ExpandCollapse = _interopRequireDefault(require("../ExpandCollapse"));
+
+var _Item = _interopRequireDefault(require("./Item"));
+
+var _ItemsGroup = _interopRequireDefault(require("./ItemsGroup"));
+
+var _ThemeProvider = require("../ThemeProvider");
+
+var _utils = require("../utils");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 selectBorderStyles(tokens) {
   return {
@@ -20,16 +41,16 @@ function selectBorderStyles(tokens) {
  */
 
 
-const SideNav = ({
+const SideNav = /*#__PURE__*/(0, _react.forwardRef)(({
   children,
   variant = {},
   tokens,
   accordion = true,
   itemTokens,
   groupTokens
-}) => {
-  const themeTokens = useThemeTokens('SideNav', tokens, variant);
-  const [active, setActive] = useState({
+}, ref) => {
+  const themeTokens = (0, _ThemeProvider.useThemeTokens)('SideNav', tokens, variant);
+  const [active, setActive] = (0, _react.useState)({
     groupId: undefined,
     itemId: undefined
   });
@@ -45,78 +66,84 @@ const SideNav = ({
     return active.groupId === groupId && active.itemId === itemId;
   };
 
-  return /*#__PURE__*/React.createElement(ExpandCollapse, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandCollapse.default, {
+    ref: ref,
     maxOpen: accordion ? 1 : null,
-    style: selectBorderStyles(themeTokens)
-  }, ({
-    openIds,
-    onToggle
-  }) => {
-    const renderItem = (item, index, groupId) => {
-      const {
-        itemId = `item-${index}`,
-        onPress
-      } = item.props;
-
-      const handlePress = (...args) => {
-        onItemPress(...args);
-        if (onPress) onPress(...args);
-      };
-
-      return /*#__PURE__*/React.createElement(Item, Object.assign({}, item.props, {
-        key: itemId,
-        itemId: itemId,
-        groupId: groupId,
-        variant: groupId ? { ...variant,
-          type: 'child'
-        } : variant,
-        tokens: itemTokens,
-        isActive: isItemActive(itemId, groupId),
-        onPress: handlePress
-      }));
-    };
-
-    return React.Children.map(children, (child, index) => {
-      // iterate over children and identify them internally to later reference expanded groups and active items
-      if (child.type === Item) return renderItem(child, index);
-
-      if (child.type === ItemsGroup) {
+    style: selectBorderStyles(themeTokens),
+    children: ({
+      openIds,
+      onToggle
+    }) => {
+      const renderItem = (item, index, groupId) => {
         const {
-          groupId = `group-${index}`
-        } = child.props;
-        const isGroupActive = active.itemId !== undefined && active.groupId === groupId;
-        return /*#__PURE__*/React.createElement(ItemsGroup, Object.assign({}, child.props, {
-          key: groupId,
+          itemId = `item-${index}`,
+          onPress
+        } = item.props;
+
+        const handlePress = (...args) => {
+          onItemPress(...args);
+          if (onPress) onPress(...args);
+        };
+
+        return /*#__PURE__*/(0, _react.createElement)(_Item.default, { ...item.props,
+          key: itemId,
+          itemId: itemId,
           groupId: groupId,
-          variant: variant,
-          tokens: groupTokens,
-          itemTokens: itemTokens,
-          openGroups: openIds,
-          isActive: isGroupActive,
-          onToggle: () => onToggle(groupId)
-        }), React.Children.map(child.props.children, (item, itemIndex) => renderItem(item, itemIndex, groupId)));
-      }
-
-      return null;
-    });
-  });
-};
+          variant: groupId ? { ...variant,
+            type: 'child'
+          } : variant,
+          tokens: itemTokens,
+          isActive: isItemActive(itemId, groupId),
+          onPress: handlePress
+        });
+      };
+
+      return _react.default.Children.map(children, (child, index) => {
+        // iterate over children and identify them internally to later reference expanded groups and active items
+        if (child.type === _Item.default) return renderItem(child, index);
+
+        if (child.type === _ItemsGroup.default) {
+          const {
+            groupId = `group-${index}`
+          } = child.props;
+          const isGroupActive = active.itemId !== undefined && active.groupId === groupId;
 
+          const handleToggle = event => onToggle(groupId, event);
+
+          return /*#__PURE__*/(0, _react.createElement)(_ItemsGroup.default, { ...child.props,
+            key: groupId,
+            groupId: groupId,
+            variant: variant,
+            tokens: groupTokens,
+            itemTokens: itemTokens,
+            openGroups: openIds,
+            isActive: isGroupActive,
+            onToggle: handleToggle
+          }, _react.default.Children.map(child.props.children, (item, itemIndex) => renderItem(item, itemIndex, groupId)));
+        }
+
+        return null;
+      });
+    }
+  });
+});
+SideNav.displayName = 'SideNav';
 SideNav.propTypes = {
   /**
    * Specifies the structure and links of the `SideNav`. It may only consist of `SideNav.Item` and `SideNav.ItemsGroup`.
    */
-  children: componentPropType(['Item', 'ItemsGroup']),
+  children: (0, _utils.componentPropType)(['Item', 'ItemsGroup']),
 
   /**
    * Identifies if only one `SideNav.ItemsGroup` should be open at a time.
    */
-  accordion: PropTypes.bool,
-  variant: variantProp.propType,
-  tokens: getTokensPropType('SideNav'),
-  itemTokens: getTokensPropType('SideNavItem'),
-  groupTokens: getTokensPropType('SideNavItemsGroup')
+  accordion: _propTypes.default.bool,
+  variant: _utils.variantProp.propType,
+  tokens: (0, _utils.getTokensPropType)('SideNav'),
+  itemTokens: (0, _utils.getTokensPropType)('SideNavItem'),
+  groupTokens: (0, _utils.getTokensPropType)('SideNavItemsGroup')
 };
-SideNav.Item = Item;
-SideNav.ItemsGroup = ItemsGroup;
-export default SideNav;
+SideNav.Item = _Item.default;
+SideNav.ItemsGroup = _ItemsGroup.default;
+var _default = SideNav;
+exports.default = _default;

package/lib/SideNav/index.js

@@ -1 +1,15 @@
-export { default } from './SideNav';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _SideNav.default;
+  }
+});
+
+var _SideNav = _interopRequireDefault(require("./SideNav"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }