External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-12 02:19:58 -03:30
Code Issues Packages Projects Releases Wiki Activity

Add style-components macro where needed

Browse Source 
We need to import the styled-components macro whenever we use the
css= prop.
This commit is contained in:
Jake McDermott 2020-05-12 12:34:19 -04:00
parent 41fa3e0473
commit 6098ee8f7f
No known key found for this signature in database
GPG Key ID: 0E56ED990CDFCB4F
43 changed files with 209 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
awx/ui_next/src/components/AlertModal/AlertModal.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { Modal, Title } from '@patternfly/react-core';
import {

1
awx/ui_next/src/components/CodeMirrorInput/VariablesDetail.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useState, useEffect } from 'react';
import { string, node, number } from 'prop-types';
import { Split, SplitItem, TextListItemVariants } from '@patternfly/react-core';

18
awx/ui_next/src/components/CodeMirrorInput/VariablesDetail.test.jsx
View File

@ -10,7 +10,7 @@ describe('<VariablesDetail>', () => {
const wrapper = shallow(
<VariablesDetail value="---foo: bar" label="Variables" />
);
const input = wrapper.find('CodeMirrorInput');
const input = wrapper.find('VariablesDetail___StyledCodeMirrorInput');
expect(input).toHaveLength(1);
expect(input.prop('mode')).toEqual('yaml');
expect(input.prop('value')).toEqual('---foo: bar');
@ -21,7 +21,7 @@ describe('<VariablesDetail>', () => {
const wrapper = shallow(
<VariablesDetail value='{"foo": "bar"}' label="Variables" />
);
const input = wrapper.find('CodeMirrorInput');
const input = wrapper.find('VariablesDetail___StyledCodeMirrorInput');
expect(input).toHaveLength(1);
expect(input.prop('mode')).toEqual('javascript');
expect(input.prop('value')).toEqual('{"foo": "bar"}');
@ -32,19 +32,21 @@ describe('<VariablesDetail>', () => {
<VariablesDetail value="---foo: bar" label="Variables" />
);
wrapper.find('MultiButtonToggle').invoke('onChange')('javascript');
const input = wrapper.find('CodeMirrorInput');
const input = wrapper.find('VariablesDetail___StyledCodeMirrorInput');
expect(input.prop('mode')).toEqual('javascript');
expect(input.prop('value')).toEqual('{\n "foo": "bar"\n}');
wrapper.find('MultiButtonToggle').invoke('onChange')('yaml');
const input2 = wrapper.find('CodeMirrorInput');
const input2 = wrapper.find('VariablesDetail___StyledCodeMirrorInput');
expect(input2.prop('mode')).toEqual('yaml');
expect(input2.prop('value')).toEqual('foo: bar\n');
});
test('should render label and value= --- when there are no values', () => {
const wrapper = shallow(<VariablesDetail value="" label="Variables" />);
expect(wrapper.find('CodeMirrorInput').length).toBe(1);
expect(wrapper.find('VariablesDetail___StyledCodeMirrorInput').length).toBe(
1
);
expect(wrapper.find('div.pf-c-form__label').text()).toBe('Variables');
});
@ -59,14 +61,14 @@ describe('<VariablesDetail>', () => {
value: '---bar: baz',
});
wrapper.update();
const input = wrapper.find('CodeMirrorInput');
const input = wrapper.find('VariablesDetail___StyledCodeMirrorInput');
expect(input.prop('mode')).toEqual('javascript');
expect(input.prop('value')).toEqual('{\n "bar": "baz"\n}');
});
test('should default yaml value to "---"', () => {
const wrapper = shallow(<VariablesDetail value="" label="Variables" />);
const input = wrapper.find('CodeMirrorInput');
const input = wrapper.find('VariablesDetail___StyledCodeMirrorInput');
expect(input.prop('value')).toEqual('---');
});
@ -76,7 +78,7 @@ describe('<VariablesDetail>', () => {
wrapper.find('MultiButtonToggle').invoke('onChange')('javascript');
});
wrapper.setProps({ value: '' });
const input = wrapper.find('CodeMirrorInput');
const input = wrapper.find('VariablesDetail___StyledCodeMirrorInput');
expect(input.prop('value')).toEqual('{}');
});
});

1
awx/ui_next/src/components/CollapsibleSection/ExpandingContainer.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useState, useEffect, useRef } from 'react';
import { bool } from 'prop-types';
import styled from 'styled-components';

1
awx/ui_next/src/components/HostToggle/HostToggle.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { Fragment, useState, useEffect, useCallback } from 'react';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';

1
awx/ui_next/src/components/LaunchPrompt/steps/CredentialsStep.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useState, useCallback, useEffect } from 'react';
import { useHistory } from 'react-router-dom';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/components/Lookup/MultiCredentialsLookup.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { Fragment, useState, useEffect } from 'react';
import { withRouter } from 'react-router-dom';
import PropTypes from 'prop-types';

1
awx/ui_next/src/components/PromptDetail/PromptDetail.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { shape } from 'prop-types';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/components/ResourceAccessList/ResourceAccessListItem.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { func } from 'prop-types';
import { withI18n } from '@lingui/react';

124
awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
View File

@ -100,11 +100,11 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
class="pf-c-title"
>
<div
class="sc-bdVaJa cjtBrl"
class="AlertModal__Header-l9z1bu-0 hQFWHX"
>
<svg
aria-hidden="true"
css="color: var(--pf-global--danger-color--100)"
class="AlertModal___StyledExclamationCircleIcon-l9z1bu-1 jOhcwt"
fill="currentColor"
height="2em"
role="img"
@ -159,20 +159,16 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
ariaDescribedById=""
className=""
header={
<ForwardRef(styled.div)>
<ExclamationCircleIcon
color="currentColor"
css="color: var(--pf-global--danger-color--100)"
noVerticalAlign={false}
<ForwardRef(AlertModal__Header)>
<ForwardRef(AlertModal___StyledExclamationCircleIcon)
size="lg"
title={null}
/>
<Title
size="2xl"
>
Remove Team Access
</Title>
</ForwardRef(styled.div)>
</ForwardRef(AlertModal__Header)>
}
hideTitle={false}
isFooterLeftAligned={true}
@ -223,11 +219,11 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
class="pf-c-title"
>
<div
class="sc-bdVaJa cjtBrl"
class="AlertModal__Header-l9z1bu-0 hQFWHX"
>
<svg
aria-hidden="true"
css="color: var(--pf-global--danger-color--100)"
class="AlertModal___StyledExclamationCircleIcon-l9z1bu-1 jOhcwt"
fill="currentColor"
height="2em"
role="img"
@ -300,20 +296,16 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
ariaDescribedById=""
className=""
header={
<ForwardRef(styled.div)>
<ExclamationCircleIcon
color="currentColor"
css="color: var(--pf-global--danger-color--100)"
noVerticalAlign={false}
<ForwardRef(AlertModal__Header)>
<ForwardRef(AlertModal___StyledExclamationCircleIcon)
size="lg"
title={null}
/>
<Title
size="2xl"
>
Remove Team Access
</Title>
</ForwardRef(styled.div)>
</ForwardRef(AlertModal__Header)>
}
hideTitle={false}
id="pf-modal-0"
@ -440,29 +432,24 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
<div
className="pf-c-title"
>
<styled.div>
<AlertModal__Header>
<StyledComponent
forwardedComponent={
Object {
"$$typeof": Symbol(react.forward_ref),
"attrs": Array [],
"componentStyle": ComponentStyle {
"componentId": "sc-bdVaJa",
"componentId": "AlertModal__Header-l9z1bu-0",
"isStatic": false,
"lastClassName": "cjtBrl",
"lastClassName": "hQFWHX",
"rules": Array [
"
display: flex;
svg {
margin-right: 16px;
}
",
"display:flex;svg{margin-right:16px;}",
],
},
"displayName": "styled.div",
"displayName": "AlertModal__Header",
"foldedComponentIds": Array [],
"render": [Function],
"styledComponentId": "sc-bdVaJa",
"styledComponentId": "AlertModal__Header-l9z1bu-0",
"target": "div",
"toString": [Function],
"warnTooManyClasses": [Function],
@ -472,36 +459,67 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
forwardedRef={null}
>
<div
className="sc-bdVaJa cjtBrl"
className="AlertModal__Header-l9z1bu-0 hQFWHX"
>
<ExclamationCircleIcon
color="currentColor"
css="color: var(--pf-global--danger-color--100)"
noVerticalAlign={false}
<AlertModal___StyledExclamationCircleIcon
size="lg"
title={null}
>
<svg
aria-hidden={true}
aria-labelledby={null}
css="color: var(--pf-global--danger-color--100)"
fill="currentColor"
height="2em"
role="img"
style={
<StyledComponent
forwardedComponent={
Object {
"verticalAlign": "-0.25em",
"$$typeof": Symbol(react.forward_ref),
"attrs": Array [],
"componentStyle": ComponentStyle {
"componentId": "AlertModal___StyledExclamationCircleIcon-l9z1bu-1",
"isStatic": false,
"lastClassName": "jOhcwt",
"rules": Array [
"color:var(--pf-global--danger-color--100)",
],
},
"displayName": "AlertModal___StyledExclamationCircleIcon",
"foldedComponentIds": Array [],
"render": [Function],
"styledComponentId": "AlertModal___StyledExclamationCircleIcon-l9z1bu-1",
"target": [Function],
"toString": [Function],
"warnTooManyClasses": [Function],
"withComponent": [Function],
}
}
viewBox="0 0 512 512"
width="2em"
forwardedRef={null}
size="lg"
>
<path
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
transform=""
/>
</svg>
</ExclamationCircleIcon>
<ExclamationCircleIcon
className="AlertModal___StyledExclamationCircleIcon-l9z1bu-1 jOhcwt"
color="currentColor"
noVerticalAlign={false}
size="lg"
title={null}
>
<svg
aria-hidden={true}
aria-labelledby={null}
className="AlertModal___StyledExclamationCircleIcon-l9z1bu-1 jOhcwt"
fill="currentColor"
height="2em"
role="img"
style={
Object {
"verticalAlign": "-0.25em",
}
}
viewBox="0 0 512 512"
width="2em"
>
<path
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
transform=""
/>
</svg>
</ExclamationCircleIcon>
</StyledComponent>
</AlertModal___StyledExclamationCircleIcon>
<Title
size="2xl"
>
@ -513,7 +531,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
</Title>
</div>
</StyledComponent>
</styled.div>
</AlertModal__Header>
</div>
<ModalBoxBody
id="pf-modal-0"

120
awx/ui_next/src/components/ResourceAccessList/__snapshots__/ResourceAccessListItem.test.jsx.snap
View File

@ -49,7 +49,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
<div
className="pf-c-data-list__item-row"
>
<Styled(DataListItemCells)
<ResourceAccessListItem__DataListItemCells
dataListCells={
Array [
<ForwardRef(Styled(PFDataListCell))>
@ -57,8 +57,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
<Text
component="h6"
>
<ForwardRef
css="font-weight: bold"
<ForwardRef(ResourceAccessListItem___StyledLink)
to={
Object {
"pathname": "/users/2/details",
@ -66,7 +65,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
}
>
jane
</ForwardRef>
</ForwardRef(ResourceAccessListItem___StyledLink)>
</Text>
</TextContent>
<ForwardRef(Styled(DetailList))
@ -117,8 +116,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
<Text
component="h6"
>
<ForwardRef
css="font-weight: bold"
<ForwardRef(ResourceAccessListItem___StyledLink)
to={
Object {
"pathname": "/users/2/details",
@ -126,7 +124,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
}
>
jane
</ForwardRef>
</ForwardRef(ResourceAccessListItem___StyledLink)>
</Text>
</TextContent>
<ForwardRef(Styled(DetailList))
@ -171,19 +169,17 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
"$$typeof": Symbol(react.forward_ref),
"attrs": Array [],
"componentStyle": ComponentStyle {
"componentId": "sc-bZQynM",
"componentId": "ResourceAccessListItem__DataListItemCells-sc-658iqk-0",
"isStatic": false,
"lastClassName": "dLjtme",
"lastClassName": "jCdAGK",
"rules": Array [
"
align-items: start;
",
"align-items:start;",
],
},
"displayName": "Styled(DataListItemCells)",
"displayName": "ResourceAccessListItem__DataListItemCells",
"foldedComponentIds": Array [],
"render": [Function],
"styledComponentId": "sc-bZQynM",
"styledComponentId": "ResourceAccessListItem__DataListItemCells-sc-658iqk-0",
"target": [Function],
"toString": [Function],
"warnTooManyClasses": [Function],
@ -194,7 +190,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
rowid="access-list-item"
>
<DataListItemCells
className="sc-bZQynM dLjtme"
className="ResourceAccessListItem__DataListItemCells-sc-658iqk-0 jCdAGK"
dataListCells={
Array [
<ForwardRef(Styled(PFDataListCell))>
@ -202,8 +198,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
<Text
component="h6"
>
<ForwardRef
css="font-weight: bold"
<ForwardRef(ResourceAccessListItem___StyledLink)
to={
Object {
"pathname": "/users/2/details",
@ -211,7 +206,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
}
>
jane
</ForwardRef>
</ForwardRef(ResourceAccessListItem___StyledLink)>
</Text>
</TextContent>
<ForwardRef(Styled(DetailList))
@ -254,7 +249,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
rowid="access-list-item"
>
<div
className="pf-c-data-list__item-content sc-bZQynM dLjtme"
className="pf-c-data-list__item-content ResourceAccessListItem__DataListItemCells-sc-658iqk-0 jCdAGK"
>
<DataListCell
key="name"
@ -303,28 +298,85 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
className=""
data-pf-content={true}
>
<Link
css="font-weight: bold"
<ResourceAccessListItem___StyledLink
to={
Object {
"pathname": "/users/2/details",
}
}
>
<LinkAnchor
css="font-weight: bold"
href="/users/2/details"
navigate={[Function]}
<StyledComponent
forwardedComponent={
Object {
"$$typeof": Symbol(react.forward_ref),
"attrs": Array [],
"componentStyle": ComponentStyle {
"componentId": "ResourceAccessListItem___StyledLink-sc-658iqk-1",
"isStatic": false,
"lastClassName": "ddHgXz",
"rules": Array [
"font-weight:bold",
],
},
"displayName": "ResourceAccessListItem___StyledLink",
"foldedComponentIds": Array [],
"propTypes": Object {
"innerRef": [Function],
"onClick": [Function],
"replace": [Function],
"target": [Function],
"to": [Function],
},
"render": [Function],
"styledComponentId": "ResourceAccessListItem___StyledLink-sc-658iqk-1",
"target": Object {
"$$typeof": Symbol(react.forward_ref),
"displayName": "Link",
"propTypes": Object {
"innerRef": [Function],
"onClick": [Function],
"replace": [Function],
"target": [Function],
"to": [Function],
},
"render": [Function],
},
"toString": [Function],
"warnTooManyClasses": [Function],
"withComponent": [Function],
}
}
forwardedRef={null}
to={
Object {
"pathname": "/users/2/details",
}
}
>
<a
css="font-weight: bold"
href="/users/2/details"
onClick={[Function]}
<Link
className="ResourceAccessListItem___StyledLink-sc-658iqk-1 ddHgXz"
to={
Object {
"pathname": "/users/2/details",
}
}
>
jane
</a>
</LinkAnchor>
</Link>
<LinkAnchor
className="ResourceAccessListItem___StyledLink-sc-658iqk-1 ddHgXz"
href="/users/2/details"
navigate={[Function]}
>
<a
className="ResourceAccessListItem___StyledLink-sc-658iqk-1 ddHgXz"
href="/users/2/details"
onClick={[Function]}
>
jane
</a>
</LinkAnchor>
</Link>
</StyledComponent>
</ResourceAccessListItem___StyledLink>
</h6>
</Text>
</div>
@ -940,7 +992,7 @@ exports[`<ResourceAccessListItem /> initially renders succesfully 1`] = `
</div>
</DataListItemCells>
</StyledComponent>
</Styled(DataListItemCells)>
</ResourceAccessListItem__DataListItemCells>
</div>
</DataListItemRow>
</li>

4
awx/ui_next/src/components/Schedule/ScheduleDetail/ScheduleDetail.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useCallback, useEffect, useState } from 'react';
import { Link, useHistory, useLocation } from 'react-router-dom';
import { RRule, rrulestr } from 'rrule';
@ -12,7 +13,8 @@ import ContentError from '../../ContentError';
import ContentLoading from '../../ContentLoading';
import CredentialChip from '../../CredentialChip';
import { DetailList, Detail, UserDateDetail } from '../../DetailList';
import { ScheduleOccurrences, ScheduleToggle } from '..';
import ScheduleOccurrences from '../ScheduleOccurrences';
import ScheduleToggle from '../ScheduleToggle';
import { formatDateString } from '../../../util/dates';
import useRequest from '../../../util/useRequest';
import { SchedulesAPI } from '../../../api';

1
awx/ui_next/src/components/Schedule/ScheduleList/ScheduleListItem.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { bool, func } from 'prop-types';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/components/Schedule/ScheduleOccurrences/ScheduleOccurrences.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useState } from 'react';
import { shape } from 'prop-types';
import styled from 'styled-components';

1
awx/ui_next/src/components/Schedule/ScheduleToggle/ScheduleToggle.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { Fragment, useState, useEffect, useCallback } from 'react';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';

1
awx/ui_next/src/components/Schedule/shared/FrequencyDetailSubform.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import styled from 'styled-components';
import { useField } from 'formik';

1
awx/ui_next/src/components/Search/Search.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { Fragment } from 'react';
import PropTypes from 'prop-types';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/components/Workflow/WorkflowNodeHelp.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { withI18n } from '@lingui/react';
import { t, Trans } from '@lingui/macro';

1
awx/ui_next/src/components/Workflow/WorkflowTools.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useContext } from 'react';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';

1
awx/ui_next/src/screens/Host/HostDetail/HostDetail.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useState } from 'react';
import { Link, useHistory } from 'react-router-dom';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/screens/Host/HostList/HostListItem.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { Fragment } from 'react';
import { string, bool, func } from 'prop-types';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { Link } from 'react-router-dom';
import { string, bool, func } from 'prop-types';

1
awx/ui_next/src/screens/Inventory/InventoryHostDetail/InventoryHostDetail.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useState } from 'react';
import { Link, useHistory } from 'react-router-dom';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/screens/Inventory/shared/InventoryGroupsDeleteModal.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import { func, bool, arrayOf, object } from 'prop-types';

1
awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useState } from 'react';
import { Link, useHistory } from 'react-router-dom';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/screens/Job/JobOutput/PageControls.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';

1
awx/ui_next/src/screens/Job/WorkflowOutput/WorkflowOutputGraph.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useContext, useEffect, useRef, useState } from 'react';
import * as d3 from 'd3';
import { WorkflowStateContext } from '../../../contexts/Workflow';

1
awx/ui_next/src/screens/Project/ProjectJobTemplatesList/ProjectJobTemplatesListItem.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { Link } from 'react-router-dom';
import {

1
awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { Fragment, useState, useCallback } from 'react';
import { string, bool, func } from 'prop-types';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/screens/Project/shared/ProjectSubForms/GitSubForm.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';

1
awx/ui_next/src/screens/Project/shared/ProjectSubForms/HgSubForm.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';

1
awx/ui_next/src/screens/Project/shared/ProjectSubForms/ManualSubForm.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';

1
awx/ui_next/src/screens/Project/shared/ProjectSubForms/SvnSubForm.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';

1
awx/ui_next/src/screens/Team/TeamList/TeamListItem.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { Fragment } from 'react';
import { string, bool, func } from 'prop-types';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/screens/Template/Survey/SurveyListItem.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { t } from '@lingui/macro';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/screens/Template/TemplateList/TemplateListItem.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useState, useCallback } from 'react';
import { Link } from 'react-router-dom';
import {

1
awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeDeleteModal.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { Fragment, useContext } from 'react';
import { Button } from '@patternfly/react-core';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeModal.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useContext, useState } from 'react';
import { useHistory } from 'react-router-dom';
import { withI18n } from '@lingui/react';

1
awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeTypeStep/NodeTypeStep.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React from 'react';
import { withI18n } from '@lingui/react';
import { t, Trans } from '@lingui/macro';

1
awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerGraph.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useContext, useEffect, useRef, useState } from 'react';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';

1
awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerStartScreen.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useContext } from 'react';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';

1
awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { useContext } from 'react';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';

1
awx/ui_next/src/screens/User/UserList/UserListItem.jsx
View File

@ -1,3 +1,4 @@
import 'styled-components/macro';
import React, { Fragment } from 'react';
import { string, bool, func } from 'prop-types';
import { withI18n } from '@lingui/react';