@telus-uds/components-base 2.0.0 → 2.0.1

package/lib/HorizontalScroll/index.js

@@ -1,35 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "HorizontalScrollButton", {
-  enumerable: true,
-  get: function () {
-    return _HorizontalScrollButton.default;
-  }
-});
-exports.horizontalScrollUtils = exports.default = void 0;
-
-var _HorizontalScroll = _interopRequireWildcard(require("./HorizontalScroll"));
-
-var _itemPositions = require("./itemPositions");
-
-var _HorizontalScrollButton = _interopRequireDefault(require("./HorizontalScrollButton"));
-
-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; }
-
-var _default = _HorizontalScroll.default;
-exports.default = _default;
-const horizontalScrollUtils = {
-  selectHorizontalScrollTokens: _HorizontalScroll.selectHorizontalScrollTokens,
-  useItemPositions: _itemPositions.useItemPositions,
-  getItemPositionScrollTarget: _itemPositions.getItemPositionScrollTarget,
-  getItemPositionLayoutHandler: _itemPositions.getItemPositionLayoutHandler,
-  itemPositionsPropType: _itemPositions.itemPositionsPropType
-};
-exports.horizontalScrollUtils = horizontalScrollUtils;
+import HorizontalScroll, { selectHorizontalScrollTokens } from './HorizontalScroll';
+import { useItemPositions, getItemPositionScrollTarget, getItemPositionLayoutHandler, itemPositionsPropType } from './itemPositions';
+export default HorizontalScroll;
+export { default as HorizontalScrollButton } from './HorizontalScrollButton';
+export const horizontalScrollUtils = {
+  selectHorizontalScrollTokens,
+  useItemPositions,
+  getItemPositionScrollTarget,
+  getItemPositionLayoutHandler,
+  itemPositionsPropType
+};

package/lib/HorizontalScroll/itemPositions.js

@@ -1,15 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useItemPositions = exports.itemPositionsPropType = exports.getItemPositionScrollTarget = exports.getItemPositionLayoutHandler = void 0;
-
-var _react = require("react");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import { useRef, useState } from 'react';
+import PropTypes from 'prop-types';
 
 // Utilities to assist scrolling a parent so that it snaps neatly to an appropriate child.
 
@@ -40,23 +30,26 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {number} [buttonClearance] - offset to allow space for a button
  * @returns {number}
  */
-const getItemPositionScrollTarget = function (x, scrollMax, positions) {
+export const getItemPositionScrollTarget = function (x, scrollMax, positions) {
   let buttonClearance = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   if (x <= 0) return 0;
-  if (x >= scrollMax) return scrollMax; // If not scrolling all the way to the start or end, stop
-  // where the first item is not coverred by the scroll previous button
+  if (x >= scrollMax) return scrollMax;
 
+  // If not scrolling all the way to the start or end, stop
+  // where the first item is not coverred by the scroll previous button
   const targetItem = Object.values(positions).find(_ref => {
     let {
       start,
       end
     } = _ref;
     return start <= x && end > x;
-  }); // If there's no target item we're landing at a gap between items
+  });
 
+  // If there's no target item we're landing at a gap between items
   const targetX = targetItem ? targetItem.start : x;
   return Math.max(0, targetX - buttonClearance);
 };
+
 /**
  * Returns a handler for React Native's `onLayout` which updates the values of
  * the ref object returned from `useItemPositions`.
@@ -65,11 +58,7 @@ const getItemPositionScrollTarget = function (x, scrollMax, positions) {
  * @param {number} index
  * @returns {function}
  */
-
-
-exports.getItemPositionScrollTarget = getItemPositionScrollTarget;
-
-const getItemPositionLayoutHandler = (positions, index) => {
+export const getItemPositionLayoutHandler = (positions, index) => {
   const handleLayout = _ref2 => {
     let {
       nativeEvent: {
@@ -79,16 +68,15 @@ const getItemPositionLayoutHandler = (positions, index) => {
         }
       }
     } = _ref2;
-
     /* eslint-disable-next-line no-param-reassign */
     positions[index] = {
       start: x,
       end: x + width
     };
   };
-
   return handleLayout;
 };
+
 /**
  * Wrapper for `useRef` which gives a mutable object in which item start/end coordinates,
  * scrollTo method and content/container widths may be set and updated without causing a re-render.
@@ -97,13 +85,9 @@ const getItemPositionLayoutHandler = (positions, index) => {
  *  - current ref object `{ positions, contentWidth, containerWidth, scrollOffset, scrollTo, setIsReady }`
  *  - boolean that updates to `true` (causing a re-render) after the first time `setIsReady` is called
  */
-
-
-exports.getItemPositionLayoutHandler = getItemPositionLayoutHandler;
-
-const useItemPositions = () => {
-  const [isReady, setIsReady] = (0, _react.useState)(false);
-  return [(0, _react.useRef)({
+export const useItemPositions = () => {
+  const [isReady, setIsReady] = useState(false);
+  return [useRef({
     positions: {},
     scrollTo: () => {},
     contentWidth: 0,
@@ -112,23 +96,18 @@ const useItemPositions = () => {
     setIsReady
   }).current, isReady];
 };
+
 /**
  * PropType for the ref object returned by `useItemPositions`
  */
-
-
-exports.useItemPositions = useItemPositions;
-
-const itemPositionsPropType = _propTypes.default.exact({
-  positions: _propTypes.default.objectOf(_propTypes.default.shape({
-    start: _propTypes.default.number,
-    end: _propTypes.default.number
+export const itemPositionsPropType = PropTypes.exact({
+  positions: PropTypes.objectOf(PropTypes.shape({
+    start: PropTypes.number,
+    end: PropTypes.number
   })),
-  scrollTo: _propTypes.default.func,
-  contentWidth: _propTypes.default.number,
-  containerWidth: _propTypes.default.number,
-  scrollOffset: _propTypes.default.number,
-  setIsReady: _propTypes.default.func
-});
-
-exports.itemPositionsPropType = itemPositionsPropType;
+  scrollTo: PropTypes.func,
+  contentWidth: PropTypes.number,
+  containerWidth: PropTypes.number,
+  scrollOffset: PropTypes.number,
+  setIsReady: PropTypes.func
+});

package/lib/Icon/Icon.js

@@ -1,82 +1,93 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.iconComponentPropTypes = exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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; }
-
-const Icon = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import React from 'react';
+import Platform from "react-native-web/dist/exports/Platform";
+import View from "react-native-web/dist/exports/View";
+import PropTypes from 'prop-types';
+import { useThemeTokens } from '../ThemeProvider';
+import { getTokensPropType, scaleWithText, variantProp } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Icon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     icon: IconComponent,
     accessibilityLabel,
     variant,
     tokens,
     scalesWithText = false,
+    style = {},
     dataSet
   } = _ref;
-  const themeTokens = (0, _ThemeProvider.useThemeTokens)('Icon', tokens, variant);
-  const size = scalesWithText ? (0, _utils.scaleWithText)(themeTokens.size) : themeTokens.size;
-  const iconContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+  const themeTokens = useThemeTokens('Icon', tokens, variant);
+  const size = scalesWithText ? scaleWithText(themeTokens.size) : themeTokens.size;
+  const iconContent = /*#__PURE__*/_jsx(IconComponent, {
     title: accessibilityLabel,
     size: size,
     color: themeTokens.color
   });
-  return _Platform.default.OS === 'web' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
-    ref: ref // eslint-disable-next-line react-native/no-inline-styles
+  const paddingStyles = variant !== null && variant !== void 0 && variant.padding ? {
+    padding: themeTokens.width,
+    width: themeTokens.size + themeTokens.width * 2,
+    // sets the diameter of the circle which is the size of the icon plus twice the general padding established to obtain a perfect circle
+    height: themeTokens.size + themeTokens.width * 2
+  } : {};
+  const getIconContentForMobile = () => {
+    if (Object.keys(paddingStyles).length) {
+      return /*#__PURE__*/_jsx(View, {
+        style: {
+          backgroundColor: themeTokens.backgroundColor,
+          borderRadius: themeTokens.borderRadius,
+          ...paddingStyles
+        },
+        children: iconContent
+      });
+    }
+    return iconContent;
+  };
+  return Platform.OS === 'web' ? /*#__PURE__*/_jsx(View, {
+    ref: ref
+    // eslint-disable-next-line react-native/no-inline-styles
     ,
     style: {
       // TODO: systematise animations.
       // https://github.com/telus/universal-design-system/issues/487
       transition: 'transform 200ms, color 200ms',
-      transform: [themeTokens.scale ? "scale(".concat(themeTokens.scale, ")") : '', themeTokens.translateX ? "translateX(".concat(themeTokens.translateX, "px)") : '', themeTokens.translateY ? "translateY(".concat(themeTokens.translateY, "px)") : ''].filter(exists => exists).join(' ')
+      transform: [themeTokens.scale ? `scale(${themeTokens.scale})` : '', themeTokens.translateX ? `translateX(${themeTokens.translateX}px)` : '', themeTokens.translateY ? `translateY(${themeTokens.translateY}px)` : ''].filter(exists => exists).join(' '),
+      ...style,
+      backgroundColor: themeTokens.backgroundColor,
+      borderRadius: themeTokens.borderRadius,
+      ...paddingStyles
     },
     dataSet: dataSet,
     children: iconContent
-  }) : iconContent;
+  }) : getIconContentForMobile();
 });
 Icon.displayName = 'Icon';
-const iconComponentPropTypes = {
-  variant: _utils.variantProp.propType,
-  tokens: (0, _utils.getTokensPropType)('Icon'),
-
+export const iconComponentPropTypes = {
+  variant: variantProp.propType,
+  tokens: getTokensPropType('Icon'),
   /**
    * Descriptive label used in web SVG title tag for accessibility
    */
-  accessibilityLabel: _propTypes.default.string,
-
+  accessibilityLabel: PropTypes.string,
   /**
    * controls whether the icon size should be proportionate to any accessibility-related font scaling.
    */
-  scalesWithText: _propTypes.default.bool
+  scalesWithText: PropTypes.bool,
+  /**
+   * Custom style object to be applied to the icon component.
+   * This is useful for overriding the default icon style but for cases where desires styles are not available as tokens.
+   *
+   * Note: This prop is only used in web.
+   *
+   * @example
+   * <Icon style={{ color: 'red' }}
+   */
+  style: PropTypes.object
 };
-exports.iconComponentPropTypes = iconComponentPropTypes;
-Icon.propTypes = { ...iconComponentPropTypes,
-
+Icon.propTypes = {
+  ...iconComponentPropTypes,
   /**
    * A valid UDS icon component imported from a UDS palette
    * (e.g.) `import { MyIcon } from @telus-uds/palette-<brand>/build/web/icons`
    */
-  icon: _propTypes.default.elementType.isRequired
+  icon: PropTypes.elementType.isRequired
 };
-var _default = Icon;
-exports.default = _default;
+export default Icon;

package/lib/Icon/IconText.js

@@ -1,31 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
-var _Icon = _interopRequireWildcard(require("./Icon"));
-
-var _StackView = require("../StackView");
-
-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; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import Platform from "react-native-web/dist/exports/Platform";
+import View from "react-native-web/dist/exports/View";
+import Text from "react-native-web/dist/exports/Text";
+import StyleSheet from "react-native-web/dist/exports/StyleSheet";
+import Icon, { iconComponentPropTypes } from './Icon';
+import { getStackedContent } from '../StackView';
+import { spacingProps } from '../utils';
 
 /**
  * Returns an icon and some text with a sized gap between them. This is a utility component
@@ -35,9 +16,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  *  - inline within a <Text> element
  *  - within a container with `flexDirection: 'row'`
  */
-const IconText = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  var _iconProps$tokens;
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const IconText = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  var _iconProps$tokens, _iconProps$tokens2;
   let {
     space,
     iconPosition = 'left',
@@ -45,63 +26,86 @@ const IconText = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     iconProps,
     children
   } = _ref;
-  const iconContent = IconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+  const iconContent = IconComponent && /*#__PURE__*/_jsx(Icon, {
     ref: ref,
     icon: IconComponent,
     scalesWithText: true,
     ...iconProps
-  }); // Inline images on Android are always baseline-aligned which makes them look misaligned - offset it.
-  // See abandoned issue https://github.com/facebook/react-native/issues/6529
+  });
 
-  const size = iconProps === null || iconProps === void 0 ? void 0 : (_iconProps$tokens = iconProps.tokens) === null || _iconProps$tokens === void 0 ? void 0 : _iconProps$tokens.size;
-  const iconAdjusted = _Platform.default.OS === 'android' && iconContent && size ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_View.default, {
+  // Inline images on Android are always baseline-aligned which makes them look misaligned - offset it.
+  // See abandoned issue https://github.com/facebook/react-native/issues/6529
+  const size = (iconProps === null || iconProps === void 0 || (_iconProps$tokens = iconProps.tokens) === null || _iconProps$tokens === void 0 ? void 0 : _iconProps$tokens.size) ?? 0;
+  const valueTranslateY = iconProps === null || iconProps === void 0 || (_iconProps$tokens2 = iconProps.tokens) === null || _iconProps$tokens2 === void 0 ? void 0 : _iconProps$tokens2.translateY;
+  /**
+   * These calculations were carried out using a set of linear equations to calculate that the
+   * position of the icon "->"" is aligned to the first line of the tooltip text on IOS and Android.
+   * The issue was mainly on IOS, the translateY style didn't match with the old calculations.
+   */
+  const resultY = valueTranslateY ? Math.floor(-1 * (valueTranslateY - 4)) : 0;
+  const iconAdjustedAndroid = /*#__PURE__*/_jsx(View, {
     style: {
       transform: [{
-        translateY: size * 0.2
+        translateY: valueTranslateY ? size * 0.2 : size * 0.01
       }]
     },
     children: iconContent
-  }) : iconContent;
-  return (0, _StackView.getStackedContent)(iconPosition === 'left' ? [iconAdjusted, children] : [children, iconAdjusted], {
+  });
+  const iconAdjustedIOS = /*#__PURE__*/_jsx(View, {
+    style: {
+      transform: [{
+        translateY: valueTranslateY ? resultY : size * 0.01
+      }]
+    },
+    children: iconContent
+  });
+  const mobile = Platform.OS === 'android' ? iconAdjustedAndroid : iconAdjustedIOS;
+  const adjustedContainer = Platform.OS === 'web' ? iconContent : mobile;
+  const adjustedContainerWithPosition = /*#__PURE__*/_jsx(View, {
+    style: staticStyles.adjustedContainer,
+    children: adjustedContainer
+  });
+  if (iconPosition === 'inline') {
+    return /*#__PURE__*/_jsxs(Text, {
+      children: [children, " ", adjustedContainerWithPosition]
+    });
+  }
+  return getStackedContent(iconPosition === 'left' ? [adjustedContainer, children] : [children, adjustedContainer], {
     space,
     direction: 'row'
   });
 });
 IconText.displayName = 'IconText';
 IconText.propTypes = {
-  /* eslint-disable react/no-unused-prop-types */
-  // eslint is having hard time seeing these props through forwardRef
-
   /**
    * Amount of space to separate the text content and icon. Uses the themes's spacing scale
    * (see useSpacingScale for more info).
    */
-  space: _utils.spacingProps.types.spacingValue,
-
+  space: spacingProps.types.spacingValue,
   /**
-   * Whether the icon should be to the left of the content or the right of the content.
+   * Whether the icon should be to the left of the content, the right of the content or inline with the content.
    */
-  iconPosition: _propTypes.default.oneOf(['left', 'right']),
-
+  iconPosition: PropTypes.oneOf(['left', 'right', 'inline']),
   /**
    * A valid UDS icon component imported from a UDS palette.
    */
-  icon: _propTypes.default.elementType,
-
+  icon: PropTypes.elementType,
   /**
    * Props that will be passed to the icon component. By default the icon's `scalesWithText`
    * prop will be set as "true" so that the icon continues to match the size of the text
    * if users use accessibility settings to increase text size.
    */
-  iconProps: _propTypes.default.exact(_Icon.iconComponentPropTypes),
-
+  iconProps: PropTypes.exact(iconComponentPropTypes),
   /**
    * Content to be rendered alongside the Icon component. Usually this should be a
    * `<Typography>` component, or a component that renders `<Text>`.
    */
-  children: _propTypes.default.node
+  children: PropTypes.node
   /* eslint-enable react/no-unused-prop-types */
-
 };
-var _default = IconText;
-exports.default = _default;
+const staticStyles = StyleSheet.create({
+  adjustedContainer: {
+    position: 'absolute'
+  }
+});
+export default IconText;

package/lib/Icon/index.js

@@ -1,31 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "IconText", {
-  enumerable: true,
-  get: function () {
-    return _IconText.default;
-  }
-});
-exports.default = void 0;
-Object.defineProperty(exports, "iconComponentPropTypes", {
-  enumerable: true,
-  get: function () {
-    return _Icon.iconComponentPropTypes;
-  }
-});
-
-var _Icon = _interopRequireWildcard(require("./Icon"));
-
-var _IconText = _interopRequireDefault(require("./IconText"));
-
-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; }
-
-var _default = _Icon.default;
-exports.default = _default;
+import Icon, { iconComponentPropTypes } from './Icon';
+import IconText from './IconText';
+export default Icon;
+export { iconComponentPropTypes, IconText };