@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.4

package/lib/components/FileInputField/FileInputField.js

@@ -17,76 +17,65 @@ import _URL from "@babel/runtime-corejs3/core-js-stable/url";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import PropTypes from 'prop-types';
 import { mergeProps, useVisuallyHidden } from 'react-aria';
 import { useDropzone } from 'react-dropzone';
+import PropTypes from 'prop-types';
 import { v4 as uuidv4 } from 'uuid';
-import { Box, Input, FieldHelperText, Label, Loader } from '../../';
+import { Box, FieldHelperText, Input, Label, Loader } from '../..';
+import useField from '../../hooks/useField';
+import useStatusClasses from '../../hooks/useStatusClasses';
+import statuses from '../../utils/devUtils/constants/statuses';
 import { ariaAttributesBasePropTypes, getAriaAttributeProps } from '../../utils/devUtils/props/ariaAttributes';
 import { inputFieldAttributesBasePropTypes } from '../../utils/devUtils/props/fieldAttributes';
 import FileItem from './FileItem';
 import FileSelect from './FileSelect';
-import statuses from '../../utils/devUtils/constants/statuses';
-import useField from '../../hooks/useField';
-import useStatusClasses from '../../hooks/useStatusClasses';
+
 /**
  * The FileInputField component allows users to upload one or more files by
  * clicking the button or via drag and drop.
  *
  * We utilize [react-dropzone](https://react-dropzone.js.org/) for the drag and drop functionality.
  * */
-
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var FileInputField = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var defaultButtonText = _ref.defaultButtonText,
-      defaultFileList = _ref.defaultFileList,
-      uploadedFilesImperative = _ref.fileList,
-      helperText = _ref.helperText,
-      isDisabled = _ref.isDisabled,
-      isLoading = _ref.isLoading,
-      isMultiple = _ref.isMultiple,
-      onFileSelect = _ref.onFileSelect,
-      onRemove = _ref.onRemove,
-      status = _ref.status,
-      textProps = _ref.textProps,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+    defaultFileList = _ref.defaultFileList,
+    uploadedFilesImperative = _ref.fileList,
+    helperText = _ref.helperText,
+    isDisabled = _ref.isDisabled,
+    isLoading = _ref.isLoading,
+    isMultiple = _ref.isMultiple,
+    onFileSelect = _ref.onFileSelect,
+    onRemove = _ref.onRemove,
+    status = _ref.status,
+    textProps = _ref.textProps,
+    others = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(defaultFileList || []),
-      _useState2 = _slicedToArray(_useState, 2),
-      uploadedFiles = _useState2[0],
-      setUploadedFiles = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    uploadedFiles = _useState2[0],
+    setUploadedFiles = _useState2[1];
   var inputRef = useRef();
   /* istanbul ignore next */
-
   useImperativeHandle(ref, function () {
     return inputRef.current;
   });
-
   var _getAriaAttributeProp = getAriaAttributeProps(others),
-      ariaProps = _getAriaAttributeProp.ariaProps,
-      nonAriaProps = _getAriaAttributeProp.nonAriaProps;
-
+    ariaProps = _getAriaAttributeProp.ariaProps,
+    nonAriaProps = _getAriaAttributeProp.nonAriaProps;
   var _useField = useField(_objectSpread({
-    status: status,
-    isDisabled: isDisabled
-  }, nonAriaProps)),
-      fieldContainerProps = _useField.fieldContainerProps,
-      fieldControlInputProps = _useField.fieldControlInputProps,
-      fieldControlWrapperProps = _useField.fieldControlWrapperProps,
-      fieldLabelProps = _useField.fieldLabelProps;
-
+      status: status,
+      isDisabled: isDisabled
+    }, nonAriaProps)),
+    fieldContainerProps = _useField.fieldContainerProps,
+    fieldControlInputProps = _useField.fieldControlInputProps,
+    fieldControlWrapperProps = _useField.fieldControlWrapperProps,
+    fieldLabelProps = _useField.fieldLabelProps;
   var helperTextId = uuidv4();
-
   var _useVisuallyHidden = useVisuallyHidden(),
-      visuallyHiddenProps = _useVisuallyHidden.visuallyHiddenProps;
-
+    visuallyHiddenProps = _useVisuallyHidden.visuallyHiddenProps;
   var handleFileSelect = useCallback(function () {
     inputRef.current.value = null;
     inputRef.current.click();
@@ -95,13 +84,10 @@ var FileInputField = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (onFileSelect) {
       onFileSelect(event, newFiles);
     }
-
     var arrayWithNewFiles = _Array$from(newFiles);
-
     if (!isMultiple) {
       arrayWithNewFiles = _sliceInstanceProperty(arrayWithNewFiles).call(arrayWithNewFiles, 0, 1);
     }
-
     var newFilesWithIdAndLink = _mapInstanceProperty(arrayWithNewFiles).call(arrayWithNewFiles, function (newFile) {
       return {
         fileObj: newFile,
@@ -111,11 +97,9 @@ var FileInputField = /*#__PURE__*/forwardRef(function (_ref, ref) {
         status: statuses.DEFAULT
       };
     });
-
     if (isMultiple) {
       setUploadedFiles(function (prevFiles) {
         var _context;
-
         return _concatInstanceProperty(_context = []).call(_context, prevFiles, newFilesWithIdAndLink);
       });
     } else {
@@ -125,16 +109,14 @@ var FileInputField = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var onDrop = useCallback(function (acceptedFiles, fileRejections, event) {
     handleFileUpload(event, acceptedFiles);
   }, [handleFileUpload]);
-
   var _useDropzone = useDropzone({
-    onDrop: onDrop,
-    noKeyboard: true,
-    disabled: isDisabled || isLoading
-  }),
-      getRootProps = _useDropzone.getRootProps,
-      getInputProps = _useDropzone.getInputProps,
-      isDragActive = _useDropzone.isDragActive;
-
+      onDrop: onDrop,
+      noKeyboard: true,
+      disabled: isDisabled || isLoading
+    }),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps,
+    isDragActive = _useDropzone.isDragActive;
   var handleOnChange = useCallback(function (event) {
     handleFileUpload(event, event.target.files);
   }, [handleFileUpload]);
@@ -142,7 +124,6 @@ var FileInputField = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (onRemove) {
       onRemove(e, fileId);
     }
-
     setUploadedFiles(function (prevFiles) {
       return _filterInstanceProperty(prevFiles).call(prevFiles, function (_ref2) {
         var id = _ref2.id;
@@ -152,11 +133,9 @@ var FileInputField = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, [onRemove]);
   var filesListNode = useMemo(function () {
     var filesToRender = uploadedFilesImperative || uploadedFiles;
-
     if (!(filesToRender !== null && filesToRender !== void 0 && filesToRender.length)) {
       return null;
     }
-
     return _mapInstanceProperty(filesToRender).call(filesToRender, function (fileProps) {
       return ___EmotionJSX(FileItem, _extends({
         handleFileDelete: handleFileDelete,
@@ -167,22 +146,18 @@ var FileInputField = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }, fileProps));
     });
   }, [uploadedFilesImperative, uploadedFiles, handleFileDelete, isDisabled, isLoading, textProps]);
-
   var _useStatusClasses = useStatusClasses('fileInputFieldWrapper', _defineProperty({
-    isDragActive: isDragActive,
-    isLoading: isLoading
-  }, "is-".concat(status), true)),
-      classNames = _useStatusClasses.classNames;
-
+      isDragActive: isDragActive,
+      isLoading: isLoading
+    }, "is-".concat(status), true)),
+    classNames = _useStatusClasses.classNames;
   var shouldFileSelectRender = useCallback(function () {
     var isFileUploaded;
-
     if (uploadedFilesImperative) {
       isFileUploaded = Boolean(uploadedFilesImperative === null || uploadedFilesImperative === void 0 ? void 0 : uploadedFilesImperative.length);
     } else {
       isFileUploaded = Boolean(uploadedFiles === null || uploadedFiles === void 0 ? void 0 : uploadedFiles.length);
     }
-
     return isMultiple || !isFileUploaded;
   }, [uploadedFiles, uploadedFilesImperative, isMultiple]);
   return ___EmotionJSX(Box, {
@@ -220,25 +195,18 @@ FileInputField.displayName = 'FileInputField';
 FileInputField.propTypes = _objectSpread(_objectSpread({
   /** The rendered label for the field. */
   label: PropTypes.node,
-
   /** Text rendered below the input. */
   helperText: PropTypes.node,
-
   /** Determines the component border status color indicator and helper text styling. */
   status: PropTypes.oneOf(_Object$values(statuses)),
-
   /** Default button text that will be changed on the file name once file is uploaded */
   defaultButtonText: PropTypes.string,
-
   /** Defines whether input can accept multiple files or not */
   isMultiple: PropTypes.bool,
-
   /** Determines whether the loading indicator is shown. */
   isLoading: PropTypes.bool,
-
   /** Whether the field is disabled. */
   isDisabled: PropTypes.bool,
-
   /** Array of objects for uploaded files.
    * Objects should have the following structure:
    *
@@ -264,7 +232,6 @@ FileInputField.propTypes = _objectSpread(_objectSpread({
     downloadLink: PropTypes.string,
     status: PropTypes.oneOf(_Object$values(statuses))
   })),
-
   /** Default array of objects for uploaded files. */
   defaultFileList: PropTypes.arrayOf(PropTypes.shape({
     fileObj: PropTypes.shape({}),
@@ -273,19 +240,16 @@ FileInputField.propTypes = _objectSpread(_objectSpread({
     downloadLink: PropTypes.string,
     status: PropTypes.oneOf(_Object$values(statuses))
   })),
-
   /** The handler that is called when the input files is uploaded.
    *
    * `(event, files) => void`
    * */
   onFileSelect: PropTypes.func,
-
   /** The handler that is called when an uploaded file got removed.
    *
    * `(fileId) => void`
    * */
   onRemove: PropTypes.func,
-
   /** These props will be spread to the field text component. */
   textProps: PropTypes.shape({})
 }, ariaAttributesBasePropTypes), inputFieldAttributesBasePropTypes);

package/lib/components/FileInputField/FileInputField.stories.js

@@ -9,18 +9,15 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { useState } from 'react';
 import { v4 as uuidv4 } from 'uuid';
-import FileInputField from './';
-import { Box } from '../../';
+import { Box } from '../..';
+import statuses from '../../utils/devUtils/constants/statuses';
 import { ariaAttributeBaseArgTypes } from '../../utils/devUtils/props/ariaAttributes';
 import { inputFieldAttributeBaseArgTypes } from '../../utils/devUtils/props/fieldAttributes';
-import statuses from '../../utils/devUtils/constants/statuses';
+import FileInputField from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Form/FileInputField',
@@ -105,19 +102,16 @@ export var CustomButtonText = function CustomButtonText() {
 };
 export var ControlledState = function ControlledState() {
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      userFiles = _useState2[0],
-      setUserFiles = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    userFiles = _useState2[0],
+    setUserFiles = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      error = _useState4[0],
-      setError = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
   var handleFileSelect = function handleFileSelect(event, files) {
     // this is approximate conversion just for an example
     var uploadedFileSizeMb = files[0].size / 1e6;
-
     if (uploadedFileSizeMb > 2) {
       setError('Only files under 2 MB can be uploaded.');
     } else {
@@ -128,14 +122,13 @@ export var ControlledState = function ControlledState() {
       }]);
       setError(null);
     }
-  }; // you would want to handle this differently in case you have multiple files
-
+  };
 
+  // you would want to handle this differently in case you have multiple files
   var handleFileRemove = function handleFileRemove() {
     setUserFiles([]);
     setError(null);
   };
-
   return ___EmotionJSX(FileInputField, {
     label: "Controlled State With limit on file size upload below 2 mb",
     onFileSelect: handleFileSelect,

package/lib/components/FileInputField/FileInputField.styles.js

@@ -7,11 +7,8 @@ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { focusWithCroppedOutline } from '../Button/Buttons.styles';
 var wrapper = {
   display: 'flex',

package/lib/components/FileInputField/FileInputField.test.js

@@ -8,18 +8,15 @@ import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/obje
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import _URL from "@babel/runtime-corejs3/core-js-stable/url";
 import React from 'react';
-import userEvent from '@testing-library/user-event';
 import { fireEvent, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import statuses from '../../utils/devUtils/constants/statuses';
 import axeTest from '../../utils/testUtils/testAxe';
 import FileInputField from './FileInputField';
-import statuses from '../../utils/devUtils/constants/statuses';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var fileInputFieldTestId = 'file-input-test-id';
 var testLabel = 'file-input-test-label';
@@ -57,11 +54,9 @@ beforeAll(function () {
 afterAll(function () {
   _URL.createObjectURL = originalValue;
 });
-
 var getComponent = function getComponent(props) {
   return render(___EmotionJSX(FileInputField, _extends({}, defaultProps, props)));
 };
-
 axeTest(getComponent);
 test('should render file input field component by default', function () {
   getComponent();

package/lib/components/FileInputField/FileItem.js

@@ -1,31 +1,28 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 import React, { useCallback, useRef } from 'react';
-import PropTypes from 'prop-types';
+import { useVisuallyHidden } from 'react-aria';
 import DeleteIcon from 'mdi-react/DeleteIcon';
 import ErrorIcon from 'mdi-react/ErrorIcon';
 import InsertDriveFileIcon from 'mdi-react/InsertDriveFileIcon';
-import { useVisuallyHidden } from 'react-aria';
-import { Box, Button, IconButton, Icon, Text } from '../../index';
+import PropTypes from 'prop-types';
+import { Box, Button, Icon, IconButton, Text } from '../../index';
 import statuses from '../../utils/devUtils/constants/statuses';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var FileItem = function FileItem(props) {
   var downloadLink = props.downloadLink,
-      handleFileDelete = props.handleFileDelete,
-      id = props.id,
-      isDisabled = props.isDisabled,
-      name = props.name,
-      status = props.status,
-      textProps = props.textProps,
-      helperTextId = props.helperTextId;
+    handleFileDelete = props.handleFileDelete,
+    id = props.id,
+    isDisabled = props.isDisabled,
+    name = props.name,
+    status = props.status,
+    textProps = props.textProps,
+    helperTextId = props.helperTextId;
   var handleDeleteButtonPress = useCallback(function (e) {
     return handleFileDelete(e, id);
   }, [id, handleFileDelete]);
-
   var _useVisuallyHidden = useVisuallyHidden(),
-      visuallyHiddenProps = _useVisuallyHidden.visuallyHiddenProps;
-
+    visuallyHiddenProps = _useVisuallyHidden.visuallyHiddenProps;
   var downloadRef = useRef();
   var getFileIconProps = useCallback(function () {
     switch (status) {
@@ -35,7 +32,6 @@ var FileItem = function FileItem(props) {
           color: 'critical.dark',
           'data-testid': 'file-uploaded__file-icon--is-error'
         };
-
       default:
         return {
           icon: InsertDriveFileIcon,
@@ -43,11 +39,9 @@ var FileItem = function FileItem(props) {
         };
     }
   }, [status]);
-
   var handleDownloadPress = function handleDownloadPress() {
     downloadRef.current.click();
   };
-
   return ___EmotionJSX(Box, {
     isRow: true,
     alignItems: "center",
@@ -90,7 +84,6 @@ var FileItem = function FileItem(props) {
     tabIndex: -1
   })));
 };
-
 export default FileItem;
 FileItem.propTypes = {
   downloadLink: PropTypes.string,

package/lib/components/FileInputField/FileSelect.js

@@ -10,27 +10,21 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["buttonText", "handleFileSelect", "isDisabled", "textProps"];
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Button, Text } from '../../';
+import { Button, Text } from '../..';
 import { ariaAttributesBasePropTypes, getAriaAttributeProps } from '../../utils/devUtils/props/ariaAttributes';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var FileSelect = function FileSelect(_ref) {
   var buttonText = _ref.buttonText,
-      handleFileSelect = _ref.handleFileSelect,
-      isDisabled = _ref.isDisabled,
-      textProps = _ref.textProps,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+    handleFileSelect = _ref.handleFileSelect,
+    isDisabled = _ref.isDisabled,
+    textProps = _ref.textProps,
+    others = _objectWithoutProperties(_ref, _excluded);
   var _getAriaAttributeProp = getAriaAttributeProps(others),
-      ariaProps = _getAriaAttributeProp.ariaProps;
-
+    ariaProps = _getAriaAttributeProp.ariaProps;
   return ___EmotionJSX(Button, _extends({
     "aria-label": buttonText,
     "data-testid": "file-input-field__file-select",
@@ -43,7 +37,6 @@ var FileSelect = function FileSelect(_ref) {
     color: "active"
   }, textProps), buttonText));
 };
-
 export default FileSelect;
 FileSelect.propTypes = _objectSpread({
   buttonText: PropTypes.string,

package/lib/components/HelpHint/HelpHint.js

@@ -4,11 +4,10 @@ var _excluded = ["children", "tooltipProps", "iconButtonProps"];
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { v4 as uuid } from 'uuid';
+import { Icon } from '../..';
 import IconButton from '../IconButton';
 import TooltipTrigger, { Tooltip } from '../TooltipTrigger';
-import Icon from '../Icon';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 var HelpIcon = function HelpIcon() {
   return ___EmotionJSX("svg", {
     width: "7",
@@ -21,13 +20,11 @@ var HelpIcon = function HelpIcon() {
     fill: "#3B4A58"
   }));
 };
-
 var HelpHint = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
-      tooltipProps = props.tooltipProps,
-      iconButtonProps = props.iconButtonProps,
-      others = _objectWithoutProperties(props, _excluded);
-
+    tooltipProps = props.tooltipProps,
+    iconButtonProps = props.iconButtonProps,
+    others = _objectWithoutProperties(props, _excluded);
   var tooltipId = uuid();
   return ___EmotionJSX(TooltipTrigger, _extends({
     ref: ref,
@@ -48,7 +45,6 @@ var HelpHint = /*#__PURE__*/forwardRef(function (props, ref) {
 HelpHint.propTypes = {
   /** Props object that is spread directly into the tooltip element. */
   tooltipProps: PropTypes.shape({}),
-
   /** Props object that is spread directly into the IconButton element. */
   iconButtonProps: PropTypes.shape({})
 };

package/lib/components/HelpHint/HelpHint.stories.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import HelpHint from '.';
-import Box from '../Box';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
+import Box from '../Box';
 import HelpHintReadme from './HelpHint.mdx';
+import HelpHint from '.';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/HelpHint',

package/lib/components/HelpHint/HelpHint.styles.js

@@ -7,11 +7,8 @@ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { defaultFocus } from '../Button/Buttons.styles';
 export var hintButton = {
   bg: 'neutral.90',

package/lib/components/HelpHint/HelpHint.test.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React from 'react';
 import userEvent from '@testing-library/user-event';
-import { fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
 import axeTest from '../../utils/testUtils/testAxe';
+import { fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
 import HelpHint from './HelpHint';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'help-hint__button';
@@ -10,13 +10,12 @@ var tooltipValue = 'Some text';
 var defaultProps = {
   children: tooltipValue
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(HelpHint, _extends({}, defaultProps, props)));
-}; // Need to be added to each test file to test accessibility using axe.
-
+};
 
+// Need to be added to each test file to test accessibility using axe.
 axeTest(getComponent);
 test('renders HelpHint component', function () {
   getComponent();

package/lib/components/Icon/Icon.js

@@ -8,24 +8,19 @@ import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/obje
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
-import Box from '../Box';
 import { useTShirtSize } from '../../hooks';
+import Box from '../Box';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Icon = /*#__PURE__*/forwardRef(function (props, ref) {
   var color = props.color,
-      IconComponent = props.icon,
-      sx = props.sx;
-
+    IconComponent = props.icon,
+    sx = props.sx;
   var _useTShirtSize = useTShirtSize(props),
-      sizeProps = _useTShirtSize.sizeProps;
-
+    sizeProps = _useTShirtSize.sizeProps;
   return ___EmotionJSX(Box, _extends({
     as: IconComponent,
     ref: ref
@@ -40,13 +35,11 @@ var Icon = /*#__PURE__*/forwardRef(function (props, ref) {
 Icon.propTypes = {
   /** The icon to render. */
   icon: PropTypes.elementType.isRequired,
-
   /**
    * The size of the icon container. If given a number value, it will be converted to pixels.
    * Tshirt sizing is recommended and can be passed to the size prop as 'xs', 'sm' , 'md'
    * rendering 15, 20, and 25 pixel svg containers.  */
   size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /** A theme-aware prop to set the icon's color. */
   color: PropTypes.string
 };