Upgrade HDS dependency to 4.13 & migrate FlightIcon to Hds::Icon (#2540)
* updated hds and replaced deprecated flight-icon * removed code trying to import from ember-flight-icons * fixing linting issue * fixing linting issue * fixing dropdown test selectors * updated dropdown selectors * updated dropdown selectors * updated dropdown selectors * addressing pr feedback * fixing linting error * updating dropdown selectors
This commit is contained in:
1 parent
70aceb1699
commit
6eb83b2a25
45 files changed
+111
-120
No files matched your search
@@ -5,7 +5,7 @@
|
||||
|
||||
<div class='info-field{{if @icon " has-icon"}}'>
|
||||
{{#if @icon}}
|
||||
<FlightIcon @name={{@icon}} @size='24' />
|
||||
<Hds::Icon @name={{@icon}} @size='24' @isInline={{true}} />
|
||||
{{/if}}
|
||||
<Hds::Form::TextInput::Field
|
||||
@value={{@value}}
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<FlightIcon @name='arrow-right' />
|
||||
<Hds::Icon @name='arrow-right' @isInline={{true}} />
|
||||
</LinkTo>
|
||||
{{else}}
|
||||
<LinkTo @route={{@route}} @model={{@model}}>
|
||||
@@ -33,7 +33,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<FlightIcon @name='arrow-right' />
|
||||
<Hds::Icon @name='arrow-right' @isInline={{true}} />
|
||||
</LinkTo>
|
||||
{{/if}}
|
||||
{{else}}
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
{{!
|
||||
Separator icon is not configurable, but potentially could be.
|
||||
}}
|
||||
<FlightIcon @name='arrow-right' @size='24' />
|
||||
<Hds::Icon @name='arrow-right' @size='24' @isInline={{true}} />
|
||||
</div>
|
||||
|
||||
</li>
|
||||
@@ -16,7 +16,7 @@
|
||||
{{!
|
||||
Separator icon is not configurable, but potentially could be.
|
||||
}}
|
||||
<FlightIcon @name='arrow-right' @size='24' />
|
||||
<Hds::Icon @name='arrow-right' @size='24' @isInline={{true}} />
|
||||
</div>
|
||||
|
||||
</li>
|
||||
@@ -368,7 +368,7 @@
|
||||
}
|
||||
|
||||
&.has-icon {
|
||||
.flight-icon {
|
||||
.hds-icon {
|
||||
position: absolute;
|
||||
transform: translateY(sizing.rems(xl) - sizing.rems(xs));
|
||||
}
|
||||
@@ -663,7 +663,7 @@
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.flight-icon-arrow-right {
|
||||
.hds-icon-arrow-right {
|
||||
color: var(--token-color-foreground-faint);
|
||||
}
|
||||
}
|
||||
@@ -913,7 +913,7 @@
|
||||
.session-recording-status-badge {
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
div.hds-badge__icon {
|
||||
svg.flight-icon-circle-dot {
|
||||
svg.hds-icon-circle-dot {
|
||||
color: var(--token-color-palette-red-200);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,10 +13,11 @@
|
||||
{{! We have created }}
|
||||
<div class='create-resources-item'>
|
||||
<span class='create-resources-item-header'>
|
||||
<FlightIcon
|
||||
<Hds::Icon
|
||||
@name='check-circle'
|
||||
@size='24'
|
||||
class='hds-foreground-success'
|
||||
@isInline={{true}}
|
||||
/>
|
||||
<h3>{{t 'onboarding.success.titles.creation-success'}}</h3>
|
||||
</span>
|
||||
@@ -26,7 +27,7 @@
|
||||
{{! Download Desktop client }}
|
||||
<div class='create-resources-item'>
|
||||
<span class='create-resources-item-header'>
|
||||
<FlightIcon @name='boundary-color' @size='24' />
|
||||
<Hds::Icon @name='boundary-color' @size='24' @isInline={{true}} />
|
||||
<h3>{{t 'onboarding.success.titles.desktop'}}</h3>
|
||||
</span>
|
||||
<p>{{t 'onboarding.success.descriptions.download'}}</p>
|
||||
|
||||
@@ -75,7 +75,7 @@
|
||||
<B.Td>
|
||||
{{#if B.data.target.displayName}}
|
||||
<div class='aliases-list-cell-item'>
|
||||
<span><FlightIcon @name='target' /></span>
|
||||
<span><Hds::Icon @name='target' @isInline={{true}} /></span>
|
||||
<span> {{B.data.target.displayName}} </span>
|
||||
</div>
|
||||
{{else}}
|
||||
|
||||
@@ -76,7 +76,7 @@
|
||||
as |orgId items|
|
||||
}}
|
||||
<FD.Generic>
|
||||
<FlightIcon @name='org' />
|
||||
<Hds::Icon @name='org' @isInline={{true}} />
|
||||
{{this.orgName orgId}}
|
||||
</FD.Generic>
|
||||
{{#each items as |project|}}
|
||||
@@ -155,7 +155,7 @@
|
||||
<div
|
||||
class='session-recording-list-cell-item hds-font-weight-semibold'
|
||||
>
|
||||
<span><FlightIcon @name='user' /></span>
|
||||
<span><Hds::Icon @name='user' @isInline={{true}} /></span>
|
||||
<span>{{B.data.userDisplayName}}</span>
|
||||
</div>
|
||||
</B.Td>
|
||||
@@ -165,7 +165,7 @@
|
||||
class='session-recording-list-cell-item target-column hds-font-weight-semibold'
|
||||
>
|
||||
<span>
|
||||
<FlightIcon @name='target' />
|
||||
<Hds::Icon @name='target' @isInline={{true}} />
|
||||
{{B.data.create_time_values.target.name}}
|
||||
</span>
|
||||
<span>
|
||||
@@ -182,7 +182,7 @@
|
||||
<div
|
||||
class='session-recording-list-cell-item hds-foreground-faint'
|
||||
>
|
||||
<span><FlightIcon @name='clock' /></span>
|
||||
<span><Hds::Icon @name='clock' @isInline={{true}} /></span>
|
||||
<span>
|
||||
{{format-time-duration B.data.duration}}
|
||||
</span>
|
||||
|
||||
+1
-1
@@ -8,7 +8,7 @@
|
||||
@model={{@model.sessionRecording.id}}
|
||||
>
|
||||
<div class='session-recording-player-loading'>
|
||||
<FlightIcon @name='loading' @size='24' />
|
||||
<Hds::Icon @name='loading' @size='24' @isInline={{true}} />
|
||||
<span>{{t 'resources.session-recording.channel.player.loading'}}</span>
|
||||
</div>
|
||||
</SessionRecording::Player>
|
||||
@@ -48,7 +48,7 @@ module('Acceptance | auth-methods | create', function (hooks) {
|
||||
const TOGGLE_SELECTOR = '[name="prompts"]';
|
||||
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-auth-method] div:first-child button';
|
||||
'[data-test-manage-auth-method] button:first-child';
|
||||
const MAKE_PRIMARY_SELECTOR =
|
||||
'[data-test-manage-auth-method] ul li:first-child button';
|
||||
|
||||
|
||||
@@ -31,7 +31,7 @@ module('Acceptance | auth-methods | delete', function (hooks) {
|
||||
const ERROR_MSG_SELECTOR = '.rose-notification-body';
|
||||
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-auth-method] div:first-child button';
|
||||
'[data-test-manage-auth-method] button:first-child';
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-manage-auth-method] ul li:last-child button';
|
||||
|
||||
|
||||
@@ -18,7 +18,7 @@ module('Acceptance | credential-libraries | delete', function (hooks) {
|
||||
|
||||
let getCredentialLibraryCount;
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-credential-library-dropdown] div:first-child button';
|
||||
'[data-test-manage-credential-library-dropdown] button:first-child';
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-manage-credential-library-dropdown] ul li button';
|
||||
|
||||
|
||||
@@ -21,7 +21,7 @@ module(
|
||||
let getJSONCredentialCount;
|
||||
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-credentials-dropdown] div:first-child button';
|
||||
'[data-test-manage-credentials-dropdown] button:first-child';
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-manage-credentials-dropdown] ul li button';
|
||||
|
||||
|
||||
@@ -14,7 +14,7 @@ module('Acceptance | credential-stores | credentials | list', function (hooks) {
|
||||
setupMirage(hooks);
|
||||
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-credential-stores-dropdown] div:first-child button';
|
||||
'[data-test-manage-credential-stores-dropdown] button:first-child';
|
||||
|
||||
const ADD_CREDENTIALS_SELECTOR =
|
||||
'[data-test-manage-credential-stores-dropdown] div ul li a';
|
||||
|
||||
@@ -21,7 +21,7 @@ module('Acceptance | credential-stores | delete', function (hooks) {
|
||||
let getStaticCredentialStoresCount;
|
||||
let getVaultCredentialStoresCount;
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-credential-stores-dropdown] div:first-child button';
|
||||
'[data-test-manage-credential-stores-dropdown] button:first-child';
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-manage-credential-stores-dropdown] ul li button';
|
||||
|
||||
|
||||
@@ -19,10 +19,8 @@ module('Acceptance | groups | delete', function (hooks) {
|
||||
setupApplicationTest(hooks);
|
||||
setupMirage(hooks);
|
||||
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-group-dropdown] div:first-child button';
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-manage-group-dropdown] ul li button';
|
||||
const MANAGE_DROPDOWN_SELECTOR = "[data-test-manage-group-dropdown] button:first-child"
|
||||
const DELETE_ACTION_SELECTOR = "[data-test-manage-group-dropdown] ul li button"
|
||||
|
||||
const instances = {
|
||||
scopes: {
|
||||
|
||||
@@ -38,7 +38,7 @@ module('Acceptance | groups | members', function (hooks) {
|
||||
};
|
||||
let membersCount;
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-group-dropdown] div:first-child button';
|
||||
'[data-test-manage-group-dropdown] button:first-child';
|
||||
const ADD_MEMBERS_ACTION_SELECTOR =
|
||||
'[data-test-manage-group-dropdown] ul li a';
|
||||
|
||||
|
||||
@@ -23,7 +23,7 @@ module('Acceptance | host-catalogs | delete', function (hooks) {
|
||||
|
||||
let getHostCatalogCount;
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-host-catalogs-dropdown] div:first-child button';
|
||||
'[data-test-manage-host-catalogs-dropdown] button:first-child';
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-manage-host-catalogs-dropdown] ul li button';
|
||||
|
||||
|
||||
@@ -23,7 +23,7 @@ module('Acceptance | host-catalogs | host sets | delete', function (hooks) {
|
||||
|
||||
let getHostSetCount;
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-dropdown-host-sets] div:first-child button';
|
||||
'[data-test-manage-dropdown-host-sets] button:first-child';
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-manage-dropdown-host-sets] ul li button';
|
||||
|
||||
|
||||
@@ -29,7 +29,7 @@ module('Acceptance | host-catalogs | host-sets | hosts', function (hooks) {
|
||||
|
||||
let getHostSetHostCount;
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-dropdown-host-sets] div:first-child button';
|
||||
'[data-test-manage-dropdown-host-sets] button:first-child';
|
||||
const CREATE_AND_ADD_HOSTS_SELECTOR =
|
||||
'[data-test-manage-dropdown-host-sets] div ul li:first-child a';
|
||||
const ADD_EXISTING_HOSTS_SELECTOR =
|
||||
|
||||
@@ -19,7 +19,7 @@ module('Acceptance | host-catalogs | host sets | list', function (hooks) {
|
||||
setupMirage(hooks);
|
||||
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-host-catalogs-dropdown] div:first-child button';
|
||||
'[data-test-manage-host-catalogs-dropdown] button:first-child';
|
||||
|
||||
const instances = {
|
||||
scopes: {
|
||||
|
||||
@@ -23,7 +23,7 @@ module('Acceptance | host-catalogs | hosts | delete', function (hooks) {
|
||||
|
||||
let getHostCount;
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-hosts-dropdown] div:first-child button';
|
||||
'[data-test-manage-hosts-dropdown] button:first-child';
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-manage-hosts-dropdown] ul li button';
|
||||
|
||||
|
||||
@@ -19,7 +19,7 @@ module('Acceptance | host-catalogs | hosts | list', function (hooks) {
|
||||
setupMirage(hooks);
|
||||
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-host-catalogs-dropdown] div:first-child button';
|
||||
'[data-test-manage-host-catalogs-dropdown] button:first-child';
|
||||
const NEW_HOST_SELECTOR =
|
||||
'[data-test-manage-host-catalogs-dropdown] div ul li a';
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
*/
|
||||
|
||||
export const MANAGE_DROPDOWN =
|
||||
'[data-test-manage-host-catalogs-dropdown] div:first-child button';
|
||||
'[data-test-manage-host-catalogs-dropdown] button:first-child';
|
||||
|
||||
export const FIELD_ADDRESS = '[name=address]';
|
||||
export const FIELD_ADDRESS_VALUE = 'New address';
|
||||
@@ -30,7 +30,7 @@ module('Acceptance | managed-groups | create', function (hooks) {
|
||||
const DESC_INPUT_SELECTOR = '[name="description"]';
|
||||
const ERROR_MSG_SELECTOR = '.rose-notification-body';
|
||||
const FIELD_ERROR_TEXT_SELECTOR = '.hds-form-error__message';
|
||||
const MANAGE_DROPDOWN_SELECTOR = '[data-test-manage-auth-method] div button';
|
||||
const MANAGE_DROPDOWN_SELECTOR = '[data-test-manage-auth-method] button:first-child';
|
||||
|
||||
const instances = {
|
||||
scopes: {
|
||||
|
||||
@@ -22,7 +22,7 @@ module('Acceptance | managed-groups | delete', function (hooks) {
|
||||
let getManagedGroupCount;
|
||||
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-managed-group-dropdown] div:first-child button';
|
||||
'[data-test-managed-group-dropdown] button:first-child';
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-managed-group-dropdown] ul li button';
|
||||
const ERROR_MSG_SELECTOR = '.rose-notification-body';
|
||||
|
||||
@@ -20,7 +20,7 @@ module('Acceptance | managed-groups | list', function (hooks) {
|
||||
setupIndexedDb(hooks);
|
||||
|
||||
let featuresService;
|
||||
const MANAGE_DROPDOWN_SELECTOR = '[data-test-manage-auth-method] div button';
|
||||
const MANAGE_DROPDOWN_SELECTOR = '[data-test-manage-auth-method] button:first-child';
|
||||
|
||||
const instances = {
|
||||
scopes: {
|
||||
|
||||
@@ -23,7 +23,7 @@ module('Acceptance | scopes | delete', function (hooks) {
|
||||
|
||||
let getScopeCount;
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-projects-dropdown] div:first-child button';
|
||||
'[data-test-manage-projects-dropdown] button:first-child';
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-manage-projects-dropdown] ul li button';
|
||||
|
||||
|
||||
@@ -26,7 +26,7 @@ module('Acceptance | scopes | read', function (hooks) {
|
||||
|
||||
const FORM_SELECTOR = 'main .rose-form';
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-projects-dropdown] div:first-child button';
|
||||
'[data-test-manage-projects-dropdown] button:first-child';
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-manage-projects-dropdown] ul li button';
|
||||
const STORAGE_POLICY_SIDEBAR = '.policy-sidebar';
|
||||
|
||||
@@ -23,7 +23,7 @@ module('Acceptance | targets | delete', function (hooks) {
|
||||
|
||||
let getTargetCount;
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-targets-dropdown] div:first-child button';
|
||||
'[data-test-manage-targets-dropdown] button:first-child';
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-manage-targets-dropdown] ul li button';
|
||||
|
||||
|
||||
@@ -22,7 +22,7 @@ module('Acceptance | targets | host-sources', function (hooks) {
|
||||
|
||||
let getTargetHostSetCount;
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-targets-dropdown] div:first-child button';
|
||||
'[data-test-manage-targets-dropdown] button:first-child';
|
||||
const ADD_HOSTSOURCE_SELECTOR = '[data-test-manage-targets-dropdown] ul li a';
|
||||
|
||||
const instances = {
|
||||
|
||||
@@ -28,7 +28,7 @@ module('Acceptance | users | accounts', function (hooks) {
|
||||
const ADD_ACCOUNTS_ACTION_SELECTOR =
|
||||
'[data-test-manage-user-dropdown] ul li:first-child a';
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-user-dropdown] div:first-child button';
|
||||
'[data-test-manage-user-dropdown] button:first-child';
|
||||
const ERROR_MSG_SELECTOR = '[role="alert"]';
|
||||
const TABLE_ROWS_SELECTOR = 'tbody tr';
|
||||
const CHECKBOX_SELECTOR = 'tbody label';
|
||||
|
||||
@@ -20,10 +20,8 @@ module('Acceptance | users | delete', function (hooks) {
|
||||
setupApplicationTest(hooks);
|
||||
setupMirage(hooks);
|
||||
setupIndexedDb(hooks);
|
||||
const DELETE_ACTION_SELECTOR =
|
||||
'[data-test-manage-user-dropdown] ul li button';
|
||||
const MANAGE_DROPDOWN_SELECTOR =
|
||||
'[data-test-manage-user-dropdown] div:first-child button';
|
||||
const DELETE_ACTION_SELECTOR = "[data-test-manage-user-dropdown] ul li button"
|
||||
const MANAGE_DROPDOWN_SELECTOR = "[data-test-manage-user-dropdown] button:first-child"
|
||||
const instances = {
|
||||
scopes: {
|
||||
global: null,
|
||||
|
||||
@@ -17,9 +17,9 @@ module('Acceptance | workers | worker | create-tags', function (hooks) {
|
||||
const SAVE_BUTTON_SELECTOR = '[type="submit"]';
|
||||
const CANCEL_BUTTON_SELECTOR = '.rose-form-actions [type="button"]';
|
||||
const MANAGE_DROPDOWN_TOGGLE =
|
||||
'[data-test-manage-worker-dropdown] div button';
|
||||
'[data-test-manage-worker-dropdown] button:first-child';
|
||||
const CREATE_TAGS_BUTTON_SELECTOR =
|
||||
'[data-test-manage-worker-dropdown] div:first-child a';
|
||||
'[data-test-manage-worker-dropdown] ul a:first-child';
|
||||
const KEY_INPUT_SELECTOR = '[name="api_tags"] tr td:first-child input';
|
||||
const VALUE_INPUT_SELECTOR = '[name="api_tags"] tr td:nth-child(2) input';
|
||||
const ADD_INPUT_SELECTOR = '[name="api_tags"] tr td:last-child button';
|
||||
|
||||
@@ -22,7 +22,7 @@ module('Acceptance | workers | delete', function (hooks) {
|
||||
setupMirage(hooks);
|
||||
|
||||
const MANAGE_DROPDOWN_TOGGLE =
|
||||
'[data-test-manage-worker-dropdown] div button';
|
||||
'[data-test-manage-worker-dropdown] button:first-child';
|
||||
const REMOVE_WORKER_BUTTON =
|
||||
'[data-test-manage-worker-dropdown] div:nth-child(2) button';
|
||||
let getWorkerCount;
|
||||
|
||||
Reference in new issue
Block a user