Web:Client:Add tabIndex.

packages/client/src/pages/PortalSettings/categories/common/Branding/additionalResources.js

@@ -151,6 +151,7 @@ const AdditionalResources = (props) => {
         </div>
         <div className="branding-checkbox">
           <Checkbox
+            tabIndex={12}
             className="checkbox"
             isDisabled={!isSettingPaid}
             label={t("ShowFeedbackAndSupport")}
@@ -159,6 +160,7 @@ const AdditionalResources = (props) => {
           />
 
           <Checkbox
+            tabIndex={13}
             className="checkbox"
             isDisabled={!isSettingPaid}
             label={t("ShowVideoGuides")}
@@ -166,6 +168,7 @@ const AdditionalResources = (props) => {
             onChange={() => setShowVideoGuides(!videoGuidesEnabled)}
           />
           <Checkbox
+            tabIndex={14}
             className="checkbox"
             isDisabled={!isSettingPaid}
             label={t("ShowHelpCenter")}
@@ -175,6 +178,7 @@ const AdditionalResources = (props) => {
         </div>
         {isSettingPaid && (
           <SaveCancelButtons
+            tabIndex={15}
             onSaveClick={onSave}
             onCancelClick={onRestore}
             saveButtonLabel={t("Common:SaveButton")}

packages/client/src/pages/PortalSettings/categories/common/Branding/companyInfoSettings.js

@@ -267,7 +267,7 @@ const CompanyInfoSettings = (props) => {
               value={companyName}
               hasError={hasErrorCompanyName}
               onChange={(e) => onChangeСompanyName(e.target.value)}
-              tabIndex={3}
+              tabIndex={5}
             />
           </FieldContainer>
           <FieldContainer
@@ -285,7 +285,7 @@ const CompanyInfoSettings = (props) => {
               value={email}
               hasError={hasErrorEmail}
               onChange={(e) => onChangeEmail(e.target.value)}
-              tabIndex={4}
+              tabIndex={6}
             />
           </FieldContainer>
           <FieldContainer
@@ -302,7 +302,7 @@ const CompanyInfoSettings = (props) => {
               value={phone}
               hasError={hasErrorPhone}
               onChange={(e) => onChangePhone(e.target.value)}
-              tabIndex={5}
+              tabIndex={7}
             />
           </FieldContainer>
           <FieldContainer
@@ -319,7 +319,7 @@ const CompanyInfoSettings = (props) => {
               value={site}
               hasError={hasErrorSite}
               onChange={(e) => onChangeSite(e.target.value)}
-              tabIndex={6}
+              tabIndex={8}
             />
           </FieldContainer>
           <FieldContainer
@@ -336,11 +336,12 @@ const CompanyInfoSettings = (props) => {
               value={address}
               hasError={hasErrorAddress}
               onChange={(e) => onChangeAddress(e.target.value)}
-              tabIndex={7}
+              tabIndex={9}
             />
           </FieldContainer>
         </div>
         <SaveCancelButtons
+          tabIndex={10}
           className="save-cancel-buttons"
           onSaveClick={onSave}
           onCancelClick={onRestore}

packages/client/src/pages/PortalSettings/categories/common/Branding/whitelabel.js

@@ -840,6 +840,7 @@ const WhiteLabel = (props) => {
 
         {isSettingPaid && (
           <SaveCancelButtons
+            tabIndex={3}
             className="save-cancel-buttons"
             onSaveClick={onSave}
             onCancelClick={onRestoreLogo}

packages/client/src/pages/PortalSettings/categories/common/Customization/dns-settings.js

@@ -103,6 +103,7 @@ const DNSSettings = (props) => {
         isVertical={true}
       >
         <TextInput
+          tabIndex={8}
           id="textInputContainerDNSSettings"
           scale={true}
           value={location.hostname}
@@ -141,6 +142,7 @@ const DNSSettings = (props) => {
       )}
       <div className="send-request-container">
         <Button
+          tabIndex={9}
           label={t("Common:SendRequest")}
           className="save-cancel-buttons send-request-button"
           onClick={onSendRequest}

packages/client/src/pages/PortalSettings/categories/common/Customization/language-and-time-zone.js

@@ -439,6 +439,7 @@ class LanguageAndTimeZone extends React.Component {
           isVertical={true}
         >
           <ComboBox
+            tabIndex={1}
             id="comboBoxLanguage"
             options={cultureNames}
             selectedOption={language}
@@ -457,6 +458,7 @@ class LanguageAndTimeZone extends React.Component {
           isVertical={true}
         >
           <ComboBox
+            tabIndex={2}
             id="comboBoxTimezone"
             options={timezones}
             selectedOption={timezone}
@@ -497,6 +499,7 @@ class LanguageAndTimeZone extends React.Component {
           <> {settingsBlock}</>
         )}
         <SaveCancelButtons
+          tabIndex={3}
           className="save-cancel-buttons"
           onSaveClick={this.onSaveLngTZSettings}
           onCancelClick={this.onCancelClick}

packages/client/src/pages/PortalSettings/categories/common/Customization/portal-renaming.js

@@ -238,6 +238,7 @@ const PortalRenaming = (props) => {
         isVertical={true}
       >
         <TextInput
+          tabIndex={10}
           id="textInputContainerPortalRenaming"
           scale={true}
           value={portalName}
@@ -274,6 +275,7 @@ const PortalRenaming = (props) => {
         <> {settingsBlock}</>
       )}
       <SaveCancelButtons
+        tabIndex={11}
         id="buttonsPortalRenaming"
         className="save-cancel-buttons"
         onSaveClick={onSavePortalRename}

packages/client/src/pages/PortalSettings/categories/common/Customization/welcome-page-settings.js

@@ -285,6 +285,7 @@ class WelcomePageSettings extends React.Component {
           isVertical={true}
         >
           <TextInput
+            tabIndex={5}
             id="textInputContainerWelcomePage"
             scale={true}
             value={greetingTitle}
@@ -321,6 +322,7 @@ class WelcomePageSettings extends React.Component {
           <> {settingsBlock}</>
         )}
         <SaveCancelButtons
+          tabIndex={6}
           id="buttonsWelcomePage"
           className="save-cancel-buttons"
           onSaveClick={this.onSaveGreetingSettings}