refactor: remove font awesome dependency (#10081)

Co-authored-by: Chirag Madlani <12962843+chirag-madlani@users.noreply.github.com>
This commit is contained in:
karanh37 2023-02-03 14:56:48 +05:30 committed by GitHub
parent 8cc36ef7f6
commit 852edc74d3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
57 changed files with 175 additions and 359 deletions

View File

@ -57,8 +57,6 @@ module.exports = {
'\\.(jpg|JPG|gif|GIF|png|PNG|less|LESS|css|CSS)$':
'<rootDir>/src/test/unit/mocks/file.mock.js',
'\\.json': '<rootDir>/src/test/unit/mocks/json.mock.js',
'@fortawesome/react-fontawesome':
'<rootDir>/src/test/unit/mocks/fontawesome.mock.js',
'@github/g-emoji-element': '<rootDir>/src/test/unit/mocks/gemoji.mock.js',
},

View File

@ -20,9 +20,6 @@
"@azure/msal-react": "^1.3.0",
"@deuex-solutions/react-tour": "^1.2.5",
"@deuex-solutions/redoc": "^2.0.0-rc.35",
"@fortawesome/fontawesome-svg-core": "^1.3.0",
"@fortawesome/free-solid-svg-icons": "^6.0.0",
"@fortawesome/react-fontawesome": "^0.1.17",
"@github/g-emoji-element": "^1.1.5",
"@okta/okta-auth-js": "^6.4.0",
"@okta/okta-react": "^6.4.3",

View File

@ -11,19 +11,6 @@
* limitations under the License.
*/
import { library } from '@fortawesome/fontawesome-svg-core';
import {
faCheck,
faCheckCircle,
faCheckSquare,
faChevronDown,
faChevronRight,
faChevronUp,
faEllipsisV,
faPlus,
faSearch,
faTimes,
} from '@fortawesome/free-solid-svg-icons';
import Appbar from 'components/app-bar/Appbar';
import { AuthProvider } from 'components/authentication/auth-provider/AuthProvider';
import ErrorBoundry from 'components/ErrorBoundry/ErrorBoundry';
@ -41,19 +28,6 @@ import 'react-toastify/dist/ReactToastify.min.css';
import i18n from 'utils/i18next/LocalUtil';
const App: FunctionComponent = () => {
library.add(
faTimes,
faCheck,
faSearch,
faPlus,
faCheckSquare,
faCheckCircle,
faChevronDown,
faChevronRight,
faChevronUp,
faEllipsisV
);
return (
<div className="main-container">
<div className="content-wrapper" data-testid="content-wrapper">

Binary file not shown.

Before

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 292 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 178 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 214 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 362 KiB

View File

@ -0,0 +1,3 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><circle cx="60" cy="92" r="16"/><circle cx="128" cy="92" r="16"/><circle cx="196" cy="92" r="16"/><circle cx="60" cy="164" r="16"/><circle cx="128" cy="164" r="16"/><circle cx="196" cy="164" r="16"/></svg>

After

Width:  |  Height:  |  Size: 468 B

View File

@ -24,10 +24,6 @@ const mockFeedPanelHeaderProp = {
onShowNewConversation: jest.fn(),
};
jest.mock('@fortawesome/react-fontawesome', () => ({
FontAwesomeIcon: jest.fn().mockReturnValue(<span>Icon</span>),
}));
describe('Test FeedPanelHeader Component', () => {
it('Check if FeedPanelHeader has all child elements', async () => {
const { container } = render(

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { PlusOutlined } from '@ant-design/icons';
import { Tooltip } from 'antd';
import classNames from 'classnames';
import React, { FC } from 'react';
@ -62,7 +62,7 @@ const FeedPanelHeader: FC<FeedPanelHeaderProp> = ({
onClick={() => {
onShowNewConversation?.(true);
}}>
<FontAwesomeIcon icon="plus" />
<PlusOutlined />
</Button>
</Tooltip>
) : null}

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { PlusOutlined } from '@ant-design/icons';
import { Button, Space, Switch, Typography } from 'antd';
import Tags from 'components/Tag/Tags/tags';
import { LOADING_STATE } from 'enums/common.enum';
@ -234,7 +234,7 @@ const AddGlossary = ({
size="small"
type="primary"
onClick={() => setShowReviewerModal(true)}>
<FontAwesomeIcon icon="plus" />
<PlusOutlined style={{ color: 'white' }} />
</Button>
</div>
<div className="tw-my-4" data-testid="reviewers-container">

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, PlusOutlined } from '@ant-design/icons';
import { Space, Switch } from 'antd';
import classNames from 'classnames';
import Tags from 'components/Tag/Tags/tags';
@ -264,7 +264,7 @@ const AddGlossaryTerm = ({
size="regular"
theme="primary"
variant="contained">
<FontAwesomeIcon icon="check" />
<CheckOutlined />
</Button>
) : (
<Button
@ -418,7 +418,7 @@ const AddGlossaryTerm = ({
theme="primary"
variant="contained"
onClick={addReferenceFields}>
<FontAwesomeIcon icon="plus" />
<PlusOutlined />
</Button>
</Space>
</Field>
@ -488,7 +488,7 @@ const AddGlossaryTerm = ({
theme="primary"
variant="contained"
onClick={() => setShowRelatedTermsModal(true)}>
<FontAwesomeIcon icon="plus" />
<PlusOutlined />
</Button>
</div>
<div className="tw-my-4">
@ -520,7 +520,7 @@ const AddGlossaryTerm = ({
theme="primary"
variant="contained"
onClick={() => setShowReviewerModal(true)}>
<FontAwesomeIcon icon="plus" />
<PlusOutlined />
</Button>
</div>
<div className="tw-my-4">

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined } from '@ant-design/icons';
import React from 'react';
import { useTranslation } from 'react-i18next';
import { Button } from '../../buttons/Button/Button';
@ -73,7 +73,7 @@ const ScheduleInterval = ({
size="regular"
theme="primary"
variant="contained">
<FontAwesomeIcon icon="check" />
<CheckOutlined />
</Button>
) : (
<Button

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
import { Button, Input, Space, Typography } from 'antd';
import React from 'react';
import { useTranslation } from 'react-i18next';
@ -47,7 +47,7 @@ const DisplayNameComponent = ({
<Button
className="text-sm mr-1"
data-testid="cancel-displayName"
icon={<FontAwesomeIcon className="w-3.5 h-3.5" icon="times" />}
icon={<CloseOutlined />}
size="small"
type="primary"
onMouseDown={() => setIsDisplayNameEdit(false)}
@ -56,7 +56,7 @@ const DisplayNameComponent = ({
<Button
className="text-sm mr-1"
data-testid="save-displayName"
icon={<FontAwesomeIcon className="w-3.5 h-3.5" icon="check" />}
icon={<CheckOutlined />}
size="small"
type="primary"
onClick={handleDisplayNameChange}

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined } from '@ant-design/icons';
import {
Button,
Form,
@ -990,9 +990,7 @@ const CreateUser = ({
<Loader size="small" type="white" />
</Button>
) : saveState === 'success' ? (
<Button disabled type="primary">
<FontAwesomeIcon icon="check" />
</Button>
<Button disabled icon={<CheckOutlined />} type="primary" />
) : (
<Button
data-testid="save-user"

View File

@ -11,12 +11,12 @@
* limitations under the License.
*/
import { faGripVertical } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import Icon from '@ant-design/icons';
import classNames from 'classnames';
import { capitalize, isEmpty, uniqueId } from 'lodash';
import React, { FC, HTMLAttributes } from 'react';
import { Node } from 'reactflow';
import { ReactComponent as DragIconDotted } from '../../assets/svg/dots-six-bold.svg';
import { entityData } from '../../constants/Lineage.constants';
import SVGIcons from '../../utils/SvgUtils';
@ -56,7 +56,12 @@ const EntityNode: FC<EntityNodeProps> = ({ type, label, draggable }) => {
<SVGIcons alt={type} icon={`${type}-grey`} width="14" />
</span>
<span>
<FontAwesomeIcon icon={faGripVertical} style={{ color: '#7147E8' }} />
<Icon
className="drag-icon"
component={DragIconDotted}
rotate={90}
style={{ color: '#7147E8', fontSize: '18px', fontWeight: 'bold' }}
/>
</span>
</div>
<p className="tw-text-grey-body tw-text-center tw-text-xs tw-pt-1.5">

View File

@ -175,15 +175,6 @@ jest.mock('../../hooks/authHooks', () => {
};
});
jest.mock('@fortawesome/react-fontawesome', () => ({
FontAwesomeIcon: jest.fn().mockReturnValue(<i>Icon</i>),
}));
jest.mock('@fortawesome/free-solid-svg-icons', () => ({
faCaretDown: jest.fn().mockReturnValue(<i>faCaretDown</i>),
faCaretRight: jest.fn().mockReturnValue(<i>faCaretRight</i>),
}));
jest.mock('../common/rich-text-editor/RichTextEditorPreviewer', () => {
return jest.fn().mockReturnValue(<p>RichTextEditorPreviewer</p>);
});

View File

@ -12,10 +12,9 @@
*/
import {
faSortAmountDownAlt,
faSortAmountUpAlt,
} from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
SortAscendingOutlined,
SortDescendingOutlined,
} from '@ant-design/icons';
import { Card, Col, Row, Tabs } from 'antd';
import FacetFilter from 'components/common/facetfilter/FacetFilter';
import SearchedData from 'components/searched-data/SearchedData';
@ -271,23 +270,17 @@ const Explore: React.FC<ExploreProps> = ({
<div className="tw-flex">
{sortOrder === 'asc' ? (
<button
className="tw-mt-2"
onClick={() => onChangeSortOder('desc')}>
<FontAwesomeIcon
<button onClick={() => onChangeSortOder('desc')}>
<SortAscendingOutlined
className="tw-text-base tw-text-primary"
data-testid="last-updated"
icon={faSortAmountUpAlt}
/>
</button>
) : (
<button
className="tw-mt-2"
onClick={() => onChangeSortOder('asc')}>
<FontAwesomeIcon
<button onClick={() => onChangeSortOder('asc')}>
<SortDescendingOutlined
className="tw-text-base tw-text-primary"
data-testid="last-updated"
icon={faSortAmountDownAlt}
/>
</button>
)}

View File

@ -10,7 +10,7 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
import { Button, Col, Input, Row, Space, Tooltip, Typography } from 'antd';
import Description from 'components/common/description/Description';
import ProfilePicture from 'components/common/ProfilePicture/ProfilePicture';
@ -245,9 +245,8 @@ const GlossaryHeader = ({
onChange={(e) => onDisplayNameChange(e.target.value)}
/>
<Button
className="m-r-xs"
data-testid="cancelAssociatedTag"
icon={<FontAwesomeIcon className="w-3.5 h-3.5" icon="times" />}
icon={<CloseOutlined />}
size="small"
type="primary"
onMouseDown={() => setIsNameEditing(false)}
@ -255,7 +254,7 @@ const GlossaryHeader = ({
<Button
data-testid="saveAssociatedTag"
icon={<FontAwesomeIcon className="w-3.5 h-3.5" icon="check" />}
icon={<CheckOutlined />}
size="small"
type="primary"
onMouseDown={onDisplayNameSave}
@ -389,12 +388,7 @@ const GlossaryHeader = ({
className="p-0 flex-center"
data-testid="remove"
disabled={!permissions.EditAll}
icon={
<FontAwesomeIcon
className="tw-cursor-pointer"
icon="remove"
/>
}
icon={<CloseOutlined />}
size="small"
type="text"
onClick={() => handleRemoveReviewer(reviewer.id)}

View File

@ -11,7 +11,6 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { Col, Dropdown, Row, Tooltip, Typography } from 'antd';
import { AxiosError } from 'axios';
import { isEmpty } from 'lodash';
@ -45,6 +44,7 @@ import {
import { GlossaryAction, GlossaryV1Props } from './GlossaryV1.interfaces';
import './GlossaryV1.style.less';
import { EllipsisOutlined } from '@ant-design/icons';
import { ReactComponent as ExportIcon } from 'assets/svg/ic-export.svg';
import { ReactComponent as ImportIcon } from 'assets/svg/ic-import.svg';
import ExportGlossaryModal from './ExportGlossaryModal/ExportGlossaryModal';
@ -338,7 +338,7 @@ const GlossaryV1 = ({
variant="outlined"
onClick={() => setShowActions(true)}>
<span>
<FontAwesomeIcon icon="ellipsis-vertical" />
<EllipsisOutlined rotate={90} />
</span>
</Button>
</Tooltip>

View File

@ -11,8 +11,7 @@
* limitations under the License.
*/
import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
import { Button, Popover, Table, Tooltip, Typography } from 'antd';
import { ColumnsType } from 'antd/lib/table';
import { AxiosError } from 'axios';
@ -562,7 +561,7 @@ const Ingestion: React.FC<IngestionProps> = ({
onClick={() => ConfirmDelete(record.id as string, record.name)}>
{deleteSelection.id === record.id ? (
deleteSelection.state === 'success' ? (
<FontAwesomeIcon icon="check" />
<CheckOutlined />
) : (
<Loader size="small" type="default" />
)
@ -640,7 +639,7 @@ const Ingestion: React.FC<IngestionProps> = ({
<div className="d-flex">
{!isRequiredDetailsAvailable && (
<div className="tw-rounded tw-bg-error-lite tw-text-error tw-font-medium tw-px-4 tw-py-1 tw-mb-4 tw-flex tw-items-center tw-gap-1">
<FontAwesomeIcon icon={faExclamationCircle} />
<ExclamationCircleOutlined />
<p>
{t('message.no-service-connection-details-message', {
serviceName,

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { PlusOutlined } from '@ant-design/icons';
import { ArrayFieldTemplateProps } from '@rjsf/core';
import classNames from 'classnames';
import React, { Fragment, FunctionComponent } from 'react';
@ -36,7 +36,7 @@ export const ArrayFieldTemplate: FunctionComponent<ArrayFieldTemplateProps> = (
theme="primary"
variant="contained"
onClick={props.onAddClick}>
<FontAwesomeIcon icon="plus" />
<PlusOutlined />
</Button>
)}
</div>

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { PlusOutlined } from '@ant-design/icons';
import { ObjectFieldTemplateProps } from '@rjsf/core';
import classNames from 'classnames';
import React, { Fragment, FunctionComponent } from 'react';
@ -45,7 +45,7 @@ export const ObjectFieldTemplate: FunctionComponent<ObjectFieldTemplateProps> =
onClick={() => {
props.onAddClick(props.schema)();
}}>
<FontAwesomeIcon icon="plus" />
<PlusOutlined />
</Button>
)}
</div>

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { DownOutlined, RightOutlined } from '@ant-design/icons';
import { Col, Row, Space, Typography } from 'antd';
import React, { useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
@ -33,10 +33,11 @@ const SourceList = ({ feature }: { feature: MlFeature }) => {
<div className="m-t-sm">
<Space className="m-b-xs">
<span onClick={() => setIsActive((prev) => !prev)}>
<FontAwesomeIcon
className="text-xs text-primary cursor-pointer"
icon={isActive ? 'chevron-down' : 'chevron-right'}
/>
{isActive ? (
<DownOutlined className="text-xs text-primary cursor-pointer" />
) : (
<RightOutlined className="text-xs text-primary cursor-pointer" />
)}
</span>
<Typography.Text className="font-medium m-y-0">
{t('label.source-plural')}

View File

@ -11,11 +11,7 @@
* limitations under the License.
*/
import {
faChevronLeft,
faChevronRight,
} from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { LeftOutlined, RightOutlined } from '@ant-design/icons';
import { Space, Typography } from 'antd';
import { AxiosError } from 'axios';
import classNames from 'classnames';
@ -153,20 +149,14 @@ const SampleDataTable: FunctionComponent<Props> = ({
<button
className="tw-border tw-border-main tw-fixed tw-left-7 tw-top-2/3 tw-rounded-full tw-shadow-md tw-z-50 tw-bg-body-main tw-w-8 tw-h-8"
onClick={() => scrollHandler(-50)}>
<FontAwesomeIcon
className="tw-text-grey-muted"
icon={faChevronLeft}
/>
<LeftOutlined className="tw-text-grey-muted" />
</button>
) : null}
{scrollHandle.right ? (
<button
className="tw-border tw-border-main tw-fixed tw-right-7 tw-top-2/3 tw-rounded-full tw-shadow-md tw-z-50 tw-bg-body-main tw-w-8 tw-h-8"
onClick={() => scrollHandler(50)}>
<FontAwesomeIcon
className="tw-text-grey-muted"
icon={faChevronRight}
/>
<RightOutlined className="tw-text-grey-muted" />
</button>
) : null}

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { DownOutlined, UpOutlined } from '@ant-design/icons';
import { Typography } from 'antd';
import { isUndefined } from 'lodash';
import React, { FC, HTMLAttributes, useState } from 'react';
@ -38,10 +38,11 @@ const MessageCard = ({ message }: { message: string }) => {
onClick={() => setIsExpanded((pre) => !pre)}>
<div className="tw-flex">
<div className="tw-mr-3 tw-cursor-pointer">
<FontAwesomeIcon
className="tw-text-xs"
icon={isExpanded ? 'chevron-up' : 'chevron-down'}
/>
{isExpanded ? (
<UpOutlined className="tw-text-xs" />
) : (
<DownOutlined className="tw-text-xs" />
)}
</div>
{isExpanded ? (
<div>

View File

@ -15,8 +15,7 @@
/* eslint-disable @typescript-eslint/ban-ts-comment */
// @ts-nocheck
import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { InfoCircleOutlined } from '@ant-design/icons';
import { Tooltip } from 'antd';
import { isEmpty, isNull, isObject } from 'lodash';
import React, { ReactNode, useEffect, useState } from 'react';
@ -167,10 +166,9 @@ const ServiceConnectionDetails = ({
<div className="tw-flex">
<p className="tw-text-gray-500 tw-m-0">{title || key}:</p>
<Tooltip position="bottom" title={description} trigger="hover">
<FontAwesomeIcon
<InfoCircleOutlined
className="tw-mx-1"
color="#C4C4C4"
icon={{ ...faInfoCircle }}
style={{ color: 'C4C4C4' }}
/>
</Tooltip>
</div>

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CloseOutlined } from '@ant-design/icons';
import { Tooltip } from 'antd';
import classNames from 'classnames';
import RichTextEditorPreviewer from 'components/common/rich-text-editor/RichTextEditorPreviewer';
@ -94,7 +94,7 @@ const Tags: FunctionComponent<TagProps> = ({
e.stopPropagation();
removeTag && removeTag(e, getTagString(tag));
}}>
<FontAwesomeIcon className="tw-text-primary" icon="times" />
<CloseOutlined className="tw-text-primary" />
</span>
)}
</span>

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
import { Select, Space } from 'antd';
import classNames from 'classnames';
import Tags from 'components/Tag/Tags/tags';
@ -174,7 +174,7 @@ const TagsContainer: FunctionComponent<TagsContainerProps> = ({
theme="primary"
variant="contained"
onMouseDown={handleCancel}>
<FontAwesomeIcon className="tw-w-3.5 tw-h-3.5" icon="times" />
<CloseOutlined />
</Button>
<Button
className="tw-px-1 tw-py-1 tw-rounded tw-text-sm"
@ -183,7 +183,7 @@ const TagsContainer: FunctionComponent<TagsContainerProps> = ({
theme="primary"
variant="contained"
onMouseDown={handleSave}>
<FontAwesomeIcon className="tw-w-3.5 tw-h-3.5" icon="check" />
<CheckOutlined />
</Button>
</Space>
)}

View File

@ -11,7 +11,11 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import {
CheckOutlined,
CloseOutlined,
EllipsisOutlined,
} from '@ant-design/icons';
import {
Button,
Col,
@ -970,14 +974,14 @@ const TeamDetailsV1 = ({
data-testid="cancelAssociatedTag"
type="primary"
onMouseDown={() => setIsHeadingEditing(false)}>
<FontAwesomeIcon className="tw-w-3.5 tw-h-3.5" icon="times" />
<CloseOutlined />
</Button>
<Button
className="tw-px-1 tw-py-1 tw-rounded tw-text-sm"
data-testid="saveAssociatedTag"
type="primary"
onMouseDown={handleHeadingSave}>
<FontAwesomeIcon className="tw-w-3.5 tw-h-3.5" icon="check" />
<CheckOutlined />
</Button>
</div>
</div>
@ -1088,9 +1092,9 @@ const TeamDetailsV1 = ({
className="rounded-4 w-6 manage-dropdown-button"
data-testid="teams-dropdown"
size="small">
<FontAwesomeIcon
<EllipsisOutlined
className="text-primary self-center manage-dropdown-icon"
icon="ellipsis-vertical"
rotate={90}
/>
</Button>
</Dropdown>

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined } from '@ant-design/icons';
import { Button, Col, Popover, Row, Table, Tooltip } from 'antd';
import { ColumnsType } from 'antd/lib/table';
import { AxiosError } from 'axios';
@ -467,7 +467,7 @@ const TestSuitePipelineTab = () => {
}>
{deleteSelection.id === record.id ? (
deleteSelection.state === 'success' ? (
<FontAwesomeIcon icon="check" />
<CheckOutlined />
) : (
<Loader size="small" type="default" />
)

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
import {
Button as AntDButton,
Card,
@ -305,7 +305,7 @@ const Users = ({
theme="primary"
variant="contained"
onMouseDown={() => setIsDisplayNameEdit(false)}>
<FontAwesomeIcon className="tw-w-3.5 tw-h-3.5" icon="times" />
<CloseOutlined />
</Button>
<Button
className="tw-px-1 tw-py-1 tw-rounded tw-text-sm"
@ -314,7 +314,7 @@ const Users = ({
theme="primary"
variant="contained"
onClick={handleDisplayNameChange}>
<FontAwesomeIcon className="tw-w-3.5 tw-h-3.5" icon="check" />
<CheckOutlined />
</Button>
</div>
</Space>
@ -493,10 +493,7 @@ const Users = ({
theme="primary"
variant="contained"
onMouseDown={() => setIsTeamsEdit(false)}>
<FontAwesomeIcon
className="tw-w-3.5 tw-h-3.5"
icon="times"
/>
<CloseOutlined />
</Button>
<Button
className="tw-px-1 tw-py-1 tw-rounded tw-text-sm"
@ -505,10 +502,7 @@ const Users = ({
theme="primary"
variant="contained"
onClick={handleTeamsChange}>
<FontAwesomeIcon
className="tw-w-3.5 tw-h-3.5"
icon="check"
/>
<CheckOutlined />
</Button>
</div>
</Space>
@ -629,10 +623,7 @@ const Users = ({
theme="primary"
variant="contained"
onMouseDown={() => setIsRolesEdit(false)}>
<FontAwesomeIcon
className="tw-w-3.5 tw-h-3.5"
icon="times"
/>
<CloseOutlined />
</Button>
<Button
className="tw-px-1 tw-py-1 tw-rounded tw-text-sm"
@ -641,10 +632,7 @@ const Users = ({
theme="primary"
variant="contained"
onClick={handleRolesChange}>
<FontAwesomeIcon
className="tw-w-3.5 tw-h-3.5"
icon="check"
/>
<CheckOutlined />
</Button>
</div>
</Space>

View File

@ -11,7 +11,12 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import {
CheckCircleOutlined,
CheckOutlined,
DownOutlined,
RightOutlined,
} from '@ant-design/icons';
import classNames from 'classnames';
import React, { FunctionComponent } from 'react';
import { Button } from '../../buttons/Button/Button';
@ -57,7 +62,7 @@ const CardListItem: FunctionComponent<Props> = ({
);
case 'success':
return <FontAwesomeIcon icon="check" />;
return <CheckOutlined />;
default:
return (
@ -74,9 +79,9 @@ const CardListItem: FunctionComponent<Props> = ({
const getCardIcon = (cardId: string) => {
if (isSelected && isActive) {
return <FontAwesomeIcon className="tw-text-h4" icon="check-circle" />;
return <CheckCircleOutlined className="tw-text-h4" />;
} else if (isSelected) {
return <FontAwesomeIcon className="tw-text-h4" icon="check-circle" />;
return <CheckCircleOutlined className="tw-text-h4" />;
} else if (isActive) {
return getTierSelectButton(cardId);
} else {
@ -110,10 +115,11 @@ const CardListItem: FunctionComponent<Props> = ({
)}>
<div className="tw-flex">
<div className="tw-self-start tw-mr-2">
<FontAwesomeIcon
className="tw-text-xs"
icon={isActive ? 'chevron-down' : 'chevron-right'}
/>
{isActive ? (
<DownOutlined className="tw-text-xs" />
) : (
<RightOutlined className="tw-text-xs" />
)}
</div>
<div className="tw-flex tw-flex-col">
<p className={cardStyle.header.title}>{card.title}</p>

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
import React, { ChangeEvent, FC, useState } from 'react';
import { Button } from '../../buttons/Button/Button';
@ -67,7 +67,7 @@ export const PropertyInput: FC<PropertInputProps> = ({
theme="primary"
variant="contained"
onMouseDown={onCancel}>
<FontAwesomeIcon className="tw-w-3.5 tw-h-3.5" icon="times" />
<CloseOutlined />
</Button>
<Button
className="tw-px-1 tw-py-1 tw-rounded tw-text-sm"
@ -76,7 +76,7 @@ export const PropertyInput: FC<PropertInputProps> = ({
theme="primary"
variant="contained"
onClick={handleSave}>
<FontAwesomeIcon className="tw-w-3.5 tw-h-3.5" icon="check" />
<CheckOutlined />
</Button>
</div>
</div>

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined } from '@ant-design/icons';
import Form from '@rjsf/antd';
import CoreForm, { AjvError, FormProps, IChangeEvent } from '@rjsf/core';
import classNames from 'classnames';
@ -226,7 +226,7 @@ const FormBuilder: FunctionComponent<Props> = ({
size="regular"
theme="primary"
variant="contained">
<FontAwesomeIcon icon="check" />
<CheckOutlined />
</Button>
) : (
<Button

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
import { Button, Card, Select, Space } from 'antd';
import { isArray, isNil, toLower } from 'lodash';
import React, { useState } from 'react';
@ -122,9 +122,7 @@ const RolesCard = ({
<Button
className="text-sm mr-1"
data-testid="cancel-roles"
icon={
<FontAwesomeIcon className="w-3.5 h-3.5" icon="times" />
}
icon={<CloseOutlined />}
size="small"
type="primary"
onMouseDown={() => setIsRolesEdit(false)}
@ -132,9 +130,7 @@ const RolesCard = ({
<Button
className="text-sm"
data-testid="save-roles"
icon={
<FontAwesomeIcon className="w-3.5 h-3.5" icon="check" />
}
icon={<CheckOutlined />}
size="small"
type="primary"
onClick={handleRolesChange}

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
import { Button, Select, Space } from 'antd';
import React, { useMemo, useState } from 'react';
import { TeamType } from '../../../generated/entity/teams/team';
@ -50,14 +50,8 @@ function TeamTypeSelect({
onSelect={handleSelect}
/>
<Space className="edit-team-type-buttons" size={4}>
<Button
icon={<FontAwesomeIcon className="tw-w-3.5 tw-h-3.5" icon="xmark" />}
onClick={handleCancel}
/>
<Button
icon={<FontAwesomeIcon className="tw-w-3.5 tw-h-3.5" icon="check" />}
onClick={handleSubmit}
/>
<Button icon={<CloseOutlined />} onClick={handleCancel} />
<Button icon={<CheckOutlined />} onClick={handleSubmit} />
</Space>
</Space>
);

View File

@ -11,8 +11,7 @@
* limitations under the License.
*/
import { faExclamationCircle, faStar } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { ExclamationCircleOutlined, StarFilled } from '@ant-design/icons';
import { Button, Popover, Space, Tooltip } from 'antd';
import { AxiosError } from 'axios';
import classNames from 'classnames';
@ -389,10 +388,7 @@ const EntityPageInfo = ({
<div
className="tw-rounded tw-bg-error-lite tw-text-error tw-font-medium tw-h-6 tw-px-2 tw-py-0.5 tw-ml-2"
data-testid="deleted-badge">
<FontAwesomeIcon
className="tw-mr-1"
icon={faExclamationCircle}
/>
<ExclamationCircleOutlined className="tw-mr-1" />
Deleted
</div>
</>
@ -433,12 +429,12 @@ const EntityPageInfo = ({
<Space>
{isFollowing ? (
<>
<FontAwesomeIcon className="tw-text-xs" icon={faStar} />
<StarFilled className="tw-text-xs" />
Unfollow
</>
) : (
<>
<FontAwesomeIcon className="tw-text-xs" icon={faStar} />
<StarFilled className="tw-text-xs" />
Follow
</>
)}

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { EllipsisOutlined } from '@ant-design/icons';
import { Button, Col, Dropdown, Modal, Row, Tooltip, Typography } from 'antd';
import { ItemType } from 'antd/lib/menu/hooks/useItems';
import classNames from 'classnames';
@ -213,9 +213,9 @@ const ManageButton: FC<Props> = ({
title="Manage"
type="default"
onClick={() => setShowActions(true)}>
<FontAwesomeIcon
<EllipsisOutlined
className="tw-text-primary tw-self-center manage-dropdown-icon"
icon="ellipsis-vertical"
rotate={90}
/>
</Button>
</Dropdown>

View File

@ -11,8 +11,7 @@
* limitations under the License.
*/
import { faArrowLeft, faArrowRight } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { ArrowLeftOutlined, ArrowRightOutlined } from '@ant-design/icons';
import { Button } from 'antd';
import React, { FC, useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';
@ -92,9 +91,9 @@ const NextPrevious: FC<Prop> = ({
className="hover-button text-sm flex-center"
data-testid="previous"
disabled={computePrevDisableState()}
icon={<ArrowLeftOutlined />}
type="primary"
onClick={onPreviousHandler}>
<FontAwesomeIcon className="text-sm p-r-xs" icon={faArrowLeft} />
<span>{t('label.previous')}</span>
</Button>
<span
@ -111,7 +110,7 @@ const NextPrevious: FC<Prop> = ({
type="primary"
onClick={onNextHandler}>
<span> {t('label.next')}</span>
<FontAwesomeIcon className="text-sm p-l-xs" icon={faArrowRight} />
<ArrowRightOutlined />
</Button>
</div>
);

View File

@ -11,8 +11,7 @@
* limitations under the License.
*/
import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { ExclamationCircleOutlined } from '@ant-design/icons';
import classNames from 'classnames';
import { isString, startCase, uniqueId } from 'lodash';
import { ExtraInfo } from 'Models';
@ -160,10 +159,7 @@ const TableDataCardV2: React.FC<TableDataCardPropsV2> = ({
<div
className="tw-rounded tw-bg-error-lite tw-text-error tw-text-xs tw-font-medium tw-h-5 tw-px-1.5 tw-py-0.5 tw-ml-2"
data-testid="deleted">
<FontAwesomeIcon
className="tw-mr-1"
icon={faExclamationCircle}
/>
<ExclamationCircleOutlined className="tw-mr-1" />
Deleted
</div>
</>

View File

@ -11,8 +11,7 @@
* limitations under the License.
*/
import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { ExclamationCircleOutlined } from '@ant-design/icons';
import {
isNil,
isString,
@ -199,10 +198,7 @@ const TableDataCard: FunctionComponent<Props> = ({
<div
className="tw-rounded tw-bg-error-lite tw-text-error tw-text-xs tw-font-medium tw-h-5 tw-px-1.5 tw-py-0.5 tw-ml-2"
data-testid="deleted">
<FontAwesomeIcon
className="tw-mr-1"
icon={faExclamationCircle}
/>
<ExclamationCircleOutlined className="tw-mr-1" />
Deleted
</div>
</>

View File

@ -11,8 +11,7 @@
* limitations under the License.
*/
import { faAngleRight } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { RightOutlined } from '@ant-design/icons';
import { Tooltip } from 'antd';
import classNames from 'classnames';
import React, {
@ -92,10 +91,7 @@ const TitleBreadcrumb: FunctionComponent<TitleBreadcrumbProps> = ({
{link.name}
</Link>
<span className="tw-px-2">
<FontAwesomeIcon
className="tw-text-xs tw-cursor-default tw-text-gray-400 tw-align-middle"
icon={faAngleRight}
/>
<RightOutlined className="tw-text-xs tw-cursor-default tw-text-gray-400 tw-align-middle" />
</span>
</>
) : link.url ? (
@ -124,10 +120,7 @@ const TitleBreadcrumb: FunctionComponent<TitleBreadcrumbProps> = ({
</Tooltip>
{noLink && index < titleLinks.length - 1 && (
<span className="tw-px-2">
<FontAwesomeIcon
className="tw-text-xs tw-cursor-default tw-text-gray-400 tw-align-middle"
icon={faAngleRight}
/>
<RightOutlined className="tw-text-xs tw-cursor-default tw-text-gray-400 tw-align-middle" />
</span>
)}
</>

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { EllipsisOutlined } from '@ant-design/icons';
import {
Button,
Card,
@ -318,16 +318,13 @@ const PoliciesDetailPage = () => {
<Button
data-testid={`manage-button-${rule.name}`}
disabled={!policyPermission.EditAll}
icon={<EllipsisOutlined className="text-grey-body" rotate={90} />}
size="small"
type="text"
onClick={(e) => {
e.stopPropagation();
}}>
<FontAwesomeIcon
className="text-grey-body"
icon="ellipsis-vertical"
/>
</Button>
}}
/>
</Tooltip>
</Dropdown>
);

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, SearchOutlined } from '@ant-design/icons';
import { Col, Input, Modal, Row } from 'antd';
import { AxiosError } from 'axios';
import classNames from 'classnames';
@ -150,12 +150,7 @@ const AddAttributeModal: FC<Props> = ({
<Input
data-testid="search-input"
placeholder={`Search ${type}`}
prefix={
<FontAwesomeIcon
icon="search"
style={{ color: '#37352F4D' }}
/>
}
prefix={<SearchOutlined style={{ color: '#37352F4D' }} />}
onChange={(e) => handleSearch(e.target.value)}
/>
</Col>
@ -175,7 +170,7 @@ const AddAttributeModal: FC<Props> = ({
</Col>
<Col span={2}>
{selectedValues.includes(option.id) && (
<FontAwesomeIcon className="text-primary" icon="check" />
<CheckOutlined className="text-primary" />
)}
</Col>
</Row>

View File

@ -11,8 +11,7 @@
* limitations under the License.
*/
import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, CloseOutlined, DownOutlined } from '@ant-design/icons';
import { Button, Card, Dropdown, Layout, MenuProps, Tabs } from 'antd';
import { AxiosError } from 'axios';
import classNames from 'classnames';
@ -602,25 +601,19 @@ const TaskDetailPage = () => {
/>
<Button
className="tw-mx-1 tw-self-center ant-btn-primary-custom"
icon={<CloseOutlined />}
size="small"
type="primary"
onClick={() => setEditAssignee(false)}>
<FontAwesomeIcon
className="tw-w-3.5 tw-h-3.5"
icon="times"
/>
</Button>
onClick={() => setEditAssignee(false)}
/>
<Button
className="tw-mx-1 tw-self-center ant-btn-primary-custom"
disabled={!assignees.length}
icon={<CheckOutlined />}
size="small"
type="primary"
onClick={onTaskUpdate}>
<FontAwesomeIcon
className="tw-w-3.5 tw-h-3.5"
icon="check"
/>
</Button>
onClick={onTaskUpdate}
/>
</Fragment>
) : (
<Fragment>
@ -689,12 +682,7 @@ const TaskDetailPage = () => {
<Dropdown.Button
className="ant-btn-primary-dropdown"
data-testid="complete-task"
icon={
<FontAwesomeIcon
className="tw-text-sm"
icon={faChevronDown}
/>
}
icon={<DownOutlined />}
menu={{
items: TASK_ACTION_LIST,
selectable: true,

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined } from '@ant-design/icons';
import Loader from 'components/Loader/Loader';
import React from 'react';
import SVGIcons from 'utils/SvgUtils';
@ -23,7 +23,7 @@ export const getDeleteIcon = (
) => {
if (deleteTags.data?.id === id) {
if (deleteTags.data?.status === 'success') {
return <FontAwesomeIcon icon="check" />;
return <CheckOutlined />;
}
return <Loader size="small" type="default" />;

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
import {
Button,
Col,
@ -790,12 +790,7 @@ const TagsPage = () => {
<Button
className="icon-buttons"
data-testid="cancelAssociatedTag"
icon={
<FontAwesomeIcon
className="w-3.5 h-3.5"
icon="times"
/>
}
icon={<CloseOutlined />}
size="small"
type="primary"
onMouseDown={handleEditNameCancel}
@ -803,12 +798,7 @@ const TagsPage = () => {
<Button
className="icon-buttons m-l-xss"
data-testid="saveAssociatedTag"
icon={
<FontAwesomeIcon
className="w-3.5 h-3.5"
icon="check"
/>
}
icon={<CheckOutlined />}
size="small"
type="primary"
onMouseDown={handleRenameSave}

View File

@ -11,7 +11,7 @@
* limitations under the License.
*/
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CloseOutlined } from '@ant-design/icons';
import { Button, Tooltip, Typography } from 'antd';
import classNames from 'classnames';
import ProfilePicture from 'components/common/ProfilePicture/ProfilePicture';
@ -244,10 +244,7 @@ const UserCard = ({
disabled={!editPermission}
type="text"
onClick={() => onRemove?.(item.id as string)}>
<FontAwesomeIcon
className="tw-cursor-pointer tw-opacity-0 group-hover:tw-opacity-100"
icon="remove"
/>
<CloseOutlined className="tw-cursor-pointer tw-opacity-0 group-hover:tw-opacity-100" />
</Button>
</Tooltip>
</div>

View File

@ -1,17 +0,0 @@
/*
* Copyright 2022 Collate.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
* http://www.apache.org/licenses/LICENSE-2.0
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* eslint-disable */
module.exports = {
FontAwesomeIcon: jest.fn().mockReturnValue('icon'),
};

View File

@ -13,7 +13,7 @@
/* eslint-disable @typescript-eslint/ban-types */
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined } from '@ant-design/icons';
import { Typography } from 'antd';
import { AxiosError } from 'axios';
import classNames from 'classnames';
@ -797,7 +797,7 @@ export const getLoadingStatus = (
) => {
return current.id === id ? (
current.state === 'success' ? (
<FontAwesomeIcon icon="check" />
<CheckOutlined />
) : (
<Loader size="small" type="default" />
)

View File

@ -11,11 +11,7 @@
* limitations under the License.
*/
import {
faChevronLeft,
faChevronRight,
} from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { CheckOutlined, LeftOutlined, RightOutlined } from '@ant-design/icons';
import {
CustomEdgeData,
CustomElement,
@ -313,10 +309,7 @@ export const getLineageData = (
}}>
{!isLeafNode(lineageLeafNodes, node?.id as string, 'from') &&
!node.id.includes(isNodeLoading.id as string) ? (
<FontAwesomeIcon
className="tw-text-primary tw-mr-2"
icon={faChevronLeft}
/>
<LeftOutlined className="tw-text-primary tw-mr-2" />
) : null}
{isNodeLoading.state &&
node.id.includes(isNodeLoading.id as string) ? (
@ -351,10 +344,7 @@ export const getLineageData = (
}}>
{!isLeafNode(lineageLeafNodes, node?.id as string, 'to') &&
!node.id.includes(isNodeLoading.id as string) ? (
<FontAwesomeIcon
className="tw-text-primary tw-ml-2"
icon={faChevronRight}
/>
<RightOutlined className="tw-text-primary tw-ml-2" />
) : null}
{isNodeLoading.state &&
node.id.includes(isNodeLoading.id as string) ? (
@ -928,7 +918,7 @@ export const getLoadingStatusValue = (
if (loading) {
return <Loader size="small" type="white" />;
} else if (status === 'success') {
return <FontAwesomeIcon className="text-white" icon="check" />;
return <CheckOutlined className="text-white" />;
} else {
return defaultState;
}

View File

@ -11,8 +11,6 @@
* limitations under the License.
*/
import { faAngleRight } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { AxiosError } from 'axios';
import { Operation } from 'fast-json-patch';
import i18next from 'i18next';
@ -31,6 +29,7 @@ import {
searchData,
} from 'rest/miscAPI';
import { RightOutlined } from '@ant-design/icons';
import React from 'react';
import Showdown from 'showdown';
import TurndownService from 'turndown';
@ -410,10 +409,7 @@ export const getEntityFieldDisplay = (entityField: string) => {
const entityFields = entityField.split(ENTITY_LINK_SEPARATOR);
const separator = (
<span className="tw-px-1">
<FontAwesomeIcon
className="tw-text-xs tw-cursor-default tw-text-gray-400 tw-align-middle"
icon={faAngleRight}
/>
<RightOutlined className="tw-text-xs tw-cursor-default tw-text-gray-400 tw-align-middle" />
</span>
);

View File

@ -257,9 +257,9 @@
jsesc "^2.5.1"
"@babel/generator@^7.20.7":
version "7.20.7"
resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.20.7.tgz#f8ef57c8242665c5929fe2e8d82ba75460187b4a"
integrity sha512-7wqMOJq8doJMZmP4ApXTzLxSr7+oO2jroJURrVEp6XShrQUObV8Tq/D0NCcoYg2uHqUrjzO0zwBjoYzelxK+sw==
version "7.20.14"
resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.20.14.tgz#9fa772c9f86a46c6ac9b321039400712b96f64ce"
integrity sha512-AEmuXHdcD3A52HHXxaTmYlb8q/xMEhoRP67B3T4Oq7lbmSoqroMZzjnGj3+i1io3pdnF8iBYVu4Ilj+c4hBxYg==
dependencies:
"@babel/types" "^7.20.7"
"@jridgewell/gen-mapping" "^0.3.2"
@ -798,10 +798,10 @@
resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.6.tgz#845338edecad65ebffef058d3be851f1d28a63bc"
integrity sha512-uQVSa9jJUe/G/304lXspfWVpKpK4euFLgGiMQFOCpM/bgcAdeoHwi/OQz23O9GK2osz26ZiXRRV9aV+Yl1O8tw==
"@babel/parser@^7.20.7":
version "7.20.7"
resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.7.tgz#66fe23b3c8569220817d5feb8b9dcdc95bb4f71b"
integrity sha512-T3Z9oHybU+0vZlY9CiDSJQTD5ZapcW18ZctFMi0MOAl/4BjFF4ul7NVSARLdbGO5vDqy9eQiGTV0LtKfvCYvcg==
"@babel/parser@^7.20.13":
version "7.20.13"
resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.13.tgz#ddf1eb5a813588d2fb1692b70c6fce75b945c088"
integrity sha512-gFDLKMfpiXCsjt4za2JA9oTMn70CeseCehb11kRZgvd7+F67Hih3OHOK24cRrWECJ/ljfPGac6ygXAs/C8kIvw==
"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.18.6":
version "7.18.6"
@ -2169,9 +2169,9 @@
globals "^11.1.0"
"@babel/traverse@^7.4.5":
version "7.20.7"
resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.7.tgz#114f992fa989a390896ea72db5220780edab509c"
integrity sha512-xueOL5+ZKX2dJbg8z8o4f4uTRTqGDRjilva9D1hiRlayJbTY8jBRL+Ph67IeRTIE439/VifHk+Z4g0SwRtQE0A==
version "7.20.13"
resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.13.tgz#817c1ba13d11accca89478bd5481b2d168d07473"
integrity sha512-kMJXfF0T6DIS9E8cgdLCSAL+cuCK+YEZHWiLK0SXpTo8YRj5lpJu3CDNKiIBCne4m9hhTIqUg6SYTAI39tAiVQ==
dependencies:
"@babel/code-frame" "^7.18.6"
"@babel/generator" "^7.20.7"
@ -2179,7 +2179,7 @@
"@babel/helper-function-name" "^7.19.0"
"@babel/helper-hoist-variables" "^7.18.6"
"@babel/helper-split-export-declaration" "^7.18.6"
"@babel/parser" "^7.20.7"
"@babel/parser" "^7.20.13"
"@babel/types" "^7.20.7"
debug "^4.1.0"
globals "^11.1.0"
@ -2380,32 +2380,6 @@
resolved "https://registry.yarnpkg.com/@exodus/schemasafe/-/schemasafe-1.0.0-rc.6.tgz#7985f681564cff4ffaebb5896eb4be20af3aae7a"
integrity sha512-dDnQizD94EdBwEj/fh3zPRa/HWCS9O5au2PuHhZBbuM3xWHxuaKzPBOEWze7Nn0xW68MIpZ7Xdyn1CoCpjKCuQ==
"@fortawesome/fontawesome-common-types@^0.3.0":
version "0.3.0"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.3.0.tgz#949995a05c0d8801be7e0a594f775f1dbaa0d893"
integrity sha512-CA3MAZBTxVsF6SkfkHXDerkhcQs0QPofy43eFdbWJJkZiq3SfiaH1msOkac59rQaqto5EqWnASboY1dBuKen5w==
"@fortawesome/fontawesome-svg-core@^1.3.0":
version "1.3.0"
resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.3.0.tgz#343fac91fa87daa630d26420bfedfba560f85885"
integrity sha512-UIL6crBWhjTNQcONt96ExjUnKt1D68foe3xjEensLDclqQ6YagwCRYVQdrp/hW0ALRp/5Fv/VKw+MqTUWYYvPg==
dependencies:
"@fortawesome/fontawesome-common-types" "^0.3.0"
"@fortawesome/free-solid-svg-icons@^6.0.0":
version "6.0.0"
resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.0.0.tgz#bed4a501b631c6cfa35c09830f7cb63ffca1589d"
integrity sha512-o4FZ1XbndcgeWNb8Wh0y+Hgf73CjmyOQowUSaqQCtgIIdS+XliSBSOwCl330wER+I6CGYE96hT27bHBPmzX2Gg==
dependencies:
"@fortawesome/fontawesome-common-types" "^0.3.0"
"@fortawesome/react-fontawesome@^0.1.17":
version "0.1.17"
resolved "https://registry.yarnpkg.com/@fortawesome/react-fontawesome/-/react-fontawesome-0.1.17.tgz#06fc06cb1a721e38e5b50b4a1cb851e9b9c77d7a"
integrity sha512-dX43Z5IvMaW7fwzU8farosYjKNGfRb2HB/DgjVBHeJZ/NSnuuaujPPx0YOdcAq+n3mqn70tyCde2HM1mqbhiuw==
dependencies:
prop-types "^15.8.1"
"@github/g-emoji-element@^1.1.5":
version "1.1.5"
resolved "https://registry.yarnpkg.com/@github/g-emoji-element/-/g-emoji-element-1.1.5.tgz#4fd6b20caf49b88705cf3365d1d1f00a69dfa29a"
@ -5961,9 +5935,9 @@ css-select@^4.1.3:
nth-check "^2.0.0"
css-to-react-native@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.0.0.tgz#62dbe678072a824a689bcfee011fc96e02a7d756"
integrity sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==
version "3.1.0"
resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.1.0.tgz#e783474149997608986afcff614405714a8fe1ac"
integrity sha512-AryfkFA29b4I3vG7N4kxFboq15DxwSXzhXM37XNEjwJMgjYIc8BcqfiprpAqX0zadI5PMByEIwAMzXxk5Vcc4g==
dependencies:
camelize "^1.0.0"
css-color-keywords "^1.0.0"
@ -11397,7 +11371,7 @@ prop-types@^15.5.0, prop-types@^15.5.8, prop-types@^15.6.2, prop-types@^15.7.2:
object-assign "^4.1.1"
react-is "^16.8.1"
prop-types@^15.6.1, prop-types@^15.8.1:
prop-types@^15.6.1:
version "15.8.1"
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==