yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-12 23:44:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #11373 from strapi/chore/change-ds-package

Browse Source 
[v4] Chore: rename design system package
This commit is contained in:
cyril lopez 2021-10-27 10:48:35 +02:00 committed by GitHub
commit 85cf6f979c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
370 changed files with 1236 additions and 1137 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
examples/getstarted/src/plugins/myplugin/admin/src/components/PluginIcon/index.js
View File

@ -5,7 +5,7 @@
*/
import React from 'react';
import { Icon } from '@strapi/parts/Icon';
import { Icon } from '@strapi/design-system/Icon';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
const PluginIcon = () => <Icon as={() => <FontAwesomeIcon icon="plug" />} width="16px" />;

2
packages/core/admin/admin/src/StrapiApp.js
View File

@ -1,6 +1,6 @@
import React from 'react';
import { BrowserRouter } from 'react-router-dom';
import { lightTheme } from '@strapi/parts/themes';
import { lightTheme } from '@strapi/design-system/themes';
import merge from 'lodash/merge';
import pick from 'lodash/pick';
import isFunction from 'lodash/isFunction';

10
packages/core/admin/admin/src/components/AutoReloadOverlayBlockerProvider/Blocker.js
View File

@ -6,11 +6,11 @@ import styled, { keyframes } from 'styled-components';
import { pxToRem } from '@strapi/helper-plugin';
import Time from '@strapi/icons/Time';
import Reload from '@strapi/icons/Reload';
import { Link } from '@strapi/parts/Link';
import { Box } from '@strapi/parts/Box';
import { Stack } from '@strapi/parts/Stack';
import { Flex } from '@strapi/parts/Flex';
import { H1, Typography } from '@strapi/parts/Text';
import { Link } from '@strapi/design-system/Link';
import { Box } from '@strapi/design-system/Box';
import { Stack } from '@strapi/design-system/Stack';
import { Flex } from '@strapi/design-system/Flex';
import { H1, Typography } from '@strapi/design-system/Text';
import { Content, IconBox, Overlay } from './Overlay';
const overlayContainer = document.createElement('div');

4
packages/core/admin/admin/src/components/AutoReloadOverlayBlockerProvider/Overlay.js
View File

@ -1,6 +1,6 @@
import styled from 'styled-components';
import { Box } from '@strapi/parts/Box';
import { Stack } from '@strapi/parts/Stack';
import { Box } from '@strapi/design-system/Box';
import { Stack } from '@strapi/design-system/Stack';
import { pxToRem } from '@strapi/helper-plugin';
const Overlay = styled(Box)`

12
packages/core/admin/admin/src/components/LeftMenu/index.js
View File

@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { useIntl } from 'react-intl';
import { NavLink as Link } from 'react-router-dom';
import { Divider } from '@strapi/parts/Divider';
import { Divider } from '@strapi/design-system/Divider';
import {
MainNav,
NavBrand,
@ -13,11 +13,11 @@ import {
NavSection,
NavUser,
NavCondense,
} from '@strapi/parts/MainNav';
import { FocusTrap } from '@strapi/parts/FocusTrap';
import { Box } from '@strapi/parts/Box';
import { Text } from '@strapi/parts/Text';
import { Stack } from '@strapi/parts/Stack';
} from '@strapi/design-system/MainNav';
import { FocusTrap } from '@strapi/design-system/FocusTrap';
import { Box } from '@strapi/design-system/Box';
import { Text } from '@strapi/design-system/Text';
import { Stack } from '@strapi/design-system/Stack';
import ContentIcon from '@strapi/icons/ContentIcon';
import Logout from '@strapi/icons/Logout';
import { auth, usePersistentState, useAppInfos } from '@strapi/helper-plugin';

4
packages/core/admin/admin/src/components/Notifications/Notification/index.js
View File

@ -1,8 +1,8 @@
import React, { useEffect, useCallback } from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { Alert } from '@strapi/parts/Alert';
import { Link } from '@strapi/parts/Link';
import { Alert } from '@strapi/design-system/Alert';
import { Link } from '@strapi/design-system/Link';
const Notification = ({ dispatch, notification }) => {
const { formatMessage } = useIntl();

2
packages/core/admin/admin/src/components/Notifications/index.js
View File

@ -1,7 +1,7 @@
import { NotificationsProvider } from '@strapi/helper-plugin';
import React, { useReducer } from 'react';
import PropTypes from 'prop-types';
import { Stack } from '@strapi/parts/Stack';
import { Stack } from '@strapi/design-system/Stack';
import Notification from './Notification';
import reducer, { initialState } from './reducer';

4
packages/core/admin/admin/src/components/Theme/index.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import { ThemeProvider } from '@strapi/parts/ThemeProvider';
import { ThemeProvider } from '@strapi/design-system/ThemeProvider';
import PropTypes from 'prop-types';
import { lightTheme } from '@strapi/parts/themes';
import { lightTheme } from '@strapi/design-system/themes';
import GlobalStyle from '../GlobalStyle';
const Theme = ({ children, theme }) => (

16
packages/core/admin/admin/src/components/UpgradePlanModal /index.js
View File

@ -2,14 +2,14 @@ import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { useIntl } from 'react-intl';
import { Portal } from '@strapi/parts/Portal';
import { FocusTrap } from '@strapi/parts/FocusTrap';
import { IconButton } from '@strapi/parts/IconButton';
import { LinkButton } from '@strapi/parts/LinkButton';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Text, H1 } from '@strapi/parts/Text';
import { Stack } from '@strapi/parts/Stack';
import { Portal } from '@strapi/design-system/Portal';
import { FocusTrap } from '@strapi/design-system/FocusTrap';
import { IconButton } from '@strapi/design-system/IconButton';
import { LinkButton } from '@strapi/design-system/LinkButton';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Text, H1 } from '@strapi/design-system/Text';
import { Stack } from '@strapi/design-system/Stack';
import ExternalLink from '@strapi/icons/ExternalLink';
import CloseAlertIcon from '@strapi/icons/CloseAlertIcon';
import { setHexOpacity, useLockScroll } from '@strapi/helper-plugin';

2
packages/core/admin/admin/src/components/UpgradePlanModal /tests/index.test.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import { render, screen, waitFor } from '@testing-library/react';
import { IntlProvider } from 'react-intl';
import { ThemeProvider, lightTheme } from '@strapi/parts';
import { ThemeProvider, lightTheme } from '@strapi/design-system';
import UpgradePlanModal from '../index';
const App = (

4
packages/core/admin/admin/src/content-manager/components/AttributeFilter/Filters.js
View File

@ -1,8 +1,8 @@
import React, { useRef, useState } from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { Box } from '@strapi/parts/Box';
import { Button } from '@strapi/parts/Button';
import { Box } from '@strapi/design-system/Box';
import { Button } from '@strapi/design-system/Button';
import FilterIcon from '@strapi/icons/FilterIcon';
import { FilterListURLQuery, FilterPopoverURLQuery, useTracking } from '@strapi/helper-plugin';

10
packages/core/admin/admin/src/content-manager/components/ComponentInitializer/index.js
View File

@ -3,11 +3,11 @@ import PropTypes from 'prop-types';
import styled from 'styled-components';
import { useIntl } from 'react-intl';
import AddIcon from '@strapi/icons/AddIconCircle';
import { Box } from '@strapi/parts/Box';
import { BaseButton } from '@strapi/parts/BaseButton';
import { Stack } from '@strapi/parts/Stack';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { Box } from '@strapi/design-system/Box';
import { BaseButton } from '@strapi/design-system/BaseButton';
import { Stack } from '@strapi/design-system/Stack';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import { pxToRem } from '@strapi/helper-plugin';
import { getTrad } from '../../utils';

4
packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Media/FileWrapper.js
View File

@ -1,8 +1,8 @@
import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { Flex } from '@strapi/parts/Flex';
import { TableLabel } from '@strapi/parts/Text';
import { Flex } from '@strapi/design-system/Flex';
import { TableLabel } from '@strapi/design-system/Text';
const Wrapper = styled(Flex)`
position: relative;

4
packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Media/index.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Avatar } from '@strapi/parts/Avatar';
import { Tooltip } from '@strapi/parts/Tooltip';
import { Avatar } from '@strapi/design-system/Avatar';
import { Tooltip } from '@strapi/design-system/Tooltip';
import { getFileExtension, prefixFileUrlWithBackendUrl } from '@strapi/helper-plugin';
import FileWrapper from './FileWrapper';

2
packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/MultipleMedias.js
View File

@ -1,6 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
import { AvatarGroup } from '@strapi/parts/Avatar';
import { AvatarGroup } from '@strapi/design-system/Avatar';
import Media from './Media';
import FileWrapper from './Media/FileWrapper';

8
packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Relation/PopoverContent.js
View File

@ -2,10 +2,10 @@ import React from 'react';
import { useQuery } from 'react-query';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { Box } from '@strapi/parts/Box';
import { Text } from '@strapi/parts/Text';
import { Loader } from '@strapi/parts/Loader';
import { useNotifyAT } from '@strapi/parts/LiveRegions';
import { Box } from '@strapi/design-system/Box';
import { Text } from '@strapi/design-system/Text';
import { Loader } from '@strapi/design-system/Loader';
import { useNotifyAT } from '@strapi/design-system/LiveRegions';
import { axiosInstance } from '../../../../../core/utils';
import { getRequestUrl, getTrad } from '../../../../utils';
import CellValue from '../CellValue';

12
packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Relation/index.js
View File

@ -1,12 +1,12 @@
import React, { useState, useRef } from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { IconButton } from '@strapi/parts/IconButton';
import { Text } from '@strapi/parts/Text';
import { Box } from '@strapi/parts/Box';
import { Badge } from '@strapi/parts/Badge';
import { Flex } from '@strapi/parts/Flex';
import { Popover } from '@strapi/parts/Popover';
import { IconButton } from '@strapi/design-system/IconButton';
import { Text } from '@strapi/design-system/Text';
import { Box } from '@strapi/design-system/Box';
import { Badge } from '@strapi/design-system/Badge';
import { Flex } from '@strapi/design-system/Flex';
import { Popover } from '@strapi/design-system/Popover';
import { SortIcon, stopPropagation } from '@strapi/helper-plugin';
import styled from 'styled-components';
import PopoverContent from './PopoverContent';

2
packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/index.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { Text } from '@strapi/parts/Text';
import { Text } from '@strapi/design-system/Text';
import Media from './Media';
import MultipleMedias from './MultipleMedias';
import Relation from './Relation';

10
packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmDialogDelete/index.js
View File

@ -1,11 +1,11 @@
import React from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { Dialog, DialogBody, DialogFooter } from '@strapi/parts/Dialog';
import { Stack } from '@strapi/parts/Stack';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { Button } from '@strapi/parts/Button';
import { Dialog, DialogBody, DialogFooter } from '@strapi/design-system/Dialog';
import { Stack } from '@strapi/design-system/Stack';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import { Button } from '@strapi/design-system/Button';
import AlertWarningIcon from '@strapi/icons/AlertWarningIcon';
import DeleteIcon from '@strapi/icons/DeleteIcon';
import InjectionZoneList from '../../InjectionZoneList';

10
packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmDialogDeleteAll/index.js
View File

@ -1,11 +1,11 @@
import React from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { Dialog, DialogBody, DialogFooter } from '@strapi/parts/Dialog';
import { Stack } from '@strapi/parts/Stack';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { Button } from '@strapi/parts/Button';
import { Dialog, DialogBody, DialogFooter } from '@strapi/design-system/Dialog';
import { Stack } from '@strapi/design-system/Stack';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import { Button } from '@strapi/design-system/Button';
import AlertWarningIcon from '@strapi/icons/AlertWarningIcon';
import DeleteIcon from '@strapi/icons/DeleteIcon';
import InjectionZoneList from '../../InjectionZoneList';

10
packages/core/admin/admin/src/content-manager/components/DynamicTable/TableRows/index.js
View File

@ -1,10 +1,10 @@
import React from 'react';
import PropTypes from 'prop-types';
import { BaseCheckbox } from '@strapi/parts/BaseCheckbox';
import { Box } from '@strapi/parts/Box';
import { IconButton } from '@strapi/parts/IconButton';
import { Tbody, Td, Tr } from '@strapi/parts/Table';
import { Flex } from '@strapi/parts/Flex';
import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox';
import { Box } from '@strapi/design-system/Box';
import { IconButton } from '@strapi/design-system/IconButton';
import { Tbody, Td, Tr } from '@strapi/design-system/Table';
import { Flex } from '@strapi/design-system/Flex';
import DeleteIcon from '@strapi/icons/DeleteIcon';
import Duplicate from '@strapi/icons/Duplicate';
import EditIcon from '@strapi/icons/EditIcon';

8
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/AddComponentButton/index.js
View File

@ -9,10 +9,10 @@ import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import styled from 'styled-components';
import AddIcon from '@strapi/icons/AddIconCircle';
import { BaseButton } from '@strapi/parts/BaseButton';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Text, ButtonText } from '@strapi/parts/Text';
import { BaseButton } from '@strapi/design-system/BaseButton';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Text, ButtonText } from '@strapi/design-system/Text';
import { getTrad } from '../../../../utils';
const StyledAddIcon = styled(AddIcon)`

2
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/AddComponentButton/tests/index.test.js
View File

@ -6,7 +6,7 @@
import React from 'react';
import { render } from '@testing-library/react';
import { ThemeProvider, lightTheme } from '@strapi/parts';
import { ThemeProvider, lightTheme } from '@strapi/design-system';
import { IntlProvider } from 'react-intl';
import AddComponentButton from '../index';

4
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/Rectangle.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import styled from 'styled-components';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
const StyledBox = styled(Box)`
width: ${({ theme }) => theme.spaces[2]};

10
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js
View File

@ -3,11 +3,11 @@ import PropTypes from 'prop-types';
import isEqual from 'react-fast-compare';
import styled from 'styled-components';
import { useIntl } from 'react-intl';
import { Accordion, AccordionToggle, AccordionContent } from '@strapi/parts/Accordion';
import { IconButton } from '@strapi/parts/IconButton';
import { FocusTrap } from '@strapi/parts/FocusTrap';
import { Box } from '@strapi/parts/Box';
import { Stack } from '@strapi/parts/Stack';
import { Accordion, AccordionToggle, AccordionContent } from '@strapi/design-system/Accordion';
import { IconButton } from '@strapi/design-system/IconButton';
import { FocusTrap } from '@strapi/design-system/FocusTrap';
import { Box } from '@strapi/design-system/Box';
import { Stack } from '@strapi/design-system/Stack';
import DeleteIcon from '@strapi/icons/DeleteIcon';
import DownIcon from '@strapi/icons/DownIcon1';
import UpIcon from '@strapi/icons/UpIcon1';

6
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/Category/ComponentCard/index.js
View File

@ -6,9 +6,9 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Box } from '@strapi/parts/Box';
import { Text } from '@strapi/parts/Text';
import { Stack } from '@strapi/parts/Stack';
import { Box } from '@strapi/design-system/Box';
import { Text } from '@strapi/design-system/Text';
import { Stack } from '@strapi/design-system/Stack';
import { pxToRem } from '@strapi/helper-plugin';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import styled from 'styled-components';

4
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/Category/index.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Accordion, AccordionToggle, AccordionContent } from '@strapi/parts/Accordion';
import { Box } from '@strapi/parts/Box';
import { Accordion, AccordionToggle, AccordionContent } from '@strapi/design-system/Accordion';
import { Box } from '@strapi/design-system/Box';
import styled from 'styled-components';
import ComponentCard from './ComponentCard';

8
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/index.js
View File

@ -2,10 +2,10 @@ import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
import groupBy from 'lodash/groupBy';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { KeyboardNavigable } from '@strapi/parts/KeyboardNavigable';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { KeyboardNavigable } from '@strapi/design-system/KeyboardNavigable';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import { getTrad } from '../../../../utils';
import { useContentTypeLayout } from '../../../../hooks';
import Category from './Category';

6
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DzLabel/index.js
View File

@ -9,9 +9,9 @@ import { useIntl } from 'react-intl';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { pxToRem } from '@strapi/helper-plugin';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Typography } from '@strapi/parts/Text';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Typography } from '@strapi/design-system/Text';
const StyledBox = styled(Box)`
border-radius: ${pxToRem(26)};

2
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DzLabel/tests/index.test.js
View File

@ -6,7 +6,7 @@
import React from 'react';
import { render } from '@testing-library/react';
import { ThemeProvider, lightTheme, Tooltip } from '@strapi/parts';
import { ThemeProvider, lightTheme, Tooltip } from '@strapi/design-system';
import I18N from '@strapi/icons/I18N';
import { IntlProvider } from 'react-intl';
import styled from 'styled-components';

4
packages/core/admin/admin/src/content-manager/components/DynamicZone/index.js
View File

@ -2,8 +2,8 @@ import React, { memo, useCallback, useMemo, useState } from 'react';
import get from 'lodash/get';
import isEqual from 'react-fast-compare';
import PropTypes from 'prop-types';
import { Stack } from '@strapi/parts/Stack';
import { Box } from '@strapi/parts/Box';
import { Stack } from '@strapi/design-system/Stack';
import { Box } from '@strapi/design-system/Box';
import { NotAllowedInput, useNotification } from '@strapi/helper-plugin';
import { getTrad } from '../../utils';
import connect from './utils/connect';

2
packages/core/admin/admin/src/content-manager/components/EditViewDataManagerProvider/index.js
View File

@ -3,7 +3,7 @@ import { cloneDeep, get, isEmpty, isEqual, set } from 'lodash';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { Prompt, Redirect } from 'react-router-dom';
import { Main } from '@strapi/parts/Main';
import { Main } from '@strapi/design-system/Main';
import {
LoadingIndicatorPage,
ContentManagerEditViewDataManagerContext,

6
packages/core/admin/admin/src/content-manager/components/FieldComponent/Label.js
View File

@ -2,9 +2,9 @@ import React from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import styled from 'styled-components';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
const LabelAction = styled(Box)`
svg path {

8
packages/core/admin/admin/src/content-manager/components/FieldComponent/index.js
View File

@ -6,10 +6,10 @@ import isEqual from 'react-fast-compare';
import { useIntl } from 'react-intl';
import { NotAllowedInput } from '@strapi/helper-plugin';
import DeleteIcon from '@strapi/icons/DeleteIcon';
import { Box } from '@strapi/parts/Box';
import { IconButton } from '@strapi/parts/IconButton';
import { Flex } from '@strapi/parts/Flex';
import { Stack } from '@strapi/parts/Stack';
import { Box } from '@strapi/design-system/Box';
import { IconButton } from '@strapi/design-system/IconButton';
import { Flex } from '@strapi/design-system/Flex';
import { Stack } from '@strapi/design-system/Stack';
import { getTrad } from '../../utils';
import ComponentInitializer from '../ComponentInitializer';
import NonRepeatableComponent from '../NonRepeatableComponent';

2
packages/core/admin/admin/src/content-manager/components/InjectionZoneList/index.js
View File

@ -1,6 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Box } from '@strapi/parts/Box';
import { Box } from '@strapi/design-system/Box';
import { useInjectionZone } from '../../../shared/hooks';
const InjectionZoneList = ({ area, ...props }) => {

2
packages/core/admin/admin/src/content-manager/components/InputJSON/FieldError.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { P } from '@strapi/parts/Text';
import { P } from '@strapi/design-system/Text';
export const FieldError = ({ id, error, name }) => {
const { formatMessage } = useIntl();

2
packages/core/admin/admin/src/content-manager/components/InputJSON/Hint.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { P } from '@strapi/parts/Text';
import { P } from '@strapi/design-system/Text';
export const Hint = ({ id, error, name, description }) => {
const { formatMessage } = useIntl();

6
packages/core/admin/admin/src/content-manager/components/InputJSON/Label.js
View File

@ -2,9 +2,9 @@ import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { useIntl } from 'react-intl';
import { Text } from '@strapi/parts/Text';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/design-system/Text';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
const LabelAction = styled(Box)`
svg path {

2
packages/core/admin/admin/src/content-manager/components/InputJSON/components.js
View File

@ -1,5 +1,5 @@
import styled from 'styled-components';
import { Box } from '@strapi/parts/Box';
import { Box } from '@strapi/design-system/Box';
/* eslint-disable */
/* stylelint-disable */

2
packages/core/admin/admin/src/content-manager/components/InputJSON/index.js
View File

@ -8,7 +8,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import cm from 'codemirror';
import trimStart from 'lodash/trimStart';
import { Stack } from '@strapi/parts/Stack';
import { Stack } from '@strapi/design-system/Stack';
import jsonlint from './jsonlint';
import { EditorWrapper, StyledBox } from './components';
import Hint from './Hint';

6
packages/core/admin/admin/src/content-manager/components/InputUID/endActionStyle.js
View File

@ -1,7 +1,7 @@
import styled, { keyframes } from 'styled-components';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { FieldAction } from '@strapi/parts/Field';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { FieldAction } from '@strapi/design-system/Field';
export const EndActionWrapper = styled(Box)`
position: relative;

4
packages/core/admin/admin/src/content-manager/components/InputUID/index.js
View File

@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
import { useCMEditViewDataManager } from '@strapi/helper-plugin';
import { useIntl } from 'react-intl';
import get from 'lodash/get';
import { TextInput } from '@strapi/parts/TextInput';
import { Text } from '@strapi/parts/Text';
import { TextInput } from '@strapi/design-system/TextInput';
import { Text } from '@strapi/design-system/Text';
import Reload from '@strapi/icons/Reload';
import AlertSucessIcon from '@strapi/icons/AlertSucessIcon';
import AlertWarningIcon from '@strapi/icons/AlertWarningIcon';

2
packages/core/admin/admin/src/content-manager/components/InputUID/tests/index.test.js
View File

@ -6,7 +6,7 @@
import React from 'react';
import { render, waitFor } from '@testing-library/react';
import { ThemeProvider, lightTheme } from '@strapi/parts';
import { ThemeProvider, lightTheme } from '@strapi/design-system';
import { IntlProvider } from 'react-intl';
import InputUID from '../index';

2
packages/core/admin/admin/src/content-manager/components/Inputs/ComingSoonInput.js
View File

@ -6,7 +6,7 @@
import React from 'react';
import { useIntl } from 'react-intl';
import { TextInput } from '@strapi/parts/TextInput';
import { TextInput } from '@strapi/design-system/TextInput';
import PropTypes from 'prop-types';
const CominSoonInput = ({ description, intlLabel, labelAction, error, name }) => {

6
packages/core/admin/admin/src/content-manager/components/NonRepeatableComponent/index.js
View File

@ -3,9 +3,9 @@
import React, { useMemo } from 'react';
import PropTypes from 'prop-types';
import { Box } from '@strapi/parts/Box';
import { Grid, GridItem } from '@strapi/parts/Grid';
import { Stack } from '@strapi/parts/Stack';
import { Box } from '@strapi/design-system/Box';
import { Grid, GridItem } from '@strapi/design-system/Grid';
import { Stack } from '@strapi/design-system/Stack';
import { useContentTypeLayout } from '../../hooks';
import FieldComponent from '../FieldComponent';
import Inputs from '../Inputs';

6
packages/core/admin/admin/src/content-manager/components/RepeatableComponent/AddFieldButton.js
View File

@ -2,9 +2,9 @@ import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { useIntl } from 'react-intl';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import AddIcon from '@strapi/icons/AddIcon';
import { pxToRem } from '@strapi/helper-plugin';
import { getTrad } from '../../utils';

8
packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DragPreview.js
View File

@ -1,10 +1,10 @@
import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { IconButton } from '@strapi/parts/IconButton';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import { IconButton } from '@strapi/design-system/IconButton';
import DeleteIcon from '@strapi/icons/DeleteIcon';
import DragHandle from '@strapi/icons/Drag';
import DropdownIcon from '@strapi/icons/FilterDropdown';

2
packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/DragHandleWrapper.js
View File

@ -1,5 +1,5 @@
import styled from 'styled-components';
import { IconButton } from '@strapi/parts/IconButton';
import { IconButton } from '@strapi/design-system/IconButton';
const DragHandleWrapper = styled(IconButton)`
cursor: move;

4
packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/Preview.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import styled from 'styled-components';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
const StyledBox = styled(Box)`
border: 1px dashed ${({ theme }) => theme.colors.primary500};

12
packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/index.js
View File

@ -6,12 +6,12 @@ import { getEmptyImage } from 'react-dnd-html5-backend';
import { useIntl } from 'react-intl';
import toString from 'lodash/toString';
import styled from 'styled-components';
import { Accordion, AccordionToggle, AccordionContent } from '@strapi/parts/Accordion';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { IconButton } from '@strapi/parts/IconButton';
import { Grid, GridItem } from '@strapi/parts/Grid';
import { Stack } from '@strapi/parts/Stack';
import { Accordion, AccordionToggle, AccordionContent } from '@strapi/design-system/Accordion';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { IconButton } from '@strapi/design-system/IconButton';
import { Grid, GridItem } from '@strapi/design-system/Grid';
import { Stack } from '@strapi/design-system/Stack';
import DeleteIcon from '@strapi/icons/DeleteIcon';
import DragHandle from '@strapi/icons/Drag';
import ItemTypes from '../../../utils/ItemTypes';

2
packages/core/admin/admin/src/content-manager/components/RepeatableComponent/index.js
View File

@ -6,7 +6,7 @@ import get from 'lodash/get';
import take from 'lodash/take';
// import { FormattedMessage } from 'react-intl';
import { useNotification } from '@strapi/helper-plugin';
import { Box } from '@strapi/parts/Box';
import { Box } from '@strapi/design-system/Box';
// import { ErrorMessage } from '@buffetjs/styles';
import { getMaxTempKey, getTrad } from '../../utils';
import { useContentTypeLayout } from '../../hooks';

10
packages/core/admin/admin/src/content-manager/components/SelectMany/ListItem.js
View File

@ -6,11 +6,11 @@ import { useIntl } from 'react-intl';
import { useLocation } from 'react-router-dom';
import has from 'lodash/has';
import isEmpty from 'lodash/isEmpty';
import { IconButton } from '@strapi/parts/IconButton';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { Link } from '@strapi/parts/Link';
import { IconButton } from '@strapi/design-system/IconButton';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import { Link } from '@strapi/design-system/Link';
import BaseMinus from '@strapi/icons/Minus';
import { getTrad } from '../../utils';

4
packages/core/admin/admin/src/content-manager/components/SelectMany/index.js
View File

@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import isEmpty from 'lodash/isEmpty';
import Select, { createFilter } from 'react-select';
import { Box } from '@strapi/parts/Box';
import { Stack } from '@strapi/parts/Stack';
import { Box } from '@strapi/design-system/Box';
import { Stack } from '@strapi/design-system/Stack';
import ListItem from './ListItem';
function SelectMany({

4
packages/core/admin/admin/src/content-manager/components/SelectOne/SingleValue.js
View File

@ -4,8 +4,8 @@ import PropTypes from 'prop-types';
import styled from 'styled-components';
import { useIntl } from 'react-intl';
import { pxToRem } from '@strapi/helper-plugin';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import get from 'lodash/get';
import has from 'lodash/has';
import isEmpty from 'lodash/isEmpty';

2
packages/core/admin/admin/src/content-manager/components/SelectWrapper/IconBox.js
View File

@ -1,5 +1,5 @@
import styled from 'styled-components';
import { Box } from '@strapi/parts/Box';
import { Box } from '@strapi/design-system/Box';
export const IconBox = styled(Box)`
background: transparent;

6
packages/core/admin/admin/src/content-manager/components/SelectWrapper/Label.js
View File

@ -2,9 +2,9 @@ import React from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import styled from 'styled-components';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
const LabelAction = styled(Box)`
svg path {

4
packages/core/admin/admin/src/content-manager/components/SelectWrapper/Option.js
View File

@ -4,8 +4,8 @@ import { components } from 'react-select';
import { useIntl } from 'react-intl';
import PropTypes from 'prop-types';
import { get, has, isEmpty } from 'lodash';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import { pxToRem } from '@strapi/helper-plugin';
import { getTrad } from '../../utils';

4
packages/core/admin/admin/src/content-manager/components/SelectWrapper/index.js
View File

@ -5,8 +5,8 @@ import {
useIntl,
} from 'react-intl';
import { useLocation } from 'react-router-dom';
import { Link } from '@strapi/parts/Link';
import { Stack } from '@strapi/parts/Stack';
import { Link } from '@strapi/design-system/Link';
import { Stack } from '@strapi/design-system/Stack';
import { useTheme } from 'styled-components';
import findIndex from 'lodash/findIndex';
import get from 'lodash/get';

4
packages/core/admin/admin/src/content-manager/components/State/index.js
View File

@ -1,8 +1,8 @@
import React from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { Text } from '@strapi/parts/Text';
import { Box } from '@strapi/parts/Box';
import { Text } from '@strapi/design-system/Text';
import { Box } from '@strapi/design-system/Box';
import { getTrad } from '../../utils';
const State = ({ isPublished }) => {

11
packages/core/admin/admin/src/content-manager/components/Wysiwyg/MediaLibrary.js
View File

@ -1,8 +1,13 @@
import React from 'react';
import PropTypes from 'prop-types';
import { ModalLayout, ModalHeader, ModalBody, ModalFooter } from '@strapi/parts/ModalLayout';
import { Button } from '@strapi/parts/Button';
import { Text } from '@strapi/parts/Text';
import {
ModalLayout,
ModalHeader,
ModalBody,
ModalFooter,
} from '@strapi/design-system/ModalLayout';
import { Button } from '@strapi/design-system/Button';
import { Text } from '@strapi/design-system/Text';
// const image = [
// { alt: 'sunrise', url: 'http://localhost:3000/sunriseimage' },

8
packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygExpand.js
View File

@ -1,10 +1,10 @@
import React, { useState, useEffect } from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { FocusTrap } from '@strapi/parts/FocusTrap';
import { Portal } from '@strapi/parts/Portal';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { FocusTrap } from '@strapi/design-system/FocusTrap';
import { Portal } from '@strapi/design-system/Portal';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import Collapse from '@strapi/icons/Collapse';
import PreviewWysiwyg from '../PreviewWysiwyg';
import Editor from './Editor';

6
packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygFooter.js
View File

@ -1,9 +1,9 @@
import React from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import Expand from '@strapi/icons/Expand';
import { ExpandButton } from './WysiwygStyles';

12
packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygNav.js
View File

@ -1,12 +1,12 @@
import React, { useRef } from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import { Box } from '@strapi/parts/Box';
import { Button } from '@strapi/parts/Button';
import { IconButtonGroup } from '@strapi/parts/IconButton';
import { Option, Select } from '@strapi/parts/Select';
import { Popover } from '@strapi/parts/Popover';
import { Flex } from '@strapi/parts/Flex';
import { Box } from '@strapi/design-system/Box';
import { Button } from '@strapi/design-system/Button';
import { IconButtonGroup } from '@strapi/design-system/IconButton';
import { Option, Select } from '@strapi/design-system/Select';
import { Popover } from '@strapi/design-system/Popover';
import { Flex } from '@strapi/design-system/Flex';
import Bold from '@strapi/icons/Bold';
import Italic from '@strapi/icons/Italic';
import Underline from '@strapi/icons/Underline';

6
packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygStyles.js
View File

@ -1,7 +1,7 @@
import styled from 'styled-components';
import { Box } from '@strapi/parts/Box';
import { IconButtonGroup, IconButton } from '@strapi/parts/IconButton';
import { BaseButton } from '@strapi/parts/BaseButton';
import { Box } from '@strapi/design-system/Box';
import { IconButtonGroup, IconButton } from '@strapi/design-system/IconButton';
import { BaseButton } from '@strapi/design-system/BaseButton';
export const WysiwygWrapper = styled(Box)`
border: 1px solid

6
packages/core/admin/admin/src/content-manager/components/Wysiwyg/index.js
View File

@ -2,9 +2,9 @@ import React, { useRef, useState } from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { useIntl } from 'react-intl';
import { ButtonText, P } from '@strapi/parts/Text';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { ButtonText, P } from '@strapi/design-system/Text';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import Editor from './Editor';
import WysiwygNav from './WysiwygNav';
import WysiwygFooter from './WysiwygFooter';

2
packages/core/admin/admin/src/content-manager/components/Wysiwyg/tests/index.test.js
View File

@ -1,7 +1,7 @@
import * as React from 'react';
import { IntlProvider } from 'react-intl';
import { render, waitFor, fireEvent } from '@testing-library/react';
import { lightTheme, ThemeProvider } from '@strapi/parts';
import { lightTheme, ThemeProvider } from '@strapi/design-system';
import Wysiwyg from '../index';
document.createRange = () => {

2
packages/core/admin/admin/src/content-manager/pages/App/LeftMenu/index.js
View File

@ -11,7 +11,7 @@ import {
SubNavSection,
SubNavSections,
SubNavLink,
} from '@strapi/parts/SubNav';
} from '@strapi/design-system/SubNav';
import { useSelector, shallowEqual } from 'react-redux';
import { useIntl } from 'react-intl';
import matchSorter from 'match-sorter';

4
packages/core/admin/admin/src/content-manager/pages/App/index.js
View File

@ -1,8 +1,8 @@
import React from 'react';
import { Switch, Route, useRouteMatch, Redirect, useLocation } from 'react-router-dom';
import { CheckPagePermissions, LoadingIndicatorPage, NotFound } from '@strapi/helper-plugin';
import { Layout, HeaderLayout } from '@strapi/parts/Layout';
import { Main } from '@strapi/parts/Main';
import { Layout, HeaderLayout } from '@strapi/design-system/Layout';
import { Main } from '@strapi/design-system/Main';
import { useIntl } from 'react-intl';
import sortBy from 'lodash/sortBy';
import permissions from '../../../permissions';

2
packages/core/admin/admin/src/content-manager/pages/App/useModels.js
View File

@ -1,7 +1,7 @@
import { useNotification, useRBACProvider, useStrapiApp } from '@strapi/helper-plugin';
import { useEffect, useRef } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { useNotifyAT } from '@strapi/parts/LiveRegions';
import { useNotifyAT } from '@strapi/design-system/LiveRegions';
import axios from 'axios';
import { useIntl } from 'react-intl';
import { axiosInstance } from '../../../core/utils';

2
packages/core/admin/admin/src/content-manager/pages/EditView/DeleteLink/index.js
View File

@ -2,7 +2,7 @@ import React, { memo, useState } from 'react';
import { useIntl } from 'react-intl';
import get from 'lodash/get';
import isEqual from 'react-fast-compare';
import { Button } from '@strapi/parts/Button';
import { Button } from '@strapi/design-system/Button';
import Delete from '@strapi/icons/Delete';
import { ConfirmDialog, useNotification } from '@strapi/helper-plugin';
import PropTypes from 'prop-types';

6
packages/core/admin/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/index.js
View File

@ -2,9 +2,9 @@ import React from 'react';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import styled from 'styled-components';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import Bullet from '@strapi/icons/Bullet';
import { pxToRem } from '@strapi/helper-plugin';
import { getTrad } from '../../../utils';

2
packages/core/admin/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/tests/index.test.js
View File

@ -8,7 +8,7 @@
import React from 'react';
import { render } from '@testing-library/react';
import { ThemeProvider, lightTheme } from '@strapi/parts';
import { ThemeProvider, lightTheme } from '@strapi/design-system';
import { IntlProvider } from 'react-intl';
import { DraftAndPublishBadge } from '../index';

16
packages/core/admin/admin/src/content-manager/pages/EditView/Header/index.js
View File

@ -5,14 +5,14 @@ import get from 'lodash/get';
import isEqual from 'lodash/isEqual';
import isEmpty from 'lodash/isEmpty';
import BackIcon from '@strapi/icons/BackIcon';
import { HeaderLayout } from '@strapi/parts/Layout';
import { Box } from '@strapi/parts/Box';
import { Button } from '@strapi/parts/Button';
import { Dialog, DialogBody, DialogFooter } from '@strapi/parts/Dialog';
import { Link } from '@strapi/parts/Link';
import { Flex } from '@strapi/parts/Flex';
import { Text } from '@strapi/parts/Text';
import { Stack } from '@strapi/parts/Stack';
import { HeaderLayout } from '@strapi/design-system/Layout';
import { Box } from '@strapi/design-system/Box';
import { Button } from '@strapi/design-system/Button';
import { Dialog, DialogBody, DialogFooter } from '@strapi/design-system/Dialog';
import { Link } from '@strapi/design-system/Link';
import { Flex } from '@strapi/design-system/Flex';
import { Text } from '@strapi/design-system/Text';
import { Stack } from '@strapi/design-system/Stack';
import AlertWarningIcon from '@strapi/icons/AlertWarningIcon';
import CheckIcon from '@strapi/icons/CheckIcon';
import PropTypes from 'prop-types';

10
packages/core/admin/admin/src/content-manager/pages/EditView/Informations/index.js
View File

@ -1,11 +1,11 @@
import React, { useRef } from 'react';
import { useIntl } from 'react-intl';
import { useCMEditViewDataManager } from '@strapi/helper-plugin';
import { Box } from '@strapi/parts/Box';
import { Divider } from '@strapi/parts/Divider';
import { TableLabel, Text } from '@strapi/parts/Text';
import { Flex } from '@strapi/parts/Flex';
import { Stack } from '@strapi/parts/Stack';
import { Box } from '@strapi/design-system/Box';
import { Divider } from '@strapi/design-system/Divider';
import { TableLabel, Text } from '@strapi/design-system/Text';
import { Flex } from '@strapi/design-system/Flex';
import { Stack } from '@strapi/design-system/Stack';
import { getTrad } from '../../../utils';
import getUnits from './utils/getUnits';

16
packages/core/admin/admin/src/content-manager/pages/EditView/index.js
View File

@ -3,14 +3,14 @@ import PropTypes from 'prop-types';
import get from 'lodash/get';
import { CheckPermissions, useTracking } from '@strapi/helper-plugin';
import { useIntl } from 'react-intl';
import { ContentLayout } from '@strapi/parts/Layout';
import { Box } from '@strapi/parts/Box';
import { Divider } from '@strapi/parts/Divider';
import { Grid, GridItem } from '@strapi/parts/Grid';
import { LinkButton } from '@strapi/parts/LinkButton';
import { Main } from '@strapi/parts/Main';
import { Stack } from '@strapi/parts/Stack';
import { TableLabel } from '@strapi/parts/Text';
import { ContentLayout } from '@strapi/design-system/Layout';
import { Box } from '@strapi/design-system/Box';
import { Divider } from '@strapi/design-system/Divider';
import { Grid, GridItem } from '@strapi/design-system/Grid';
import { LinkButton } from '@strapi/design-system/LinkButton';
import { Main } from '@strapi/design-system/Main';
import { Stack } from '@strapi/design-system/Stack';
import { TableLabel } from '@strapi/design-system/Text';
// import ConfigureIcon from '@strapi/icons/ConfigureIcon';
import EditIcon from '@strapi/icons/EditIcon';
import { InjectionZone } from '../../../shared/components';

6
packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/CardPreview.js
View File

@ -1,9 +1,9 @@
import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { Flex } from '@strapi/parts/Flex';
import { ButtonText } from '@strapi/parts/Text';
import { Stack } from '@strapi/parts/Stack';
import { Flex } from '@strapi/design-system/Flex';
import { ButtonText } from '@strapi/design-system/Text';
import { Stack } from '@strapi/design-system/Stack';
import EditIcon from '@strapi/icons/EditIcon';
import CloseAlertIcon from '@strapi/icons/CloseAlertIcon';
import Drag from '@strapi/icons/Drag';

8
packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/DraggableCard.js
View File

@ -4,10 +4,10 @@ import PropTypes from 'prop-types';
import { useDrag, useDrop } from 'react-dnd';
import { getEmptyImage } from 'react-dnd-html5-backend';
import { useIntl } from 'react-intl';
import { Flex } from '@strapi/parts/Flex';
import { Box } from '@strapi/parts/Box';
import { ButtonText } from '@strapi/parts/Text';
import { Stack } from '@strapi/parts/Stack';
import { Flex } from '@strapi/design-system/Flex';
import { Box } from '@strapi/design-system/Box';
import { ButtonText } from '@strapi/design-system/Text';
import { Stack } from '@strapi/design-system/Stack';
import EditIcon from '@strapi/icons/EditIcon';
import CloseAlertIcon from '@strapi/icons/CloseAlertIcon';
import Drag from '@strapi/icons/Drag';

19
packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/EditFieldForm.js
View File

@ -3,13 +3,18 @@ import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';
import upperFirst from 'lodash/upperFirst';
import styled from 'styled-components';
import { ModalLayout, ModalHeader, ModalFooter, ModalBody } from '@strapi/parts/ModalLayout';
import { ButtonText } from '@strapi/parts/Text';
import { Button } from '@strapi/parts/Button';
import { Flex } from '@strapi/parts/Flex';
import { Grid, GridItem } from '@strapi/parts/Grid';
import { TextInput } from '@strapi/parts/TextInput';
import { ToggleInput } from '@strapi/parts/ToggleInput';
import {
ModalLayout,
ModalHeader,
ModalFooter,
ModalBody,
} from '@strapi/design-system/ModalLayout';
import { ButtonText } from '@strapi/design-system/Text';
import { Button } from '@strapi/design-system/Button';
import { Flex } from '@strapi/design-system/Flex';
import { Grid, GridItem } from '@strapi/design-system/Grid';
import { TextInput } from '@strapi/design-system/TextInput';
import { ToggleInput } from '@strapi/design-system/ToggleInput';
import Date from '@strapi/icons/Date';
import Boolean from '@strapi/icons/Boolean';
import Email from '@strapi/icons/Email';

12
packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/Settings.js
View File

@ -2,12 +2,12 @@ import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { useIntl } from 'react-intl';
import { Flex } from '@strapi/parts/Flex';
import { Grid, GridItem } from '@strapi/parts/Grid';
import { Select, Option } from '@strapi/parts/Select';
import { ToggleInput } from '@strapi/parts/ToggleInput';
import { Box } from '@strapi/parts/Box';
import { H3 } from '@strapi/parts/Text';
import { Flex } from '@strapi/design-system/Flex';
import { Grid, GridItem } from '@strapi/design-system/Grid';
import { Select, Option } from '@strapi/design-system/Select';
import { ToggleInput } from '@strapi/design-system/ToggleInput';
import { Box } from '@strapi/design-system/Box';
import { H3 } from '@strapi/design-system/Text';
import { getTrad } from '../../../utils';
const FlexGap = styled(Flex)`

12
packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/SortDisplayedFields.js
View File

@ -2,12 +2,12 @@ import React from 'react';
import styled from 'styled-components';
import { PropTypes } from 'prop-types';
import { useIntl } from 'react-intl';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Stack } from '@strapi/parts/Stack';
import { H3 } from '@strapi/parts/Text';
import { SimpleMenu, MenuItem } from '@strapi/parts/SimpleMenu';
import { IconButton } from '@strapi/parts/IconButton';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { Stack } from '@strapi/design-system/Stack';
import { H3 } from '@strapi/design-system/Text';
import { SimpleMenu, MenuItem } from '@strapi/design-system/SimpleMenu';
import { IconButton } from '@strapi/design-system/IconButton';
import AddIcon from '@strapi/icons/AddIcon';
import DraggableCard from './DraggableCard';
import { getTrad } from '../../../utils';

12
packages/core/admin/admin/src/content-manager/pages/ListSettingsView/index.js
View File

@ -8,12 +8,12 @@ import get from 'lodash/get';
import { stringify } from 'qs';
import { useNotification, useTracking, ConfirmDialog } from '@strapi/helper-plugin';
import { useIntl } from 'react-intl';
import { Box } from '@strapi/parts/Box';
import { Divider } from '@strapi/parts/Divider';
import { Layout, HeaderLayout, ContentLayout } from '@strapi/parts/Layout';
import { Link } from '@strapi/parts/Link';
import { Main } from '@strapi/parts/Main';
import { Button } from '@strapi/parts/Button';
import { Box } from '@strapi/design-system/Box';
import { Divider } from '@strapi/design-system/Divider';
import { Layout, HeaderLayout, ContentLayout } from '@strapi/design-system/Layout';
import { Link } from '@strapi/design-system/Link';
import { Main } from '@strapi/design-system/Main';
import { Button } from '@strapi/design-system/Button';
import CheckIcon from '@strapi/icons/CheckIcon';
import BackIcon from '@strapi/icons/BackIcon';
import { checkIfAttributeIsDisplayable, getTrad } from '../../utils';

2
packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/index.test.js
View File

@ -6,7 +6,7 @@ import { IntlProvider } from 'react-intl';
import { QueryClient, QueryClientProvider } from 'react-query';
import { DndProvider } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-backend';
import { ThemeProvider, lightTheme } from '@strapi/parts';
import { ThemeProvider, lightTheme } from '@strapi/design-system';
import ListSettingsView from '../index';
import ModelsContext from '../../../contexts/ModelsContext';

4
packages/core/admin/admin/src/content-manager/pages/ListView/FieldPicker/index.js
View File

@ -2,8 +2,8 @@ import React, { memo } from 'react';
import PropTypes from 'prop-types';
import { useDispatch, useSelector } from 'react-redux';
import { useIntl } from 'react-intl';
import { Select, Option } from '@strapi/parts/Select';
import { Box } from '@strapi/parts/Box';
import { Select, Option } from '@strapi/design-system/Select';
import { Box } from '@strapi/design-system/Box';
import { useTracking } from '@strapi/helper-plugin';
import { onChangeListHeaders } from '../actions';
import { selectDisplayedHeaders } from '../selectors';

4
packages/core/admin/admin/src/content-manager/pages/ListView/PaginationFooter/index.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { PaginationURLQuery, PageSizeURLQuery } from '@strapi/helper-plugin';
const PaginationFooter = ({ pagination }) => {

10
packages/core/admin/admin/src/content-manager/pages/ListView/index.js
View File

@ -19,11 +19,11 @@ import {
useRBACProvider,
useTracking,
} from '@strapi/helper-plugin';
import { IconButton } from '@strapi/parts/IconButton';
import { Main } from '@strapi/parts/Main';
import { ActionLayout, ContentLayout, HeaderLayout } from '@strapi/parts/Layout';
import { useNotifyAT } from '@strapi/parts/LiveRegions';
import { Button } from '@strapi/parts/Button';
import { IconButton } from '@strapi/design-system/IconButton';
import { Main } from '@strapi/design-system/Main';
import { ActionLayout, ContentLayout, HeaderLayout } from '@strapi/design-system/Layout';
import { useNotifyAT } from '@strapi/design-system/LiveRegions';
import { Button } from '@strapi/design-system/Button';
import Add from '@strapi/icons/Add';
import Settings from '@strapi/icons/Settings';
import axios from 'axios';

8
packages/core/admin/admin/src/content-manager/pages/NoContentType/index.js
View File

@ -1,9 +1,9 @@
import React from 'react';
import { useFocusWhenNavigate } from '@strapi/helper-plugin';
import { Main } from '@strapi/parts/Main';
import { LinkButton } from '@strapi/parts/LinkButton';
import { ContentLayout, HeaderLayout } from '@strapi/parts/Layout';
import { EmptyStateLayout } from '@strapi/parts/EmptyStateLayout';
import { Main } from '@strapi/design-system/Main';
import { LinkButton } from '@strapi/design-system/LinkButton';
import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout';
import { EmptyStateLayout } from '@strapi/design-system/EmptyStateLayout';
import AddIcon from '@strapi/icons/AddIcon';
import EmptyStateDocument from '@strapi/icons/EmptyStateDocument';
import { useIntl } from 'react-intl';

4
packages/core/admin/admin/src/content-manager/pages/NoPermissions/index.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import { useFocusWhenNavigate, NoPermissions as NoPermissionsCompo } from '@strapi/helper-plugin';
import { Main } from '@strapi/parts/Main';
import { ContentLayout, HeaderLayout } from '@strapi/parts/Layout';
import { Main } from '@strapi/design-system/Main';
import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout';
import { useIntl } from 'react-intl';
import { getTrad } from '../../utils';

6
packages/core/admin/admin/src/layouts/AppLayout/index.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { SkipToContent } from '@strapi/parts/Main';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import { SkipToContent } from '@strapi/design-system/Main';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import { useIntl } from 'react-intl';

2
packages/core/admin/admin/src/layouts/UnauthenticatedLayout/LocaleToggle/index.js
View File

@ -6,7 +6,7 @@
import React from 'react';
import { useIntl } from 'react-intl';
import { SimpleMenu, MenuItem } from '@strapi/parts/SimpleMenu';
import { SimpleMenu, MenuItem } from '@strapi/design-system/SimpleMenu';
import useLocalesProvider from '../../../components/LocalesProvider/useLocalesProvider';
const LocaleToggle = () => {

4
packages/core/admin/admin/src/layouts/UnauthenticatedLayout/index.js
View File

@ -1,8 +1,8 @@
import React from 'react';
import styled from 'styled-components';
import PropTypes from 'prop-types';
import { Box } from '@strapi/parts/Box';
import { Flex } from '@strapi/parts/Flex';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
import LocaleToggle from './LocaleToggle';
const Wrapper = styled(Box)`

6
packages/core/admin/admin/src/pages/Admin/Onboarding/index.js
View File

@ -3,9 +3,9 @@ import styled from 'styled-components';
import { useIntl } from 'react-intl';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faQuestion, faTimes } from '@fortawesome/free-solid-svg-icons';
import { Box } from '@strapi/parts/Box';
import { Text } from '@strapi/parts/Text';
import { FocusTrap } from '@strapi/parts/FocusTrap';
import { Box } from '@strapi/design-system/Box';
import { Text } from '@strapi/design-system/Text';
import { FocusTrap } from '@strapi/design-system/FocusTrap';
import { useConfigurations } from '../../../hooks';
const OnboardingWrapper = styled(Box)`

2
packages/core/admin/admin/src/pages/Admin/Onboarding/tests/index.test.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import { render, screen, fireEvent } from '@testing-library/react';
import { IntlProvider } from 'react-intl';
import { ThemeProvider, lightTheme } from '@strapi/parts';
import { ThemeProvider, lightTheme } from '@strapi/design-system';
import Onboarding from '../index';
jest.mock('../../../../hooks', () => ({

2
packages/core/admin/admin/src/pages/Admin/tests/index.test.js
View File

@ -2,7 +2,7 @@ import React from 'react';
import { Router } from 'react-router-dom';
import { render, screen, waitFor } from '@testing-library/react';
import { createMemoryHistory } from 'history';
import { ThemeProvider, lightTheme } from '@strapi/parts';
import { ThemeProvider, lightTheme } from '@strapi/design-system';
import { IntlProvider } from 'react-intl';
import { useStrapiApp } from '@strapi/helper-plugin';
import { useMenu } from '../../../hooks';

2
packages/core/admin/admin/src/pages/App/index.js
View File

@ -13,7 +13,7 @@ import {
useNotification,
TrackingContext,
} from '@strapi/helper-plugin';
import { SkipToContent } from '@strapi/parts/Main';
import { SkipToContent } from '@strapi/design-system/Main';
import { useIntl } from 'react-intl';
import PrivateRoute from '../../components/PrivateRoute';
import { createRoute, makeUniqueRoutes } from '../../utils';

2
packages/core/admin/admin/src/pages/AuthPage/components/FieldActionWrapper/index.js
View File

@ -1,5 +1,5 @@
import styled from 'styled-components';
import { FieldAction } from '@strapi/parts/Field';
import { FieldAction } from '@strapi/design-system/Field';
const FieldActionWrapper = styled(FieldAction)`
svg {

16
packages/core/admin/admin/src/pages/AuthPage/components/ForgotPassword/index.js
View File

@ -2,14 +2,14 @@ import React from 'react';
import { useIntl } from 'react-intl';
import PropTypes from 'prop-types';
import { Form } from '@strapi/helper-plugin';
import { Box } from '@strapi/parts/Box';
import { Stack } from '@strapi/parts/Stack';
import { Main } from '@strapi/parts/Main';
import { Flex } from '@strapi/parts/Flex';
import { Link } from '@strapi/parts/Link';
import { Button } from '@strapi/parts/Button';
import { TextInput } from '@strapi/parts/TextInput';
import { H1, Text } from '@strapi/parts/Text';
import { Box } from '@strapi/design-system/Box';
import { Stack } from '@strapi/design-system/Stack';
import { Main } from '@strapi/design-system/Main';
import { Flex } from '@strapi/design-system/Flex';
import { Link } from '@strapi/design-system/Link';
import { Button } from '@strapi/design-system/Button';
import { TextInput } from '@strapi/design-system/TextInput';
import { H1, Text } from '@strapi/design-system/Text';
import { Formik } from 'formik';
import UnauthenticatedLayout, {
Column,

10
packages/core/admin/admin/src/pages/AuthPage/components/ForgotPasswordSuccess/index.js
View File

@ -1,10 +1,10 @@
import React from 'react';
import { useIntl } from 'react-intl';
import { Box } from '@strapi/parts/Box';
import { Main } from '@strapi/parts/Main';
import { Flex } from '@strapi/parts/Flex';
import { Link } from '@strapi/parts/Link';
import { H1, Text } from '@strapi/parts/Text';
import { Box } from '@strapi/design-system/Box';
import { Main } from '@strapi/design-system/Main';
import { Flex } from '@strapi/design-system/Flex';
import { Link } from '@strapi/design-system/Link';
import { H1, Text } from '@strapi/design-system/Text';
import UnauthenticatedLayout, {
Column,
LayoutContent,

18
packages/core/admin/admin/src/pages/AuthPage/components/Login/BaseLogin.js
View File

@ -1,15 +1,15 @@
import React, { useState } from 'react';
import Hide from '@strapi/icons/Hide';
import Show from '@strapi/icons/Show';
import { Box } from '@strapi/parts/Box';
import { Stack } from '@strapi/parts/Stack';
import { Main } from '@strapi/parts/Main';
import { Flex } from '@strapi/parts/Flex';
import { Link } from '@strapi/parts/Link';
import { Button } from '@strapi/parts/Button';
import { TextInput } from '@strapi/parts/TextInput';
import { Checkbox } from '@strapi/parts/Checkbox';
import { H1, Text, Subtitle } from '@strapi/parts/Text';
import { Box } from '@strapi/design-system/Box';
import { Stack } from '@strapi/design-system/Stack';
import { Main } from '@strapi/design-system/Main';
import { Flex } from '@strapi/design-system/Flex';
import { Link } from '@strapi/design-system/Link';
import { Button } from '@strapi/design-system/Button';
import { TextInput } from '@strapi/design-system/TextInput';
import { Checkbox } from '@strapi/design-system/Checkbox';
import { H1, Text, Subtitle } from '@strapi/design-system/Text';
import { Form } from '@strapi/helper-plugin';
import PropTypes from 'prop-types';
import { useIntl } from 'react-intl';

4
packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js
View File

@ -1,7 +1,7 @@
import React from 'react';
import { render } from '@testing-library/react';
import { ThemeProvider } from '@strapi/parts/ThemeProvider';
import { lightTheme } from '@strapi/parts/themes';
import { ThemeProvider } from '@strapi/design-system/ThemeProvider';
import { lightTheme } from '@strapi/design-system/themes';
import { Router } from 'react-router-dom';
import { IntlProvider } from 'react-intl';
import * as yup from 'yup';

10
packages/core/admin/admin/src/pages/AuthPage/components/Oops/index.js
View File

@ -1,11 +1,11 @@
import React from 'react';
import { useIntl } from 'react-intl';
import { useQuery } from '@strapi/helper-plugin';
import { Box } from '@strapi/parts/Box';
import { Main } from '@strapi/parts/Main';
import { Flex } from '@strapi/parts/Flex';
import { Link } from '@strapi/parts/Link';
import { H1, Text } from '@strapi/parts/Text';
import { Box } from '@strapi/design-system/Box';
import { Main } from '@strapi/design-system/Main';
import { Flex } from '@strapi/design-system/Flex';
import { Link } from '@strapi/design-system/Link';
import { H1, Text } from '@strapi/design-system/Text';
import UnauthenticatedLayout, {
Column,
LayoutContent,

Some files were not shown because too many files have changed in this diff Show More