these ultimately need to be redone

Author: nick-torres

components/DownloadIconButton.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable jsx-a11y/no-interactive-element-to-noninteractive-role */
 /**
  * DownloadIconButton.jsx
  * Created by Lizzie Salita 7/9/20
@@ -41,25 +42,23 @@ const DownloadIconButton = ({
 
     if (tooltipComponent) {
         return (
-            <>
-                <TooltipWrapper
-                    className={`usda-download-btn${disabledClass}`}
-                    tooltipPosition={tooltipPosition}
-                    tooltipComponent={tooltipComponent} />
+            <TooltipWrapper
+                className={`usda-download-btn${disabledClass}`}
+                tooltipPosition={tooltipPosition}
+                tooltipComponent={tooltipComponent}>
                 <button
                     type="button"
+                    role="presentation"
                     className="usda-button"
                     title={buttonText}
-                    aria-label={buttonText}
                     disabled={downloadInFlight || !isEnabled}
                     onClick={startDownload}
                     style={{ backgroundColor }}
-                    tabIndex={!isEnabled ? -1 : 0}
-                    aria-hidden={!isEnabled}>
+                    tabIndex={!isEnabled ? -1 : 0}>
                     <FontAwesomeIcon icon={icon} spin={downloadInFlight} color="#dfe1e2" />
                     <span style={{ color: '#dfe1e2' }}>{buttonText}</span>
                 </button>
-            </>
+            </TooltipWrapper>
         );
     }
     return (
@@ -83,4 +82,4 @@ const DownloadIconButton = ({
 
 DownloadIconButton.displayName = 'Download Icon Button';
 DownloadIconButton.propTypes = propTypes;
-export default DownloadIconButton;
+export default DownloadIconButton;

components/infoTooltip/TooltipWrapper.jsx

@@ -1,3 +1,4 @@
+/* eslint-disable jsx-a11y/no-noninteractive-tabindex */
 /**
  * Tooltip.jsx
  * Created by Lizzie Salita 3/8/19
@@ -305,21 +306,22 @@ const TooltipWrapper = ({
             <div
                 ref={(div) => {
                     tooltipContainer.current = div;
-                }}
-                role="button"
-                tabIndex="0"
-                aria-label="Tooltip Hover Wrapper"
-                className="tooltip__hover-wrapper"
-                onBlur={closeTooltip}
-                onFocus={showTooltipFunc}
-                onKeyPress={showTooltipFunc}
-                onMouseEnter={showTooltipFunc}
-                onMouseLeave={closeTooltip}
-                onClick={showTooltipFunc}>
-                {icon && tooltipIcons[icon]}
+                }}>
+                <div
+                    role="presentation"
+                    tabIndex="0"
+                    className="tooltip__hover-wrapper"
+                    onBlur={closeTooltip}
+                    onFocus={showTooltipFunc}
+                    onKeyPress={showTooltipFunc}
+                    onMouseEnter={showTooltipFunc}
+                    onMouseLeave={closeTooltip}
+                    onClick={showTooltipFunc}>
+                    {children}
+                    {icon && tooltipIcons[icon]}
+                </div>
+                {tooltip}
             </div>
-            {children}
-            {tooltip}
         </div>
     );
 };

dist/index.js

@@ -623,8 +623,8 @@
 
       import './mocker-runtime-injected.js';
 
-      import './runtime~main.45e54683.iframe.bundle.js';
+      import './runtime~main.82744e83.iframe.bundle.js';
 
       import './6094.566847d9.iframe.bundle.js';
 
-      import './main.1f494544.iframe.bundle.js';</script></body></html>
+      import './main.35c16da8.iframe.bundle.js';</script></body></html>

docs/iframe.html

@@ -1 +1 @@
-{"generatedAt":1771357960672,"userSince":1747848640087,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@babel/plugin-transform-optional-chaining":"7.27.1","@chromatic-com/storybook":"4.1.1","@testing-library/jest-dom":"6.8.0","@testing-library/react":"14.0.0","eslint-plugin-jasmine":"2.10.1","jest":"28.1.3","jest-cli":"28.1.3"},"hasRouterPackage":false,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":5,"applicationFileCount":9,"storybookVersion":"9.1.3","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"9.1.3"},"@storybook/react-webpack5":{"version":"9.1.3"},"storybook":{"version":"9.1.3"}},"addons":{"@storybook/addon-links":{"version":"9.1.3"},"@storybook/addon-webpack5-compiler-babel":{"version":"3.0.6"},"@chromatic-com/storybook":{"version":"4.1.1"},"@storybook/addon-docs":{"version":"9.1.3"},"@storybook/addon-styling-webpack":{"version":"2.0.0"}}}
+{"generatedAt":1771446693868,"userSince":1747848640087,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@babel/plugin-transform-optional-chaining":"7.27.1","@chromatic-com/storybook":"4.1.1","@testing-library/jest-dom":"6.8.0","@testing-library/react":"14.0.0","eslint-plugin-jasmine":"2.10.1","jest":"28.1.3","jest-cli":"28.1.3"},"hasRouterPackage":false,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":5,"applicationFileCount":9,"storybookVersion":"9.1.3","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"9.1.3"},"@storybook/react-webpack5":{"version":"9.1.3"},"storybook":{"version":"9.1.3"}},"addons":{"@storybook/addon-links":{"version":"9.1.3"},"@storybook/addon-webpack5-compiler-babel":{"version":"3.0.6"},"@chromatic-com/storybook":{"version":"4.1.1"},"@storybook/addon-docs":{"version":"9.1.3"},"@storybook/addon-styling-webpack":{"version":"2.0.0"}}}

docs/main.1f494544.iframe.bundle.js docs/main.35c16da8.iframe.bundle.jsdocs/main.1f494544.iframe.bundle.js renamed to docs/main.35c16da8.iframe.bundle.js

@@ -1,5 +1,4 @@
 @import "../global/index";
-
 .usda-download-btn {
     padding-bottom: rem(2);
     display: flex;