@telus-uds/components-base 1.96.0 → 1.97.1

package/lib/FileUpload/FileUpload.js

@@ -1,25 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ThemeProvider = require("../ThemeProvider");
-var _utils = require("../utils");
-var _InputLabel = _interopRequireDefault(require("../InputLabel"));
-var _Button = require("../Button");
-var _Notification = _interopRequireDefault(require("../Notification"));
-var _Spacer = _interopRequireDefault(require("../Spacer"));
-var _StackView = _interopRequireDefault(require("../StackView"));
-var _NotificationContent = _interopRequireDefault(require("./NotificationContent"));
-var _dictionary = _interopRequireDefault(require("./dictionary"));
-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 View from "react-native-web/dist/exports/View";
+import Platform from "react-native-web/dist/exports/Platform";
+import PropTypes from 'prop-types';
+import { useThemeTokens } from '../ThemeProvider';
+import { a11yProps, copyPropTypes, getTokensPropType, selectSystemProps, useCopy, variantProp, viewProps, convertFromMegaByteToByte } from '../utils';
+import InputLabel from '../InputLabel';
+import { Button } from '../Button';
+import Notification from '../Notification';
+import Spacer from '../Spacer';
+import StackView from '../StackView';
+import NotificationContent from './NotificationContent';
+import dictionary from './dictionary';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([a11yProps, viewProps]);
 const getHintFromFileTypes = fileTypes => {
   const acceptedFileTypes = fileTypes.map(type => type.toUpperCase());
   return acceptedFileTypes.reduce((acc, curr, index) => {
@@ -86,7 +79,7 @@ const selectComponentTokens = (tokens, componentIdentifier) => {
  * @param {any} props.rest - Additional props to be spread to the component.
  * @returns {JSX.Element} The rendered FileUpload component.
  */
-const FileUpload = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+const FileUpload = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     tokens,
     variant,
@@ -100,15 +93,15 @@ const FileUpload = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     documentPicker,
     ...rest
   } = _ref2;
-  const themeTokens = (0, _ThemeProvider.useThemeTokens)('FileUpload', tokens, variant);
-  const getCopy = (0, _utils.useCopy)({
-    dictionary: _dictionary.default,
+  const themeTokens = useThemeTokens('FileUpload', tokens, variant);
+  const getCopy = useCopy({
+    dictionary,
     copy
   });
-  const inputFileRef = _react.default.useRef(null);
-  const [filesStatus, setFilesStatus] = _react.default.useState([]);
-  const [renderTrigger, setRenderTrigger] = _react.default.useState(0);
-  _react.default.useEffect(() => {
+  const inputFileRef = React.useRef(null);
+  const [filesStatus, setFilesStatus] = React.useState([]);
+  const [renderTrigger, setRenderTrigger] = React.useState(0);
+  React.useEffect(() => {
     setRenderTrigger(prev => prev + 1);
   }, [filesStatus]);
   const areFileTypesExtensionsValid = files => files.some(file => {
@@ -123,7 +116,7 @@ const FileUpload = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     return true;
   });
   const areFileSizesWithinLimit = files => files.some(file => {
-    if (file.size > (0, _utils.convertFromMegaByteToByte)(maxFileSize)) {
+    if (file.size > convertFromMegaByteToByte(maxFileSize)) {
       setFilesStatus([{
         description: getCopy('fileTooBig').replace('%{size}', maxFileSize),
         style: 'error'
@@ -148,7 +141,7 @@ const FileUpload = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
       const currentFilesStatus = files.map((file, index) => {
         if (results[index].error) {
           return {
-            description: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotificationContent.default, {
+            description: /*#__PURE__*/_jsx(NotificationContent, {
               file: file,
               color: selectComponentTokens(themeTokens, 'notification').color,
               children: ` ${getCopy('uploadError')} ${results[index].error}.`
@@ -157,7 +150,7 @@ const FileUpload = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
           };
         }
         return {
-          description: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotificationContent.default, {
+          description: /*#__PURE__*/_jsx(NotificationContent, {
             file: file,
             color: selectComponentTokens(themeTokens, 'notification').color,
             children: ` ${getCopy('uploadSuccess')}`
@@ -184,7 +177,7 @@ const FileUpload = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
       setFilesStatus(prevStatus => {
         const filteredFilesStatus = prevStatus.filter(f => f.file && f.file.name !== file.name);
         return result.error ? [...filteredFilesStatus, {
-          description: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotificationContent.default, {
+          description: /*#__PURE__*/_jsx(NotificationContent, {
             file: file,
             color: selectComponentTokens(themeTokens, 'notification').color,
             children: ` ${getCopy('uploadSuccess')}`
@@ -193,7 +186,7 @@ const FileUpload = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
           file,
           onDismiss: () => handleFileDeletion(file)
         }, {
-          description: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotificationContent.default, {
+          description: /*#__PURE__*/_jsx(NotificationContent, {
             file: file,
             color: selectComponentTokens(themeTokens, 'notification').color,
             children: ` ${getCopy('deleteProblem')} ${result.error}.`
@@ -204,7 +197,7 @@ const FileUpload = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
       });
     } catch (error) {
       setFilesStatus([{
-        description: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NotificationContent.default, {
+        description: /*#__PURE__*/_jsx(NotificationContent, {
           file: file,
           color: selectComponentTokens(themeTokens, 'notification').color,
           children: ` ${getCopy('problemDeleting')}`
@@ -224,7 +217,7 @@ const FileUpload = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
     if (inputFileRef.current) inputFileRef.current.value = '';
   };
   const onFileUploadButtonClick = async () => {
-    if (_Platform.default.OS === 'web') {
+    if (Platform.OS === 'web') {
       inputFileRef.current.click();
     } else {
       try {
@@ -249,30 +242,30 @@ const FileUpload = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
       }
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
+  return /*#__PURE__*/_jsxs(View, {
     ref: ref,
     ...selectProps(rest),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, {
+    children: [/*#__PURE__*/_jsx(InputLabel, {
       label: getCopy('label'),
       hint: fileTypes && getCopy('allowedFileTypes').replace('%{fileTypes}', getHintFromFileTypes(fileTypes)),
       hintPosition: "below"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spacer.default, {
+    }), /*#__PURE__*/_jsx(Spacer, {
       space: 4
-    }), _Platform.default.OS === 'web' && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+    }), Platform.OS === 'web' && /*#__PURE__*/_jsx("input", {
       type: "file",
       multiple: allowMultipleFiles,
       ref: inputFileRef,
       hidden: true,
       accept: fileTypes && fileTypes.map(type => `.${type}`).join(', '),
       onChange: handleOnChange
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+    }), /*#__PURE__*/_jsx(Button, {
       onClick: onFileUploadButtonClick,
       tokens: selectComponentTokens(themeTokens, 'button'),
       children: getCopy('buttonLabel')
-    }), filesStatus.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_View.default, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Spacer.default, {
+    }), filesStatus.length > 0 && /*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsx(Spacer, {
         space: 4
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_StackView.default, {
+      }), /*#__PURE__*/_jsx(StackView, {
         space: 4,
         children: filesStatus.map((_ref3, index) => {
           let {
@@ -280,7 +273,7 @@ const FileUpload = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
             style,
             onDismiss
           } = _ref3;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Notification.default, {
+          return /*#__PURE__*/_jsx(Notification, {
             variant: {
               style
             },
@@ -297,40 +290,39 @@ const FileUpload = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
 FileUpload.displayName = 'FileUpload';
 FileUpload.propTypes = {
   ...selectedSystemPropTypes,
-  tokens: (0, _utils.getTokensPropType)('FileUpload'),
-  variant: _utils.variantProp.propType,
+  tokens: getTokensPropType('FileUpload'),
+  variant: variantProp.propType,
   /**
    * To define the locale of the copy
    */
-  copy: _utils.copyPropTypes,
+  copy: copyPropTypes,
   /**
    * The file types allowed for upload. Example: fileTypes={['pdf', 'docx']}.
    */
-  fileTypes: _propTypes.default.arrayOf(_propTypes.default.string),
+  fileTypes: PropTypes.arrayOf(PropTypes.string),
   /**
    * Whether to allow multiple files to be uploaded.
    */
-  allowMultipleFiles: _propTypes.default.bool,
+  allowMultipleFiles: PropTypes.bool,
   /**
    * The maximum file size allowed for upload in MB.
    */
-  maxFileSize: _propTypes.default.number,
+  maxFileSize: PropTypes.number,
   /**
    * The maximum number of files allowed for upload.
    */
-  maxFilesCount: _propTypes.default.number,
+  maxFilesCount: PropTypes.number,
   /**
    * Callback function called when a file is uploaded.
    */
-  onUpload: _propTypes.default.func,
+  onUpload: PropTypes.func,
   /**
    * Callback function called when a file is deleted
    */
-  onDelete: _propTypes.default.func,
+  onDelete: PropTypes.func,
   /**
    * The document picker to use for mobile
    */
-  documentPicker: _propTypes.default.object
+  documentPicker: PropTypes.object
 };
-var _default = FileUpload;
-exports.default = _default;
+export default FileUpload;

package/lib/FileUpload/NotificationContent.js

@@ -1,14 +1,7 @@
-"use strict";
+import React from 'react';
+import PropTypes from 'prop-types';
+import Typography from '../Typography';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * Renders the content of a notification for a file upload.
  *
@@ -19,18 +12,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {string} props.color - The color of the typography.
  * @param {React.Ref} ref - The ref to be forwarded to the Typography component.
  * @returns {JSX.Element} The rendered NotificationContent component.
- */const NotificationContent = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const NotificationContent = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     file,
     color,
     children
   } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+  return /*#__PURE__*/_jsxs(Typography, {
     tokens: {
       color
     },
     ref: ref,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    children: [/*#__PURE__*/_jsx(Typography, {
       variant: {
         bold: true
       },
@@ -46,15 +41,14 @@ NotificationContent.propTypes = {
   /**
    * The file object.
    */
-  file: _propTypes.default.object,
+  file: PropTypes.object,
   /**
    * The content to be displayed.
    */
-  children: _propTypes.default.string,
+  children: PropTypes.string,
   /**
    * The color of the typography.
    */
-  color: _propTypes.default.string
+  color: PropTypes.string
 };
-var _default = NotificationContent;
-exports.default = _default;
+export default NotificationContent;

package/lib/FileUpload/dictionary.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
+export default {
   en: {
     label: 'Upload files',
     buttonLabel: 'Choose files',
@@ -43,5 +37,4 @@ var _default = {
     deleteProblem: `n'a pas été supprimé en raison de`,
     tooManyFiles: `Vous ne pouvez sélectionner que jusqu'à %{maxFilesCount} fichiers en même temps.`
   }
-};
-exports.default = _default;
+};

package/lib/FileUpload/index.js

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

package/lib/FlexGrid/Col/Col.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 _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-var _GutterContext = _interopRequireDefault(require("../providers/GutterContext"));
-var _helpers = _interopRequireDefault(require("../helpers"));
-var _utils = require("../../utils");
-var _ViewportProvider = require("../../ViewportProvider");
-var _ThemeProvider = require("../../ThemeProvider");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Col = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+import React from 'react';
+import PropTypes from 'prop-types';
+import Platform from "react-native-web/dist/exports/Platform";
+import GutterContext from '../providers/GutterContext';
+import applyInheritance from '../helpers';
+import { responsiveProps, BaseView, StyleSheet, createMediaQueryStyles } from '../../utils';
+import { useViewport } from '../../ViewportProvider';
+import { useTheme } from '../../ThemeProvider';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Col = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     horizontalAlign,
     children,
@@ -31,17 +24,17 @@ const Col = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     flex,
     ...viewProps
   } = _ref;
-  const gutter = _react.default.useContext(_GutterContext.default);
-  const viewport = (0, _ViewportProvider.useViewport)();
+  const gutter = React.useContext(GutterContext);
+  const viewport = useViewport();
   const {
     themeOptions: {
       enableMediaQueryStyleSheet
     }
-  } = (0, _ThemeProvider.useTheme)();
-  const hiddenLevels = (0, _helpers.default)([xs, sm, md, lg, xl]);
+  } = useTheme();
+  const hiddenLevels = applyInheritance([xs, sm, md, lg, xl]);
   const getHorizontalAlignLevel = () => {
     if (typeof horizontalAlign === 'object') {
-      return (0, _helpers.default)([horizontalAlign.xs, horizontalAlign.sm, horizontalAlign.md, horizontalAlign.lg, horizontalAlign.xl]);
+      return applyInheritance([horizontalAlign.xs, horizontalAlign.sm, horizontalAlign.md, horizontalAlign.lg, horizontalAlign.xl]);
     }
     if (typeof horizontalAlign === 'string') {
       return [horizontalAlign, horizontalAlign, horizontalAlign, horizontalAlign, horizontalAlign];
@@ -82,11 +75,11 @@ const Col = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   // TODO: consider setting this to always 'flex' in a major release.
   // `display: block` is invalid in native apps.
   // See https://telusdigital.atlassian.net/browse/UDS1-92
-  const shown = !flex && _Platform.default.OS === 'web' ? 'block' : 'flex';
+  const shown = !flex && Platform.OS === 'web' ? 'block' : 'flex';
   const sizesArray = [xs, sm, md, lg, xl];
   const offSetsArray = [xsOffset, smOffset, mdOffset, lgOffset, xlOffset];
-  const sizesWithIheritance = (0, _helpers.default)(sizesArray);
-  const offsetsWithIheritance = (0, _helpers.default)(offSetsArray);
+  const sizesWithIheritance = applyInheritance(sizesArray);
+  const offsetsWithIheritance = applyInheritance(offSetsArray);
   const sizes = {
     xs: sizesWithIheritance[0],
     sm: sizesWithIheritance[1],
@@ -144,11 +137,11 @@ const Col = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let colStyles;
   let mediaIds;
   if (enableMediaQueryStyleSheet) {
-    const mediaQueryStyles = (0, _utils.createMediaQueryStyles)(stylesByViewport);
+    const mediaQueryStyles = createMediaQueryStyles(stylesByViewport);
     const {
       ids,
       styles
-    } = _utils.StyleSheet.create({
+    } = StyleSheet.create({
       col: {
         ...staticStyles,
         ...mediaQueryStyles
@@ -162,7 +155,7 @@ const Col = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
       ...stylesByViewport[viewport]
     };
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.BaseView, {
+  return /*#__PURE__*/_jsx(BaseView, {
     ref: ref,
     ...viewProps,
     style: colStyles,
@@ -187,7 +180,7 @@ Col.propTypes = {
    * `false` disables the prop
    *
    */
-  xs: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
+  xs: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
   /**
    * Specify number of columns within the 'sm' breakpoint range. `0` hides the column.
    *
@@ -195,7 +188,7 @@ Col.propTypes = {
    * `false` disables the prop
    *
    */
-  sm: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
+  sm: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
   /**
    * Specify number of columns within the 'md' breakpoint range. `0` hides the column.
    *
@@ -203,7 +196,7 @@ Col.propTypes = {
    * `false` disables the prop
    *
    */
-  md: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
+  md: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
   /**
    * Specify number of columns within the 'lg' breakpoint range. `0` hides the column.
    *
@@ -211,7 +204,7 @@ Col.propTypes = {
    * `false` disables the prop
    *
    */
-  lg: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
+  lg: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
   /**
    * Specify number of columns after the 'xl' breakpoint. `0` hides the column.
    *
@@ -219,47 +212,46 @@ Col.propTypes = {
    * `false` disables the prop
    *
    */
-  xl: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
+  xl: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, true, false]),
   /**
    * Offset the specified number of columns within the 'xs' breakpoint range. `0` hides the column.
    *
    */
-  xsOffset: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
+  xsOffset: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
   /**
    * Offset the specified number of columns within the 'sm' breakpoint range.
    *
    */
-  smOffset: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
+  smOffset: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
   /**
    * Offset the specified number of columns within the 'md' breakpoint range.
    *
    */
-  mdOffset: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
+  mdOffset: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
   /**
    * Offset the specified number of columns within the 'lg' breakpoint range.
    *
    */
-  lgOffset: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
+  lgOffset: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
   /**
    * Offset the specified number of columns within the 'xl' breakpoint range.
    */
-  xlOffset: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
+  xlOffset: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]),
   /**
    * The columns of the Grid. Will typically be `FlexGrid.Col` components.
    */
-  children: _propTypes.default.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    *
    * Align content horizontally within the column.
    *
    * Accepts a `PropType.string` following the [responsive prop](#/Layout?id=responsive) structure.
    */
-  horizontalAlign: _utils.responsiveProps.getTypeOptionallyByViewport(_propTypes.default.oneOf(['left', 'center', 'right'])),
+  horizontalAlign: responsiveProps.getTypeOptionallyByViewport(PropTypes.oneOf(['left', 'center', 'right'])),
   /**
    * (web only) Stretches the column to fill vertical space using `display: flex`.
    * In native apps, FlexGrid.Col behaves as if this is always true (as do all `View`s).
    */
-  flex: _propTypes.default.bool
+  flex: PropTypes.bool
 };
-var _default = Col;
-exports.default = _default;
+export default Col;

package/lib/FlexGrid/Col/index.js

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