@searchstax-inc/searchstudio-ux-js 4.1.0 → 4.1.9

package/CHANGELOG.md

@@ -2,27 +2,25 @@
 
 All notable changes to the "searchstudio-ux-js" project will be documented in this file.
 
-## [1.0.3] - 2024-10-08
-### ⚠️ BREAKING CHANGES
-- Result template needs to be updated to print variables as HTML because they now will contain html <em> tags if highlighting is enabled
-### Features
-- Added support for highlighting controlled via studio UI
-- Results per page are now configured through studio UI
+## [4.1.9]
 ### Bug Fixes
-- Tracking calls now use unmodified title of the result
+- accessibility: focus is now being trapped in feedback widget
+- accessibility: more/less buttons have role and changes are announced
+- accessibility: fixed feedback widget roles
+- accessibility: pagination disabled state fixes
 
-## [1.0.10] - 2024-12-05
+## [4.1.5]
 ### Bug Fixes
-- fix & and + symbols causing issues in facet values
+- answers endpoint now have same query parameters as emselect
+- accessibility: feedback widget comment section no longer reads characters left after every key press
 
-## [1.0.11] - 2024-12-26
+## [4.1.0]
 ### Bug Fixes
-- fix order of non mapped fields
-- fix styling of grid view for accelerator
-
-## [1.0.24]
-### Features
-- added answer widget
+- stopped making unnecessary calls on blank search page load
+- accessibility: template modified to only read result title for accessibility
+- accessibility: leave feedback button state change is now announced
+- accessibility: focus persistance added for feedback rating
+- added support for react 19
 
 ## [2.0.0]
 ### Features
@@ -31,10 +29,25 @@ All notable changes to the "searchstudio-ux-js" project will be documented in th
 - NVDA facet groups now announce state
 - NVDA added ability to jump from facets to results section
 
-## [4.1.0]
+## [1.0.24]
+### Features
+- added answer widget
+
+## [1.0.11] - 2024-12-26
 ### Bug Fixes
-- stopped making unnecessary calls on blank search page load
-- accessibility: template modified to only read result title for accessibility
-- accessibility: leave feedback button state change is now announced
-- accessibility: focus persistance added for feedback rating
-- added support for react 19
+- fix order of non mapped fields
+- fix styling of grid view for accelerator
+
+## [1.0.10] - 2024-12-05
+### Bug Fixes
+- fix & and + symbols causing issues in facet values
+
+## [1.0.3] - 2024-10-08
+### ⚠️ BREAKING CHANGES
+- Result template needs to be updated to print variables as HTML because they now will contain html <em> tags if highlighting is enabled
+### Features
+- Added support for highlighting controlled via studio UI
+- Results per page are now configured through studio UI
+### Bug Fixes
+- Tracking calls now use unmodified title of the result
+

package/README.md

@@ -141,7 +141,7 @@ searchstax.addAnswerWidget("searchstax-answer-container", {
 
 **Props**
 
-- showMoreAfterWordCount - number(default 100) determining after how many symbols UI will show “Read More” view.
+- showMoreAfterWordCount - number(default 100) determining after how many words UI will show “Read More” view.
 - feedbackWidget – an optional object that configures thumbs-up and thumbs-down feedback functionality.
 - templates - template override. look at examples below
 
@@ -724,11 +724,11 @@ It receives following props:
       {{#results.length}}
         <div class="searchstax-pagination-container" data-test-id="searchstax-pagination-container">
           <div class="searchstax-pagination-content">
-            <a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" tabindex="0" aria-label="Previous Page">< Previous</a>
+            <a role="link" class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" {{#isFirstPage}} disabled="disabled" {{/isFirstPage}}  id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" {{^isFirstPage}} tabindex="0" {{/isFirstPage}} aria-label="Previous Page">< Previous</a>
             <div class="searchstax-pagination-details" data-test-id="searchstax-pagination-details">
               {{startResultIndex}} - {{endResultIndex}} of {{totalResults}}
             </div>
-              <a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" tabindex="0" aria-label="Next Page">Next ></a>
+              <a role="link" class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" {{#isLastPage}}disabled="disabled"{{/isLastPage}} data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" {{^isLastPage}} tabindex="0" {{/isLastPage}} aria-label="Next Page">Next ></a>
           </div>
         </div>
       {{/results.length}}
@@ -741,11 +741,11 @@ It receives following props:
       {{#results.length}}
         <div class="searchstax-pagination-container" data-test-id="searchstax-pagination-container">
           <div class="searchstax-pagination-content">
-            <a class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" tabindex="0" aria-label="Previous Page">< Previous</a>
+            <a role="link" class="searchstax-pagination-previous {{#isFirstPage}}disabled{{/isFirstPage}}" {{#isFirstPage}} disabled="disabled" {{/isFirstPage}}  id="searchstax-pagination-previous" data-test-id="searchstax-pagination-previous" {{^isFirstPage}} tabindex="0" {{/isFirstPage}} aria-label="Previous Page">< Previous</a>
             <div class="searchstax-pagination-details" data-test-id="searchstax-pagination-details">
               {{startResultIndex}} - {{endResultIndex}} of {{totalResults}}
             </div>
-              <a class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" tabindex="0" aria-label="Next Page">Next ></a>
+              <a role="link" class="searchstax-pagination-next {{#isLastPage}}disabled{{/isLastPage}}" {{#isLastPage}}disabled="disabled"{{/isLastPage}} data-test-id="searchstax-pagination-next" id="searchstax-pagination-next" {{^isLastPage}} tabindex="0" {{/isLastPage}} aria-label="Next Page">Next ></a>
           </div>
         </div>
       {{/results.length}}
@@ -901,10 +901,10 @@ It receives following props:
             template: `
       <div class="searchstax-facet-show-more-container" data-test-id="searchstax-facet-show-more-container">
       {{#showingAllFacets}}
-        <div class="searchstax-facet-show-less-button searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-less-button">less</div>
+        <div class="searchstax-facet-show-less-button searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-less-button" role="button">less</div>
       {{/showingAllFacets}}
       {{^showingAllFacets}}
-        <div class="searchstax-facet-show-more-button  searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-more-button">more {{onShowMoreLessClick}}</div>
+        <div class="searchstax-facet-show-more-button  searchstax-facet-show-button" tabindex="0" data-test-id="searchstax-facet-show-more-button" role="button">more {{onShowMoreLessClick}}</div>
       {{/showingAllFacets}}
     </div>
       `,

package/README.mustache

@@ -141,7 +141,7 @@ searchstax.addAnswerWidget("searchstax-answer-container", {
 
 **Props**
 
-- showMoreAfterWordCount - number(default 100) determining after how many symbols UI will show “Read More” view.
+- showMoreAfterWordCount - number(default 100) determining after how many words UI will show “Read More” view.
 - feedbackWidget – an optional object that configures thumbs-up and thumbs-down feedback functionality.
 - templates - template override. look at examples below