v1.7.1

### Changes - Remove nested button #487 - Mark all icons as hidden for screen readers #485
yext · Feb 11, 2025 · 19ad6ad · 19ad6ad
2 parents 6a7ae5a + ee7c23c
commit 19ad6ad
Show file tree

Hide file tree

Showing 65 changed files with 17 additions and 17 deletions.
diff --git a/...ook/snapshots/__snapshots__/alternativeverticals--display-all-on-no-results.png b/...ook/snapshots/__snapshots__/alternativeverticals--display-all-on-no-results.png
diff --git a/.storybook/snapshots/__snapshots__/alternativeverticals--loading.png b/.storybook/snapshots/__snapshots__/alternativeverticals--loading.png
diff --git a/.storybook/snapshots/__snapshots__/alternativeverticals--primary.png b/.storybook/snapshots/__snapshots__/alternativeverticals--primary.png
diff --git a/.storybook/snapshots/__snapshots__/appliedfilters--primary.png b/.storybook/snapshots/__snapshots__/appliedfilters--primary.png
diff --git a/.storybook/snapshots/__snapshots__/directanswer--address-field-value.png b/.storybook/snapshots/__snapshots__/directanswer--address-field-value.png
diff --git a/.storybook/snapshots/__snapshots__/directanswer--complex-url-field-value.png b/.storybook/snapshots/__snapshots__/directanswer--complex-url-field-value.png
diff --git a/.storybook/snapshots/__snapshots__/directanswer--list-field-value.png b/.storybook/snapshots/__snapshots__/directanswer--list-field-value.png
diff --git a/.storybook/snapshots/__snapshots__/directanswer--loading.png b/.storybook/snapshots/__snapshots__/directanswer--loading.png
diff --git a/.storybook/snapshots/__snapshots__/directanswer--number-field-value.png b/.storybook/snapshots/__snapshots__/directanswer--number-field-value.png
diff --git a/.storybook/snapshots/__snapshots__/directanswer--plain-text-featured-snippet.png b/.storybook/snapshots/__snapshots__/directanswer--plain-text-featured-snippet.png
diff --git a/.storybook/snapshots/__snapshots__/directanswer--string-field-value.png b/.storybook/snapshots/__snapshots__/directanswer--string-field-value.png
diff --git a/.storybook/snapshots/__snapshots__/directanswer--url-field-value.png b/.storybook/snapshots/__snapshots__/directanswer--url-field-value.png
diff --git a/.storybook/snapshots/__snapshots__/dropdown--always-select-expanded.png b/.storybook/snapshots/__snapshots__/dropdown--always-select-expanded.png
diff --git a/.storybook/snapshots/__snapshots__/dropdown--dropdown-expanded.png b/.storybook/snapshots/__snapshots__/dropdown--dropdown-expanded.png
diff --git a/.storybook/snapshots/__snapshots__/dropdown--dropdown-selected.png b/.storybook/snapshots/__snapshots__/dropdown--dropdown-selected.png
diff --git a/.storybook/snapshots/__snapshots__/facets--primary.png b/.storybook/snapshots/__snapshots__/facets--primary.png
diff --git a/.storybook/snapshots/__snapshots__/filtersearch--dropdown-sectioned.png b/.storybook/snapshots/__snapshots__/filtersearch--dropdown-sectioned.png
diff --git a/.storybook/snapshots/__snapshots__/filtersearch--dropdown-unsectioned.png b/.storybook/snapshots/__snapshots__/filtersearch--dropdown-unsectioned.png
diff --git a/.storybook/snapshots/__snapshots__/filtersearch--no-label.png b/.storybook/snapshots/__snapshots__/filtersearch--no-label.png
diff --git a/.storybook/snapshots/__snapshots__/filtersearch--primary.png b/.storybook/snapshots/__snapshots__/filtersearch--primary.png
diff --git a/.storybook/snapshots/__snapshots__/geolocation--primary.png b/.storybook/snapshots/__snapshots__/geolocation--primary.png
diff --git a/.storybook/snapshots/__snapshots__/hierarchicalfacets--primary.png b/.storybook/snapshots/__snapshots__/hierarchicalfacets--primary.png
diff --git a/.storybook/snapshots/__snapshots__/locationbias--primary.png b/.storybook/snapshots/__snapshots__/locationbias--primary.png
diff --git a/.storybook/snapshots/__snapshots__/numericalfacets--primary.png b/.storybook/snapshots/__snapshots__/numericalfacets--primary.png
diff --git a/.storybook/snapshots/__snapshots__/pagination--loading.png b/.storybook/snapshots/__snapshots__/pagination--loading.png
diff --git a/.storybook/snapshots/__snapshots__/pagination--on-last-page.png b/.storybook/snapshots/__snapshots__/pagination--on-last-page.png
diff --git a/.storybook/snapshots/__snapshots__/pagination--on-mid-page-with-ellipses.png b/.storybook/snapshots/__snapshots__/pagination--on-mid-page-with-ellipses.png
diff --git a/.storybook/snapshots/__snapshots__/pagination--on-mid-page.png b/.storybook/snapshots/__snapshots__/pagination--on-mid-page.png
diff --git a/.storybook/snapshots/__snapshots__/pagination--paginate-all-on-no-results.png b/.storybook/snapshots/__snapshots__/pagination--paginate-all-on-no-results.png
diff --git a/.storybook/snapshots/__snapshots__/pagination--primary.png b/.storybook/snapshots/__snapshots__/pagination--primary.png
diff --git a/.storybook/snapshots/__snapshots__/rangeinput--disabled-force-display-tooltip.png b/.storybook/snapshots/__snapshots__/rangeinput--disabled-force-display-tooltip.png
diff --git a/.storybook/snapshots/__snapshots__/rangeinput--disabled.png b/.storybook/snapshots/__snapshots__/rangeinput--disabled.png
diff --git a/.storybook/snapshots/__snapshots__/rangeinput--invalid-values.png b/.storybook/snapshots/__snapshots__/rangeinput--invalid-values.png
diff --git a/.storybook/snapshots/__snapshots__/rangeinput--primary.png b/.storybook/snapshots/__snapshots__/rangeinput--primary.png
diff --git a/.storybook/snapshots/__snapshots__/rangeinput--valid-values.png b/.storybook/snapshots/__snapshots__/rangeinput--valid-values.png
diff --git a/.storybook/snapshots/__snapshots__/resultscount--loading.png b/.storybook/snapshots/__snapshots__/resultscount--loading.png
diff --git a/.storybook/snapshots/__snapshots__/resultscount--pagination-range.png b/.storybook/snapshots/__snapshots__/resultscount--pagination-range.png
diff --git a/.storybook/snapshots/__snapshots__/resultscount--primary.png b/.storybook/snapshots/__snapshots__/resultscount--primary.png
diff --git a/.storybook/snapshots/__snapshots__/searchbar--dropdown-expanded-vertical-links.png b/.storybook/snapshots/__snapshots__/searchbar--dropdown-expanded-vertical-links.png
diff --git a/.storybook/snapshots/__snapshots__/searchbar--dropdown-expanded.png b/.storybook/snapshots/__snapshots__/searchbar--dropdown-expanded.png
diff --git a/.storybook/snapshots/__snapshots__/searchbar--dropdown-highlight.png b/.storybook/snapshots/__snapshots__/searchbar--dropdown-highlight.png
diff --git a/.storybook/snapshots/__snapshots__/spellcheck--primary.png b/.storybook/snapshots/__snapshots__/spellcheck--primary.png
diff --git a/.storybook/snapshots/__snapshots__/standardfacets--no-option-counts.png b/.storybook/snapshots/__snapshots__/standardfacets--no-option-counts.png
diff --git a/.storybook/snapshots/__snapshots__/standardfacets--primary.png b/.storybook/snapshots/__snapshots__/standardfacets--primary.png
diff --git a/.storybook/snapshots/__snapshots__/standardfacets--show-more-limit-clicked.png b/.storybook/snapshots/__snapshots__/standardfacets--show-more-limit-clicked.png
diff --git a/.storybook/snapshots/__snapshots__/standardfacets--show-more-limit.png b/.storybook/snapshots/__snapshots__/standardfacets--show-more-limit.png
diff --git a/.storybook/snapshots/__snapshots__/staticfilters--primary.png b/.storybook/snapshots/__snapshots__/staticfilters--primary.png
diff --git a/.storybook/snapshots/__snapshots__/staticfilters--searchable.png b/.storybook/snapshots/__snapshots__/staticfilters--searchable.png
diff --git a/.storybook/snapshots/__snapshots__/universalresults--loading.png b/.storybook/snapshots/__snapshots__/universalresults--loading.png
diff --git a/.storybook/snapshots/__snapshots__/universalresults--primary.png b/.storybook/snapshots/__snapshots__/universalresults--primary.png
diff --git a/.storybook/snapshots/__snapshots__/verticalresults--has-results.png b/.storybook/snapshots/__snapshots__/verticalresults--has-results.png
diff --git a/.storybook/snapshots/__snapshots__/verticalresults--loading.png b/.storybook/snapshots/__snapshots__/verticalresults--loading.png
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
   "name": "@yext/search-ui-react",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "A library of React Components for powering Yext Search integrations",
-  "author": "slapshot@yext.com",
+  "author": "watson@yext.com",
   "license": "BSD-3-Clause",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

diff --git a/src/components/sections/SectionHeader.tsx b/src/components/sections/SectionHeader.tsx
@@ -108,12 +108,10 @@ export function SectionHeader(props: SectionHeaderProps): JSX.Element {
       }
       {viewAllButton &&
         <div className={cssClasses.viewMoreContainer}>
-          <a className={cssClasses.viewMoreLink} href={href}>
-            <button onClick={handleClickViewAllButton}>
+          <a className={cssClasses.viewMoreLink} href={href} onClick={handleClickViewAllButton}>
               View all
-            </button>
           </a>
         </div>}
     </div>
   );
-}
+}
diff --git a/src/icons/ChevronIcon.tsx b/src/icons/ChevronIcon.tsx
@@ -8,6 +8,7 @@ export function ChevronIcon({ className }: { className?: string }): JSX.Element
       stroke="currentColor"
       xmlns="http://www.w3.org/2000/svg"
       className={className}
+      aria-hidden="true"
     >
       <path d="M1.33341 6.5L6.00008 1.83333L10.6667 6.5" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
     </svg>

diff --git a/src/icons/CloseIcon.tsx b/src/icons/CloseIcon.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 export function CloseIcon(): JSX.Element {
   return (
-    <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" fill='currentColor'>
+    <svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" fill='currentColor' aria-hidden="true">
       <path d="M10.9095 9.00028L16.6786 3.2311L17.8684 2.04138C18.0439 1.86587 18.0439 1.58067 17.8684 1.40517L16.5954 0.132192C16.4199 -0.0433137 16.1347 -0.0433137 15.9592 0.132192L9.00028 7.0911L2.04138 0.131629C1.86587 -0.0438764 1.58067 -0.0438764 1.40517 0.131629L0.131629 1.40461C-0.0438764 1.58011 -0.0438764 1.86531 0.131629 2.04081L7.0911 9.00028L0.131629 15.9592C-0.0438764 16.1347 -0.0438764 16.4199 0.131629 16.5954L1.40461 17.8684C1.58011 18.0439 1.86531 18.0439 2.04081 17.8684L9.00028 10.9095L14.7695 16.6786L15.9592 17.8684C16.1347 18.0439 16.4199 18.0439 16.5954 17.8684L17.8684 16.5954C18.0439 16.4199 18.0439 16.1347 17.8684 15.9592L10.9095 9.00028Z" fill="#6b7280"/>
     </svg>
   );

diff --git a/src/icons/CollectionIcon.tsx b/src/icons/CollectionIcon.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 export function CollectionIcon(): JSX.Element {
   return (
-    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
       <path d="M19 11H5M19 11C20.1046 11 21 11.8954 21 13V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V13C3 11.8954 3.89543 11 5 11M19 11V9C19 7.89543 18.1046 7 17 7M5 11V9C5 7.89543 5.89543 7 7 7M7 7V5C7 3.89543 7.89543 3 9 3H15C16.1046 3 17 3.89543 17 5V7M7 7H17" stroke="#1f2937" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
     </svg>
   );

diff --git a/src/icons/HistoryIcon.tsx b/src/icons/HistoryIcon.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 export function HistoryIcon(): JSX.Element {
   return (
-    <svg viewBox="0 0 14 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <svg viewBox="0 0 14 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
       <path d="M13.7813 7.75C13.7539 4.00391 10.7188 0.96875 7 0.96875C5.11328 0.96875 3.39063 1.76172 2.16016 2.99219L0.929688 1.76172C0.738281 1.57031 0.382813 1.70703 0.382813 2.00781L0.382813 5.45312C0.382813 5.64453 0.519531 5.78125 0.710938 5.78125L4.21094 5.78125C4.51172 5.78125 4.64844 5.42578 4.45703 5.23437L3.11719 3.92188C4.10156 2.91016 5.46875 2.28125 7 2.28125C10.0078 2.28125 12.4688 4.74219 12.4688 7.75C12.4688 10.7852 10.0078 13.2187 7 13.2188C5.57813 13.2188 4.32031 12.6992 3.33594 11.8516C3.22656 11.7422 3.00781 11.7422 2.89844 11.8516L2.43359 12.3164C2.29688 12.4531 2.29688 12.6719 2.43359 12.8086C3.63672 13.875 5.25 14.5586 7 14.5312C10.7188 14.5312 13.7813 11.4961 13.7813 7.75ZM9.1875 10.2109L9.59766 9.69141C9.67969 9.52734 9.65234 9.33594 9.51563 9.22656L7.65625 7.85937V3.92187C7.65625 3.75781 7.49219 3.59375 7.32813 3.59375H6.67188C6.48047 3.59375 6.34375 3.75781 6.34375 3.92187V8.54297L8.75 10.293C8.88672 10.4023 9.10547 10.375 9.1875 10.2109Z"/>
     </svg>
   );

diff --git a/src/icons/InvalidIcon.tsx b/src/icons/InvalidIcon.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 export function InvalidIcon(): JSX.Element {
   return (
-    <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
       <path d="M9.99955 7V9M9.99955 13H10.0095M3.07134 17H16.9277C18.4673 17 19.4296 15.3333 18.6598 14L11.7316 2C10.9618 0.666667 9.0373 0.666667 8.2675 2L1.33929 14C0.569492 15.3333 1.53174 17 3.07134 17Z" stroke="#B91C1C" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
     </svg>
   );

diff --git a/src/icons/MagnifyingGlassIcon.tsx b/src/icons/MagnifyingGlassIcon.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 export function MagnifyingGlassIcon(): JSX.Element {
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
       <path d="M0 0h24v24H0V0z" fill="none" />
       <path
         d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" />

diff --git a/src/icons/StarIcon.tsx b/src/icons/StarIcon.tsx
@@ -7,8 +7,9 @@ export function StarIcon({ className }: { className?: string }): JSX.Element {
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 18 18"
       className={className}
+      aria-hidden="true"
     >
       <path d="M8.991 0C4.023 0 0 4.032 0 9s4.023 9 8.991 9C13.968 18 18 13.968 18 9s-4.032-9-9.009-9zm3.816 14.4L9 12.105 5.193 14.4l1.008-4.329-3.357-2.907 4.428-.378L9 2.7l1.728 4.077 4.428.378-3.357 2.907z"></path>
     </svg>
   );
-}
+}
diff --git a/src/icons/ThumbIcon.tsx b/src/icons/ThumbIcon.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 export function ThumbIcon({ className }: { className?: string }): JSX.Element {
   return (
-    <svg className={className} viewBox="0 0 18 18" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <svg className={className} viewBox="0 0 18 18" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
       <path d="M10.6667 7.33333H14.6366C15.8756 7.33333 16.6814 8.63719 16.1273 9.74536L13.2107 15.5787C12.9283 16.1433 12.3512 16.5 11.7199 16.5H8.37184C8.23557 16.5 8.09982 16.4833 7.96762 16.4502L4.83333 15.6667M10.6667 7.33333V3.16667C10.6667 2.24619 9.92047 1.5 9 1.5H8.92044C8.50414 1.5 8.16667 1.83748 8.16667 2.25377C8.16667 2.84903 7.99047 3.43096 7.66028 3.92624L4.83333 8.16667V15.6667M10.6667 7.33333H9M4.83333 15.6667H3.16667C2.24619 15.6667 1.5 14.9205 1.5 14V9C1.5 8.07953 2.24619 7.33333 3.16667 7.33333H5.25" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
     </svg>
   );

diff --git a/src/icons/VerticalDividerIcon.tsx b/src/icons/VerticalDividerIcon.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 export function VerticalDividerIcon({ className }: { className?: string }): JSX.Element {
   return (
     <svg className={className}
-      width="1" height="24" viewBox="0 0 1 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      width="1" height="24" viewBox="0 0 1 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
       <rect width="1" height="24" rx="0.5" fill="#E1E5E8" />
     </svg>
   );

diff --git a/src/icons/YextIcon.tsx b/src/icons/YextIcon.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 export function YextIcon(): JSX.Element {
   return (
-    <svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+    <svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
       <path d="M25.517 28.142v.095h-.204v.905h-.066v-.905h-.197v-.095h.467zm.667 0h.066v1h-.066v-.825l-.24.595h-.013l-.24-.595v.825h-.066v-1h.066l.247.61.246-.61zM15 28.8c7.622 0 13.8-6.178 13.8-13.8 0-7.622-6.178-13.8-13.8-13.8C7.378 1.2 1.2 7.378 1.2 15c0 7.622 6.178 13.8 13.8 13.8zM15 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C0 6.716 6.716 0 15 0zm.45 16.65v-1.2h6.6v1.2h-2.7v5.4h-1.2v-5.4h-2.7zm-1.599-1.35l.849.849-2.601 2.601 2.601 2.601-.849.849-2.601-2.601L8.649 22.2l-.849-.849 2.601-2.601L7.8 16.149l.849-.849 2.601 2.601 2.601-2.601zM18.675 9a2.175 2.175 0 00-1.847 3.323l2.995-2.995A2.163 2.163 0 0018.675 9zm0 5.55a3.375 3.375 0 112.833-5.209l-3.789 3.788a2.175 2.175 0 003.13-1.954h1.201a3.375 3.375 0 01-3.375 3.375zm-7.425-3.734L13.78 7.8l.92.771-2.85 3.397v2.582h-1.2v-2.582L7.8 8.57l.92-.771 2.53 3.016z"></path>
     </svg>
   );