From e137f46d85550a5d90e053f0b914b79ceed42fd2 Mon Sep 17 00:00:00 2001 From: soupette Date: Wed, 27 Oct 2021 10:36:00 +0200 Subject: [PATCH] Change parts import name Signed-off-by: soupette --- .../admin/src/components/PluginIcon/index.js | 2 +- packages/core/admin/admin/src/StrapiApp.js | 2 +- .../Blocker.js | 10 ++--- .../Overlay.js | 4 +- .../admin/src/components/LeftMenu/index.js | 12 ++--- .../Notifications/Notification/index.js | 4 +- .../src/components/Notifications/index.js | 2 +- .../admin/admin/src/components/Theme/index.js | 4 +- .../src/components/UpgradePlanModal /index.js | 16 +++---- .../UpgradePlanModal /tests/index.test.js | 2 +- .../components/AttributeFilter/Filters.js | 4 +- .../components/ComponentInitializer/index.js | 10 ++--- .../CellContent/Media/FileWrapper.js | 4 +- .../DynamicTable/CellContent/Media/index.js | 4 +- .../CellContent/MultipleMedias.js | 2 +- .../CellContent/Relation/PopoverContent.js | 8 ++-- .../CellContent/Relation/index.js | 12 ++--- .../DynamicTable/CellContent/index.js | 2 +- .../DynamicTable/ConfirmDialogDelete/index.js | 10 ++--- .../ConfirmDialogDeleteAll/index.js | 10 ++--- .../DynamicTable/TableRows/index.js | 10 ++--- .../components/AddComponentButton/index.js | 8 ++-- .../AddComponentButton/tests/index.test.js | 2 +- .../components/Component/Rectangle.js | 4 +- .../DynamicZone/components/Component/index.js | 10 ++--- .../Category/ComponentCard/index.js | 6 +-- .../ComponentPicker/Category/index.js | 4 +- .../components/ComponentPicker/index.js | 8 ++-- .../DynamicZone/components/DzLabel/index.js | 6 +-- .../components/DzLabel/tests/index.test.js | 2 +- .../components/DynamicZone/index.js | 4 +- .../EditViewDataManagerProvider/index.js | 2 +- .../components/FieldComponent/Label.js | 6 +-- .../components/FieldComponent/index.js | 8 ++-- .../components/InjectionZoneList/index.js | 2 +- .../components/InputJSON/FieldError.js | 2 +- .../components/InputJSON/Hint.js | 2 +- .../components/InputJSON/Label.js | 6 +-- .../components/InputJSON/components.js | 2 +- .../components/InputJSON/index.js | 2 +- .../components/InputUID/endActionStyle.js | 6 +-- .../components/InputUID/index.js | 4 +- .../components/InputUID/tests/index.test.js | 2 +- .../components/Inputs/ComingSoonInput.js | 2 +- .../NonRepeatableComponent/index.js | 6 +-- .../RepeatableComponent/AddFieldButton.js | 6 +-- .../RepeatableComponent/DragPreview.js | 8 ++-- .../DraggedItem/DragHandleWrapper.js | 2 +- .../DraggedItem/Preview.js | 4 +- .../RepeatableComponent/DraggedItem/index.js | 12 ++--- .../components/RepeatableComponent/index.js | 2 +- .../components/SelectMany/ListItem.js | 10 ++--- .../components/SelectMany/index.js | 4 +- .../components/SelectOne/SingleValue.js | 4 +- .../components/SelectWrapper/IconBox.js | 2 +- .../components/SelectWrapper/Label.js | 6 +-- .../components/SelectWrapper/Option.js | 4 +- .../components/SelectWrapper/index.js | 4 +- .../content-manager/components/State/index.js | 4 +- .../components/Wysiwyg/MediaLibrary.js | 11 +++-- .../components/Wysiwyg/WysiwygExpand.js | 8 ++-- .../components/Wysiwyg/WysiwygFooter.js | 6 +-- .../components/Wysiwyg/WysiwygNav.js | 12 ++--- .../components/Wysiwyg/WysiwygStyles.js | 6 +-- .../components/Wysiwyg/index.js | 6 +-- .../components/Wysiwyg/tests/index.test.js | 2 +- .../pages/App/LeftMenu/index.js | 2 +- .../src/content-manager/pages/App/index.js | 4 +- .../content-manager/pages/App/useModels.js | 2 +- .../pages/EditView/DeleteLink/index.js | 2 +- .../EditView/DraftAndPublishBadge/index.js | 6 +-- .../DraftAndPublishBadge/tests/index.test.js | 2 +- .../pages/EditView/Header/index.js | 16 +++---- .../pages/EditView/Informations/index.js | 10 ++--- .../content-manager/pages/EditView/index.js | 16 +++---- .../components/CardPreview.js | 6 +-- .../components/DraggableCard.js | 8 ++-- .../components/EditFieldForm.js | 19 +++++--- .../ListSettingsView/components/Settings.js | 12 ++--- .../components/SortDisplayedFields.js | 12 ++--- .../pages/ListSettingsView/index.js | 12 ++--- .../ListSettingsView/tests/index.test.js | 2 +- .../pages/ListView/FieldPicker/index.js | 4 +- .../pages/ListView/PaginationFooter/index.js | 4 +- .../content-manager/pages/ListView/index.js | 10 ++--- .../pages/NoContentType/index.js | 8 ++-- .../pages/NoPermissions/index.js | 4 +- .../admin/src/layouts/AppLayout/index.js | 6 +-- .../LocaleToggle/index.js | 2 +- .../layouts/UnauthenticatedLayout/index.js | 4 +- .../admin/src/pages/Admin/Onboarding/index.js | 6 +-- .../Admin/Onboarding/tests/index.test.js | 2 +- .../admin/src/pages/Admin/tests/index.test.js | 2 +- .../core/admin/admin/src/pages/App/index.js | 2 +- .../components/FieldActionWrapper/index.js | 2 +- .../components/ForgotPassword/index.js | 16 +++---- .../components/ForgotPasswordSuccess/index.js | 10 ++--- .../AuthPage/components/Login/BaseLogin.js | 18 ++++---- .../components/Login/tests/BaseLogin.test.js | 4 +- .../pages/AuthPage/components/Oops/index.js | 10 ++--- .../components/Oops/tests/index.test.js | 4 +- .../AuthPage/components/Register/index.js | 20 ++++----- .../components/Register/tests/index.test.js | 4 +- .../components/ResetPassword/index.js | 16 +++---- .../ResetPassword/tests/index.test.js | 4 +- .../admin/src/pages/HomePage/ContentBlocks.js | 2 +- .../admin/src/pages/HomePage/HomeHeader.js | 10 ++--- .../admin/src/pages/HomePage/SocialLinks.js | 12 ++--- .../admin/admin/src/pages/HomePage/index.js | 8 ++-- .../src/pages/HomePage/tests/index.test.js | 2 +- .../src/pages/InstalledPluginsPage/index.js | 4 +- .../MarketplaceBanner/Wrapper.js | 2 +- .../admin/src/pages/MarketplacePage/index.js | 4 +- .../admin/src/pages/ProfilePage/index.js | 22 +++++----- .../src/pages/ProfilePage/tests/index.test.js | 2 +- .../components/SettingsNav/index.js | 2 +- .../admin/src/pages/SettingsPage/index.js | 2 +- .../EditView/components/ContentBox/index.js | 2 +- .../EditView/components/LoadingView/index.js | 6 +-- .../pages/ApiTokens/EditView/index.js | 22 +++++----- .../DynamicTable/DeleteButton/index.js | 4 +- .../DynamicTable/UpdateButton/index.js | 2 +- .../ApiTokens/ListView/DynamicTable/index.js | 6 +-- .../pages/ApiTokens/ListView/index.js | 8 ++-- .../pages/ApplicationInfosPage/index.js | 14 +++--- .../ApplicationInfosPage/tests/index.test.js | 2 +- .../components/CollapseLabel/index.js | 2 +- .../components/ConditionsButton/index.js | 2 +- .../ConditionsModal/ActionRow/index.js | 8 ++-- .../components/ConditionsModal/index.js | 14 +++--- .../ContentTypeCollapse/Collapse/index.js | 6 +-- .../CollapsePropertyMatrix/ActionRow/index.js | 4 +- .../CollapsePropertyMatrix/Header/index.js | 4 +- .../SubActionRow/index.js | 8 ++-- .../CollapsePropertyMatrix/index.js | 2 +- .../ContentTypeCollapse/utils/activeStyle.js | 2 +- .../EditPage/components/ContentTypes/index.js | 2 +- .../Roles/EditPage/components/Curve/index.js | 2 +- .../components/GlobalActions/index.js | 8 ++-- .../EditPage/components/Permissions/index.js | 2 +- .../PluginsAndSettings/Row/index.js | 4 +- .../PluginsAndSettings/SubCategory/index.js | 10 ++--- .../components/PluginsAndSettings/index.js | 2 +- .../EditPage/components/RoleForm/index.js | 16 +++---- .../components/RowLabelWithCheckbox/index.js | 8 ++-- .../pages/Roles/EditPage/index.js | 12 ++--- .../ListPage/components/RoleRow/index.js | 10 ++--- .../pages/Roles/ListPage/index.js | 12 ++--- .../pages/Users/EditPage/index.js | 16 +++---- .../ListPage/DynamicTable/TableRows/index.js | 12 ++--- .../pages/Users/ListPage/Filters/index.js | 4 +- .../pages/Users/ListPage/ModalForm/index.js | 19 +++++--- .../Users/ListPage/PaginationFooter/index.js | 4 +- .../pages/Users/ListPage/index.js | 8 ++-- .../Users/ListPage/utils/tableHeaders.js | 4 +- .../components/MagicLink/MagicLinkWrapper.js | 2 +- .../Users/components/SelectRoles/index.js | 2 +- .../components/EventInput/EventRow.js | 4 +- .../EditView/components/EventInput/index.js | 6 +-- .../components/HeadersInput/Combobox.js | 2 +- .../EditView/components/HeadersInput/index.js | 14 +++--- .../components/TriggerContainer/index.js | 10 ++--- .../EditView/components/WebhookForm/index.js | 14 +++--- .../pages/Webhooks/EditView/index.js | 2 +- .../pages/Webhooks/ListView/index.js | 30 ++++++------- .../Webhooks/ListView/tests/index.test.js | 2 +- .../pages/AuthPage/components/Login/index.js | 10 ++--- .../components/Providers/SSOProviders.js | 8 ++-- .../AuthPage/components/Providers/index.js | 18 ++++---- .../pages/SettingsPage/SingleSignOn/index.js | 16 +++---- .../SingleSignOn/tests/index.test.js | 2 +- .../pages/Roles/CreatePage/index.js | 22 +++++----- .../pages/Roles/ListPage/index.js | 12 ++--- packages/core/admin/package.json | 4 +- .../components/AllowedTypesSelect/index.js | 2 +- .../src/components/AttributeIcon/index.js | 2 +- .../AttributeOption/BoxWrapper.js | 2 +- .../AttributeOptions/AttributeOption/index.js | 6 +-- .../src/components/AttributeOptions/index.js | 16 +++---- .../BooleanDefaultValueSelect/index.js | 2 +- .../CheckboxWithNumberField/index.js | 10 ++--- .../src/components/ComponentCard/index.js | 6 +-- .../components/ComponentIconPicker/Cell.js | 2 +- .../components/ComponentIconPicker/index.js | 12 ++--- .../components/ContentTypeBuilderNav/index.js | 6 +-- .../ContentTypeBuilderNav/tests/index.test.js | 2 +- .../components/CustomRadioGroup/components.js | 6 +-- .../src/components/CustomRadioGroup/index.js | 8 ++-- .../components/DraftAndPublishToggle/index.js | 12 ++--- .../src/components/DynamicZoneList/index.js | 6 +-- .../admin/src/components/FormModal/index.js | 16 +++---- .../components/FormModalEndActions/index.js | 2 +- .../src/components/FormModalHeader/index.js | 12 ++--- .../admin/src/components/List/BoxWrapper.js | 2 +- .../admin/src/components/List/index.js | 8 ++-- .../src/components/ListRow/BoxWrapper.js | 2 +- .../admin/src/components/ListRow/index.js | 8 ++-- .../src/components/NestedTFooter/index.js | 6 +-- .../admin/src/components/PluginIcon/index.js | 2 +- .../admin/src/components/PluralName/index.js | 2 +- .../RelationTargetPicker/index.js | 2 +- .../Relation/RelationField/index.js | 8 ++-- .../RelationNaturePicker/components.js | 4 +- .../Relation/RelationNaturePicker/index.js | 8 ++-- .../admin/src/components/Relation/index.js | 2 +- .../src/components/SelectCategory/index.js | 2 +- .../src/components/SelectComponent/index.js | 2 +- .../src/components/SelectComponents/index.js | 2 +- .../src/components/SingularName/index.js | 2 +- .../admin/src/components/TabForm/index.js | 6 +-- .../src/components/TextareaEnum/index.js | 2 +- .../admin/src/icons/Curve.js | 2 +- .../admin/src/pages/App/index.js | 2 +- .../ListView/LinkToCMSettingsView/index.js | 2 +- .../admin/src/pages/ListView/index.js | 12 ++--- .../Settings/components/Configuration.js | 10 ++--- .../pages/Settings/components/EmailHeader.js | 2 +- .../email/admin/src/pages/Settings/index.js | 18 ++++---- .../src/pages/Settings/tests/index.test.js | 2 +- .../core/helper-plugin/.storybook/preview.js | 2 +- .../AnErrorOccurred.stories.mdx | 2 +- .../src/components/AnErrorOccurred/index.js | 2 +- .../ConfirmDialog/ConfirmDialog.stories.mdx | 44 +++++++++++-------- .../lib/src/components/ConfirmDialog/index.js | 10 ++--- .../ConfirmDialog/tests/index.test.js | 2 +- .../ContentBox/ContentBox.stories.mdx | 4 +- .../lib/src/components/ContentBox/index.js | 6 +-- .../components/ContentBox/tests/index.test.js | 2 +- .../DynamicTable/DynamicTable.stories.mdx | 18 ++++---- .../DynamicTable/TableHead/index.js | 12 ++--- .../lib/src/components/DynamicTable/index.js | 10 ++--- .../EmptyBodyTable/EmptyBodyTable.stories.mdx | 2 +- .../src/components/EmptyBodyTable/index.js | 8 ++-- .../EmptyStateLayout.stories.mdx | 2 +- .../src/components/EmptyStateLayout/index.js | 2 +- .../FilterListURLQuery/AttributeTag.js | 4 +- .../FilterListURLQuery.stories.mdx | 10 ++--- .../FilterListURLQuery/tests/index.test.js | 2 +- .../FilterPopoverURLQuery.stories.mdx | 2 +- .../FilterPopoverURLQuery/Inputs.js | 10 ++--- .../components/FilterPopoverURLQuery/index.js | 12 ++--- .../lib/src/components/Form/Form.stories.mdx | 44 ++++++++++++++----- .../GenericInput/GenericInput.stories.mdx | 10 ++--- .../lib/src/components/GenericInput/index.js | 16 +++---- .../components/LoadingIndicatorPage/index.js | 4 +- .../NoContent/NoContent.stories.mdx | 2 +- .../lib/src/components/NoContent/index.js | 2 +- .../components/NoMedia/NoMedia.stories.mdx | 2 +- .../lib/src/components/NoMedia/index.js | 2 +- .../NoPermissions/NoPermissions.stories.mdx | 2 +- .../lib/src/components/NoPermissions/index.js | 2 +- .../src/components/NotAllowedInput/index.js | 2 +- .../NotAllowedInput/tests/index.test.js | 2 +- .../PageSizeURLQuery/PageSize.stories.mdx | 2 +- .../src/components/PageSizeURLQuery/index.js | 8 ++-- .../PageSizeURLQuery/tests/index.test.js | 2 +- .../PaginationURLQuery.stories.mdx | 2 +- .../components/PaginationURLQuery/index.js | 8 +++- .../PaginationURLQuery/tests/index.test.js | 2 +- .../RelativeTime/RelativeTime.stories.mdx | 2 +- .../RelativeTime/tests/index.test.js | 2 +- .../lib/src/components/Search/index.js | 4 +- .../src/components/Status/Status.stories.mdx | 4 +- .../useCMEditViewDataManager.stories.mdx | 2 +- .../useFocusWhenNavigate.stories.mdx | 2 +- .../useNotification.stories.mdx | 2 +- .../src/icons/RemoveRoundedButton/index.js | 2 +- .../src/icons/SortIcon/SortIcon.stories.mdx | 4 +- .../PageTemplate/PageTemplate.stories.mdx | 30 ++++++++----- .../lib/src/utils/pxToRem/pxToRem.stories.mdx | 2 +- packages/core/helper-plugin/package.json | 4 +- .../src/components/AssetCard/DocAssetCard.js | 4 +- .../components/AssetCard/ImageAssetCard.js | 4 +- .../AssetCard/UploadingAssetCard.js | 6 +-- .../components/AssetCard/VideoAssetCard.js | 4 +- .../src/components/AssetCard/VideoPreview.js | 2 +- .../AssetCard/tests/DocAssetCard.test.js | 2 +- .../AssetCard/tests/ImageAssetCard.test.js | 2 +- .../components/EditAssetDialog/AssetMeta.js | 8 ++-- .../PreviewBox/CopyLinkButton.js | 2 +- .../PreviewBox/CroppingActions.js | 8 ++-- .../EditAssetDialog/PreviewBox/components.js | 6 +-- .../EditAssetDialog/PreviewBox/index.js | 4 +- .../EditAssetDialog/ReplaceMediaButton.js | 4 +- .../src/components/EditAssetDialog/index.js | 19 +++++--- .../tests/EditAssetDialog.test.js | 2 +- .../tests/RemoveAssetDialog.test.js | 2 +- .../EditAssetDialog.test.js.snap | 2 + .../EditAssetDialog/tests/index.test.js | 4 +- .../src/components/FilterList/FilterTag.js | 4 +- .../components/FilterList/tests/index.test.js | 2 +- .../FilterPopover/FilterValueInput.js | 4 +- .../src/components/FilterPopover/index.js | 12 ++--- .../src/components/PaginationFooter/index.js | 4 +- .../admin/src/components/PluginIcon/index.js | 2 +- .../AddAssetStep/AddAssetStep.js | 10 ++--- .../AddAssetStep/FromComputerForm.js | 10 ++--- .../AddAssetStep/FromUrlForm.js | 8 ++-- .../tests/FromComputerForm.test.js | 3 +- .../PendingAssetStep/PendingAssetStep.js | 14 +++--- .../tests/PendingAssetStep.test.js | 4 +- .../UploadAssetDialog/UploadAssetDialog.js | 2 +- .../tests/UploadAssetDialog.test.js | 2 +- .../UploadAssetDialog.test.js.snap | 4 ++ .../src/components/UploadProgress/index.js | 8 ++-- .../UploadProgress/tests/index.test.js | 2 +- .../core/upload/admin/src/hooks/useAssets.js | 2 +- .../admin/src/pages/App/MediaLibrary.js | 10 ++--- .../pages/App/components/BulkDeleteButton.js | 6 +-- .../admin/src/pages/App/components/Filters.js | 2 +- .../src/pages/App/components/ListView.js | 4 +- .../src/pages/App/components/SortPicker.js | 2 +- .../App/components/tests/ListView.test.js | 2 +- .../src/pages/App/tests/MediaLibrary.test.js | 2 +- .../admin/src/pages/SettingsPage/index.js | 18 ++++---- .../pages/SettingsPage/tests/index.test.js | 2 +- .../templates/tests/index.test.js.hbs | 2 +- .../admin/src/components/PluginIcon/index.js | 2 +- .../components/FieldActionWrapper/index.js | 2 +- .../admin/src/components/PluginIcon/index.js | 2 +- .../admin/src/pages/PluginPage/index.js | 14 +++--- .../src/pages/PluginPage/tests/index.test.js | 2 +- .../admin/src/pages/SettingsPage/index.js | 18 ++++---- .../pages/SettingsPage/tests/index.test.js | 2 +- .../CMEditViewCopyLocale/index.js | 14 +++--- .../CMEditViewLocalePicker/index.js | 10 ++--- .../DeleteModalAdditionalInfos/index.js | 2 +- .../components/CheckboxConfirmation/index.js | 12 ++--- .../admin/src/components/LabelAction/index.js | 2 +- .../src/components/LocaleList/LocaleTable.js | 10 ++--- .../admin/src/components/LocaleList/index.js | 6 +-- .../LocaleListCell/LocaleListCell.js | 10 ++--- .../tests/LocaleListCell.test.js | 2 +- .../src/components/LocalePicker/index.js | 2 +- .../src/components/LocaleSelect/index.js | 2 +- .../LocaleSelect/tests/LocaleSelect.test.js | 2 +- .../components/ModalCreate/AdvancedForm.js | 2 +- .../src/components/ModalCreate/BaseForm.js | 4 +- .../admin/src/components/ModalCreate/index.js | 19 +++++--- .../src/components/ModalEdit/AdvancedForm.js | 2 +- .../src/components/ModalEdit/BaseForm.js | 6 +-- .../admin/src/components/ModalEdit/index.js | 19 +++++--- .../src/hooks/useDefaultLocales/index.js | 2 +- .../admin/src/components/BoundRoute/index.js | 6 +-- .../src/components/FormModal/Input/index.js | 4 +- .../FormModal/Input/tests/index.test.js | 2 +- .../admin/src/components/FormModal/index.js | 15 ++++--- .../components/FormModal/tests/index.test.js | 2 +- .../PermissionRow/CheckboxWrapper.js | 2 +- .../Permissions/PermissionRow/SubCategory.js | 10 ++--- .../Permissions/PermissionRow/index.js | 2 +- .../admin/src/components/Permissions/index.js | 4 +- .../admin/src/components/Policies/index.js | 6 +-- .../src/components/UsersPermissions/index.js | 6 +-- .../admin/src/pages/AdvancedSettings/index.js | 18 ++++---- .../AdvancedSettings/tests/index.test.js | 2 +- .../EmailTemplates/components/EmailForm.js | 15 ++++--- .../EmailTemplates/components/EmailTable.js | 8 ++-- .../admin/src/pages/EmailTemplates/index.js | 6 +-- .../pages/EmailTemplates/tests/index.test.js | 2 +- .../admin/src/pages/Providers/index.js | 14 +++--- .../src/pages/Providers/tests/index.test.js | 2 +- .../admin/src/pages/Roles/CreatePage/index.js | 18 ++++---- .../Roles/CreatePage/tests/index.test.js | 2 +- .../admin/src/pages/Roles/EditPage/index.js | 20 ++++----- .../pages/Roles/EditPage/tests/index.test.js | 2 +- .../Roles/ListPage/components/TableBody.js | 8 ++-- .../admin/src/pages/Roles/ListPage/index.js | 2 +- .../pages/Roles/ListPage/tests/index.test.js | 2 +- yarn.lock | 18 ++++---- 370 files changed, 1236 insertions(+), 1137 deletions(-) diff --git a/examples/getstarted/src/plugins/myplugin/admin/src/components/PluginIcon/index.js b/examples/getstarted/src/plugins/myplugin/admin/src/components/PluginIcon/index.js index 0497df6511..8f9fa8f7e6 100644 --- a/examples/getstarted/src/plugins/myplugin/admin/src/components/PluginIcon/index.js +++ b/examples/getstarted/src/plugins/myplugin/admin/src/components/PluginIcon/index.js @@ -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 = () => } width="16px" />; diff --git a/packages/core/admin/admin/src/StrapiApp.js b/packages/core/admin/admin/src/StrapiApp.js index f0feabc1b0..b48775ba73 100644 --- a/packages/core/admin/admin/src/StrapiApp.js +++ b/packages/core/admin/admin/src/StrapiApp.js @@ -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'; diff --git a/packages/core/admin/admin/src/components/AutoReloadOverlayBlockerProvider/Blocker.js b/packages/core/admin/admin/src/components/AutoReloadOverlayBlockerProvider/Blocker.js index 112a159f81..63ebc93dad 100644 --- a/packages/core/admin/admin/src/components/AutoReloadOverlayBlockerProvider/Blocker.js +++ b/packages/core/admin/admin/src/components/AutoReloadOverlayBlockerProvider/Blocker.js @@ -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'); diff --git a/packages/core/admin/admin/src/components/AutoReloadOverlayBlockerProvider/Overlay.js b/packages/core/admin/admin/src/components/AutoReloadOverlayBlockerProvider/Overlay.js index b733cadfa0..87d9b2d09c 100644 --- a/packages/core/admin/admin/src/components/AutoReloadOverlayBlockerProvider/Overlay.js +++ b/packages/core/admin/admin/src/components/AutoReloadOverlayBlockerProvider/Overlay.js @@ -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)` diff --git a/packages/core/admin/admin/src/components/LeftMenu/index.js b/packages/core/admin/admin/src/components/LeftMenu/index.js index 19080a79bf..e2100c8426 100644 --- a/packages/core/admin/admin/src/components/LeftMenu/index.js +++ b/packages/core/admin/admin/src/components/LeftMenu/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/components/Notifications/Notification/index.js b/packages/core/admin/admin/src/components/Notifications/Notification/index.js index 75e97d3f2d..c96dc596f8 100644 --- a/packages/core/admin/admin/src/components/Notifications/Notification/index.js +++ b/packages/core/admin/admin/src/components/Notifications/Notification/index.js @@ -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(); diff --git a/packages/core/admin/admin/src/components/Notifications/index.js b/packages/core/admin/admin/src/components/Notifications/index.js index 1352851d21..5e9d60961b 100644 --- a/packages/core/admin/admin/src/components/Notifications/index.js +++ b/packages/core/admin/admin/src/components/Notifications/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/components/Theme/index.js b/packages/core/admin/admin/src/components/Theme/index.js index 1dd36f1177..20169b2c21 100644 --- a/packages/core/admin/admin/src/components/Theme/index.js +++ b/packages/core/admin/admin/src/components/Theme/index.js @@ -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 }) => ( diff --git a/packages/core/admin/admin/src/components/UpgradePlanModal /index.js b/packages/core/admin/admin/src/components/UpgradePlanModal /index.js index 11a348d867..35934c5bb2 100644 --- a/packages/core/admin/admin/src/components/UpgradePlanModal /index.js +++ b/packages/core/admin/admin/src/components/UpgradePlanModal /index.js @@ -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'; diff --git a/packages/core/admin/admin/src/components/UpgradePlanModal /tests/index.test.js b/packages/core/admin/admin/src/components/UpgradePlanModal /tests/index.test.js index be9e6e7772..f77343b998 100644 --- a/packages/core/admin/admin/src/components/UpgradePlanModal /tests/index.test.js +++ b/packages/core/admin/admin/src/components/UpgradePlanModal /tests/index.test.js @@ -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 = ( diff --git a/packages/core/admin/admin/src/content-manager/components/AttributeFilter/Filters.js b/packages/core/admin/admin/src/content-manager/components/AttributeFilter/Filters.js index fead46a7b2..1f9ed58047 100644 --- a/packages/core/admin/admin/src/content-manager/components/AttributeFilter/Filters.js +++ b/packages/core/admin/admin/src/content-manager/components/AttributeFilter/Filters.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/ComponentInitializer/index.js b/packages/core/admin/admin/src/content-manager/components/ComponentInitializer/index.js index 7261d750f3..83d2d3b345 100644 --- a/packages/core/admin/admin/src/content-manager/components/ComponentInitializer/index.js +++ b/packages/core/admin/admin/src/content-manager/components/ComponentInitializer/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Media/FileWrapper.js b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Media/FileWrapper.js index d20fd5338e..90588e2534 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Media/FileWrapper.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Media/FileWrapper.js @@ -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; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Media/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Media/index.js index aef3dba95e..51829fe57f 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Media/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Media/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/MultipleMedias.js b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/MultipleMedias.js index a317d98897..5e4746fc42 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/MultipleMedias.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/MultipleMedias.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Relation/PopoverContent.js b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Relation/PopoverContent.js index 6b3b5acb18..4408f4ce2c 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Relation/PopoverContent.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Relation/PopoverContent.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Relation/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Relation/index.js index a5b0e7b47a..17f7eeb340 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Relation/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/Relation/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/index.js index 4de0de7830..ab10563302 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicTable/CellContent/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmDialogDelete/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmDialogDelete/index.js index 59fb5a079f..d7e44e9734 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmDialogDelete/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmDialogDelete/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmDialogDeleteAll/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmDialogDeleteAll/index.js index cd4933c9fa..f6ded19a8c 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmDialogDeleteAll/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicTable/ConfirmDialogDeleteAll/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicTable/TableRows/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicTable/TableRows/index.js index 01cc68072b..1b706e6ef5 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicTable/TableRows/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicTable/TableRows/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/AddComponentButton/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/AddComponentButton/index.js index ccbc3a2266..3176a03c5f 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/AddComponentButton/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/AddComponentButton/index.js @@ -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)` diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/AddComponentButton/tests/index.test.js b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/AddComponentButton/tests/index.test.js index 84617399b2..c055ea996d 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/AddComponentButton/tests/index.test.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/AddComponentButton/tests/index.test.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/Rectangle.js b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/Rectangle.js index 8af3a658d8..e505f8cfd9 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/Rectangle.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/Rectangle.js @@ -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]}; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js index 2d97f6f18e..afaa5baa18 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/Category/ComponentCard/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/Category/ComponentCard/index.js index 7567f54814..99dffd9938 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/Category/ComponentCard/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/Category/ComponentCard/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/Category/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/Category/index.js index 2e467df739..4f99b21513 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/Category/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/Category/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/index.js index 4299928656..9233251b17 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/ComponentPicker/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DzLabel/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DzLabel/index.js index 43943a9408..e54304a107 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DzLabel/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DzLabel/index.js @@ -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)}; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DzLabel/tests/index.test.js b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DzLabel/tests/index.test.js index c630b2d660..13fe9aebb3 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DzLabel/tests/index.test.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicZone/components/DzLabel/tests/index.test.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/DynamicZone/index.js b/packages/core/admin/admin/src/content-manager/components/DynamicZone/index.js index 7c1f273631..0a374ef942 100644 --- a/packages/core/admin/admin/src/content-manager/components/DynamicZone/index.js +++ b/packages/core/admin/admin/src/content-manager/components/DynamicZone/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/EditViewDataManagerProvider/index.js b/packages/core/admin/admin/src/content-manager/components/EditViewDataManagerProvider/index.js index 643bbf2846..6ad8069ea4 100644 --- a/packages/core/admin/admin/src/content-manager/components/EditViewDataManagerProvider/index.js +++ b/packages/core/admin/admin/src/content-manager/components/EditViewDataManagerProvider/index.js @@ -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, diff --git a/packages/core/admin/admin/src/content-manager/components/FieldComponent/Label.js b/packages/core/admin/admin/src/content-manager/components/FieldComponent/Label.js index f2f00e685a..6724929ec2 100644 --- a/packages/core/admin/admin/src/content-manager/components/FieldComponent/Label.js +++ b/packages/core/admin/admin/src/content-manager/components/FieldComponent/Label.js @@ -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 { diff --git a/packages/core/admin/admin/src/content-manager/components/FieldComponent/index.js b/packages/core/admin/admin/src/content-manager/components/FieldComponent/index.js index 4f46d0761f..7b68459231 100644 --- a/packages/core/admin/admin/src/content-manager/components/FieldComponent/index.js +++ b/packages/core/admin/admin/src/content-manager/components/FieldComponent/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/InjectionZoneList/index.js b/packages/core/admin/admin/src/content-manager/components/InjectionZoneList/index.js index 864956b2ca..2b97bc695d 100644 --- a/packages/core/admin/admin/src/content-manager/components/InjectionZoneList/index.js +++ b/packages/core/admin/admin/src/content-manager/components/InjectionZoneList/index.js @@ -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 }) => { diff --git a/packages/core/admin/admin/src/content-manager/components/InputJSON/FieldError.js b/packages/core/admin/admin/src/content-manager/components/InputJSON/FieldError.js index f921d478e7..48a8316b56 100644 --- a/packages/core/admin/admin/src/content-manager/components/InputJSON/FieldError.js +++ b/packages/core/admin/admin/src/content-manager/components/InputJSON/FieldError.js @@ -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(); diff --git a/packages/core/admin/admin/src/content-manager/components/InputJSON/Hint.js b/packages/core/admin/admin/src/content-manager/components/InputJSON/Hint.js index 693a3b1617..2da2a9cadb 100644 --- a/packages/core/admin/admin/src/content-manager/components/InputJSON/Hint.js +++ b/packages/core/admin/admin/src/content-manager/components/InputJSON/Hint.js @@ -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(); diff --git a/packages/core/admin/admin/src/content-manager/components/InputJSON/Label.js b/packages/core/admin/admin/src/content-manager/components/InputJSON/Label.js index 745580cac7..937023472b 100644 --- a/packages/core/admin/admin/src/content-manager/components/InputJSON/Label.js +++ b/packages/core/admin/admin/src/content-manager/components/InputJSON/Label.js @@ -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 { diff --git a/packages/core/admin/admin/src/content-manager/components/InputJSON/components.js b/packages/core/admin/admin/src/content-manager/components/InputJSON/components.js index ffcf499fac..84ed499ab7 100644 --- a/packages/core/admin/admin/src/content-manager/components/InputJSON/components.js +++ b/packages/core/admin/admin/src/content-manager/components/InputJSON/components.js @@ -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 */ diff --git a/packages/core/admin/admin/src/content-manager/components/InputJSON/index.js b/packages/core/admin/admin/src/content-manager/components/InputJSON/index.js index 5a092c02ae..baed781b29 100644 --- a/packages/core/admin/admin/src/content-manager/components/InputJSON/index.js +++ b/packages/core/admin/admin/src/content-manager/components/InputJSON/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/InputUID/endActionStyle.js b/packages/core/admin/admin/src/content-manager/components/InputUID/endActionStyle.js index 8ae82d76ed..4877e1108d 100644 --- a/packages/core/admin/admin/src/content-manager/components/InputUID/endActionStyle.js +++ b/packages/core/admin/admin/src/content-manager/components/InputUID/endActionStyle.js @@ -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; diff --git a/packages/core/admin/admin/src/content-manager/components/InputUID/index.js b/packages/core/admin/admin/src/content-manager/components/InputUID/index.js index 880f186ad2..06d2986077 100644 --- a/packages/core/admin/admin/src/content-manager/components/InputUID/index.js +++ b/packages/core/admin/admin/src/content-manager/components/InputUID/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/InputUID/tests/index.test.js b/packages/core/admin/admin/src/content-manager/components/InputUID/tests/index.test.js index 79628ca1e0..2874a68c52 100644 --- a/packages/core/admin/admin/src/content-manager/components/InputUID/tests/index.test.js +++ b/packages/core/admin/admin/src/content-manager/components/InputUID/tests/index.test.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/Inputs/ComingSoonInput.js b/packages/core/admin/admin/src/content-manager/components/Inputs/ComingSoonInput.js index 9b6bd9e1ec..b99dc78d65 100644 --- a/packages/core/admin/admin/src/content-manager/components/Inputs/ComingSoonInput.js +++ b/packages/core/admin/admin/src/content-manager/components/Inputs/ComingSoonInput.js @@ -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 }) => { diff --git a/packages/core/admin/admin/src/content-manager/components/NonRepeatableComponent/index.js b/packages/core/admin/admin/src/content-manager/components/NonRepeatableComponent/index.js index 2b17af5af3..5024580bc1 100644 --- a/packages/core/admin/admin/src/content-manager/components/NonRepeatableComponent/index.js +++ b/packages/core/admin/admin/src/content-manager/components/NonRepeatableComponent/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/AddFieldButton.js b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/AddFieldButton.js index 087f9a7ad4..053420d067 100644 --- a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/AddFieldButton.js +++ b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/AddFieldButton.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DragPreview.js b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DragPreview.js index 81e0dd2fdf..31b8711f63 100644 --- a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DragPreview.js +++ b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DragPreview.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/DragHandleWrapper.js b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/DragHandleWrapper.js index d84ac85475..058661680b 100644 --- a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/DragHandleWrapper.js +++ b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/DragHandleWrapper.js @@ -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; diff --git a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/Preview.js b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/Preview.js index 34fa2787fd..aa46268519 100644 --- a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/Preview.js +++ b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/Preview.js @@ -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}; diff --git a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/index.js b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/index.js index 190c9a7a3a..880eec545d 100644 --- a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/index.js +++ b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/DraggedItem/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/index.js b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/index.js index 47da735046..99180fe420 100644 --- a/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/index.js +++ b/packages/core/admin/admin/src/content-manager/components/RepeatableComponent/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/SelectMany/ListItem.js b/packages/core/admin/admin/src/content-manager/components/SelectMany/ListItem.js index 71a50cc615..96d6fd3cfe 100644 --- a/packages/core/admin/admin/src/content-manager/components/SelectMany/ListItem.js +++ b/packages/core/admin/admin/src/content-manager/components/SelectMany/ListItem.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/SelectMany/index.js b/packages/core/admin/admin/src/content-manager/components/SelectMany/index.js index 690f234b42..66735488b2 100644 --- a/packages/core/admin/admin/src/content-manager/components/SelectMany/index.js +++ b/packages/core/admin/admin/src/content-manager/components/SelectMany/index.js @@ -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({ diff --git a/packages/core/admin/admin/src/content-manager/components/SelectOne/SingleValue.js b/packages/core/admin/admin/src/content-manager/components/SelectOne/SingleValue.js index efb821a0a0..d96c8d6d79 100644 --- a/packages/core/admin/admin/src/content-manager/components/SelectOne/SingleValue.js +++ b/packages/core/admin/admin/src/content-manager/components/SelectOne/SingleValue.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/SelectWrapper/IconBox.js b/packages/core/admin/admin/src/content-manager/components/SelectWrapper/IconBox.js index 3dac1d8a2d..770e2f3217 100644 --- a/packages/core/admin/admin/src/content-manager/components/SelectWrapper/IconBox.js +++ b/packages/core/admin/admin/src/content-manager/components/SelectWrapper/IconBox.js @@ -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; diff --git a/packages/core/admin/admin/src/content-manager/components/SelectWrapper/Label.js b/packages/core/admin/admin/src/content-manager/components/SelectWrapper/Label.js index 3bab5dd8cc..552db9752f 100644 --- a/packages/core/admin/admin/src/content-manager/components/SelectWrapper/Label.js +++ b/packages/core/admin/admin/src/content-manager/components/SelectWrapper/Label.js @@ -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 { diff --git a/packages/core/admin/admin/src/content-manager/components/SelectWrapper/Option.js b/packages/core/admin/admin/src/content-manager/components/SelectWrapper/Option.js index d32c3b0f32..b485505042 100644 --- a/packages/core/admin/admin/src/content-manager/components/SelectWrapper/Option.js +++ b/packages/core/admin/admin/src/content-manager/components/SelectWrapper/Option.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/SelectWrapper/index.js b/packages/core/admin/admin/src/content-manager/components/SelectWrapper/index.js index 864e38b048..b244856995 100644 --- a/packages/core/admin/admin/src/content-manager/components/SelectWrapper/index.js +++ b/packages/core/admin/admin/src/content-manager/components/SelectWrapper/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/State/index.js b/packages/core/admin/admin/src/content-manager/components/State/index.js index 08d7b3966a..d42d697946 100644 --- a/packages/core/admin/admin/src/content-manager/components/State/index.js +++ b/packages/core/admin/admin/src/content-manager/components/State/index.js @@ -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 }) => { diff --git a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/MediaLibrary.js b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/MediaLibrary.js index b08bfbfaa4..20968ddc1e 100644 --- a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/MediaLibrary.js +++ b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/MediaLibrary.js @@ -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' }, diff --git a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygExpand.js b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygExpand.js index fb0f39da37..983656d7b6 100644 --- a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygExpand.js +++ b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygExpand.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygFooter.js b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygFooter.js index 8ee4822abe..f5035ff5f0 100644 --- a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygFooter.js +++ b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygFooter.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygNav.js b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygNav.js index e9c5851c83..e4a3517946 100644 --- a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygNav.js +++ b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygNav.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygStyles.js b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygStyles.js index 1d3003e677..125a3863d2 100644 --- a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygStyles.js +++ b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/WysiwygStyles.js @@ -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 diff --git a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/index.js b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/index.js index fa50f086ac..c850f16e33 100644 --- a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/index.js +++ b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/tests/index.test.js b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/tests/index.test.js index a465d193e9..38577825d9 100644 --- a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/tests/index.test.js +++ b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/tests/index.test.js @@ -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 = () => { diff --git a/packages/core/admin/admin/src/content-manager/pages/App/LeftMenu/index.js b/packages/core/admin/admin/src/content-manager/pages/App/LeftMenu/index.js index ab0245e88e..cc234ca57d 100644 --- a/packages/core/admin/admin/src/content-manager/pages/App/LeftMenu/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/App/LeftMenu/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/App/index.js b/packages/core/admin/admin/src/content-manager/pages/App/index.js index 6f2b3dffe8..dc14b9707b 100644 --- a/packages/core/admin/admin/src/content-manager/pages/App/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/App/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/App/useModels.js b/packages/core/admin/admin/src/content-manager/pages/App/useModels.js index 90bb281452..30ceea5a56 100644 --- a/packages/core/admin/admin/src/content-manager/pages/App/useModels.js +++ b/packages/core/admin/admin/src/content-manager/pages/App/useModels.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/EditView/DeleteLink/index.js b/packages/core/admin/admin/src/content-manager/pages/EditView/DeleteLink/index.js index ec34955617..281ed463a8 100644 --- a/packages/core/admin/admin/src/content-manager/pages/EditView/DeleteLink/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/EditView/DeleteLink/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/index.js b/packages/core/admin/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/index.js index b2bb194327..1caf766a15 100644 --- a/packages/core/admin/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/tests/index.test.js b/packages/core/admin/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/tests/index.test.js index e3e17f578d..e6c08ae47b 100644 --- a/packages/core/admin/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/tests/index.test.js +++ b/packages/core/admin/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/tests/index.test.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/EditView/Header/index.js b/packages/core/admin/admin/src/content-manager/pages/EditView/Header/index.js index d154fce788..e0bcb91fb6 100644 --- a/packages/core/admin/admin/src/content-manager/pages/EditView/Header/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/EditView/Header/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/EditView/Informations/index.js b/packages/core/admin/admin/src/content-manager/pages/EditView/Informations/index.js index 203aa449dd..489a85c588 100644 --- a/packages/core/admin/admin/src/content-manager/pages/EditView/Informations/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/EditView/Informations/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/EditView/index.js b/packages/core/admin/admin/src/content-manager/pages/EditView/index.js index 3bf429c294..0855647a82 100644 --- a/packages/core/admin/admin/src/content-manager/pages/EditView/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/EditView/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/CardPreview.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/CardPreview.js index 3c3f8c28b3..449e28625f 100644 --- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/CardPreview.js +++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/CardPreview.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/DraggableCard.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/DraggableCard.js index fac410e92b..48ddf27040 100644 --- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/DraggableCard.js +++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/DraggableCard.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/EditFieldForm.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/EditFieldForm.js index 17c79aa92d..2f19d19c98 100644 --- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/EditFieldForm.js +++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/EditFieldForm.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/Settings.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/Settings.js index 9c9fb0077c..34c0693e39 100644 --- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/Settings.js +++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/Settings.js @@ -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)` diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/SortDisplayedFields.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/SortDisplayedFields.js index a0a87ef89d..1100459ff6 100644 --- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/SortDisplayedFields.js +++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/components/SortDisplayedFields.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/index.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/index.js index ca16059b30..b9ac20f6a5 100644 --- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/index.test.js b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/index.test.js index 633ef3399d..d35a58d180 100644 --- a/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/index.test.js +++ b/packages/core/admin/admin/src/content-manager/pages/ListSettingsView/tests/index.test.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/ListView/FieldPicker/index.js b/packages/core/admin/admin/src/content-manager/pages/ListView/FieldPicker/index.js index 5c0850f867..36fa1df35e 100644 --- a/packages/core/admin/admin/src/content-manager/pages/ListView/FieldPicker/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/ListView/FieldPicker/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/ListView/PaginationFooter/index.js b/packages/core/admin/admin/src/content-manager/pages/ListView/PaginationFooter/index.js index 8cf3079954..d362f8c742 100644 --- a/packages/core/admin/admin/src/content-manager/pages/ListView/PaginationFooter/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/ListView/PaginationFooter/index.js @@ -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 }) => { diff --git a/packages/core/admin/admin/src/content-manager/pages/ListView/index.js b/packages/core/admin/admin/src/content-manager/pages/ListView/index.js index 9bd1bcc09f..4811da0767 100644 --- a/packages/core/admin/admin/src/content-manager/pages/ListView/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/ListView/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/NoContentType/index.js b/packages/core/admin/admin/src/content-manager/pages/NoContentType/index.js index 5ac2624966..591321cb9e 100644 --- a/packages/core/admin/admin/src/content-manager/pages/NoContentType/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/NoContentType/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/content-manager/pages/NoPermissions/index.js b/packages/core/admin/admin/src/content-manager/pages/NoPermissions/index.js index 825b590dd2..ceb1807457 100644 --- a/packages/core/admin/admin/src/content-manager/pages/NoPermissions/index.js +++ b/packages/core/admin/admin/src/content-manager/pages/NoPermissions/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/layouts/AppLayout/index.js b/packages/core/admin/admin/src/layouts/AppLayout/index.js index 25de3a6826..b49b97d186 100644 --- a/packages/core/admin/admin/src/layouts/AppLayout/index.js +++ b/packages/core/admin/admin/src/layouts/AppLayout/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/layouts/UnauthenticatedLayout/LocaleToggle/index.js b/packages/core/admin/admin/src/layouts/UnauthenticatedLayout/LocaleToggle/index.js index 78f672c10a..3bb3eda479 100644 --- a/packages/core/admin/admin/src/layouts/UnauthenticatedLayout/LocaleToggle/index.js +++ b/packages/core/admin/admin/src/layouts/UnauthenticatedLayout/LocaleToggle/index.js @@ -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 = () => { diff --git a/packages/core/admin/admin/src/layouts/UnauthenticatedLayout/index.js b/packages/core/admin/admin/src/layouts/UnauthenticatedLayout/index.js index e20ae457d3..730c9346d2 100644 --- a/packages/core/admin/admin/src/layouts/UnauthenticatedLayout/index.js +++ b/packages/core/admin/admin/src/layouts/UnauthenticatedLayout/index.js @@ -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)` diff --git a/packages/core/admin/admin/src/pages/Admin/Onboarding/index.js b/packages/core/admin/admin/src/pages/Admin/Onboarding/index.js index 5393beae51..3e410f73ca 100644 --- a/packages/core/admin/admin/src/pages/Admin/Onboarding/index.js +++ b/packages/core/admin/admin/src/pages/Admin/Onboarding/index.js @@ -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)` diff --git a/packages/core/admin/admin/src/pages/Admin/Onboarding/tests/index.test.js b/packages/core/admin/admin/src/pages/Admin/Onboarding/tests/index.test.js index 4bc12b169a..64033f0ecf 100644 --- a/packages/core/admin/admin/src/pages/Admin/Onboarding/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/Admin/Onboarding/tests/index.test.js @@ -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', () => ({ diff --git a/packages/core/admin/admin/src/pages/Admin/tests/index.test.js b/packages/core/admin/admin/src/pages/Admin/tests/index.test.js index 9b18e4a1fc..2b45346611 100644 --- a/packages/core/admin/admin/src/pages/Admin/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/Admin/tests/index.test.js @@ -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'; diff --git a/packages/core/admin/admin/src/pages/App/index.js b/packages/core/admin/admin/src/pages/App/index.js index 5f3d4c4e58..64efef43d8 100644 --- a/packages/core/admin/admin/src/pages/App/index.js +++ b/packages/core/admin/admin/src/pages/App/index.js @@ -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'; diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/FieldActionWrapper/index.js b/packages/core/admin/admin/src/pages/AuthPage/components/FieldActionWrapper/index.js index 2d9395557d..f3c7f26f21 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/FieldActionWrapper/index.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/FieldActionWrapper/index.js @@ -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 { diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/ForgotPassword/index.js b/packages/core/admin/admin/src/pages/AuthPage/components/ForgotPassword/index.js index be3d160648..920972e208 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/ForgotPassword/index.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/ForgotPassword/index.js @@ -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, diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/ForgotPasswordSuccess/index.js b/packages/core/admin/admin/src/pages/AuthPage/components/ForgotPasswordSuccess/index.js index 28a9532e92..424c7bbbb7 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/ForgotPasswordSuccess/index.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/ForgotPasswordSuccess/index.js @@ -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, diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/Login/BaseLogin.js b/packages/core/admin/admin/src/pages/AuthPage/components/Login/BaseLogin.js index f743d25db9..ec796bfc25 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/Login/BaseLogin.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/Login/BaseLogin.js @@ -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'; diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js b/packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js index 02ec06e545..fe5d91eee1 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/Login/tests/BaseLogin.test.js @@ -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'; diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/Oops/index.js b/packages/core/admin/admin/src/pages/AuthPage/components/Oops/index.js index b9928d5e27..58a3dbb864 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/Oops/index.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/Oops/index.js @@ -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, diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/Oops/tests/index.test.js b/packages/core/admin/admin/src/pages/AuthPage/components/Oops/tests/index.test.js index 28922d55ff..519b253e31 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/Oops/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/Oops/tests/index.test.js @@ -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 { createMemoryHistory } from 'history'; import { IntlProvider } from 'react-intl'; diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/Register/index.js b/packages/core/admin/admin/src/pages/AuthPage/components/Register/index.js index caf9a670ba..7541c987be 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/Register/index.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/Register/index.js @@ -3,16 +3,16 @@ import { useIntl } from 'react-intl'; import styled from 'styled-components'; import get from 'lodash/get'; import omit from 'lodash/omit'; -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 { Grid, GridItem } from '@strapi/parts/Grid'; -import { H1, 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 { Grid, GridItem } from '@strapi/design-system/Grid'; +import { H1, Subtitle } from '@strapi/design-system/Text'; import Hide from '@strapi/icons/Hide'; import Show from '@strapi/icons/Show'; import { Form, useQuery, useNotification } from '@strapi/helper-plugin'; diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/Register/tests/index.test.js b/packages/core/admin/admin/src/pages/AuthPage/components/Register/tests/index.test.js index 24bd11aab5..1a83cf3a3d 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/Register/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/Register/tests/index.test.js @@ -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 { createMemoryHistory } from 'history'; import * as yup from 'yup'; diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/index.js b/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/index.js index 9eede6fe06..a33de502e7 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/index.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/index.js @@ -2,14 +2,14 @@ import React, { useState } 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 Hide from '@strapi/icons/Hide'; import Show from '@strapi/icons/Show'; import styled from 'styled-components'; diff --git a/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js b/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js index 55fae5868e..bbfeed251f 100644 --- a/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/AuthPage/components/ResetPassword/tests/index.test.js @@ -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 { createMemoryHistory } from 'history'; import * as yup from 'yup'; diff --git a/packages/core/admin/admin/src/pages/HomePage/ContentBlocks.js b/packages/core/admin/admin/src/pages/HomePage/ContentBlocks.js index ab42290c3f..c6c4218734 100644 --- a/packages/core/admin/admin/src/pages/HomePage/ContentBlocks.js +++ b/packages/core/admin/admin/src/pages/HomePage/ContentBlocks.js @@ -1,7 +1,7 @@ import React from 'react'; import styled from 'styled-components'; import { useIntl } from 'react-intl'; -import { Stack } from '@strapi/parts/Stack'; +import { Stack } from '@strapi/design-system/Stack'; import ReadDoc from '@strapi/icons/ReadDoc'; import CodeExample from '@strapi/icons/CodeExample'; import Tutorial from '@strapi/icons/Tutorial'; diff --git a/packages/core/admin/admin/src/pages/HomePage/HomeHeader.js b/packages/core/admin/admin/src/pages/HomePage/HomeHeader.js index d5660922bc..5d60d84f6b 100644 --- a/packages/core/admin/admin/src/pages/HomePage/HomeHeader.js +++ b/packages/core/admin/admin/src/pages/HomePage/HomeHeader.js @@ -2,11 +2,11 @@ import React from 'react'; import styled from 'styled-components'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { Subtitle, H1 } from '@strapi/parts/Text'; -import { Link } from '@strapi/parts/Link'; -import { Stack } from '@strapi/parts/Stack'; -import { Box } from '@strapi/parts/Box'; -import { Button } from '@strapi/parts/Button'; +import { Subtitle, H1 } from '@strapi/design-system/Text'; +import { Link } from '@strapi/design-system/Link'; +import { Stack } from '@strapi/design-system/Stack'; +import { Box } from '@strapi/design-system/Box'; +import { Button } from '@strapi/design-system/Button'; import NextIcon from '@strapi/icons/NextIcon'; const WordWrap = styled(Subtitle)` diff --git a/packages/core/admin/admin/src/pages/HomePage/SocialLinks.js b/packages/core/admin/admin/src/pages/HomePage/SocialLinks.js index 5c468c49cb..5980e9b5d9 100644 --- a/packages/core/admin/admin/src/pages/HomePage/SocialLinks.js +++ b/packages/core/admin/admin/src/pages/HomePage/SocialLinks.js @@ -6,12 +6,12 @@ import React from 'react'; import styled from 'styled-components'; import { useIntl } from 'react-intl'; -import { H3, Text } from '@strapi/parts/Text'; -import { Box } from '@strapi/parts/Box'; -import { Stack } from '@strapi/parts/Stack'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { LinkButton } from '@strapi/parts/LinkButton'; -import { Link } from '@strapi/parts/Link'; +import { H3, Text } from '@strapi/design-system/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Stack } from '@strapi/design-system/Stack'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { LinkButton } from '@strapi/design-system/LinkButton'; +import { Link } from '@strapi/design-system/Link'; import ExternalLink from '@strapi/icons/ExternalLink'; import Github from '@strapi/icons/Github'; import Slack from '@strapi/icons/Slack'; diff --git a/packages/core/admin/admin/src/pages/HomePage/index.js b/packages/core/admin/admin/src/pages/HomePage/index.js index 364d045e49..b550337b49 100644 --- a/packages/core/admin/admin/src/pages/HomePage/index.js +++ b/packages/core/admin/admin/src/pages/HomePage/index.js @@ -9,10 +9,10 @@ import styled from 'styled-components'; import { Helmet } from 'react-helmet'; import { useHistory } from 'react-router-dom'; import { LoadingIndicatorPage } from '@strapi/helper-plugin'; -import { Layout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; -import { Box } from '@strapi/parts/Box'; -import { Grid, GridItem } from '@strapi/parts/Grid'; +import { Layout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; +import { Box } from '@strapi/design-system/Box'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; import Logo from '../../assets/images/homepage-logo.png'; import { useModels } from '../../hooks'; import SocialLinks from './SocialLinks'; diff --git a/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js b/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js index 6676b460af..710351c4a3 100644 --- a/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/HomePage/tests/index.test.js @@ -3,7 +3,7 @@ import { render, screen } from '@testing-library/react'; import { Router } from 'react-router-dom'; import { createMemoryHistory } from 'history'; import { IntlProvider } from 'react-intl'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import HomePage from '../index'; import { useModels } from '../../../hooks'; diff --git a/packages/core/admin/admin/src/pages/InstalledPluginsPage/index.js b/packages/core/admin/admin/src/pages/InstalledPluginsPage/index.js index 84093e6b1c..2117a9aa68 100644 --- a/packages/core/admin/admin/src/pages/InstalledPluginsPage/index.js +++ b/packages/core/admin/admin/src/pages/InstalledPluginsPage/index.js @@ -84,8 +84,8 @@ import React from 'react'; import { CheckPagePermissions, NoContent } from '@strapi/helper-plugin'; import { useIntl } from 'react-intl'; -import { Layout, HeaderLayout, ContentLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; +import { Layout, HeaderLayout, ContentLayout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; import adminPermissions from '../../permissions'; const InstalledPluginsPage = () => { diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/MarketplaceBanner/Wrapper.js b/packages/core/admin/admin/src/pages/MarketplacePage/MarketplaceBanner/Wrapper.js index a86e131434..b77316d2d8 100644 --- a/packages/core/admin/admin/src/pages/MarketplacePage/MarketplaceBanner/Wrapper.js +++ b/packages/core/admin/admin/src/pages/MarketplacePage/MarketplaceBanner/Wrapper.js @@ -1,6 +1,6 @@ import styled from 'styled-components'; -// TODO : To migrate with @strapi/parts +// TODO : To migrate with @strapi/design-system const Wrapper = styled.div` display: flex; align-items: center; diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/index.js b/packages/core/admin/admin/src/pages/MarketplacePage/index.js index bb111740b6..26c43a37e4 100644 --- a/packages/core/admin/admin/src/pages/MarketplacePage/index.js +++ b/packages/core/admin/admin/src/pages/MarketplacePage/index.js @@ -116,8 +116,8 @@ import { // }; import { useIntl } from 'react-intl'; -import { Layout, HeaderLayout, ContentLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; +import { Layout, HeaderLayout, ContentLayout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; import adminPermissions from '../../permissions'; const MarketPlacePage = () => { diff --git a/packages/core/admin/admin/src/pages/ProfilePage/index.js b/packages/core/admin/admin/src/pages/ProfilePage/index.js index 53a56a0dd4..4653320cdc 100644 --- a/packages/core/admin/admin/src/pages/ProfilePage/index.js +++ b/packages/core/admin/admin/src/pages/ProfilePage/index.js @@ -16,17 +16,17 @@ import { useQuery, useMutation, useQueryClient } from 'react-query'; import pick from 'lodash/pick'; import omit from 'lodash/omit'; import { Helmet } from 'react-helmet'; -import { Main } from '@strapi/parts/Main'; -import { H3 } from '@strapi/parts/Text'; -import { Box } from '@strapi/parts/Box'; -import { ContentLayout, HeaderLayout } from '@strapi/parts/Layout'; -import { Button } from '@strapi/parts/Button'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { Stack } from '@strapi/parts/Stack'; -import { useNotifyAT } from '@strapi/parts/LiveRegions'; -import { Select, Option } from '@strapi/parts/Select'; -import { FieldAction } from '@strapi/parts/Field'; -import { TextInput } from '@strapi/parts/TextInput'; +import { Main } from '@strapi/design-system/Main'; +import { H3 } from '@strapi/design-system/Text'; +import { Box } from '@strapi/design-system/Box'; +import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout'; +import { Button } from '@strapi/design-system/Button'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { Stack } from '@strapi/design-system/Stack'; +import { useNotifyAT } from '@strapi/design-system/LiveRegions'; +import { Select, Option } from '@strapi/design-system/Select'; +import { FieldAction } from '@strapi/design-system/Field'; +import { TextInput } from '@strapi/design-system/TextInput'; import Show from '@strapi/icons/Show'; import Hide from '@strapi/icons/Hide'; import CheckIcon from '@strapi/icons/CheckIcon'; diff --git a/packages/core/admin/admin/src/pages/ProfilePage/tests/index.test.js b/packages/core/admin/admin/src/pages/ProfilePage/tests/index.test.js index fe8c24dfd0..752f1160b5 100644 --- a/packages/core/admin/admin/src/pages/ProfilePage/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/ProfilePage/tests/index.test.js @@ -2,7 +2,7 @@ import React from 'react'; import { render, waitFor, screen } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; import { QueryClient, QueryClientProvider } from 'react-query'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import ProfilePage from '../index'; import server from './utils/server'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/components/SettingsNav/index.js b/packages/core/admin/admin/src/pages/SettingsPage/components/SettingsNav/index.js index d6dfdb2ec5..3e9259a507 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/components/SettingsNav/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/components/SettingsNav/index.js @@ -5,7 +5,7 @@ import { SubNavSection, SubNavSections, SubNavLink, -} from '@strapi/parts/SubNav'; +} from '@strapi/design-system/SubNav'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; import { getSectionsToDisplay } from '../../utils'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/index.js b/packages/core/admin/admin/src/pages/SettingsPage/index.js index 3a3a17bfee..68a33faf76 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/index.js @@ -12,7 +12,7 @@ import React, { memo, useMemo } from 'react'; import { LoadingIndicatorPage, useStrapiApp } from '@strapi/helper-plugin'; import { Switch, Redirect, Route, useParams } from 'react-router-dom'; -import { Layout } from '@strapi/parts/Layout'; +import { Layout } from '@strapi/design-system/Layout'; import { useIntl } from 'react-intl'; import { Helmet } from 'react-helmet'; import { useSettingsMenu } from '../../hooks'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/ContentBox/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/ContentBox/index.js index 330254ea25..33a28fc8c8 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/ContentBox/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/ContentBox/index.js @@ -1,7 +1,7 @@ import React from 'react'; import { useIntl } from 'react-intl'; import { ContentBox, toggleNotification } from '@strapi/helper-plugin'; -import { IconButton } from '@strapi/parts/IconButton'; +import { IconButton } from '@strapi/design-system/IconButton'; import Duplicate from '@strapi/icons/Duplicate'; import PropTypes from 'prop-types'; import { CopyToClipboard } from 'react-copy-to-clipboard'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/LoadingView/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/LoadingView/index.js index c79abc71ce..8980eb4609 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/LoadingView/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/LoadingView/index.js @@ -4,9 +4,9 @@ import { LoadingIndicatorPage, useFocusWhenNavigate, } from '@strapi/helper-plugin'; -import { HeaderLayout, ContentLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; -import { Button } from '@strapi/parts/Button'; +import { HeaderLayout, ContentLayout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; +import { Button } from '@strapi/design-system/Button'; import CheckIcon from '@strapi/icons/CheckIcon'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/index.js index 4d928f592a..97731e5423 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/index.js @@ -7,20 +7,20 @@ import { useOverlayBlocker, useNotification, } from '@strapi/helper-plugin'; -import { HeaderLayout, ContentLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; -import { Button } from '@strapi/parts/Button'; +import { HeaderLayout, ContentLayout } from '@strapi/design-system/Layout'; +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 { Link } from '@strapi/parts/Link'; +import { Link } from '@strapi/design-system/Link'; import { Formik } from 'formik'; -import { Stack } from '@strapi/parts/Stack'; -import { Box } from '@strapi/parts/Box'; -import { H3 } from '@strapi/parts/Text'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { TextInput } from '@strapi/parts/TextInput'; -import { Textarea } from '@strapi/parts/Textarea'; -import { Select, Option } from '@strapi/parts/Select'; +import { Stack } from '@strapi/design-system/Stack'; +import { Box } from '@strapi/design-system/Box'; +import { H3 } from '@strapi/design-system/Text'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { TextInput } from '@strapi/design-system/TextInput'; +import { Textarea } from '@strapi/design-system/Textarea'; +import { Select, Option } from '@strapi/design-system/Select'; import get from 'lodash/get'; import { useRouteMatch, useHistory } from 'react-router-dom'; import { useQuery } from 'react-query'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/DeleteButton/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/DeleteButton/index.js index a251cf0428..2025036bda 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/DeleteButton/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/DeleteButton/index.js @@ -1,7 +1,7 @@ import React from 'react'; import DeleteIcon from '@strapi/icons/DeleteIcon'; -import { IconButton } from '@strapi/parts/IconButton'; -import { Box } from '@strapi/parts/Box'; +import { IconButton } from '@strapi/design-system/IconButton'; +import { Box } from '@strapi/design-system/Box'; import { stopPropagation } from '@strapi/helper-plugin'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/UpdateButton/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/UpdateButton/index.js index bb78ad6213..4694eedce8 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/UpdateButton/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/UpdateButton/index.js @@ -2,7 +2,7 @@ import React from 'react'; import EditIcon from '@strapi/icons/EditIcon'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; -import { Link } from '@strapi/parts/Link'; +import { Link } from '@strapi/design-system/Link'; import { useHistory } from 'react-router-dom'; import styled from 'styled-components'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/index.js index 25d6c04259..9d6c07dc5e 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/DynamicTable/index.js @@ -1,7 +1,7 @@ import React from 'react'; -import { Text } from '@strapi/parts/Text'; -import { Tbody, Tr, Td } from '@strapi/parts/Table'; -import { Flex } from '@strapi/parts/Flex'; +import { Text } from '@strapi/design-system/Text'; +import { Tbody, Tr, Td } from '@strapi/design-system/Table'; +import { Flex } from '@strapi/design-system/Flex'; import { RelativeTime, useQueryParams } from '@strapi/helper-plugin'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/index.js index c741a2ffc6..921ecd79ad 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/index.js @@ -9,10 +9,10 @@ import { NoContent, DynamicTable, } from '@strapi/helper-plugin'; -import { HeaderLayout, ContentLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; -import { Button } from '@strapi/parts/Button'; -import { LinkButton } from '@strapi/parts/LinkButton'; +import { HeaderLayout, ContentLayout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; +import { Button } from '@strapi/design-system/Button'; +import { LinkButton } from '@strapi/design-system/LinkButton'; import AddIcon from '@strapi/icons/AddIcon'; import { useQuery, useMutation, useQueryClient } from 'react-query'; import { useHistory } from 'react-router-dom'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js index 51d4451725..41071ce69b 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js @@ -1,14 +1,14 @@ import React from 'react'; import { useIntl } from 'react-intl'; import { useAppInfos, SettingsPageTitle, useFocusWhenNavigate } from '@strapi/helper-plugin'; -import { HeaderLayout, Layout, ContentLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; -import { Box } from '@strapi/parts/Box'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { H3, Text, TableLabel } from '@strapi/parts/Text'; +import { HeaderLayout, Layout, ContentLayout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; +import { Box } from '@strapi/design-system/Box'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { H3, Text, TableLabel } from '@strapi/design-system/Text'; -import { Stack } from '@strapi/parts/Stack'; -import { Link } from '@strapi/parts/Link'; +import { Stack } from '@strapi/design-system/Stack'; +import { Link } from '@strapi/design-system/Link'; import ExternalLink from '@strapi/icons/ExternalLink'; const ApplicationInfosPage = () => { diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js index 75166ada88..540738c7b6 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js @@ -1,7 +1,7 @@ import React from 'react'; import { render, screen } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { useAppInfos } from '@strapi/helper-plugin'; import ApplicationInfosPage from '../index'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/CollapseLabel/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/CollapseLabel/index.js index 8ee6547021..3374ed06f2 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/CollapseLabel/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/CollapseLabel/index.js @@ -1,5 +1,5 @@ import styled from 'styled-components'; -import { Flex } from '@strapi/parts/Flex'; +import { Flex } from '@strapi/design-system/Flex'; const CollapseLabel = styled(Flex)` padding-right: ${({ theme }) => theme.spaces[2]}; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsButton/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsButton/index.js index 1d9f84b17f..7a50d86c98 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsButton/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsButton/index.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import Settings from '@strapi/icons/Settings'; -import { Button } from '@strapi/parts/Button'; +import { Button } from '@strapi/design-system/Button'; import { useIntl } from 'react-intl'; import styled from 'styled-components'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/ActionRow/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/ActionRow/index.js index a09811d7dc..64f5f89894 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/ActionRow/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/ActionRow/index.js @@ -1,9 +1,9 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { TableLabel } from '@strapi/parts/Text'; -import { MultiSelectNested } from '@strapi/parts/Select'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { TableLabel } from '@strapi/design-system/Text'; +import { MultiSelectNested } from '@strapi/design-system/Select'; import upperFirst from 'lodash/upperFirst'; import { useIntl } from 'react-intl'; import styled from 'styled-components'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/index.js index cdf5970187..3338b43f2f 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/index.js @@ -1,12 +1,12 @@ import React, { useMemo, useState } from 'react'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; -import { Button } from '@strapi/parts/Button'; -import { Divider } from '@strapi/parts/Divider'; -import { Stack } from '@strapi/parts/Stack'; -import { ModalFooter, ModalHeader, ModalLayout } from '@strapi/parts/ModalLayout'; -import { Breadcrumbs, Crumb } from '@strapi/parts/Breadcrumbs'; -import { H2, Text } from '@strapi/parts/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Button } from '@strapi/design-system/Button'; +import { Divider } from '@strapi/design-system/Divider'; +import { Stack } from '@strapi/design-system/Stack'; +import { ModalFooter, ModalHeader, ModalLayout } from '@strapi/design-system/ModalLayout'; +import { Breadcrumbs, Crumb } from '@strapi/design-system/Breadcrumbs'; +import { H2, Text } from '@strapi/design-system/Text'; import produce from 'immer'; import get from 'lodash/get'; import groupBy from 'lodash/groupBy'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/Collapse/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/Collapse/index.js index bdaf878dc1..8e4804340a 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/Collapse/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/Collapse/index.js @@ -2,9 +2,9 @@ import React, { useMemo, useState } from 'react'; import PropTypes from 'prop-types'; import Down from '@strapi/icons/Down'; import Up from '@strapi/icons/Up'; -import { BaseCheckbox } from '@strapi/parts/BaseCheckbox'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; +import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; import get from 'lodash/get'; import omit from 'lodash/omit'; import { useIntl } from 'react-intl'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/index.js index be591233ea..119c440dd4 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/index.js @@ -2,8 +2,8 @@ import React, { memo, useCallback, useMemo, useState } from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; import styled from 'styled-components'; -import { BaseCheckbox } from '@strapi/parts/BaseCheckbox'; -import { Flex } from '@strapi/parts/Flex'; +import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox'; +import { Flex } from '@strapi/design-system/Flex'; import get from 'lodash/get'; import IS_DISABLED from 'ee_else_ce/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/utils/constants'; import { usePermissionsDataManager } from '../../../../../../../../../hooks'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/Header/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/Header/index.js index 9fb8e6e63d..7396aec94b 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/Header/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/Header/index.js @@ -2,8 +2,8 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; 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'; import { cellWidth, firstRowWidth, rowHeight } from '../../../Permissions/utils/constants'; const HeaderLabel = styled(Flex)` diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/SubActionRow/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/SubActionRow/index.js index 238ddba950..770b1355f3 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/SubActionRow/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/SubActionRow/index.js @@ -4,10 +4,10 @@ import get from 'lodash/get'; import upperFirst from 'lodash/upperFirst'; import { useIntl } from 'react-intl'; import styled from 'styled-components'; -import { BaseCheckbox } from '@strapi/parts/BaseCheckbox'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { Text } from '@strapi/parts/Text'; +import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { Text } from '@strapi/design-system/Text'; import IS_DISABLED from 'ee_else_ce/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/SubActionRow/utils/constants'; import { usePermissionsDataManager } from '../../../../../../../../../hooks'; import CollapseLabel from '../../../CollapseLabel'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/index.js index 6943272bb5..55620ebdd7 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/index.js @@ -1,7 +1,7 @@ import React, { useMemo } from 'react'; import PropTypes from 'prop-types'; import styled from 'styled-components'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; import generateHeadersFromActions from './utils/generateHeadersFromActions'; import Header from './Header'; import ActionRow from './ActionRow'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/utils/activeStyle.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/utils/activeStyle.js index 6fe2ab0b3a..e4e7632485 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/utils/activeStyle.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/utils/activeStyle.js @@ -1,4 +1,4 @@ -import { Text } from '@strapi/parts/Text'; +import { Text } from '@strapi/design-system/Text'; import CarretIcon from '../CollapsePropertyMatrix/CarretIcon'; const activeStyle = theme => ` diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypes/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypes/index.js index b8788401fb..79f1f21f65 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypes/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypes/index.js @@ -1,6 +1,6 @@ import React, { memo } from 'react'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; import styled from 'styled-components'; import sortBy from 'lodash/sortBy'; import ContentTypeCollapses from '../ContentTypeCollapses'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Curve/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Curve/index.js index 6df34a1e3b..7ef356d497 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Curve/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Curve/index.js @@ -1,7 +1,7 @@ import React, { memo } from 'react'; import PropTypes from 'prop-types'; import styled from 'styled-components'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; const StyledBox = styled(Box)` transform: translate(-4px, -12px); diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/GlobalActions/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/GlobalActions/index.js index fbac99f0bc..89930349b1 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/GlobalActions/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/GlobalActions/index.js @@ -1,9 +1,9 @@ import React, { memo, useMemo } from 'react'; import PropTypes from 'prop-types'; -import { BaseCheckbox } from '@strapi/parts/BaseCheckbox'; -import { Box } from '@strapi/parts/Box'; -import { Stack } from '@strapi/parts/Stack'; -import { TableLabel } from '@strapi/parts/Text'; +import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox'; +import { Box } from '@strapi/design-system/Box'; +import { Stack } from '@strapi/design-system/Stack'; +import { TableLabel } from '@strapi/design-system/Text'; import styled from 'styled-components'; import get from 'lodash/get'; import IS_DISABLED from 'ee_else_ce/pages/SettingsPage/pages/Roles/EditPage/components/GlobalActions/utils/constants'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Permissions/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Permissions/index.js index 2b4941b505..b35866b531 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Permissions/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Permissions/index.js @@ -1,7 +1,7 @@ import React, { forwardRef, memo, useCallback, useImperativeHandle, useReducer } from 'react'; import PropTypes from 'prop-types'; import { difference } from '@strapi/helper-plugin'; -import { Tab, TabGroup, TabPanel, TabPanels, Tabs } from '@strapi/parts/Tabs'; +import { Tab, TabGroup, TabPanel, TabPanels, Tabs } from '@strapi/design-system/Tabs'; import has from 'lodash/has'; import isEmpty from 'lodash/isEmpty'; import { useIntl } from 'react-intl'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/Row/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/Row/index.js index 5b0da0addd..3e4e727b2b 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/Row/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/Row/index.js @@ -1,7 +1,7 @@ import React, { useMemo } from 'react'; import PropTypes from 'prop-types'; -import { Accordion, AccordionContent, AccordionToggle } from '@strapi/parts/Accordion'; -import { Box } from '@strapi/parts/Box'; +import { Accordion, AccordionContent, AccordionToggle } from '@strapi/design-system/Accordion'; +import { Box } from '@strapi/design-system/Box'; import upperFirst from 'lodash/upperFirst'; import { useIntl } from 'react-intl'; import SubCategory from '../SubCategory'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/SubCategory/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/SubCategory/index.js index 2f01c53181..36be953fb7 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/SubCategory/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/SubCategory/index.js @@ -1,11 +1,11 @@ import React, { useMemo, useState } from 'react'; import styled from 'styled-components'; import PropTypes from 'prop-types'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { Box } from '@strapi/parts/Box'; -import { Checkbox } from '@strapi/parts/Checkbox'; -import { Flex } from '@strapi/parts/Flex'; -import { TableLabel } from '@strapi/parts/Text'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { Box } from '@strapi/design-system/Box'; +import { Checkbox } from '@strapi/design-system/Checkbox'; +import { Flex } from '@strapi/design-system/Flex'; +import { TableLabel } from '@strapi/design-system/Text'; import { useIntl } from 'react-intl'; import get from 'lodash/get'; import IS_DISABLED from 'ee_else_ce/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/SubCategory/utils/constants'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/index.js index aec135d963..a5473a2412 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/index.js @@ -1,6 +1,6 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; import PermissionRow from './Row'; const PluginsAndSettingsPermissions = ({ isFormDisabled, kind, layout }) => { diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RoleForm/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RoleForm/index.js index 4993935405..cfd7d0c1ce 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RoleForm/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RoleForm/index.js @@ -1,12 +1,12 @@ import React from 'react'; -import { Box } from '@strapi/parts/Box'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; -import { Text } from '@strapi/parts/Text'; -import { Textarea } from '@strapi/parts/Textarea'; -import { TextInput } from '@strapi/parts/TextInput'; -import { Button } from '@strapi/parts/Button'; +import { Box } from '@strapi/design-system/Box'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { Text } from '@strapi/design-system/Text'; +import { Textarea } from '@strapi/design-system/Textarea'; +import { TextInput } from '@strapi/design-system/TextInput'; +import { Button } from '@strapi/design-system/Button'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RowLabelWithCheckbox/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RowLabelWithCheckbox/index.js index 8bc56ec522..a6faab9123 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RowLabelWithCheckbox/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RowLabelWithCheckbox/index.js @@ -1,9 +1,9 @@ import React, { memo } from 'react'; import PropTypes from 'prop-types'; -import { BaseCheckbox } from '@strapi/parts/BaseCheckbox'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { Text } from '@strapi/parts/Text'; +import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { Text } from '@strapi/design-system/Text'; import upperFirst from 'lodash/upperFirst'; import { useIntl } from 'react-intl'; import CollapseLabel from '../CollapseLabel'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/index.js index d5009b1454..12c2ee8a35 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/EditPage/index.js @@ -7,13 +7,13 @@ import { LoadingIndicatorPage, SettingsPageTitle, } from '@strapi/helper-plugin'; -import { Box } from '@strapi/parts/Box'; -import { Button } from '@strapi/parts/Button'; -import { ContentLayout, HeaderLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; -import { Stack } from '@strapi/parts/Stack'; +import { Box } from '@strapi/design-system/Box'; +import { Button } from '@strapi/design-system/Button'; +import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; +import { Stack } from '@strapi/design-system/Stack'; import { Formik } from 'formik'; -import { Link } from '@strapi/parts/Link'; +import { Link } from '@strapi/design-system/Link'; import BackIcon from '@strapi/icons/BackIcon'; import get from 'lodash/get'; import { useIntl } from 'react-intl'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/components/RoleRow/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/components/RoleRow/index.js index eeffb390eb..d199414044 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/components/RoleRow/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/components/RoleRow/index.js @@ -1,10 +1,10 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { Td, Tr } from '@strapi/parts/Table'; -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 { Td, Tr } from '@strapi/design-system/Table'; +import { Text } from '@strapi/design-system/Text'; +import { IconButton } from '@strapi/design-system/IconButton'; import { stopPropagation, onRowClick } from '@strapi/helper-plugin'; import { useIntl } from 'react-intl'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/index.js index 932ff2ba83..5eb8e13bed 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Roles/ListPage/index.js @@ -10,12 +10,12 @@ import AddIcon from '@strapi/icons/AddIcon'; import DeleteIcon from '@strapi/icons/DeleteIcon'; import EditIcon from '@strapi/icons/EditIcon'; import Duplicate from '@strapi/icons/Duplicate'; -import { Button } from '@strapi/parts/Button'; -import { ContentLayout, HeaderLayout } from '@strapi/parts/Layout'; -import { Table, Tbody, Th, Thead, Tr, TFooter } from '@strapi/parts/Table'; -import { TableLabel } from '@strapi/parts/Text'; -import { Main } from '@strapi/parts/Main'; -import { VisuallyHidden } from '@strapi/parts/VisuallyHidden'; +import { Button } from '@strapi/design-system/Button'; +import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout'; +import { Table, Tbody, Th, Thead, Tr, TFooter } from '@strapi/design-system/Table'; +import { TableLabel } from '@strapi/design-system/Text'; +import { Main } from '@strapi/design-system/Main'; +import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden'; import { useIntl } from 'react-intl'; import { useHistory } from 'react-router-dom'; import RoleRow from './components/RoleRow'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/EditPage/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/EditPage/index.js index 8e7fc385c5..91ba76e211 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/EditPage/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/EditPage/index.js @@ -18,14 +18,14 @@ import { } from '@strapi/helper-plugin'; import { useQuery } from 'react-query'; import { Formik } from 'formik'; -import { Box } from '@strapi/parts/Box'; -import { Button } from '@strapi/parts/Button'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { HeaderLayout, ContentLayout } from '@strapi/parts/Layout'; -import { Link } from '@strapi/parts/Link'; -import { H3 } from '@strapi/parts/Text'; -import { Main } from '@strapi/parts/Main'; -import { Stack } from '@strapi/parts/Stack'; +import { Box } from '@strapi/design-system/Box'; +import { Button } from '@strapi/design-system/Button'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { HeaderLayout, ContentLayout } from '@strapi/design-system/Layout'; +import { Link } from '@strapi/design-system/Link'; +import { H3 } from '@strapi/design-system/Text'; +import { Main } from '@strapi/design-system/Main'; +import { Stack } from '@strapi/design-system/Stack'; import BackIcon from '@strapi/icons/BackIcon'; import CheckIcon from '@strapi/icons/CheckIcon'; import MagicLink from 'ee_else_ce/pages/SettingsPage/pages/Users/components/MagicLink'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/DynamicTable/TableRows/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/DynamicTable/TableRows/index.js index ab895da6bc..db8f0850b4 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/DynamicTable/TableRows/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/DynamicTable/TableRows/index.js @@ -1,11 +1,11 @@ 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 { Flex } from '@strapi/parts/Flex'; -import { Text } from '@strapi/parts/Text'; -import { Tbody, Td, Tr } from '@strapi/parts/Table'; +import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox'; +import { Box } from '@strapi/design-system/Box'; +import { IconButton } from '@strapi/design-system/IconButton'; +import { Flex } from '@strapi/design-system/Flex'; +import { Text } from '@strapi/design-system/Text'; +import { Tbody, Td, Tr } from '@strapi/design-system/Table'; import EditIcon from '@strapi/icons/EditIcon'; import DeleteIcon from '@strapi/icons/DeleteIcon'; import { useHistory } from 'react-router-dom'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/Filters/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/Filters/index.js index 5d9a8a5fcc..42c226bfb3 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/Filters/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/Filters/index.js @@ -1,8 +1,8 @@ import React, { useRef, useState } from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { Button } from '@strapi/parts/Button'; -import { Box } from '@strapi/parts/Box'; +import { Button } from '@strapi/design-system/Button'; +import { Box } from '@strapi/design-system/Box'; import FilterIcon from '@strapi/icons/FilterIcon'; import { FilterListURLQuery, FilterPopoverURLQuery } from '@strapi/helper-plugin'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/ModalForm/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/ModalForm/index.js index c08dc2c586..1b4c88c518 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/ModalForm/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/ModalForm/index.js @@ -1,13 +1,18 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { ModalLayout, ModalHeader, ModalFooter, ModalBody } from '@strapi/parts/ModalLayout'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { Breadcrumbs, Crumb } from '@strapi/parts/Breadcrumbs'; -import { Box } from '@strapi/parts/Box'; -import { Button } from '@strapi/parts/Button'; -import { Stack } from '@strapi/parts/Stack'; -import { H2 } from '@strapi/parts/Text'; +import { + ModalLayout, + ModalHeader, + ModalFooter, + ModalBody, +} from '@strapi/design-system/ModalLayout'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { Breadcrumbs, Crumb } from '@strapi/design-system/Breadcrumbs'; +import { Box } from '@strapi/design-system/Box'; +import { Button } from '@strapi/design-system/Button'; +import { Stack } from '@strapi/design-system/Stack'; +import { H2 } from '@strapi/design-system/Text'; import { Formik } from 'formik'; import { Form, GenericInput, useNotification, useOverlayBlocker } from '@strapi/helper-plugin'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/index.js index 9f6a6a54b9..0eef1a3f48 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/index.js @@ -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 }) => { diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/index.js index a73171fb36..c3f9a1d4fe 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/index.js @@ -8,10 +8,10 @@ import { useFocusWhenNavigate, NoPermissions, } from '@strapi/helper-plugin'; -import { ActionLayout, ContentLayout, HeaderLayout } from '@strapi/parts/Layout'; -import { Button } from '@strapi/parts/Button'; -import { Main } from '@strapi/parts/Main'; -import { useNotifyAT } from '@strapi/parts/LiveRegions'; +import { ActionLayout, ContentLayout, HeaderLayout } from '@strapi/design-system/Layout'; +import { Button } from '@strapi/design-system/Button'; +import { Main } from '@strapi/design-system/Main'; +import { useNotifyAT } from '@strapi/design-system/LiveRegions'; import Mail from '@strapi/icons/Mail'; import { useLocation } from 'react-router-dom'; import { useIntl } from 'react-intl'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/utils/tableHeaders.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/utils/tableHeaders.js index 3ea57d972f..bf0fcc7efb 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/utils/tableHeaders.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/utils/tableHeaders.js @@ -1,6 +1,6 @@ import React from 'react'; -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 { Status } from '@strapi/helper-plugin'; const tableHeaders = [ diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/components/MagicLink/MagicLinkWrapper.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/components/MagicLink/MagicLinkWrapper.js index d87b4ba024..1690d09b96 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/components/MagicLink/MagicLinkWrapper.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/components/MagicLink/MagicLinkWrapper.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { IconButton } from '@strapi/parts/IconButton'; +import { IconButton } from '@strapi/design-system/IconButton'; import { useNotification, ContentBox } from '@strapi/helper-plugin'; import Duplicate from '@strapi/icons/Duplicate'; import { CopyToClipboard } from 'react-copy-to-clipboard'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/components/SelectRoles/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/components/SelectRoles/index.js index 3814652d7f..2ad9a9539e 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/components/SelectRoles/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/components/SelectRoles/index.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { Select, Option } from '@strapi/parts/Select'; +import { Select, Option } from '@strapi/design-system/Select'; import { useQuery } from 'react-query'; import styled, { keyframes } from 'styled-components'; import LoadingIcon from '@strapi/icons/LoadingIcon'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/EventRow.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/EventRow.js index 62baaae872..3cad44a869 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/EventRow.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/EventRow.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { BaseCheckbox } from '@strapi/parts/BaseCheckbox'; -import { Checkbox } from '@strapi/parts/Checkbox'; +import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox'; +import { Checkbox } from '@strapi/design-system/Checkbox'; import upperFirst from 'lodash/upperFirst'; const EventRow = ({ disabledEvents, name, events, inputValue, handleChange, handleChangeAll }) => { diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/index.js index dbd6b556dd..e1ae33116b 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/index.js @@ -1,8 +1,8 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { FieldLabel } from '@strapi/parts/Field'; -import { Stack } from '@strapi/parts/Stack'; -import { P, TableLabel } from '@strapi/parts/Text'; +import { FieldLabel } from '@strapi/design-system/Field'; +import { Stack } from '@strapi/design-system/Stack'; +import { P, TableLabel } from '@strapi/design-system/Text'; import { useFormikContext } from 'formik'; import { useIntl } from 'react-intl'; import styled from 'styled-components'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/Combobox.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/Combobox.js index 922cb3a23a..ab23556e93 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/Combobox.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/Combobox.js @@ -1,6 +1,6 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; -import { ComboboxOption, CreatableCombobox } from '@strapi/parts/Combobox'; +import { ComboboxOption, CreatableCombobox } from '@strapi/design-system/Combobox'; import keys from './keys'; const Combobox = ({ name, onChange, ...props }) => { diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/index.js index cb35c494dc..b47348398e 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/index.js @@ -1,13 +1,13 @@ import React from 'react'; import { RemoveRoundedButton } from '@strapi/helper-plugin'; import AddIcon from '@strapi/icons/AddIcon'; -import { Box } from '@strapi/parts/Box'; -import { FieldLabel } from '@strapi/parts/Field'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; -import { TextInput } from '@strapi/parts/TextInput'; -import { TextButton } from '@strapi/parts/TextButton'; +import { Box } from '@strapi/design-system/Box'; +import { FieldLabel } from '@strapi/design-system/Field'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { TextInput } from '@strapi/design-system/TextInput'; +import { TextButton } from '@strapi/design-system/TextButton'; import { Field, FieldArray, useFormikContext } from 'formik'; import { useIntl } from 'react-intl'; import Combobox from './Combobox'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/TriggerContainer/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/TriggerContainer/index.js index 9f43ef7361..4af1af8674 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/TriggerContainer/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/TriggerContainer/index.js @@ -4,11 +4,11 @@ import CheckIcon from '@strapi/icons/CheckIcon'; import ClearField from '@strapi/icons/ClearField'; import Close from '@strapi/icons/Close'; import LoadingIcon from '@strapi/icons/LoadingIcon'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { Text } from '@strapi/parts/Text'; -import { Stack } from '@strapi/parts/Stack'; -import { Grid, GridItem } from '@strapi/parts/Grid'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { Text } from '@strapi/design-system/Text'; +import { Stack } from '@strapi/design-system/Stack'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; import { useIntl } from 'react-intl'; import styled from 'styled-components'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/WebhookForm/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/WebhookForm/index.js index 3491859be5..dc0452bc61 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/WebhookForm/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/WebhookForm/index.js @@ -4,13 +4,13 @@ import { Form } from '@strapi/helper-plugin'; import BackIcon from '@strapi/icons/BackIcon'; import CheckIcon from '@strapi/icons/CheckIcon'; import Publish from '@strapi/icons/Publish'; -import { ContentLayout, HeaderLayout } from '@strapi/parts/Layout'; -import { Box } from '@strapi/parts/Box'; -import { Button } from '@strapi/parts/Button'; -import { Link } from '@strapi/parts/Link'; -import { Stack } from '@strapi/parts/Stack'; -import { TextInput } from '@strapi/parts/TextInput'; -import { Grid, GridItem } from '@strapi/parts/Grid'; +import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout'; +import { Box } from '@strapi/design-system/Box'; +import { Button } from '@strapi/design-system/Button'; +import { Link } from '@strapi/design-system/Link'; +import { Stack } from '@strapi/design-system/Stack'; +import { TextInput } from '@strapi/design-system/TextInput'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; import { Field, Formik } from 'formik'; import { useIntl } from 'react-intl'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/index.js index 4d2ac4b592..8761672c84 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/EditView/index.js @@ -12,7 +12,7 @@ import { useNotification, useOverlayBlocker, } from '@strapi/helper-plugin'; -import { Main } from '@strapi/parts/Main'; +import { Main } from '@strapi/design-system/Main'; import { useMutation, useQuery, useQueryClient } from 'react-query'; import { useHistory, useRouteMatch } from 'react-router-dom'; import { useModels } from '../../../../../hooks'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/index.js index eb8d7c26d4..c855b1e54d 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/index.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/index.js @@ -18,21 +18,21 @@ import { onRowClick, stopPropagation, } from '@strapi/helper-plugin'; -import { HeaderLayout, Layout, ContentLayout, ActionLayout } from '@strapi/parts/Layout'; -import { EmptyStateLayout } from '@strapi/parts/EmptyStateLayout'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; -import { IconButton } from '@strapi/parts/IconButton'; -import { BaseCheckbox } from '@strapi/parts/BaseCheckbox'; -import { Table, Thead, Tr, Th, Tbody, Td, TFooter } from '@strapi/parts/Table'; -import { Text, TableLabel, Subtitle } from '@strapi/parts/Text'; -import { Button } from '@strapi/parts/Button'; -import { VisuallyHidden } from '@strapi/parts/VisuallyHidden'; -import { Switch } from '@strapi/parts/Switch'; -import { Main } from '@strapi/parts/Main'; -import { LinkButton } from '@strapi/parts/LinkButton'; -import { useNotifyAT } from '@strapi/parts/LiveRegions'; -import { Box } from '@strapi/parts/Box'; +import { HeaderLayout, Layout, ContentLayout, ActionLayout } from '@strapi/design-system/Layout'; +import { EmptyStateLayout } from '@strapi/design-system/EmptyStateLayout'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { IconButton } from '@strapi/design-system/IconButton'; +import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox'; +import { Table, Thead, Tr, Th, Tbody, Td, TFooter } from '@strapi/design-system/Table'; +import { Text, TableLabel, Subtitle } from '@strapi/design-system/Text'; +import { Button } from '@strapi/design-system/Button'; +import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden'; +import { Switch } from '@strapi/design-system/Switch'; +import { Main } from '@strapi/design-system/Main'; +import { LinkButton } from '@strapi/design-system/LinkButton'; +import { useNotifyAT } from '@strapi/design-system/LiveRegions'; +import { Box } from '@strapi/design-system/Box'; import AddIcon from '@strapi/icons/AddIcon'; import EditIcon from '@strapi/icons/EditIcon'; import DeleteIcon from '@strapi/icons/DeleteIcon'; diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/tests/index.test.js index cd5c531e1b..edf7acee75 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Webhooks/ListView/tests/index.test.js @@ -1,7 +1,7 @@ import React from 'react'; import { fireEvent, 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 { Router } from 'react-router-dom'; import { createMemoryHistory } from 'history'; import { useRBAC } from '@strapi/helper-plugin'; diff --git a/packages/core/admin/ee/admin/pages/AuthPage/components/Login/index.js b/packages/core/admin/ee/admin/pages/AuthPage/components/Login/index.js index e9ae6105a3..0b366dbe9c 100644 --- a/packages/core/admin/ee/admin/pages/AuthPage/components/Login/index.js +++ b/packages/core/admin/ee/admin/pages/AuthPage/components/Login/index.js @@ -1,11 +1,11 @@ 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 { Divider } from '@strapi/parts/Divider'; -import { Stack } from '@strapi/parts/Stack'; -import { TableLabel } from '@strapi/parts/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { Divider } from '@strapi/design-system/Divider'; +import { Stack } from '@strapi/design-system/Stack'; +import { TableLabel } from '@strapi/design-system/Text'; import { useIntl } from 'react-intl'; import BaseLogin from '../../../../../../admin/src/pages/AuthPage/components/Login/BaseLogin'; import { useAuthProviders } from '../../../../hooks'; diff --git a/packages/core/admin/ee/admin/pages/AuthPage/components/Providers/SSOProviders.js b/packages/core/admin/ee/admin/pages/AuthPage/components/Providers/SSOProviders.js index be62ae81ee..e11b2220e3 100644 --- a/packages/core/admin/ee/admin/pages/AuthPage/components/Providers/SSOProviders.js +++ b/packages/core/admin/ee/admin/pages/AuthPage/components/Providers/SSOProviders.js @@ -1,9 +1,9 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { Flex } from '@strapi/parts/Flex'; -import { Text } from '@strapi/parts/Text'; -import { Tooltip } from '@strapi/parts/Tooltip'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { Flex } from '@strapi/design-system/Flex'; +import { Text } from '@strapi/design-system/Text'; +import { Tooltip } from '@strapi/design-system/Tooltip'; import styled from 'styled-components'; import { useIntl } from 'react-intl'; import { Link } from 'react-router-dom'; diff --git a/packages/core/admin/ee/admin/pages/AuthPage/components/Providers/index.js b/packages/core/admin/ee/admin/pages/AuthPage/components/Providers/index.js index dc36f17e33..7cb8a11c99 100644 --- a/packages/core/admin/ee/admin/pages/AuthPage/components/Providers/index.js +++ b/packages/core/admin/ee/admin/pages/AuthPage/components/Providers/index.js @@ -1,15 +1,15 @@ import React from 'react'; import { Redirect, useHistory } from 'react-router-dom'; import styled from 'styled-components'; -import { Divider } from '@strapi/parts/Divider'; -import { Stack } from '@strapi/parts/Stack'; -import { Flex } from '@strapi/parts/Flex'; -import { Box } from '@strapi/parts/Box'; -import { Button } from '@strapi/parts/Button'; -import { Link } from '@strapi/parts/Link'; -import { Loader } from '@strapi/parts/Loader'; -import { TableLabel, H1, Text, Subtitle } from '@strapi/parts/Text'; -import { Main } from '@strapi/parts/Main'; +import { Divider } from '@strapi/design-system/Divider'; +import { Stack } from '@strapi/design-system/Stack'; +import { Flex } from '@strapi/design-system/Flex'; +import { Box } from '@strapi/design-system/Box'; +import { Button } from '@strapi/design-system/Button'; +import { Link } from '@strapi/design-system/Link'; +import { Loader } from '@strapi/design-system/Loader'; +import { TableLabel, H1, Text, Subtitle } from '@strapi/design-system/Text'; +import { Main } from '@strapi/design-system/Main'; import { useIntl } from 'react-intl'; import { useAuthProviders } from '../../../../hooks'; import UnauthenticatedLayout, { diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/index.js b/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/index.js index 14363ce721..674c95e149 100644 --- a/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/index.js +++ b/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/index.js @@ -7,14 +7,14 @@ import { useFocusWhenNavigate, } from '@strapi/helper-plugin'; import CheckIcon from '@strapi/icons/CheckIcon'; -import { ContentLayout, HeaderLayout, Layout } from '@strapi/parts/Layout'; -import { Box } from '@strapi/parts/Box'; -import { Button } from '@strapi/parts/Button'; -import { Main } from '@strapi/parts/Main'; -import { Stack } from '@strapi/parts/Stack'; -import { ToggleInput } from '@strapi/parts/ToggleInput'; -import { Select, Option } from '@strapi/parts/Select'; -import { Grid, GridItem } from '@strapi/parts/Grid'; +import { ContentLayout, HeaderLayout, Layout } from '@strapi/design-system/Layout'; +import { Box } from '@strapi/design-system/Box'; +import { Button } from '@strapi/design-system/Button'; +import { Main } from '@strapi/design-system/Main'; +import { Stack } from '@strapi/design-system/Stack'; +import { ToggleInput } from '@strapi/design-system/ToggleInput'; +import { Select, Option } from '@strapi/design-system/Select'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; import { useIntl } from 'react-intl'; import isEqual from 'lodash/isEqual'; import { getRequestUrl } from '../../../../../admin/src/utils'; diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/index.test.js b/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/index.test.js index 9c3e82b8aa..dc689fdfcb 100644 --- a/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/index.test.js +++ b/packages/core/admin/ee/admin/pages/SettingsPage/SingleSignOn/tests/index.test.js @@ -2,7 +2,7 @@ import React from 'react'; import { act } from 'react-dom/test-utils'; import { getByLabelText, 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 userEvent from '@testing-library/user-event'; import { useRBAC } from '@strapi/helper-plugin'; diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/index.js b/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/index.js index 01c036a693..2e697f2cde 100644 --- a/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/index.js +++ b/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/CreatePage/index.js @@ -10,17 +10,17 @@ import { useOverlayBlocker, useTracking, } from '@strapi/helper-plugin'; -import { Box } from '@strapi/parts/Box'; -import { Button } from '@strapi/parts/Button'; -import { ContentLayout, HeaderLayout } from '@strapi/parts/Layout'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { Main } from '@strapi/parts/Main'; -import { Link } from '@strapi/parts/Link'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; -import { Text } from '@strapi/parts/Text'; -import { TextInput } from '@strapi/parts/TextInput'; -import { Textarea } from '@strapi/parts/Textarea'; +import { Box } from '@strapi/design-system/Box'; +import { Button } from '@strapi/design-system/Button'; +import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { Main } from '@strapi/design-system/Main'; +import { Link } from '@strapi/design-system/Link'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { Text } from '@strapi/design-system/Text'; +import { TextInput } from '@strapi/design-system/TextInput'; +import { Textarea } from '@strapi/design-system/Textarea'; import BackIcon from '@strapi/icons/BackIcon'; import { Formik } from 'formik'; import get from 'lodash/get'; diff --git a/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/ListPage/index.js b/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/ListPage/index.js index 65e00fea26..3ff84221bd 100644 --- a/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/ListPage/index.js +++ b/packages/core/admin/ee/admin/pages/SettingsPage/pages/Roles/ListPage/index.js @@ -13,12 +13,12 @@ import AddIcon from '@strapi/icons/AddIcon'; import DeleteIcon from '@strapi/icons/DeleteIcon'; import Duplicate from '@strapi/icons/Duplicate'; import EditIcon from '@strapi/icons/EditIcon'; -import { Button } from '@strapi/parts/Button'; -import { ActionLayout, ContentLayout, HeaderLayout } from '@strapi/parts/Layout'; -import { VisuallyHidden } from '@strapi/parts/VisuallyHidden'; -import { Main } from '@strapi/parts/Main'; -import { Table, Tbody, TFooter, Thead, Th, Tr } from '@strapi/parts/Table'; -import { TableLabel } from '@strapi/parts/Text'; +import { Button } from '@strapi/design-system/Button'; +import { ActionLayout, ContentLayout, HeaderLayout } from '@strapi/design-system/Layout'; +import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden'; +import { Main } from '@strapi/design-system/Main'; +import { Table, Tbody, TFooter, Thead, Th, Tr } from '@strapi/design-system/Table'; +import { TableLabel } from '@strapi/design-system/Text'; import { get } from 'lodash'; import matchSorter from 'match-sorter'; import { useIntl } from 'react-intl'; diff --git a/packages/core/admin/package.json b/packages/core/admin/package.json index c68e8ce66f..890d916d8d 100644 --- a/packages/core/admin/package.json +++ b/packages/core/admin/package.json @@ -40,8 +40,8 @@ "@fortawesome/react-fontawesome": "^0.1.14", "@strapi/babel-plugin-switch-ee-ce": "1.0.0", "@strapi/helper-plugin": "3.6.8", - "@strapi/icons": "0.0.1-alpha.50", - "@strapi/parts": "0.0.1-alpha.50", + "@strapi/icons": "0.0.1-alpha.51", + "@strapi/design-system": "0.0.1-alpha.51", "@strapi/utils": "3.6.8", "axios": "^0.21.1", "babel-loader": "8.2.2", diff --git a/packages/core/content-type-builder/admin/src/components/AllowedTypesSelect/index.js b/packages/core/content-type-builder/admin/src/components/AllowedTypesSelect/index.js index 5d46dc42f2..8970a465ee 100644 --- a/packages/core/content-type-builder/admin/src/components/AllowedTypesSelect/index.js +++ b/packages/core/content-type-builder/admin/src/components/AllowedTypesSelect/index.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { MultiSelectNested } from '@strapi/parts/Select'; +import { MultiSelectNested } from '@strapi/design-system/Select'; import upperFirst from 'lodash/upperFirst'; import getTrad from '../../utils/getTrad'; diff --git a/packages/core/content-type-builder/admin/src/components/AttributeIcon/index.js b/packages/core/content-type-builder/admin/src/components/AttributeIcon/index.js index 5a410f02bf..30c943e9b4 100644 --- a/packages/core/content-type-builder/admin/src/components/AttributeIcon/index.js +++ b/packages/core/content-type-builder/admin/src/components/AttributeIcon/index.js @@ -1,7 +1,7 @@ import React from 'react'; import styled from 'styled-components'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; import Component from '@strapi/icons/Component'; import CT from '@strapi/icons/Ct'; import Date from '@strapi/icons/Date'; diff --git a/packages/core/content-type-builder/admin/src/components/AttributeOptions/AttributeOption/BoxWrapper.js b/packages/core/content-type-builder/admin/src/components/AttributeOptions/AttributeOption/BoxWrapper.js index e0d547bd68..dae4fc4b01 100644 --- a/packages/core/content-type-builder/admin/src/components/AttributeOptions/AttributeOption/BoxWrapper.js +++ b/packages/core/content-type-builder/admin/src/components/AttributeOptions/AttributeOption/BoxWrapper.js @@ -1,5 +1,5 @@ import styled from 'styled-components'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; const BoxWrapper = styled(Box)` width: 100%; diff --git a/packages/core/content-type-builder/admin/src/components/AttributeOptions/AttributeOption/index.js b/packages/core/content-type-builder/admin/src/components/AttributeOptions/AttributeOption/index.js index 3e747b84d5..c493426b5a 100644 --- a/packages/core/content-type-builder/admin/src/components/AttributeOptions/AttributeOption/index.js +++ b/packages/core/content-type-builder/admin/src/components/AttributeOptions/AttributeOption/index.js @@ -7,9 +7,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 useFormModalNavigation from '../../../hooks/useFormModalNavigation'; import getTrad from '../../../utils/getTrad'; import AttributeIcon from '../../AttributeIcon'; diff --git a/packages/core/content-type-builder/admin/src/components/AttributeOptions/index.js b/packages/core/content-type-builder/admin/src/components/AttributeOptions/index.js index 1654391a60..ec88efbeec 100644 --- a/packages/core/content-type-builder/admin/src/components/AttributeOptions/index.js +++ b/packages/core/content-type-builder/admin/src/components/AttributeOptions/index.js @@ -7,14 +7,14 @@ import React from 'react'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; -import { Divider } from '@strapi/parts/Divider'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { KeyboardNavigable } from '@strapi/parts/KeyboardNavigable'; -import { ModalBody } from '@strapi/parts/ModalLayout'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; -import { H2 } from '@strapi/parts/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Divider } from '@strapi/design-system/Divider'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { KeyboardNavigable } from '@strapi/design-system/KeyboardNavigable'; +import { ModalBody } from '@strapi/design-system/ModalLayout'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { H2 } from '@strapi/design-system/Text'; import { getTrad } from '../../utils'; import AttributeOption from './AttributeOption'; diff --git a/packages/core/content-type-builder/admin/src/components/BooleanDefaultValueSelect/index.js b/packages/core/content-type-builder/admin/src/components/BooleanDefaultValueSelect/index.js index 3f52cc1634..8cee3384df 100644 --- a/packages/core/content-type-builder/admin/src/components/BooleanDefaultValueSelect/index.js +++ b/packages/core/content-type-builder/admin/src/components/BooleanDefaultValueSelect/index.js @@ -7,7 +7,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { Select, Option } from '@strapi/parts/Select'; +import { Select, Option } from '@strapi/design-system/Select'; const BooleanDefaultValueSelect = ({ intlLabel, name, options, onChange, value }) => { const { formatMessage } = useIntl(); diff --git a/packages/core/content-type-builder/admin/src/components/CheckboxWithNumberField/index.js b/packages/core/content-type-builder/admin/src/components/CheckboxWithNumberField/index.js index 56b9f23707..7f9184268e 100644 --- a/packages/core/content-type-builder/admin/src/components/CheckboxWithNumberField/index.js +++ b/packages/core/content-type-builder/admin/src/components/CheckboxWithNumberField/index.js @@ -7,11 +7,11 @@ import React, { useState } from 'react'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; -import { Checkbox } from '@strapi/parts/Checkbox'; -import { Stack } from '@strapi/parts/Stack'; -import { NumberInput } from '@strapi/parts/NumberInput'; -import { TextInput } from '@strapi/parts/TextInput'; +import { Box } from '@strapi/design-system/Box'; +import { Checkbox } from '@strapi/design-system/Checkbox'; +import { Stack } from '@strapi/design-system/Stack'; +import { NumberInput } from '@strapi/design-system/NumberInput'; +import { TextInput } from '@strapi/design-system/TextInput'; const CheckboxWithNumberField = ({ error, intlLabel, modifiedData, name, onChange, value }) => { const { formatMessage } = useIntl(); diff --git a/packages/core/content-type-builder/admin/src/components/ComponentCard/index.js b/packages/core/content-type-builder/admin/src/components/ComponentCard/index.js index bc10c8ef46..d1b9eb0cf7 100644 --- a/packages/core/content-type-builder/admin/src/components/ComponentCard/index.js +++ b/packages/core/content-type-builder/admin/src/components/ComponentCard/index.js @@ -7,9 +7,9 @@ import React from 'react'; import get from 'lodash/get'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; -import { Stack } from '@strapi/parts/Stack'; -import { Text } from '@strapi/parts/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Stack } from '@strapi/design-system/Stack'; +import { Text } from '@strapi/design-system/Text'; import { pxToRem } from '@strapi/helper-plugin'; import Close from '@strapi/icons/Close'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; diff --git a/packages/core/content-type-builder/admin/src/components/ComponentIconPicker/Cell.js b/packages/core/content-type-builder/admin/src/components/ComponentIconPicker/Cell.js index 657be4d489..b2089a2e09 100644 --- a/packages/core/content-type-builder/admin/src/components/ComponentIconPicker/Cell.js +++ b/packages/core/content-type-builder/admin/src/components/ComponentIconPicker/Cell.js @@ -1,5 +1,5 @@ import styled from 'styled-components'; -import { Flex } from '@strapi/parts/Flex'; +import { Flex } from '@strapi/design-system/Flex'; const Cell = styled(Flex)` svg { diff --git a/packages/core/content-type-builder/admin/src/components/ComponentIconPicker/index.js b/packages/core/content-type-builder/admin/src/components/ComponentIconPicker/index.js index 53845d06c6..658e053992 100644 --- a/packages/core/content-type-builder/admin/src/components/ComponentIconPicker/index.js +++ b/packages/core/content-type-builder/admin/src/components/ComponentIconPicker/index.js @@ -2,14 +2,14 @@ import React, { useEffect, useState, useRef } from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; import { AutoSizer, Collection } from 'react-virtualized'; -import { Searchbar } from '@strapi/parts/Searchbar'; -import { IconButton } from '@strapi/parts/IconButton'; +import { Searchbar } from '@strapi/design-system/Searchbar'; +import { IconButton } from '@strapi/design-system/IconButton'; import SearchIcon from '@strapi/icons/SearchIcon'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; -import { Text, P } from '@strapi/parts/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { Text, P } from '@strapi/design-system/Text'; import useDataManager from '../../hooks/useDataManager'; import getTrad from '../../utils/getTrad'; import Cell from './Cell'; diff --git a/packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/index.js b/packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/index.js index 07929cbee7..fa5e230897 100644 --- a/packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/index.js +++ b/packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/index.js @@ -1,6 +1,6 @@ import React from 'react'; import AddIcon from '@strapi/icons/AddIcon'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; import { SubNav, SubNavHeader, @@ -8,8 +8,8 @@ import { SubNavLinkSection, SubNavSection, SubNavSections, -} from '@strapi/parts/SubNav'; -import { TextButton } from '@strapi/parts/TextButton'; +} from '@strapi/design-system/SubNav'; +import { TextButton } from '@strapi/design-system/TextButton'; import upperFirst from 'lodash/upperFirst'; import { useIntl } from 'react-intl'; import useContentTypeBuilderMenu from './useContentTypeBuilderMenu'; diff --git a/packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/tests/index.test.js b/packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/tests/index.test.js index 2becd43292..71e5a8a7bb 100644 --- a/packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/tests/index.test.js +++ b/packages/core/content-type-builder/admin/src/components/ContentTypeBuilderNav/tests/index.test.js @@ -4,7 +4,7 @@ * */ -import { Layout } from '@strapi/parts'; +import { Layout } from '@strapi/design-system'; import { render } from '@testing-library/react'; import { createMemoryHistory } from 'history'; import React from 'react'; diff --git a/packages/core/content-type-builder/admin/src/components/CustomRadioGroup/components.js b/packages/core/content-type-builder/admin/src/components/CustomRadioGroup/components.js index dfe524abb6..0d89e3ee75 100644 --- a/packages/core/content-type-builder/admin/src/components/CustomRadioGroup/components.js +++ b/packages/core/content-type-builder/admin/src/components/CustomRadioGroup/components.js @@ -1,7 +1,7 @@ import styled from 'styled-components'; -import { Stack } from '@strapi/parts/Stack'; -import { Text } from '@strapi/parts/Text'; -import { inputFocusStyle } from '@strapi/parts/themes'; +import { Stack } from '@strapi/design-system/Stack'; +import { Text } from '@strapi/design-system/Text'; +import { inputFocusStyle } from '@strapi/design-system/themes'; const Wrapper = styled(Stack)` position: relative; diff --git a/packages/core/content-type-builder/admin/src/components/CustomRadioGroup/index.js b/packages/core/content-type-builder/admin/src/components/CustomRadioGroup/index.js index 01eb8bd98f..169650b691 100644 --- a/packages/core/content-type-builder/admin/src/components/CustomRadioGroup/index.js +++ b/packages/core/content-type-builder/admin/src/components/CustomRadioGroup/index.js @@ -1,10 +1,10 @@ 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 { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; +import { Text } from '@strapi/design-system/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; import { Wrapper } from './components'; const CustomRadioGroup = ({ intlLabel, name, onChange, radios, value }) => { diff --git a/packages/core/content-type-builder/admin/src/components/DraftAndPublishToggle/index.js b/packages/core/content-type-builder/admin/src/components/DraftAndPublishToggle/index.js index a19583a6fc..e0b376f98e 100644 --- a/packages/core/content-type-builder/admin/src/components/DraftAndPublishToggle/index.js +++ b/packages/core/content-type-builder/admin/src/components/DraftAndPublishToggle/index.js @@ -7,12 +7,12 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { Dialog, DialogBody, DialogFooter } from '@strapi/parts/Dialog'; -import { ToggleInput } from '@strapi/parts/ToggleInput'; -import { Text } from '@strapi/parts/Text'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; -import { Button } from '@strapi/parts/Button'; +import { Dialog, DialogBody, DialogFooter } from '@strapi/design-system/Dialog'; +import { ToggleInput } from '@strapi/design-system/ToggleInput'; +import { Text } from '@strapi/design-system/Text'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { Button } from '@strapi/design-system/Button'; import AlertWarningIcon from '@strapi/icons/AlertWarningIcon'; import { getTrad } from '../../utils'; diff --git a/packages/core/content-type-builder/admin/src/components/DynamicZoneList/index.js b/packages/core/content-type-builder/admin/src/components/DynamicZoneList/index.js index 9c8de7b0f0..04e1488272 100644 --- a/packages/core/content-type-builder/admin/src/components/DynamicZoneList/index.js +++ b/packages/core/content-type-builder/admin/src/components/DynamicZoneList/index.js @@ -9,9 +9,9 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; import { pxToRem } from '@strapi/helper-plugin'; import AddIcon from '@strapi/icons/AddIcon'; -import { Box } from '@strapi/parts/Box'; -import { Stack } from '@strapi/parts/Stack'; -import { Text } from '@strapi/parts/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Stack } from '@strapi/design-system/Stack'; +import { Text } from '@strapi/design-system/Text'; import { useIntl } from 'react-intl'; import styled from 'styled-components'; import useDataManager from '../../hooks/useDataManager'; diff --git a/packages/core/content-type-builder/admin/src/components/FormModal/index.js b/packages/core/content-type-builder/admin/src/components/FormModal/index.js index f5e6df4649..e60064db53 100644 --- a/packages/core/content-type-builder/admin/src/components/FormModal/index.js +++ b/packages/core/content-type-builder/admin/src/components/FormModal/index.js @@ -13,14 +13,14 @@ import set from 'lodash/set'; import toLower from 'lodash/toLower'; import upperFirst from 'lodash/upperFirst'; import { useSelector, useDispatch, shallowEqual } from 'react-redux'; -import { Box } from '@strapi/parts/Box'; -import { Button } from '@strapi/parts/Button'; -import { Divider } from '@strapi/parts/Divider'; -import { ModalLayout, ModalBody, ModalFooter } from '@strapi/parts/ModalLayout'; -import { H2 } from '@strapi/parts/Text'; -import { Tabs, Tab, TabGroup, TabPanels, TabPanel } from '@strapi/parts/Tabs'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; +import { Box } from '@strapi/design-system/Box'; +import { Button } from '@strapi/design-system/Button'; +import { Divider } from '@strapi/design-system/Divider'; +import { ModalLayout, ModalBody, ModalFooter } from '@strapi/design-system/ModalLayout'; +import { H2 } from '@strapi/design-system/Text'; +import { Tabs, Tab, TabGroup, TabPanels, TabPanel } from '@strapi/design-system/Tabs'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; import pluginId from '../../pluginId'; import useDataManager from '../../hooks/useDataManager'; import useFormModalNavigation from '../../hooks/useFormModalNavigation'; diff --git a/packages/core/content-type-builder/admin/src/components/FormModalEndActions/index.js b/packages/core/content-type-builder/admin/src/components/FormModalEndActions/index.js index beaa31c147..b70fbcdcd7 100644 --- a/packages/core/content-type-builder/admin/src/components/FormModalEndActions/index.js +++ b/packages/core/content-type-builder/admin/src/components/FormModalEndActions/index.js @@ -7,7 +7,7 @@ import React from 'react'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; -import { Button } from '@strapi/parts/Button'; +import { Button } from '@strapi/design-system/Button'; import AddIcon from '@strapi/icons/AddIcon'; import { getTrad } from '../../utils'; diff --git a/packages/core/content-type-builder/admin/src/components/FormModalHeader/index.js b/packages/core/content-type-builder/admin/src/components/FormModalHeader/index.js index 39200a8031..b3c670a1e1 100644 --- a/packages/core/content-type-builder/admin/src/components/FormModalHeader/index.js +++ b/packages/core/content-type-builder/admin/src/components/FormModalHeader/index.js @@ -8,12 +8,12 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; import upperFirst from 'lodash/upperFirst'; -import { Breadcrumbs, Crumb } from '@strapi/parts/Breadcrumbs'; -import { ModalHeader } from '@strapi/parts/ModalLayout'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; -import { ButtonText } from '@strapi/parts/Text'; +import { Breadcrumbs, Crumb } from '@strapi/design-system/Breadcrumbs'; +import { ModalHeader } from '@strapi/design-system/ModalLayout'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { ButtonText } from '@strapi/design-system/Text'; import useDataManager from '../../hooks/useDataManager'; import getTrad from '../../utils/getTrad'; import AttributeIcon from '../AttributeIcon'; diff --git a/packages/core/content-type-builder/admin/src/components/List/BoxWrapper.js b/packages/core/content-type-builder/admin/src/components/List/BoxWrapper.js index 852b572d58..2f9a106412 100644 --- a/packages/core/content-type-builder/admin/src/components/List/BoxWrapper.js +++ b/packages/core/content-type-builder/admin/src/components/List/BoxWrapper.js @@ -3,7 +3,7 @@ * Wrapper * */ -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; import styled from 'styled-components'; const BoxWrapper = styled(Box)` diff --git a/packages/core/content-type-builder/admin/src/components/List/index.js b/packages/core/content-type-builder/admin/src/components/List/index.js index bf4c458581..17a11d9efb 100644 --- a/packages/core/content-type-builder/admin/src/components/List/index.js +++ b/packages/core/content-type-builder/admin/src/components/List/index.js @@ -8,10 +8,10 @@ import React from 'react'; import PropTypes from 'prop-types'; import { EmptyBodyTable, useTracking } from '@strapi/helper-plugin'; -import { Box } from '@strapi/parts/Box'; -import { Button } from '@strapi/parts/Button'; -import { TableLabel } from '@strapi/parts/Text'; -import { Table, Thead, Tr, Th, TFooter } from '@strapi/parts/Table'; +import { Box } from '@strapi/design-system/Box'; +import { Button } from '@strapi/design-system/Button'; +import { TableLabel } from '@strapi/design-system/Text'; +import { Table, Thead, Tr, Th, TFooter } from '@strapi/design-system/Table'; import AddIcon from '@strapi/icons/AddIcon'; import { useIntl } from 'react-intl'; import useFormModalNavigation from '../../hooks/useFormModalNavigation'; diff --git a/packages/core/content-type-builder/admin/src/components/ListRow/BoxWrapper.js b/packages/core/content-type-builder/admin/src/components/ListRow/BoxWrapper.js index fe2dffde64..56d97517b2 100644 --- a/packages/core/content-type-builder/admin/src/components/ListRow/BoxWrapper.js +++ b/packages/core/content-type-builder/admin/src/components/ListRow/BoxWrapper.js @@ -5,7 +5,7 @@ */ import styled from 'styled-components'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; const BoxWrapper = styled(Box)` position: relative; diff --git a/packages/core/content-type-builder/admin/src/components/ListRow/index.js b/packages/core/content-type-builder/admin/src/components/ListRow/index.js index f8355a1dbd..3f38efe8b9 100644 --- a/packages/core/content-type-builder/admin/src/components/ListRow/index.js +++ b/packages/core/content-type-builder/admin/src/components/ListRow/index.js @@ -3,10 +3,10 @@ import PropTypes from 'prop-types'; import get from 'lodash/get'; import upperFirst from 'lodash/upperFirst'; import { useIntl } from 'react-intl'; -import { IconButton } from '@strapi/parts/IconButton'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; -import { Text } from '@strapi/parts/Text'; +import { IconButton } from '@strapi/design-system/IconButton'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { Text } from '@strapi/design-system/Text'; import EditIcon from '@strapi/icons/EditIcon'; import DeleteIcon from '@strapi/icons/DeleteIcon'; import { stopPropagation, onRowClick } from '@strapi/helper-plugin'; diff --git a/packages/core/content-type-builder/admin/src/components/NestedTFooter/index.js b/packages/core/content-type-builder/admin/src/components/NestedTFooter/index.js index d0a6db2d89..5ca0e58080 100644 --- a/packages/core/content-type-builder/admin/src/components/NestedTFooter/index.js +++ b/packages/core/content-type-builder/admin/src/components/NestedTFooter/index.js @@ -1,8 +1,8 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { Flex } from '@strapi/parts/Flex'; -import { Box } from '@strapi/parts/Box'; -import { Text } from '@strapi/parts/Text'; +import { Flex } from '@strapi/design-system/Flex'; +import { Box } from '@strapi/design-system/Box'; +import { Text } from '@strapi/design-system/Text'; import styled from 'styled-components'; const IconBox = styled(Box)` diff --git a/packages/core/content-type-builder/admin/src/components/PluginIcon/index.js b/packages/core/content-type-builder/admin/src/components/PluginIcon/index.js index f62ad24300..3edb42c8ac 100644 --- a/packages/core/content-type-builder/admin/src/components/PluginIcon/index.js +++ b/packages/core/content-type-builder/admin/src/components/PluginIcon/index.js @@ -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 = () => } width="16px" />; diff --git a/packages/core/content-type-builder/admin/src/components/PluralName/index.js b/packages/core/content-type-builder/admin/src/components/PluralName/index.js index fe99395084..eab752d0cc 100644 --- a/packages/core/content-type-builder/admin/src/components/PluralName/index.js +++ b/packages/core/content-type-builder/admin/src/components/PluralName/index.js @@ -8,7 +8,7 @@ import React, { useEffect, useRef } from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; import pluralize from 'pluralize'; -import { TextInput } from '@strapi/parts/TextInput'; +import { TextInput } from '@strapi/design-system/TextInput'; import nameToSlug from '../../utils/nameToSlug'; const PluralName = ({ description, error, intlLabel, modifiedData, name, onChange, value }) => { diff --git a/packages/core/content-type-builder/admin/src/components/Relation/RelationField/RelationTargetPicker/index.js b/packages/core/content-type-builder/admin/src/components/Relation/RelationField/RelationTargetPicker/index.js index 3d60981fba..4ad2dda80f 100644 --- a/packages/core/content-type-builder/admin/src/components/Relation/RelationField/RelationTargetPicker/index.js +++ b/packages/core/content-type-builder/admin/src/components/Relation/RelationField/RelationTargetPicker/index.js @@ -2,7 +2,7 @@ import React, { useMemo } from 'react'; import PropTypes from 'prop-types'; import { useDispatch } from 'react-redux'; import get from 'lodash/get'; -import { MenuItem, SimpleMenu } from '@strapi/parts/SimpleMenu'; +import { MenuItem, SimpleMenu } from '@strapi/design-system/SimpleMenu'; import useDataManager from '../../../../hooks/useDataManager'; import { ON_CHANGE_RELATION_TARGET } from '../../../FormModal/constants'; diff --git a/packages/core/content-type-builder/admin/src/components/Relation/RelationField/index.js b/packages/core/content-type-builder/admin/src/components/Relation/RelationField/index.js index d3e726bdb1..80b3abb21f 100644 --- a/packages/core/content-type-builder/admin/src/components/Relation/RelationField/index.js +++ b/packages/core/content-type-builder/admin/src/components/Relation/RelationField/index.js @@ -1,9 +1,9 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { Divider } from '@strapi/parts/Divider'; -import { Text } from '@strapi/parts/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { Divider } from '@strapi/design-system/Divider'; +import { Text } from '@strapi/design-system/Text'; import { GenericInput } from '@strapi/helper-plugin'; import getTrad from '../../../utils/getTrad'; import RelationTargetPicker from './RelationTargetPicker'; diff --git a/packages/core/content-type-builder/admin/src/components/Relation/RelationNaturePicker/components.js b/packages/core/content-type-builder/admin/src/components/Relation/RelationNaturePicker/components.js index 04a8315dd7..989d39d0ce 100644 --- a/packages/core/content-type-builder/admin/src/components/Relation/RelationNaturePicker/components.js +++ b/packages/core/content-type-builder/admin/src/components/Relation/RelationNaturePicker/components.js @@ -1,6 +1,6 @@ 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 Wrapper = styled(Box)` position: relative; diff --git a/packages/core/content-type-builder/admin/src/components/Relation/RelationNaturePicker/index.js b/packages/core/content-type-builder/admin/src/components/Relation/RelationNaturePicker/index.js index 2b079bb791..82d978e4e8 100644 --- a/packages/core/content-type-builder/admin/src/components/Relation/RelationNaturePicker/index.js +++ b/packages/core/content-type-builder/admin/src/components/Relation/RelationNaturePicker/index.js @@ -11,10 +11,10 @@ import ManyWay from '@strapi/icons/IconRelationUnidirectional1N'; import OneToMany from '@strapi/icons/IconRelation1N'; import ManyToOne from '@strapi/icons/IconRelationN1'; import ManyToMany from '@strapi/icons/IconRelationNN'; -import { Flex } from '@strapi/parts/Flex'; -import { Text } from '@strapi/parts/Text'; -import { KeyboardNavigable } from '@strapi/parts/KeyboardNavigable'; -import { Stack } from '@strapi/parts/Stack'; +import { Flex } from '@strapi/design-system/Flex'; +import { Text } from '@strapi/design-system/Text'; +import { KeyboardNavigable } from '@strapi/design-system/KeyboardNavigable'; +import { Stack } from '@strapi/design-system/Stack'; import useDataManager from '../../../hooks/useDataManager'; import { ON_CHANGE_RELATION_TYPE } from '../../FormModal/constants'; import getTrad from '../../../utils/getTrad'; diff --git a/packages/core/content-type-builder/admin/src/components/Relation/index.js b/packages/core/content-type-builder/admin/src/components/Relation/index.js index 07fb84db87..627f020540 100644 --- a/packages/core/content-type-builder/admin/src/components/Relation/index.js +++ b/packages/core/content-type-builder/admin/src/components/Relation/index.js @@ -6,7 +6,7 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { Flex } from '@strapi/parts/Flex'; +import { Flex } from '@strapi/design-system/Flex'; import getRelationType from '../../utils/getRelationType'; import RelationField from './RelationField'; import RelationNaturePicker from './RelationNaturePicker'; diff --git a/packages/core/content-type-builder/admin/src/components/SelectCategory/index.js b/packages/core/content-type-builder/admin/src/components/SelectCategory/index.js index ebe8f998a1..e9a2e34013 100644 --- a/packages/core/content-type-builder/admin/src/components/SelectCategory/index.js +++ b/packages/core/content-type-builder/admin/src/components/SelectCategory/index.js @@ -7,7 +7,7 @@ import React, { useState } from 'react'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; -import { ComboboxOption, CreatableCombobox } from '@strapi/parts/Combobox'; +import { ComboboxOption, CreatableCombobox } from '@strapi/design-system/Combobox'; import useDataManager from '../../hooks/useDataManager'; const SelectCategory = ({ error, intlLabel, name, onChange, value }) => { diff --git a/packages/core/content-type-builder/admin/src/components/SelectComponent/index.js b/packages/core/content-type-builder/admin/src/components/SelectComponent/index.js index a013dbcab6..e986750165 100644 --- a/packages/core/content-type-builder/admin/src/components/SelectComponent/index.js +++ b/packages/core/content-type-builder/admin/src/components/SelectComponent/index.js @@ -7,7 +7,7 @@ import React from 'react'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; -import { Select, Option } from '@strapi/parts/Select'; +import { Select, Option } from '@strapi/design-system/Select'; import useDataManager from '../../hooks/useDataManager'; const SelectComponent = ({ diff --git a/packages/core/content-type-builder/admin/src/components/SelectComponents/index.js b/packages/core/content-type-builder/admin/src/components/SelectComponents/index.js index e0b30532f6..8a3abd277b 100644 --- a/packages/core/content-type-builder/admin/src/components/SelectComponents/index.js +++ b/packages/core/content-type-builder/admin/src/components/SelectComponents/index.js @@ -6,7 +6,7 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { MultiSelectNested } from '@strapi/parts/Select'; +import { MultiSelectNested } from '@strapi/design-system/Select'; import { useIntl } from 'react-intl'; import useDataManager from '../../hooks/useDataManager'; import findAttribute from '../../utils/findAttribute'; diff --git a/packages/core/content-type-builder/admin/src/components/SingularName/index.js b/packages/core/content-type-builder/admin/src/components/SingularName/index.js index f9bc49ba47..91f3f9a03b 100644 --- a/packages/core/content-type-builder/admin/src/components/SingularName/index.js +++ b/packages/core/content-type-builder/admin/src/components/SingularName/index.js @@ -7,7 +7,7 @@ import React, { useEffect, useRef } from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { TextInput } from '@strapi/parts/TextInput'; +import { TextInput } from '@strapi/design-system/TextInput'; import nameToSlug from '../../utils/nameToSlug'; const SingularName = ({ description, error, intlLabel, modifiedData, name, onChange, value }) => { diff --git a/packages/core/content-type-builder/admin/src/components/TabForm/index.js b/packages/core/content-type-builder/admin/src/components/TabForm/index.js index 9b48aaddc6..7f61389c23 100644 --- a/packages/core/content-type-builder/admin/src/components/TabForm/index.js +++ b/packages/core/content-type-builder/admin/src/components/TabForm/index.js @@ -9,9 +9,9 @@ import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; import get from 'lodash/get'; import { GenericInput } from '@strapi/helper-plugin'; -import { Box } from '@strapi/parts/Box'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { H3 } from '@strapi/parts/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { H3 } from '@strapi/design-system/Text'; /* eslint-disable react/no-array-index-key */ const TabForm = ({ form, formErrors, genericInputProps, modifiedData, onChange }) => { diff --git a/packages/core/content-type-builder/admin/src/components/TextareaEnum/index.js b/packages/core/content-type-builder/admin/src/components/TextareaEnum/index.js index bd6d46f333..d688d92a07 100644 --- a/packages/core/content-type-builder/admin/src/components/TextareaEnum/index.js +++ b/packages/core/content-type-builder/admin/src/components/TextareaEnum/index.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { Textarea } from '@strapi/parts/Textarea'; +import { Textarea } from '@strapi/design-system/Textarea'; const TextareaEnum = ({ description, diff --git a/packages/core/content-type-builder/admin/src/icons/Curve.js b/packages/core/content-type-builder/admin/src/icons/Curve.js index 01a3737327..2a108e0dbc 100644 --- a/packages/core/content-type-builder/admin/src/icons/Curve.js +++ b/packages/core/content-type-builder/admin/src/icons/Curve.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import styled from 'styled-components'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; const StyledBox = styled(Box)` position: absolute; diff --git a/packages/core/content-type-builder/admin/src/pages/App/index.js b/packages/core/content-type-builder/admin/src/pages/App/index.js index 96c2ac76b0..d4c99437f5 100644 --- a/packages/core/content-type-builder/admin/src/pages/App/index.js +++ b/packages/core/content-type-builder/admin/src/pages/App/index.js @@ -7,7 +7,7 @@ import React, { Suspense, lazy } from 'react'; import { Switch, Route } from 'react-router-dom'; import { LoadingIndicatorPage, CheckPagePermissions } from '@strapi/helper-plugin'; -import { Layout } from '@strapi/parts/Layout'; +import { Layout } from '@strapi/design-system/Layout'; import pluginPermissions from '../../permissions'; import pluginId from '../../pluginId'; import DataManagerProvider from '../../components/DataManagerProvider'; diff --git a/packages/core/content-type-builder/admin/src/pages/ListView/LinkToCMSettingsView/index.js b/packages/core/content-type-builder/admin/src/pages/ListView/LinkToCMSettingsView/index.js index 7fe0d713d6..94e61865b2 100644 --- a/packages/core/content-type-builder/admin/src/pages/ListView/LinkToCMSettingsView/index.js +++ b/packages/core/content-type-builder/admin/src/pages/ListView/LinkToCMSettingsView/index.js @@ -1,7 +1,7 @@ import React, { memo } from 'react'; import PropTypes from 'prop-types'; import { CheckPermissions } from '@strapi/helper-plugin'; -import { Button } from '@strapi/parts/Button'; +import { Button } from '@strapi/design-system/Button'; import ConfigureIcon from '@strapi/icons/ConfigureIcon'; import { useHistory } from 'react-router-dom'; import { useIntl } from 'react-intl'; diff --git a/packages/core/content-type-builder/admin/src/pages/ListView/index.js b/packages/core/content-type-builder/admin/src/pages/ListView/index.js index da9a7a96ac..7ecdc1fabc 100644 --- a/packages/core/content-type-builder/admin/src/pages/ListView/index.js +++ b/packages/core/content-type-builder/admin/src/pages/ListView/index.js @@ -4,12 +4,12 @@ import AddIcon from '@strapi/icons/AddIcon'; import BackIcon from '@strapi/icons/BackIcon'; import CheckIcon from '@strapi/icons/CheckIcon'; import EditIcon from '@strapi/icons/EditIcon'; -import { Button } from '@strapi/parts/Button'; -import { Link } from '@strapi/parts/Link'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; -import { Box } from '@strapi/parts/Box'; -import { ContentLayout, HeaderLayout } from '@strapi/parts/Layout'; +import { Button } from '@strapi/design-system/Button'; +import { Link } from '@strapi/design-system/Link'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { Box } from '@strapi/design-system/Box'; +import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout'; import get from 'lodash/get'; import has from 'lodash/has'; import isEqual from 'lodash/isEqual'; diff --git a/packages/core/email/admin/src/pages/Settings/components/Configuration.js b/packages/core/email/admin/src/pages/Settings/components/Configuration.js index fe2538640d..1ed554c675 100644 --- a/packages/core/email/admin/src/pages/Settings/components/Configuration.js +++ b/packages/core/email/admin/src/pages/Settings/components/Configuration.js @@ -3,11 +3,11 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { Stack } from '@strapi/parts/Stack'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { H3, Text } from '@strapi/parts/Text'; -import { TextInput } from '@strapi/parts/TextInput'; -import { Select, Option } from '@strapi/parts/Select'; +import { Stack } from '@strapi/design-system/Stack'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { H3, Text } from '@strapi/design-system/Text'; +import { TextInput } from '@strapi/design-system/TextInput'; +import { Select, Option } from '@strapi/design-system/Select'; import getTrad from '../../../utils/getTrad'; const Configuration = ({ config }) => { diff --git a/packages/core/email/admin/src/pages/Settings/components/EmailHeader.js b/packages/core/email/admin/src/pages/Settings/components/EmailHeader.js index c285219523..ec597e2e55 100644 --- a/packages/core/email/admin/src/pages/Settings/components/EmailHeader.js +++ b/packages/core/email/admin/src/pages/Settings/components/EmailHeader.js @@ -1,7 +1,7 @@ import React from 'react'; import { useIntl } from 'react-intl'; import { SettingsPageTitle } from '@strapi/helper-plugin'; -import { HeaderLayout } from '@strapi/parts/Layout'; +import { HeaderLayout } from '@strapi/design-system/Layout'; import getTrad from '../../../utils/getTrad'; const EmailHeader = () => { diff --git a/packages/core/email/admin/src/pages/Settings/index.js b/packages/core/email/admin/src/pages/Settings/index.js index 20e9b6b13f..d6f30cbc94 100644 --- a/packages/core/email/admin/src/pages/Settings/index.js +++ b/packages/core/email/admin/src/pages/Settings/index.js @@ -9,15 +9,15 @@ import { useOverlayBlocker, useFocusWhenNavigate, } from '@strapi/helper-plugin'; -import { Main } from '@strapi/parts/Main'; -import { ContentLayout } from '@strapi/parts/Layout'; -import { Stack } from '@strapi/parts/Stack'; -import { Box } from '@strapi/parts/Box'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { H3 } from '@strapi/parts/Text'; -import { TextInput } from '@strapi/parts/TextInput'; -import { Button } from '@strapi/parts/Button'; -import { useNotifyAT } from '@strapi/parts/LiveRegions'; +import { Main } from '@strapi/design-system/Main'; +import { ContentLayout } from '@strapi/design-system/Layout'; +import { Stack } from '@strapi/design-system/Stack'; +import { Box } from '@strapi/design-system/Box'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { H3 } from '@strapi/design-system/Text'; +import { TextInput } from '@strapi/design-system/TextInput'; +import { Button } from '@strapi/design-system/Button'; +import { useNotifyAT } from '@strapi/design-system/LiveRegions'; import CheckIcon from '@strapi/icons/CheckIcon'; import Configuration from './components/Configuration'; import schema from '../../utils/schema'; diff --git a/packages/core/email/admin/src/pages/Settings/tests/index.test.js b/packages/core/email/admin/src/pages/Settings/tests/index.test.js index 770622bc25..82a3712fab 100644 --- a/packages/core/email/admin/src/pages/Settings/tests/index.test.js +++ b/packages/core/email/admin/src/pages/Settings/tests/index.test.js @@ -1,7 +1,7 @@ import React from 'react'; import { render, waitFor, screen } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import server from './utils/server'; import ProtectedSettingsPage from '../index'; diff --git a/packages/core/helper-plugin/.storybook/preview.js b/packages/core/helper-plugin/.storybook/preview.js index af760b1beb..30ed0621df 100644 --- a/packages/core/helper-plugin/.storybook/preview.js +++ b/packages/core/helper-plugin/.storybook/preview.js @@ -1,4 +1,4 @@ -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { IntlProvider } from 'react-intl'; import { MemoryRouter } from 'react-router-dom'; diff --git a/packages/core/helper-plugin/lib/src/components/AnErrorOccurred/AnErrorOccurred.stories.mdx b/packages/core/helper-plugin/lib/src/components/AnErrorOccurred/AnErrorOccurred.stories.mdx index 1b3f53a8c5..c8fb6f1f22 100644 --- a/packages/core/helper-plugin/lib/src/components/AnErrorOccurred/AnErrorOccurred.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/AnErrorOccurred/AnErrorOccurred.stories.mdx @@ -1,7 +1,7 @@ import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Main, Row, Button } from '@strapi/parts'; +import { Main, Row, Button } from '@strapi/design-system'; import AnErrorOccurred from './index'; diff --git a/packages/core/helper-plugin/lib/src/components/AnErrorOccurred/index.js b/packages/core/helper-plugin/lib/src/components/AnErrorOccurred/index.js index 03831d8513..fe6da79b7d 100644 --- a/packages/core/helper-plugin/lib/src/components/AnErrorOccurred/index.js +++ b/packages/core/helper-plugin/lib/src/components/AnErrorOccurred/index.js @@ -1,6 +1,6 @@ import React from 'react'; import AlertWarningIcon from '@strapi/icons/AlertWarningIcon'; -import { EmptyStateLayout } from '@strapi/parts/EmptyStateLayout'; +import { EmptyStateLayout } from '@strapi/design-system/EmptyStateLayout'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; diff --git a/packages/core/helper-plugin/lib/src/components/ConfirmDialog/ConfirmDialog.stories.mdx b/packages/core/helper-plugin/lib/src/components/ConfirmDialog/ConfirmDialog.stories.mdx index 2cd8f36ee8..1ab5edd5af 100644 --- a/packages/core/helper-plugin/lib/src/components/ConfirmDialog/ConfirmDialog.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/ConfirmDialog/ConfirmDialog.stories.mdx @@ -2,7 +2,7 @@ import { useState } from 'react'; import { ArgsTable, Meta, Canvas, Story } from '@storybook/addon-docs'; -import { Button } from '@strapi/parts/Button'; +import { Button } from '@strapi/design-system/Button'; import CheckIcon from '@strapi/icons/CheckIcon'; import HelpIcon from '@strapi/icons/HelpIcon'; import ConfirmDialog from './index'; @@ -28,7 +28,12 @@ TODO return ( <> - + ); }} @@ -45,11 +50,11 @@ TODO return ( <> - ); @@ -67,17 +72,20 @@ TODO return ( <> - } - iconRightButton={} - isConfirmButtonLoading={isLoading} - isOpen={dialogOpen} - onToggleDialog={handleToggle} - onConfirm={handleDelete} - title={{id: 'app.components.ConfirmDialog.title', defaultMessage: 'Confirmation'}} - rightButtonText={{id: 'app.components.Button.save', defaultMessage: 'Save'}} - variantRightButton='success-light' + } + iconRightButton={} + isConfirmButtonLoading={isLoading} + isOpen={dialogOpen} + onToggleDialog={handleToggle} + onConfirm={handleDelete} + title={{ id: 'app.components.ConfirmDialog.title', defaultMessage: 'Confirmation' }} + rightButtonText={{ id: 'app.components.Button.save', defaultMessage: 'Save' }} + variantRightButton="success-light" /> ); diff --git a/packages/core/helper-plugin/lib/src/components/ConfirmDialog/index.js b/packages/core/helper-plugin/lib/src/components/ConfirmDialog/index.js index 71a6a6423e..3c9501d6b9 100644 --- a/packages/core/helper-plugin/lib/src/components/ConfirmDialog/index.js +++ b/packages/core/helper-plugin/lib/src/components/ConfirmDialog/index.js @@ -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'; diff --git a/packages/core/helper-plugin/lib/src/components/ConfirmDialog/tests/index.test.js b/packages/core/helper-plugin/lib/src/components/ConfirmDialog/tests/index.test.js index fe3679b555..61b872b029 100644 --- a/packages/core/helper-plugin/lib/src/components/ConfirmDialog/tests/index.test.js +++ b/packages/core/helper-plugin/lib/src/components/ConfirmDialog/tests/index.test.js @@ -1,7 +1,7 @@ import React from 'react'; import { render, waitFor, screen } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import ConfirmDialog from '../index'; const App = ( diff --git a/packages/core/helper-plugin/lib/src/components/ContentBox/ContentBox.stories.mdx b/packages/core/helper-plugin/lib/src/components/ContentBox/ContentBox.stories.mdx index ae295f0be1..f55114a6e6 100644 --- a/packages/core/helper-plugin/lib/src/components/ContentBox/ContentBox.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/ContentBox/ContentBox.stories.mdx @@ -3,8 +3,8 @@ import { useState } from 'react'; import { ArgsTable, Meta, Canvas, Story } from '@storybook/addon-docs'; import ContentBox from './index'; -import { Stack } from '@strapi/parts/Stack'; -import { IconButton } from '@strapi/parts/IconButton'; +import { Stack } from '@strapi/design-system/Stack'; +import { IconButton } from '@strapi/design-system/IconButton'; import ReadDoc from '@strapi/icons/ReadDoc'; import CodeExample from '@strapi/icons/CodeExample'; import Tutorial from '@strapi/icons/Tutorial'; diff --git a/packages/core/helper-plugin/lib/src/components/ContentBox/index.js b/packages/core/helper-plugin/lib/src/components/ContentBox/index.js index 49716a013a..2370a7c978 100644 --- a/packages/core/helper-plugin/lib/src/components/ContentBox/index.js +++ b/packages/core/helper-plugin/lib/src/components/ContentBox/index.js @@ -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 { Stack } from '@strapi/parts/Stack'; -import { Text } from '@strapi/parts/Text'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { Text } from '@strapi/design-system/Text'; import customEllipsis from '../../utils/customEllipsis'; const IconWrapper = styled(Flex)` diff --git a/packages/core/helper-plugin/lib/src/components/ContentBox/tests/index.test.js b/packages/core/helper-plugin/lib/src/components/ContentBox/tests/index.test.js index 4d118843b8..149d5b94d9 100644 --- a/packages/core/helper-plugin/lib/src/components/ContentBox/tests/index.test.js +++ b/packages/core/helper-plugin/lib/src/components/ContentBox/tests/index.test.js @@ -1,7 +1,7 @@ import React from 'react'; import { render, screen } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import ContentBox from '../index'; const App = ( diff --git a/packages/core/helper-plugin/lib/src/components/DynamicTable/DynamicTable.stories.mdx b/packages/core/helper-plugin/lib/src/components/DynamicTable/DynamicTable.stories.mdx index 208430e8e1..a07563bda6 100644 --- a/packages/core/helper-plugin/lib/src/components/DynamicTable/DynamicTable.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/DynamicTable/DynamicTable.stories.mdx @@ -2,15 +2,15 @@ import { useEffect } from 'react'; import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Main } from '@strapi/parts/Main'; -import { Button } from '@strapi/parts/Button'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { BaseCheckbox } from '@strapi/parts/BaseCheckbox'; -import { Dialog, DialogBody, DialogFooter } from '@strapi/parts/Dialog'; -import { Tbody, Td, Tr } from '@strapi/parts/Table'; -import { Text } from '@strapi/parts/Text'; -import { IconButton } from '@strapi/parts/IconButton'; +import { Main } from '@strapi/design-system/Main'; +import { Button } from '@strapi/design-system/Button'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox'; +import { Dialog, DialogBody, DialogFooter } from '@strapi/design-system/Dialog'; +import { Tbody, Td, Tr } from '@strapi/design-system/Table'; +import { Text } from '@strapi/design-system/Text'; +import { IconButton } from '@strapi/design-system/IconButton'; import { AddIcon, EditIcon, DeleteIcon } from '@strapi/icons'; import useQueryParams from '../../hooks/useQueryParams'; import DynamicTable from './index'; diff --git a/packages/core/helper-plugin/lib/src/components/DynamicTable/TableHead/index.js b/packages/core/helper-plugin/lib/src/components/DynamicTable/TableHead/index.js index 7cfc7f2c25..5c847ad254 100644 --- a/packages/core/helper-plugin/lib/src/components/DynamicTable/TableHead/index.js +++ b/packages/core/helper-plugin/lib/src/components/DynamicTable/TableHead/index.js @@ -1,10 +1,10 @@ import React from 'react'; -import { BaseCheckbox } from '@strapi/parts/BaseCheckbox'; -import { IconButton } from '@strapi/parts/IconButton'; -import { Tooltip } from '@strapi/parts/Tooltip'; -import { VisuallyHidden } from '@strapi/parts/VisuallyHidden'; -import { TableLabel } from '@strapi/parts/Text'; -import { Th, Thead, Tr } from '@strapi/parts/Table'; +import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox'; +import { IconButton } from '@strapi/design-system/IconButton'; +import { Tooltip } from '@strapi/design-system/Tooltip'; +import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden'; +import { TableLabel } from '@strapi/design-system/Text'; +import { Th, Thead, Tr } from '@strapi/design-system/Table'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; import SortIcon from '../../../icons/SortIcon'; diff --git a/packages/core/helper-plugin/lib/src/components/DynamicTable/index.js b/packages/core/helper-plugin/lib/src/components/DynamicTable/index.js index 3bc474b2a2..4d01bba250 100644 --- a/packages/core/helper-plugin/lib/src/components/DynamicTable/index.js +++ b/packages/core/helper-plugin/lib/src/components/DynamicTable/index.js @@ -1,10 +1,10 @@ import React, { Children, cloneElement, useState } from 'react'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { Button } from '@strapi/parts/Button'; -import { Subtitle } from '@strapi/parts/Text'; -import { Table as TableCompo } from '@strapi/parts/Table'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { Button } from '@strapi/design-system/Button'; +import { Subtitle } from '@strapi/design-system/Text'; +import { Table as TableCompo } from '@strapi/design-system/Table'; import { useIntl } from 'react-intl'; import DeleteIcon from '@strapi/icons/DeleteIcon'; import styled from 'styled-components'; diff --git a/packages/core/helper-plugin/lib/src/components/EmptyBodyTable/EmptyBodyTable.stories.mdx b/packages/core/helper-plugin/lib/src/components/EmptyBodyTable/EmptyBodyTable.stories.mdx index bf2c2f8022..cc40e78023 100644 --- a/packages/core/helper-plugin/lib/src/components/EmptyBodyTable/EmptyBodyTable.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/EmptyBodyTable/EmptyBodyTable.stories.mdx @@ -10,7 +10,7 @@ import { Th, Thead, VisuallyHidden, -} from '@strapi/parts'; +} from '@strapi/design-system'; import EmptyBodyTable from './index'; diff --git a/packages/core/helper-plugin/lib/src/components/EmptyBodyTable/index.js b/packages/core/helper-plugin/lib/src/components/EmptyBodyTable/index.js index 535449267d..6bb78ca3aa 100644 --- a/packages/core/helper-plugin/lib/src/components/EmptyBodyTable/index.js +++ b/packages/core/helper-plugin/lib/src/components/EmptyBodyTable/index.js @@ -1,8 +1,8 @@ import React from 'react'; -import { Tbody, Tr, Td } from '@strapi/parts/Table'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { Loader } from '@strapi/parts/Loader'; +import { Tbody, Tr, Td } from '@strapi/design-system/Table'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { Loader } from '@strapi/design-system/Loader'; import PropTypes from 'prop-types'; import EmptyStateLayout from '../EmptyStateLayout'; diff --git a/packages/core/helper-plugin/lib/src/components/EmptyStateLayout/EmptyStateLayout.stories.mdx b/packages/core/helper-plugin/lib/src/components/EmptyStateLayout/EmptyStateLayout.stories.mdx index 01d1300d54..54ae55ac41 100644 --- a/packages/core/helper-plugin/lib/src/components/EmptyStateLayout/EmptyStateLayout.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/EmptyStateLayout/EmptyStateLayout.stories.mdx @@ -1,7 +1,7 @@ import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Main, Row } from '@strapi/parts'; +import { Main, Row } from '@strapi/design-system'; import EmptyStateLayout from './index'; diff --git a/packages/core/helper-plugin/lib/src/components/EmptyStateLayout/index.js b/packages/core/helper-plugin/lib/src/components/EmptyStateLayout/index.js index 89a33dde1f..c96b2db832 100644 --- a/packages/core/helper-plugin/lib/src/components/EmptyStateLayout/index.js +++ b/packages/core/helper-plugin/lib/src/components/EmptyStateLayout/index.js @@ -1,5 +1,5 @@ import React from 'react'; -import { EmptyStateLayout as Layout } from '@strapi/parts/EmptyStateLayout'; +import { EmptyStateLayout as Layout } from '@strapi/design-system/EmptyStateLayout'; import EmptyStateDocument from '@strapi/icons/EmptyStateDocument'; import EmptyStatePermissions from '@strapi/icons/EmptyStatePermissions'; import EmptyStatePicture from '@strapi/icons/EmptyStatePicture'; diff --git a/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/AttributeTag.js b/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/AttributeTag.js index b8b56927bf..df764e3936 100644 --- a/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/AttributeTag.js +++ b/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/AttributeTag.js @@ -1,8 +1,8 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; import Close from '@strapi/icons/Close'; -import { Tag } from '@strapi/parts/Tag'; +import { Tag } from '@strapi/design-system/Tag'; import { useIntl } from 'react-intl'; const AttributeTag = ({ attribute, filter, onClick, operator, value }) => { diff --git a/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/FilterListURLQuery.stories.mdx b/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/FilterListURLQuery.stories.mdx index 074a5805a6..b7a8e24c20 100644 --- a/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/FilterListURLQuery.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/FilterListURLQuery.stories.mdx @@ -2,11 +2,11 @@ import { useEffect } from 'react'; import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Button } from '@strapi/parts/Button'; -import { Box } from '@strapi/parts/Box'; -import { Main } from '@strapi/parts/Main'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; +import { Button } from '@strapi/design-system/Button'; +import { Box } from '@strapi/design-system/Box'; +import { Main } from '@strapi/design-system/Main'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; import useQueryParams from '../../hooks/useQueryParams'; import FilterListURLQuery from './index'; diff --git a/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/tests/index.test.js b/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/tests/index.test.js index 21a5cd0fab..ff3dae7b55 100644 --- a/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/tests/index.test.js +++ b/packages/core/helper-plugin/lib/src/components/FilterListURLQuery/tests/index.test.js @@ -7,7 +7,7 @@ import React from 'react'; import { render } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { Router } from 'react-router-dom'; import { createMemoryHistory } from 'history'; import qs from 'qs'; diff --git a/packages/core/helper-plugin/lib/src/components/FilterPopoverURLQuery/FilterPopoverURLQuery.stories.mdx b/packages/core/helper-plugin/lib/src/components/FilterPopoverURLQuery/FilterPopoverURLQuery.stories.mdx index 7b21d99902..62a6356b84 100644 --- a/packages/core/helper-plugin/lib/src/components/FilterPopoverURLQuery/FilterPopoverURLQuery.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/FilterPopoverURLQuery/FilterPopoverURLQuery.stories.mdx @@ -2,7 +2,7 @@ import { useEffect, useState, useRef } from 'react'; import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Button, Box, Main, Flex, Stack } from '@strapi/parts'; +import { Button, Box, Main, Flex, Stack } from '@strapi/design-system'; import useQueryParams from '../../hooks/useQueryParams'; import FilterListURLQuery from '../FilterListURLQuery'; import FilterPopoverURLQuery from './index'; diff --git a/packages/core/helper-plugin/lib/src/components/FilterPopoverURLQuery/Inputs.js b/packages/core/helper-plugin/lib/src/components/FilterPopoverURLQuery/Inputs.js index f97ad3a612..e0be71f0b1 100644 --- a/packages/core/helper-plugin/lib/src/components/FilterPopoverURLQuery/Inputs.js +++ b/packages/core/helper-plugin/lib/src/components/FilterPopoverURLQuery/Inputs.js @@ -1,10 +1,10 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { DatePicker } from '@strapi/parts/DatePicker'; -import { Field, FieldInput } from '@strapi/parts/Field'; -import { NumberInput } from '@strapi/parts/NumberInput'; -import { TimePicker } from '@strapi/parts/TimePicker'; -import { Select, Option } from '@strapi/parts/Select'; +import { DatePicker } from '@strapi/design-system/DatePicker'; +import { Field, FieldInput } from '@strapi/design-system/Field'; +import { NumberInput } from '@strapi/design-system/NumberInput'; +import { TimePicker } from '@strapi/design-system/TimePicker'; +import { Select, Option } from '@strapi/design-system/Select'; import { useIntl } from 'react-intl'; import { formatISO } from 'date-fns'; import cloneDeep from 'lodash/cloneDeep'; diff --git a/packages/core/helper-plugin/lib/src/components/FilterPopoverURLQuery/index.js b/packages/core/helper-plugin/lib/src/components/FilterPopoverURLQuery/index.js index 79110b2a8f..9f4d571c2a 100644 --- a/packages/core/helper-plugin/lib/src/components/FilterPopoverURLQuery/index.js +++ b/packages/core/helper-plugin/lib/src/components/FilterPopoverURLQuery/index.js @@ -7,12 +7,12 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; import styled from 'styled-components'; -import { Button } from '@strapi/parts/Button'; -import { Box } from '@strapi/parts/Box'; -import { Popover } from '@strapi/parts/Popover'; -import { Stack } from '@strapi/parts/Stack'; -import { FocusTrap } from '@strapi/parts/FocusTrap'; -import { Select, Option } from '@strapi/parts/Select'; +import { Button } from '@strapi/design-system/Button'; +import { Box } from '@strapi/design-system/Box'; +import { Popover } from '@strapi/design-system/Popover'; +import { Stack } from '@strapi/design-system/Stack'; +import { FocusTrap } from '@strapi/design-system/FocusTrap'; +import { Select, Option } from '@strapi/design-system/Select'; import AddIcon from '@strapi/icons/AddIcon'; import { useIntl } from 'react-intl'; import useQueryParams from '../../hooks/useQueryParams'; diff --git a/packages/core/helper-plugin/lib/src/components/Form/Form.stories.mdx b/packages/core/helper-plugin/lib/src/components/Form/Form.stories.mdx index 8650c3f19d..9b7ebde271 100644 --- a/packages/core/helper-plugin/lib/src/components/Form/Form.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/Form/Form.stories.mdx @@ -1,11 +1,11 @@ import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Main, Row } from '@strapi/parts'; -import { TextInput } from '@strapi/parts/TextInput'; -import { Button } from '@strapi/parts/Button'; -import { Box } from '@strapi/parts/Box'; -import { Text } from '@strapi/parts/Text'; +import { Main, Row } from '@strapi/design-system'; +import { TextInput } from '@strapi/design-system/TextInput'; +import { Button } from '@strapi/design-system/Button'; +import { Box } from '@strapi/design-system/Box'; +import { Text } from '@strapi/design-system/Text'; import { Formik } from 'formik'; import * as Yup from 'yup'; import Form from './'; @@ -21,7 +21,14 @@ This component is used to display a Formik form with additionnal error handling
- + {({ handleSubmit, values, errors, handleChange }) => (
- + {({ handleSubmit, values, errors, handleChange }) => ( - {errors.email ? - The email is invalid - : null} + {errors.email ? ( + + The email is invalid + + ) : null} import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Main, Row, Button } from '@strapi/parts'; +import { Main, Row, Button } from '@strapi/design-system'; import NoContent from './index'; diff --git a/packages/core/helper-plugin/lib/src/components/NoContent/index.js b/packages/core/helper-plugin/lib/src/components/NoContent/index.js index 0e50062207..bf52e49070 100644 --- a/packages/core/helper-plugin/lib/src/components/NoContent/index.js +++ b/packages/core/helper-plugin/lib/src/components/NoContent/index.js @@ -1,6 +1,6 @@ import React from 'react'; import EmptyStateDocument from '@strapi/icons/EmptyStateDocument'; -import { EmptyStateLayout } from '@strapi/parts/EmptyStateLayout'; +import { EmptyStateLayout } from '@strapi/design-system/EmptyStateLayout'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; diff --git a/packages/core/helper-plugin/lib/src/components/NoMedia/NoMedia.stories.mdx b/packages/core/helper-plugin/lib/src/components/NoMedia/NoMedia.stories.mdx index ea22ed2712..eeb5bf5402 100644 --- a/packages/core/helper-plugin/lib/src/components/NoMedia/NoMedia.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/NoMedia/NoMedia.stories.mdx @@ -1,7 +1,7 @@ import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Main, Row, Button } from '@strapi/parts'; +import { Main, Row, Button } from '@strapi/design-system'; import NoMedia from './index'; diff --git a/packages/core/helper-plugin/lib/src/components/NoMedia/index.js b/packages/core/helper-plugin/lib/src/components/NoMedia/index.js index 7ec1d4d8d7..0138ccc624 100644 --- a/packages/core/helper-plugin/lib/src/components/NoMedia/index.js +++ b/packages/core/helper-plugin/lib/src/components/NoMedia/index.js @@ -1,6 +1,6 @@ import React from 'react'; import EmptyStatePicture from '@strapi/icons/EmptyStatePicture'; -import { EmptyStateLayout } from '@strapi/parts/EmptyStateLayout'; +import { EmptyStateLayout } from '@strapi/design-system/EmptyStateLayout'; const NoMedia = props => { return } {...props} />; diff --git a/packages/core/helper-plugin/lib/src/components/NoPermissions/NoPermissions.stories.mdx b/packages/core/helper-plugin/lib/src/components/NoPermissions/NoPermissions.stories.mdx index 6790965b82..5263d12008 100644 --- a/packages/core/helper-plugin/lib/src/components/NoPermissions/NoPermissions.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/NoPermissions/NoPermissions.stories.mdx @@ -1,7 +1,7 @@ import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Main, Row } from '@strapi/parts'; +import { Main, Row } from '@strapi/design-system'; import NoPermissions from './index'; diff --git a/packages/core/helper-plugin/lib/src/components/NoPermissions/index.js b/packages/core/helper-plugin/lib/src/components/NoPermissions/index.js index b517fef5c5..27a01a3885 100644 --- a/packages/core/helper-plugin/lib/src/components/NoPermissions/index.js +++ b/packages/core/helper-plugin/lib/src/components/NoPermissions/index.js @@ -2,7 +2,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; import EmptyStatePermissions from '@strapi/icons/EmptyStatePermissions'; -import { EmptyStateLayout } from '@strapi/parts/EmptyStateLayout'; +import { EmptyStateLayout } from '@strapi/design-system/EmptyStateLayout'; const NoPermissions = ({ action }) => { const { formatMessage } = useIntl(); diff --git a/packages/core/helper-plugin/lib/src/components/NotAllowedInput/index.js b/packages/core/helper-plugin/lib/src/components/NotAllowedInput/index.js index b1ee17139e..71b1d692cc 100644 --- a/packages/core/helper-plugin/lib/src/components/NotAllowedInput/index.js +++ b/packages/core/helper-plugin/lib/src/components/NotAllowedInput/index.js @@ -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'; import styled from 'styled-components'; import Hide from '@strapi/icons/Hide'; diff --git a/packages/core/helper-plugin/lib/src/components/NotAllowedInput/tests/index.test.js b/packages/core/helper-plugin/lib/src/components/NotAllowedInput/tests/index.test.js index 6cfee4769e..1da4a93994 100644 --- a/packages/core/helper-plugin/lib/src/components/NotAllowedInput/tests/index.test.js +++ b/packages/core/helper-plugin/lib/src/components/NotAllowedInput/tests/index.test.js @@ -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 NotAllowedInput from '../index'; diff --git a/packages/core/helper-plugin/lib/src/components/PageSizeURLQuery/PageSize.stories.mdx b/packages/core/helper-plugin/lib/src/components/PageSizeURLQuery/PageSize.stories.mdx index b03d108621..58fbd662c1 100644 --- a/packages/core/helper-plugin/lib/src/components/PageSizeURLQuery/PageSize.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/PageSizeURLQuery/PageSize.stories.mdx @@ -2,7 +2,7 @@ import { useEffect } from 'react'; import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Main, Box } from '@strapi/parts'; +import { Main, Box } from '@strapi/design-system'; import useQueryParams from '../../hooks/useQueryParams'; import PageSizeURLQuery from './index'; diff --git a/packages/core/helper-plugin/lib/src/components/PageSizeURLQuery/index.js b/packages/core/helper-plugin/lib/src/components/PageSizeURLQuery/index.js index 8ad68da7cd..70ae0da4d9 100644 --- a/packages/core/helper-plugin/lib/src/components/PageSizeURLQuery/index.js +++ b/packages/core/helper-plugin/lib/src/components/PageSizeURLQuery/index.js @@ -6,10 +6,10 @@ import React from 'react'; import { useIntl } from 'react-intl'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { Select, Option } from '@strapi/parts/Select'; -import { Text } from '@strapi/parts/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { Select, Option } from '@strapi/design-system/Select'; +import { Text } from '@strapi/design-system/Text'; import PropTypes from 'prop-types'; import useQueryParams from '../../hooks/useQueryParams'; import useTracking from '../../hooks/useTracking'; diff --git a/packages/core/helper-plugin/lib/src/components/PageSizeURLQuery/tests/index.test.js b/packages/core/helper-plugin/lib/src/components/PageSizeURLQuery/tests/index.test.js index 9a68829fdf..5f989bfd9b 100644 --- a/packages/core/helper-plugin/lib/src/components/PageSizeURLQuery/tests/index.test.js +++ b/packages/core/helper-plugin/lib/src/components/PageSizeURLQuery/tests/index.test.js @@ -9,7 +9,7 @@ import { render } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; import { Router } from 'react-router-dom'; import { createMemoryHistory } from 'history'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import PageSizeURLQuery from '../index'; jest.mock('../../../hooks/useTracking', () => () => ({ diff --git a/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/PaginationURLQuery.stories.mdx b/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/PaginationURLQuery.stories.mdx index f56620c2e9..7f247b3d75 100644 --- a/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/PaginationURLQuery.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/PaginationURLQuery.stories.mdx @@ -2,7 +2,7 @@ import { useEffect } from 'react'; import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Main, Box } from '@strapi/parts'; +import { Main, Box } from '@strapi/design-system'; import useQueryParams from '../../hooks/useQueryParams'; import PaginationURLQuery from './index'; diff --git a/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/index.js b/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/index.js index 096b4a521d..7261413ae2 100644 --- a/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/index.js +++ b/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/index.js @@ -15,7 +15,13 @@ */ import React from 'react'; -import { NextLink, Pagination, PreviousLink, Dots, PageLink } from '@strapi/parts/Pagination'; +import { + NextLink, + Pagination, + PreviousLink, + Dots, + PageLink, +} from '@strapi/design-system/Pagination'; import PropTypes from 'prop-types'; import { useLocation } from 'react-router-dom'; import { useIntl } from 'react-intl'; diff --git a/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/index.test.js b/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/index.test.js index c67c448049..dc245dab7e 100644 --- a/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/index.test.js +++ b/packages/core/helper-plugin/lib/src/components/PaginationURLQuery/tests/index.test.js @@ -9,7 +9,7 @@ import { render, screen, fireEvent, waitFor } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; import { Router } from 'react-router-dom'; import { createMemoryHistory } from 'history'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import PaginationURLQuery from '../index'; const messages = { diff --git a/packages/core/helper-plugin/lib/src/components/RelativeTime/RelativeTime.stories.mdx b/packages/core/helper-plugin/lib/src/components/RelativeTime/RelativeTime.stories.mdx index 84672db209..7d01aee0ff 100644 --- a/packages/core/helper-plugin/lib/src/components/RelativeTime/RelativeTime.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/RelativeTime/RelativeTime.stories.mdx @@ -1,7 +1,7 @@ import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Main, Row, Button } from '@strapi/parts'; +import { Main, Row, Button } from '@strapi/design-system'; import RelativeTime from './index'; diff --git a/packages/core/helper-plugin/lib/src/components/RelativeTime/tests/index.test.js b/packages/core/helper-plugin/lib/src/components/RelativeTime/tests/index.test.js index fa86d0dbab..ea0fea8b42 100644 --- a/packages/core/helper-plugin/lib/src/components/RelativeTime/tests/index.test.js +++ b/packages/core/helper-plugin/lib/src/components/RelativeTime/tests/index.test.js @@ -1,7 +1,7 @@ import React from 'react'; import { render, screen } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import RelativeTime from '../index'; const App = ( diff --git a/packages/core/helper-plugin/lib/src/components/Search/index.js b/packages/core/helper-plugin/lib/src/components/Search/index.js index 7f4da92e5f..cfdba66912 100644 --- a/packages/core/helper-plugin/lib/src/components/Search/index.js +++ b/packages/core/helper-plugin/lib/src/components/Search/index.js @@ -2,8 +2,8 @@ import React, { useEffect, useState, useRef } from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; import SearchIcon from '@strapi/icons/SearchIcon'; -import { Searchbar } from '@strapi/parts/Searchbar'; -import { IconButton } from '@strapi/parts/IconButton'; +import { Searchbar } from '@strapi/design-system/Searchbar'; +import { IconButton } from '@strapi/design-system/IconButton'; import useQueryParams from '../../hooks/useQueryParams'; import useTracking from '../../hooks/useTracking'; diff --git a/packages/core/helper-plugin/lib/src/components/Status/Status.stories.mdx b/packages/core/helper-plugin/lib/src/components/Status/Status.stories.mdx index cf62a9f22c..b717ca1633 100644 --- a/packages/core/helper-plugin/lib/src/components/Status/Status.stories.mdx +++ b/packages/core/helper-plugin/lib/src/components/Status/Status.stories.mdx @@ -1,8 +1,8 @@ import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -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 Status from './index'; diff --git a/packages/core/helper-plugin/lib/src/content-manager/hooks/useCMEditViewDataManager/useCMEditViewDataManager.stories.mdx b/packages/core/helper-plugin/lib/src/content-manager/hooks/useCMEditViewDataManager/useCMEditViewDataManager.stories.mdx index 0ed1234b76..545c20f05d 100644 --- a/packages/core/helper-plugin/lib/src/content-manager/hooks/useCMEditViewDataManager/useCMEditViewDataManager.stories.mdx +++ b/packages/core/helper-plugin/lib/src/content-manager/hooks/useCMEditViewDataManager/useCMEditViewDataManager.stories.mdx @@ -1,7 +1,7 @@ import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Main, Row, Button } from '@strapi/parts'; +import { Main, Row, Button } from '@strapi/design-system'; diff --git a/packages/core/helper-plugin/lib/src/hooks/useFocusWhenNavigate/useFocusWhenNavigate.stories.mdx b/packages/core/helper-plugin/lib/src/hooks/useFocusWhenNavigate/useFocusWhenNavigate.stories.mdx index da6e68694f..ae17343e16 100644 --- a/packages/core/helper-plugin/lib/src/hooks/useFocusWhenNavigate/useFocusWhenNavigate.stories.mdx +++ b/packages/core/helper-plugin/lib/src/hooks/useFocusWhenNavigate/useFocusWhenNavigate.stories.mdx @@ -12,7 +12,7 @@ This hook is used in order to focus the user on the page in the admin panel. ``` import { useFocusWhenNavigate } from '@strapi/helper-plugin'; -import { Main } from '@strapi/parts'; +import { Main } from '@strapi/design-system'; const HomePage = () => { useFocusWhenNavigate(); diff --git a/packages/core/helper-plugin/lib/src/hooks/useNotification/useNotification.stories.mdx b/packages/core/helper-plugin/lib/src/hooks/useNotification/useNotification.stories.mdx index 2359b7fc37..62c58e106f 100644 --- a/packages/core/helper-plugin/lib/src/hooks/useNotification/useNotification.stories.mdx +++ b/packages/core/helper-plugin/lib/src/hooks/useNotification/useNotification.stories.mdx @@ -12,7 +12,7 @@ This hook is used in order to display a notification in the admin panel. ``` import { useNotification } from '@strapi/helper-plugin'; -import { Button, Main } from '@strapi/parts'; +import { Button, Main } from '@strapi/design-system'; const HomePage = () => { const toggleNotification = useNotification(); diff --git a/packages/core/helper-plugin/lib/src/icons/RemoveRoundedButton/index.js b/packages/core/helper-plugin/lib/src/icons/RemoveRoundedButton/index.js index 9bcd277bc3..ff47b6dad0 100644 --- a/packages/core/helper-plugin/lib/src/icons/RemoveRoundedButton/index.js +++ b/packages/core/helper-plugin/lib/src/icons/RemoveRoundedButton/index.js @@ -1,5 +1,5 @@ import React from 'react'; -import { IconButton } from '@strapi/parts/IconButton'; +import { IconButton } from '@strapi/design-system/IconButton'; import Autoselect from '@strapi/icons/Autoselect'; import styled from 'styled-components'; import pxToRem from '../../utils/pxToRem'; diff --git a/packages/core/helper-plugin/lib/src/icons/SortIcon/SortIcon.stories.mdx b/packages/core/helper-plugin/lib/src/icons/SortIcon/SortIcon.stories.mdx index 79ae8bfb86..d599877d7c 100644 --- a/packages/core/helper-plugin/lib/src/icons/SortIcon/SortIcon.stories.mdx +++ b/packages/core/helper-plugin/lib/src/icons/SortIcon/SortIcon.stories.mdx @@ -1,8 +1,8 @@ import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Text } from '@strapi/parts/Text'; -import { Flex } from '@strapi/parts/Flex'; +import { Text } from '@strapi/design-system/Text'; +import { Flex } from '@strapi/design-system/Flex'; import { FilterDropdown } from '@strapi/icons'; import SortIcon from './index'; diff --git a/packages/core/helper-plugin/lib/src/templates/PageTemplate/PageTemplate.stories.mdx b/packages/core/helper-plugin/lib/src/templates/PageTemplate/PageTemplate.stories.mdx index c5911aed38..be92dc9d82 100644 --- a/packages/core/helper-plugin/lib/src/templates/PageTemplate/PageTemplate.stories.mdx +++ b/packages/core/helper-plugin/lib/src/templates/PageTemplate/PageTemplate.stories.mdx @@ -1,12 +1,20 @@ import { Meta, ArgsTable, Canvas, Story } from '@storybook/addon-docs'; -import { Main, Layout, HeaderLayout, Button, ActionLayout, ContentLayout,Box } from '@strapi/parts'; -import AddIcon from '@strapi/icons/AddIcon' -import EditIcon from '@strapi/icons/EditIcon' +import { + Main, + Layout, + HeaderLayout, + Button, + ActionLayout, + ContentLayout, + Box, +} from '@strapi/design-system'; +import AddIcon from '@strapi/icons/AddIcon'; +import EditIcon from '@strapi/icons/EditIcon'; import LoadingIndicatorPage from '../../components/LoadingIndicatorPage'; -import NoContent from '../../components/NoContent' -import NoPermissions from '../../components/NoPermissions' +import NoContent from '../../components/NoContent'; +import NoPermissions from '../../components/NoPermissions'; @@ -17,10 +25,10 @@ This component is used to display an empty state. ## Imports ```js -import { Main } from '@strapi/parts/Main'; -import { ActionLayout, ContentLayout, HeaderLayout, Layout } from '@strapi/parts/Layout'; -import { Button } from '@strapi/parts/Button'; -import { Box } from '@strapi/parts/Box'; +import { Main } from '@strapi/design-system/Main'; +import { ActionLayout, ContentLayout, HeaderLayout, Layout } from '@strapi/design-system/Layout'; +import { Button } from '@strapi/design-system/Button'; +import { Box } from '@strapi/design-system/Box'; import { LoadingIndicatorPage, NoContent, NoPermissions } from '@strapi/helper-plugin'; ``` @@ -61,7 +69,9 @@ import { LoadingIndicatorPage, NoContent, NoPermissions } from '@strapi/helper-p /> {!canRead && } - {(canRead && data && data.length === 0) && Add content}/>} + {canRead && data && data.length === 0 && ( + Add content} /> + )} {isLoading && }
diff --git a/packages/core/helper-plugin/lib/src/utils/pxToRem/pxToRem.stories.mdx b/packages/core/helper-plugin/lib/src/utils/pxToRem/pxToRem.stories.mdx index 9304732271..e37ccbd4a4 100644 --- a/packages/core/helper-plugin/lib/src/utils/pxToRem/pxToRem.stories.mdx +++ b/packages/core/helper-plugin/lib/src/utils/pxToRem/pxToRem.stories.mdx @@ -12,7 +12,7 @@ Converts px to rem. ```js import { pxToRem } from '@strapi/helper-plugin'; -import { Box } from '@strapi/parts'; +import { Box } from '@strapi/design-system'; import styled from 'styled-components' const StyledBox = styled(Box)` diff --git a/packages/core/helper-plugin/package.json b/packages/core/helper-plugin/package.json index 9d2a46a21e..8c6d1f7336 100644 --- a/packages/core/helper-plugin/package.json +++ b/packages/core/helper-plugin/package.json @@ -57,8 +57,8 @@ "@storybook/builder-webpack5": "^6.3.7", "@storybook/manager-webpack5": "^6.3.7", "@storybook/react": "^6.3.7", - "@strapi/icons": "0.0.1-alpha.50", - "@strapi/parts": "0.0.1-alpha.50", + "@strapi/icons": "0.0.1-alpha.51", + "@strapi/design-system": "0.0.1-alpha.51", "babel-loader": "^8.2.2", "cross-env": "^7.0.3", "date-fns": "2.22.1", diff --git a/packages/core/upload/admin/src/components/AssetCard/DocAssetCard.js b/packages/core/upload/admin/src/components/AssetCard/DocAssetCard.js index 4545c5adf4..bc51382f69 100644 --- a/packages/core/upload/admin/src/components/AssetCard/DocAssetCard.js +++ b/packages/core/upload/admin/src/components/AssetCard/DocAssetCard.js @@ -12,8 +12,8 @@ import { CardHeader, CardTitle, CardSubtitle, -} from '@strapi/parts/Card'; -import { IconButton } from '@strapi/parts/IconButton'; +} from '@strapi/design-system/Card'; +import { IconButton } from '@strapi/design-system/IconButton'; import EditIcon from '@strapi/icons/EditIcon'; import IconDocumentation from '@strapi/icons/IconDocumentation'; import { useIntl } from 'react-intl'; diff --git a/packages/core/upload/admin/src/components/AssetCard/ImageAssetCard.js b/packages/core/upload/admin/src/components/AssetCard/ImageAssetCard.js index 7876f30bb9..dd0133c70a 100644 --- a/packages/core/upload/admin/src/components/AssetCard/ImageAssetCard.js +++ b/packages/core/upload/admin/src/components/AssetCard/ImageAssetCard.js @@ -12,8 +12,8 @@ import { CardHeader, CardTitle, CardSubtitle, -} from '@strapi/parts/Card'; -import { IconButton } from '@strapi/parts/IconButton'; +} from '@strapi/design-system/Card'; +import { IconButton } from '@strapi/design-system/IconButton'; import EditIcon from '@strapi/icons/EditIcon'; import { useIntl } from 'react-intl'; import { getTrad } from '../../utils'; diff --git a/packages/core/upload/admin/src/components/AssetCard/UploadingAssetCard.js b/packages/core/upload/admin/src/components/AssetCard/UploadingAssetCard.js index 16931d3ca2..575f6227f0 100644 --- a/packages/core/upload/admin/src/components/AssetCard/UploadingAssetCard.js +++ b/packages/core/upload/admin/src/components/AssetCard/UploadingAssetCard.js @@ -9,9 +9,9 @@ import { CardTitle, CardSubtitle, CardBadge, -} from '@strapi/parts/Card'; -import { Text } from '@strapi/parts/Text'; -import { Stack } from '@strapi/parts/Stack'; +} from '@strapi/design-system/Card'; +import { Text } from '@strapi/design-system/Text'; +import { Stack } from '@strapi/design-system/Stack'; import { useIntl } from 'react-intl'; import { getTrad } from '../../utils'; import { AssetType } from '../../constants'; diff --git a/packages/core/upload/admin/src/components/AssetCard/VideoAssetCard.js b/packages/core/upload/admin/src/components/AssetCard/VideoAssetCard.js index b9dc974f1c..2fbdb8a2be 100644 --- a/packages/core/upload/admin/src/components/AssetCard/VideoAssetCard.js +++ b/packages/core/upload/admin/src/components/AssetCard/VideoAssetCard.js @@ -13,8 +13,8 @@ import { CardTitle, CardSubtitle, CardTimer, -} from '@strapi/parts/Card'; -import { IconButton } from '@strapi/parts/IconButton'; +} from '@strapi/design-system/Card'; +import { IconButton } from '@strapi/design-system/IconButton'; import EditIcon from '@strapi/icons/EditIcon'; import { useIntl } from 'react-intl'; import { VideoPreview } from './VideoPreview'; diff --git a/packages/core/upload/admin/src/components/AssetCard/VideoPreview.js b/packages/core/upload/admin/src/components/AssetCard/VideoPreview.js index a0f41aaa74..dbc9fe9a8d 100644 --- a/packages/core/upload/admin/src/components/AssetCard/VideoPreview.js +++ b/packages/core/upload/admin/src/components/AssetCard/VideoPreview.js @@ -2,7 +2,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import styled from 'styled-components'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; const VideoPreviewWrapper = styled(Box)` canvas, diff --git a/packages/core/upload/admin/src/components/AssetCard/tests/DocAssetCard.test.js b/packages/core/upload/admin/src/components/AssetCard/tests/DocAssetCard.test.js index 2137062d66..62fc09214d 100644 --- a/packages/core/upload/admin/src/components/AssetCard/tests/DocAssetCard.test.js +++ b/packages/core/upload/admin/src/components/AssetCard/tests/DocAssetCard.test.js @@ -1,5 +1,5 @@ import React from 'react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { render as renderTL } from '@testing-library/react'; import { DocAssetCard } from '../DocAssetCard'; import en from '../../../translations/en.json'; diff --git a/packages/core/upload/admin/src/components/AssetCard/tests/ImageAssetCard.test.js b/packages/core/upload/admin/src/components/AssetCard/tests/ImageAssetCard.test.js index 3401ff1e48..757b52f671 100644 --- a/packages/core/upload/admin/src/components/AssetCard/tests/ImageAssetCard.test.js +++ b/packages/core/upload/admin/src/components/AssetCard/tests/ImageAssetCard.test.js @@ -1,5 +1,5 @@ import React from 'react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { render as renderTL } from '@testing-library/react'; import { ImageAssetCard } from '../ImageAssetCard'; import en from '../../../translations/en.json'; diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/AssetMeta.js b/packages/core/upload/admin/src/components/EditAssetDialog/AssetMeta.js index 5fd2de5ab0..f33ff7be42 100644 --- a/packages/core/upload/admin/src/components/EditAssetDialog/AssetMeta.js +++ b/packages/core/upload/admin/src/components/EditAssetDialog/AssetMeta.js @@ -1,10 +1,10 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { Box } from '@strapi/parts/Box'; -import { Stack } from '@strapi/parts/Stack'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { TableLabel, Text, Typography } from '@strapi/parts/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Stack } from '@strapi/design-system/Stack'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { TableLabel, Text, Typography } from '@strapi/design-system/Text'; import getTrad from '../../utils/getTrad'; export const AssetMeta = ({ size, date, dimension, extension }) => { diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/CopyLinkButton.js b/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/CopyLinkButton.js index 25e17d4f95..e65756e751 100644 --- a/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/CopyLinkButton.js +++ b/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/CopyLinkButton.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { IconButton } from '@strapi/parts/IconButton'; +import { IconButton } from '@strapi/design-system/IconButton'; import { CopyToClipboard } from 'react-copy-to-clipboard'; import { useNotification } from '@strapi/helper-plugin'; import LinkIcon from '@strapi/icons/LinkIcon'; diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/CroppingActions.js b/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/CroppingActions.js index d7c2bd9ce3..317d5a6d17 100644 --- a/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/CroppingActions.js +++ b/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/CroppingActions.js @@ -1,11 +1,11 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { IconButton } from '@strapi/parts/IconButton'; -import { FocusTrap } from '@strapi/parts/FocusTrap'; -import { SimpleMenu, MenuItem } from '@strapi/parts/SimpleMenu'; +import { IconButton } from '@strapi/design-system/IconButton'; +import { FocusTrap } from '@strapi/design-system/FocusTrap'; +import { SimpleMenu, MenuItem } from '@strapi/design-system/SimpleMenu'; import CloseAlertIcon from '@strapi/icons/CloseAlertIcon'; import CheckIcon from '@strapi/icons/CheckIcon'; -import { Stack } from '@strapi/parts/Stack'; +import { Stack } from '@strapi/design-system/Stack'; import { useIntl } from 'react-intl'; import getTrad from '../../../utils/getTrad'; import { CroppingActionRow } from './components'; diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/components.js b/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/components.js index 9793be1c6c..1dac455e38 100644 --- a/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/components.js +++ b/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/components.js @@ -1,7 +1,7 @@ import styled from 'styled-components'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { Badge } from '@strapi/parts/Badge'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { Badge } from '@strapi/design-system/Badge'; export const RelativeBox = styled(Box)` position: relative; diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/index.js b/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/index.js index 37e1a2d9b4..9ef75a9904 100644 --- a/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/index.js +++ b/packages/core/upload/admin/src/components/EditAssetDialog/PreviewBox/index.js @@ -1,8 +1,8 @@ import React, { useState, useRef, useEffect } from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { Stack } from '@strapi/parts/Stack'; -import { IconButton } from '@strapi/parts/IconButton'; +import { Stack } from '@strapi/design-system/Stack'; +import { IconButton } from '@strapi/design-system/IconButton'; import DeleteIcon from '@strapi/icons/DeleteIcon'; import DownloadIcon from '@strapi/icons/DownloadIcon'; import Resize from '@strapi/icons/Resize'; diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/ReplaceMediaButton.js b/packages/core/upload/admin/src/components/EditAssetDialog/ReplaceMediaButton.js index 67688dc7b8..eb3ef2b324 100644 --- a/packages/core/upload/admin/src/components/EditAssetDialog/ReplaceMediaButton.js +++ b/packages/core/upload/admin/src/components/EditAssetDialog/ReplaceMediaButton.js @@ -1,8 +1,8 @@ import PropTypes from 'prop-types'; import React, { useRef } from 'react'; import { useIntl } from 'react-intl'; -import { Button } from '@strapi/parts/Button'; -import { VisuallyHidden } from '@strapi/parts/VisuallyHidden'; +import { Button } from '@strapi/design-system/Button'; +import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden'; import { getTrad } from '../../utils'; export const ReplaceMediaButton = ({ onSelectMedia, acceptedMime, ...props }) => { diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/index.js b/packages/core/upload/admin/src/components/EditAssetDialog/index.js index 7d8faa56b9..9d2609602b 100644 --- a/packages/core/upload/admin/src/components/EditAssetDialog/index.js +++ b/packages/core/upload/admin/src/components/EditAssetDialog/index.js @@ -7,14 +7,19 @@ import PropTypes from 'prop-types'; import React, { useRef, useState } from 'react'; import { useIntl } from 'react-intl'; -import { ModalLayout, ModalHeader, ModalBody, ModalFooter } from '@strapi/parts/ModalLayout'; -import { ButtonText } from '@strapi/parts/Text'; -import { Stack } from '@strapi/parts/Stack'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { Button } from '@strapi/parts/Button'; -import { TextInput } from '@strapi/parts/TextInput'; +import { + ModalLayout, + ModalHeader, + ModalBody, + ModalFooter, +} from '@strapi/design-system/ModalLayout'; +import { ButtonText } from '@strapi/design-system/Text'; +import { Stack } from '@strapi/design-system/Stack'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { Button } from '@strapi/design-system/Button'; +import { TextInput } from '@strapi/design-system/TextInput'; import { getFileExtension, Form } from '@strapi/helper-plugin'; -import { VisuallyHidden } from '@strapi/parts/VisuallyHidden'; +import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden'; import { Formik } from 'formik'; import * as yup from 'yup'; import { PreviewBox } from './PreviewBox'; diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/tests/EditAssetDialog.test.js b/packages/core/upload/admin/src/components/EditAssetDialog/tests/EditAssetDialog.test.js index eb9ee3e264..0a7da8e07c 100644 --- a/packages/core/upload/admin/src/components/EditAssetDialog/tests/EditAssetDialog.test.js +++ b/packages/core/upload/admin/src/components/EditAssetDialog/tests/EditAssetDialog.test.js @@ -1,6 +1,6 @@ import React from 'react'; import { render, screen, fireEvent, waitFor } from '@testing-library/react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { IntlProvider } from 'react-intl'; import { QueryClient, QueryClientProvider } from 'react-query'; import { NotificationsProvider } from '@strapi/helper-plugin'; diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/tests/RemoveAssetDialog.test.js b/packages/core/upload/admin/src/components/EditAssetDialog/tests/RemoveAssetDialog.test.js index 6efc95277f..8da7e7039d 100644 --- a/packages/core/upload/admin/src/components/EditAssetDialog/tests/RemoveAssetDialog.test.js +++ b/packages/core/upload/admin/src/components/EditAssetDialog/tests/RemoveAssetDialog.test.js @@ -1,6 +1,6 @@ import React from 'react'; import { render, screen, fireEvent, waitFor } from '@testing-library/react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { IntlProvider } from 'react-intl'; import { QueryClient, QueryClientProvider } from 'react-query'; import { NotificationsProvider } from '@strapi/helper-plugin'; diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap index 648b3883db..117c9f208c 100644 --- a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap +++ b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap @@ -872,10 +872,12 @@ exports[` renders and matches the snapshot 1`] = ` } .c5 { + border-radius: 4px 4px 0 0; border-bottom: 1px solid #eaeaef; } .c41 { + border-radius: 0 0 4px 4px; border-top: 1px solid #eaeaef; } diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/tests/index.test.js b/packages/core/upload/admin/src/components/EditAssetDialog/tests/index.test.js index 428ea819fe..b8afef681d 100644 --- a/packages/core/upload/admin/src/components/EditAssetDialog/tests/index.test.js +++ b/packages/core/upload/admin/src/components/EditAssetDialog/tests/index.test.js @@ -6,7 +6,7 @@ import React from 'react'; import { render, screen, fireEvent } from '@testing-library/react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { IntlProvider } from 'react-intl'; import { QueryClient, QueryClientProvider } from 'react-query'; import { NotificationsProvider } from '@strapi/helper-plugin'; @@ -995,10 +995,12 @@ describe('', () => { } .c5 { + border-radius: 4px 4px 0 0; border-bottom: 1px solid #eaeaef; } .c41 { + border-radius: 0 0 4px 4px; border-top: 1px solid #eaeaef; } diff --git a/packages/core/upload/admin/src/components/FilterList/FilterTag.js b/packages/core/upload/admin/src/components/FilterList/FilterTag.js index e7e469291e..cc6c970839 100644 --- a/packages/core/upload/admin/src/components/FilterList/FilterTag.js +++ b/packages/core/upload/admin/src/components/FilterList/FilterTag.js @@ -1,8 +1,8 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; import Close from '@strapi/icons/Close'; -import { Tag } from '@strapi/parts/Tag'; +import { Tag } from '@strapi/design-system/Tag'; import { useIntl } from 'react-intl'; const FilterTag = ({ attribute, filter, onClick, operator, value }) => { diff --git a/packages/core/upload/admin/src/components/FilterList/tests/index.test.js b/packages/core/upload/admin/src/components/FilterList/tests/index.test.js index c0f230a1d8..3590bb73fd 100644 --- a/packages/core/upload/admin/src/components/FilterList/tests/index.test.js +++ b/packages/core/upload/admin/src/components/FilterList/tests/index.test.js @@ -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 FilterList from '../index'; diff --git a/packages/core/upload/admin/src/components/FilterPopover/FilterValueInput.js b/packages/core/upload/admin/src/components/FilterPopover/FilterValueInput.js index 99be7280cc..115256f2b8 100644 --- a/packages/core/upload/admin/src/components/FilterPopover/FilterValueInput.js +++ b/packages/core/upload/admin/src/components/FilterPopover/FilterValueInput.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { DatePicker } from '@strapi/parts/DatePicker'; -import { Select, Option } from '@strapi/parts/Select'; +import { DatePicker } from '@strapi/design-system/DatePicker'; +import { Select, Option } from '@strapi/design-system/Select'; import { useIntl } from 'react-intl'; import { formatISO } from 'date-fns'; import cloneDeep from 'lodash/cloneDeep'; diff --git a/packages/core/upload/admin/src/components/FilterPopover/index.js b/packages/core/upload/admin/src/components/FilterPopover/index.js index b669727ca6..78b84faf6e 100644 --- a/packages/core/upload/admin/src/components/FilterPopover/index.js +++ b/packages/core/upload/admin/src/components/FilterPopover/index.js @@ -9,12 +9,12 @@ import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; import styled from 'styled-components'; -import { Button } from '@strapi/parts/Button'; -import { Box } from '@strapi/parts/Box'; -import { Popover } from '@strapi/parts/Popover'; -import { Stack } from '@strapi/parts/Stack'; -import { FocusTrap } from '@strapi/parts/FocusTrap'; -import { Select, Option } from '@strapi/parts/Select'; +import { Button } from '@strapi/design-system/Button'; +import { Box } from '@strapi/design-system/Box'; +import { Popover } from '@strapi/design-system/Popover'; +import { Stack } from '@strapi/design-system/Stack'; +import { FocusTrap } from '@strapi/design-system/FocusTrap'; +import { Select, Option } from '@strapi/design-system/Select'; import AddIcon from '@strapi/icons/AddIcon'; import FilterValueInput from './FilterValueInput'; import getFilterList from './utils/getFilterList'; diff --git a/packages/core/upload/admin/src/components/PaginationFooter/index.js b/packages/core/upload/admin/src/components/PaginationFooter/index.js index a2a1b40dee..339b977057 100644 --- a/packages/core/upload/admin/src/components/PaginationFooter/index.js +++ b/packages/core/upload/admin/src/components/PaginationFooter/index.js @@ -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'; export const PaginationFooter = ({ pagination }) => { diff --git a/packages/core/upload/admin/src/components/PluginIcon/index.js b/packages/core/upload/admin/src/components/PluginIcon/index.js index c6a1e32578..6ec5a49c2d 100644 --- a/packages/core/upload/admin/src/components/PluginIcon/index.js +++ b/packages/core/upload/admin/src/components/PluginIcon/index.js @@ -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 = () => ( diff --git a/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/AddAssetStep.js b/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/AddAssetStep.js index 483303b51c..58ceb1669d 100644 --- a/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/AddAssetStep.js +++ b/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/AddAssetStep.js @@ -1,11 +1,11 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { ModalHeader } from '@strapi/parts/ModalLayout'; -import { ButtonText } from '@strapi/parts/Text'; -import { Divider } from '@strapi/parts/Divider'; -import { Box } from '@strapi/parts/Box'; +import { ModalHeader } from '@strapi/design-system/ModalLayout'; +import { ButtonText } from '@strapi/design-system/Text'; +import { Divider } from '@strapi/design-system/Divider'; +import { Box } from '@strapi/design-system/Box'; import { useIntl } from 'react-intl'; -import { Tabs, Tab, TabGroup, TabPanels, TabPanel } from '@strapi/parts/Tabs'; +import { Tabs, Tab, TabGroup, TabPanels, TabPanel } from '@strapi/design-system/Tabs'; import { FromUrlForm } from './FromUrlForm'; import { FromComputerForm } from './FromComputerForm'; import { getTrad } from '../../../utils'; diff --git a/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/FromComputerForm.js b/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/FromComputerForm.js index 1a3f33b0aa..2a3abef295 100644 --- a/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/FromComputerForm.js +++ b/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/FromComputerForm.js @@ -2,11 +2,11 @@ import React, { useRef, useState } 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 { H3 } from '@strapi/parts/Text'; -import { ModalFooter } from '@strapi/parts/ModalLayout'; -import { Button } from '@strapi/parts/Button'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { H3 } from '@strapi/design-system/Text'; +import { ModalFooter } from '@strapi/design-system/ModalLayout'; +import { Button } from '@strapi/design-system/Button'; import AddAssetIcon from '@strapi/icons/AddAsset'; import { useIntl } from 'react-intl'; import { getTrad } from '../../../utils'; diff --git a/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/FromUrlForm.js b/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/FromUrlForm.js index 659d07d85b..9509c299c7 100644 --- a/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/FromUrlForm.js +++ b/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/FromUrlForm.js @@ -1,10 +1,10 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; -import { ModalFooter } from '@strapi/parts/ModalLayout'; -import { Textarea } from '@strapi/parts/Textarea'; +import { Box } from '@strapi/design-system/Box'; +import { ModalFooter } from '@strapi/design-system/ModalLayout'; +import { Textarea } from '@strapi/design-system/Textarea'; import { useIntl } from 'react-intl'; -import { Button } from '@strapi/parts/Button'; +import { Button } from '@strapi/design-system/Button'; import { Form } from '@strapi/helper-plugin'; import { Formik } from 'formik'; import { getTrad, urlSchema } from '../../../utils'; diff --git a/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/tests/FromComputerForm.test.js b/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/tests/FromComputerForm.test.js index 15ad17b343..8d5cde006b 100644 --- a/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/tests/FromComputerForm.test.js +++ b/packages/core/upload/admin/src/components/UploadAssetDialog/AddAssetStep/tests/FromComputerForm.test.js @@ -1,5 +1,5 @@ import React from 'react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { render as renderTL } from '@testing-library/react'; import { FromComputerForm } from '../FromComputerForm'; import en from '../../../../translations/en.json'; @@ -150,6 +150,7 @@ describe('FromComputerForm', () => { } .c17 { + border-radius: 0 0 4px 4px; border-top: 1px solid #eaeaef; } diff --git a/packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/PendingAssetStep.js b/packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/PendingAssetStep.js index 3a45140797..43c688cb86 100644 --- a/packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/PendingAssetStep.js +++ b/packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/PendingAssetStep.js @@ -1,13 +1,13 @@ import React, { useState, useRef } from 'react'; import PropTypes from 'prop-types'; -import { ModalHeader, ModalBody, ModalFooter } from '@strapi/parts/ModalLayout'; -import { ButtonText, Text } from '@strapi/parts/Text'; -import { Button } from '@strapi/parts/Button'; +import { ModalHeader, ModalBody, ModalFooter } from '@strapi/design-system/ModalLayout'; +import { ButtonText, Text } from '@strapi/design-system/Text'; +import { Button } from '@strapi/design-system/Button'; import { useIntl } from 'react-intl'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { KeyboardNavigable } from '@strapi/parts/KeyboardNavigable'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { KeyboardNavigable } from '@strapi/design-system/KeyboardNavigable'; import { DocAssetCard } from '../../AssetCard/DocAssetCard'; import { ImageAssetCard } from '../../AssetCard/ImageAssetCard'; import { VideoAssetCard } from '../../AssetCard/VideoAssetCard'; diff --git a/packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/tests/PendingAssetStep.test.js b/packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/tests/PendingAssetStep.test.js index bd11128ae1..a0eb74f966 100644 --- a/packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/tests/PendingAssetStep.test.js +++ b/packages/core/upload/admin/src/components/UploadAssetDialog/PendingAssetStep/tests/PendingAssetStep.test.js @@ -1,5 +1,5 @@ import React from 'react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { render as renderTL } from '@testing-library/react'; import { QueryClientProvider, QueryClient } from 'react-query'; import { PendingAssetStep } from '../PendingAssetStep'; @@ -228,10 +228,12 @@ describe('PendingAssetStep', () => { } .c1 { + border-radius: 4px 4px 0 0; border-bottom: 1px solid #eaeaef; } .c46 { + border-radius: 0 0 4px 4px; border-top: 1px solid #eaeaef; } diff --git a/packages/core/upload/admin/src/components/UploadAssetDialog/UploadAssetDialog.js b/packages/core/upload/admin/src/components/UploadAssetDialog/UploadAssetDialog.js index 28ff32ac8c..b9159498c4 100644 --- a/packages/core/upload/admin/src/components/UploadAssetDialog/UploadAssetDialog.js +++ b/packages/core/upload/admin/src/components/UploadAssetDialog/UploadAssetDialog.js @@ -1,6 +1,6 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; -import { ModalLayout } from '@strapi/parts/ModalLayout'; +import { ModalLayout } from '@strapi/design-system/ModalLayout'; import { AddAssetStep } from './AddAssetStep/AddAssetStep'; import { PendingAssetStep } from './PendingAssetStep/PendingAssetStep'; diff --git a/packages/core/upload/admin/src/components/UploadAssetDialog/tests/UploadAssetDialog.test.js b/packages/core/upload/admin/src/components/UploadAssetDialog/tests/UploadAssetDialog.test.js index 206be8c2b0..44aa8b21db 100644 --- a/packages/core/upload/admin/src/components/UploadAssetDialog/tests/UploadAssetDialog.test.js +++ b/packages/core/upload/admin/src/components/UploadAssetDialog/tests/UploadAssetDialog.test.js @@ -1,6 +1,6 @@ import React from 'react'; import { render as renderTL, fireEvent, screen, waitFor, within } from '@testing-library/react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { QueryClientProvider, QueryClient } from 'react-query'; import en from '../../../translations/en.json'; import { UploadAssetDialog } from '../UploadAssetDialog'; diff --git a/packages/core/upload/admin/src/components/UploadAssetDialog/tests/__snapshots__/UploadAssetDialog.test.js.snap b/packages/core/upload/admin/src/components/UploadAssetDialog/tests/__snapshots__/UploadAssetDialog.test.js.snap index 0ca6c0bd9b..33385a6645 100644 --- a/packages/core/upload/admin/src/components/UploadAssetDialog/tests/__snapshots__/UploadAssetDialog.test.js.snap +++ b/packages/core/upload/admin/src/components/UploadAssetDialog/tests/__snapshots__/UploadAssetDialog.test.js.snap @@ -182,10 +182,12 @@ exports[`UploadAssetDialog from computer snapshots the component 1`] = ` } .c5 { + border-radius: 4px 4px 0 0; border-bottom: 1px solid #eaeaef; } .c38 { + border-radius: 0 0 4px 4px; border-top: 1px solid #eaeaef; } @@ -1009,10 +1011,12 @@ exports[`UploadAssetDialog from url snapshots the component 1`] = ` } .c4 { + border-radius: 4px 4px 0 0; border-bottom: 1px solid #eaeaef; } .c29 { + border-radius: 0 0 4px 4px; border-top: 1px solid #eaeaef; } diff --git a/packages/core/upload/admin/src/components/UploadProgress/index.js b/packages/core/upload/admin/src/components/UploadProgress/index.js index 972f571ea2..9410a40daa 100644 --- a/packages/core/upload/admin/src/components/UploadProgress/index.js +++ b/packages/core/upload/admin/src/components/UploadProgress/index.js @@ -2,10 +2,10 @@ import React from 'react'; import PropTypes from 'prop-types'; import styled from 'styled-components'; import CloseAlertIcon from '@strapi/icons/CloseAlertIcon'; -import { Text } from '@strapi/parts/Text'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { ProgressBar } from '@strapi/parts/ProgressBar'; +import { Text } from '@strapi/design-system/Text'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { ProgressBar } from '@strapi/design-system/ProgressBar'; import { useIntl } from 'react-intl'; const BoxWrapper = styled(Flex)` diff --git a/packages/core/upload/admin/src/components/UploadProgress/tests/index.test.js b/packages/core/upload/admin/src/components/UploadProgress/tests/index.test.js index 9cfff7b141..09e8b002f6 100644 --- a/packages/core/upload/admin/src/components/UploadProgress/tests/index.test.js +++ b/packages/core/upload/admin/src/components/UploadProgress/tests/index.test.js @@ -6,7 +6,7 @@ import React from 'react'; import { render, screen, fireEvent } from '@testing-library/react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { IntlProvider } from 'react-intl'; import { QueryClient, QueryClientProvider } from 'react-query'; import { UploadProgress } from '..'; diff --git a/packages/core/upload/admin/src/hooks/useAssets.js b/packages/core/upload/admin/src/hooks/useAssets.js index 82cf5e1d5d..ddb2343d3a 100644 --- a/packages/core/upload/admin/src/hooks/useAssets.js +++ b/packages/core/upload/admin/src/hooks/useAssets.js @@ -1,6 +1,6 @@ import { useEffect } from 'react'; import { useQuery } from 'react-query'; -import { useNotifyAT } from '@strapi/parts/LiveRegions'; +import { useNotifyAT } from '@strapi/design-system/LiveRegions'; import { useNotification, useQueryParams } from '@strapi/helper-plugin'; import { useIntl } from 'react-intl'; import { axiosInstance, getRequestUrl } from '../utils'; diff --git a/packages/core/upload/admin/src/pages/App/MediaLibrary.js b/packages/core/upload/admin/src/pages/App/MediaLibrary.js index b3da5d42af..ad3555ccbd 100644 --- a/packages/core/upload/admin/src/pages/App/MediaLibrary.js +++ b/packages/core/upload/admin/src/pages/App/MediaLibrary.js @@ -9,12 +9,12 @@ import { AnErrorOccurred, Search, } from '@strapi/helper-plugin'; -import { Layout, HeaderLayout, ContentLayout, ActionLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; -import { Button } from '@strapi/parts/Button'; +import { Layout, HeaderLayout, ContentLayout, ActionLayout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; +import { Button } from '@strapi/design-system/Button'; import AddIcon from '@strapi/icons/AddIcon'; -import { Box } from '@strapi/parts/Box'; -import { BaseCheckbox } from '@strapi/parts/BaseCheckbox'; +import { Box } from '@strapi/design-system/Box'; +import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox'; import { UploadAssetDialog } from '../../components/UploadAssetDialog/UploadAssetDialog'; import { EditAssetDialog } from '../../components/EditAssetDialog'; import { ListView } from './components/ListView'; diff --git a/packages/core/upload/admin/src/pages/App/components/BulkDeleteButton.js b/packages/core/upload/admin/src/pages/App/components/BulkDeleteButton.js index d36cda1389..d3a929071f 100644 --- a/packages/core/upload/admin/src/pages/App/components/BulkDeleteButton.js +++ b/packages/core/upload/admin/src/pages/App/components/BulkDeleteButton.js @@ -1,9 +1,9 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { Subtitle } from '@strapi/parts/Text'; -import { Button } from '@strapi/parts/Button'; -import { Stack } from '@strapi/parts/Stack'; +import { Subtitle } from '@strapi/design-system/Text'; +import { Button } from '@strapi/design-system/Button'; +import { Stack } from '@strapi/design-system/Stack'; import DeleteIcon from '@strapi/icons/DeleteIcon'; import { ConfirmDialog } from '@strapi/helper-plugin'; import { useBulkRemoveAsset } from '../../../hooks/useBulkRemoveAsset'; diff --git a/packages/core/upload/admin/src/pages/App/components/Filters.js b/packages/core/upload/admin/src/pages/App/components/Filters.js index 6d08e1bdaa..965eaef68c 100644 --- a/packages/core/upload/admin/src/pages/App/components/Filters.js +++ b/packages/core/upload/admin/src/pages/App/components/Filters.js @@ -1,5 +1,5 @@ import React, { useState, useRef } from 'react'; -import { Button } from '@strapi/parts/Button'; +import { Button } from '@strapi/design-system/Button'; import { useQueryParams } from '@strapi/helper-plugin'; import FilterIcon from '@strapi/icons/FilterIcon'; import { useIntl } from 'react-intl'; diff --git a/packages/core/upload/admin/src/pages/App/components/ListView.js b/packages/core/upload/admin/src/pages/App/components/ListView.js index d0c8c1a537..f2d6048d39 100644 --- a/packages/core/upload/admin/src/pages/App/components/ListView.js +++ b/packages/core/upload/admin/src/pages/App/components/ListView.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { GridLayout } from '@strapi/parts/Layout'; -import { KeyboardNavigable } from '@strapi/parts/KeyboardNavigable'; +import { GridLayout } from '@strapi/design-system/Layout'; +import { KeyboardNavigable } from '@strapi/design-system/KeyboardNavigable'; import { prefixFileUrlWithBackendUrl, getFileExtension } from '@strapi/helper-plugin'; import { ImageAssetCard } from '../../../components/AssetCard/ImageAssetCard'; import { VideoAssetCard } from '../../../components/AssetCard/VideoAssetCard'; diff --git a/packages/core/upload/admin/src/pages/App/components/SortPicker.js b/packages/core/upload/admin/src/pages/App/components/SortPicker.js index dca4e8b209..d4602dc7dc 100644 --- a/packages/core/upload/admin/src/pages/App/components/SortPicker.js +++ b/packages/core/upload/admin/src/pages/App/components/SortPicker.js @@ -1,6 +1,6 @@ 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 { useQueryParams } from '@strapi/helper-plugin'; import { getTrad } from '../../../utils'; diff --git a/packages/core/upload/admin/src/pages/App/components/tests/ListView.test.js b/packages/core/upload/admin/src/pages/App/components/tests/ListView.test.js index 6bf1f1689d..67087733b0 100644 --- a/packages/core/upload/admin/src/pages/App/components/tests/ListView.test.js +++ b/packages/core/upload/admin/src/pages/App/components/tests/ListView.test.js @@ -1,5 +1,5 @@ import React from 'react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { render as renderTL } from '@testing-library/react'; import { MemoryRouter } from 'react-router-dom'; import { ListView } from '../ListView'; diff --git a/packages/core/upload/admin/src/pages/App/tests/MediaLibrary.test.js b/packages/core/upload/admin/src/pages/App/tests/MediaLibrary.test.js index 6c280fe6d2..7ebceed7f2 100644 --- a/packages/core/upload/admin/src/pages/App/tests/MediaLibrary.test.js +++ b/packages/core/upload/admin/src/pages/App/tests/MediaLibrary.test.js @@ -1,5 +1,5 @@ import React from 'react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { QueryClientProvider, QueryClient } from 'react-query'; import { render as renderTL, screen, waitFor, fireEvent } from '@testing-library/react'; import { useRBAC, useQueryParams } from '@strapi/helper-plugin'; diff --git a/packages/core/upload/admin/src/pages/SettingsPage/index.js b/packages/core/upload/admin/src/pages/SettingsPage/index.js index 1ac27a8332..8594866bf2 100644 --- a/packages/core/upload/admin/src/pages/SettingsPage/index.js +++ b/packages/core/upload/admin/src/pages/SettingsPage/index.js @@ -9,15 +9,15 @@ import { useOverlayBlocker, } from '@strapi/helper-plugin'; import CheckIcon from '@strapi/icons/CheckIcon'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; -import { ToggleInput } from '@strapi/parts/ToggleInput'; -import { H3 } from '@strapi/parts/Text'; -import { Button } from '@strapi/parts/Button'; -import { Main } from '@strapi/parts/Main'; -import { Stack } from '@strapi/parts/Stack'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { ContentLayout, HeaderLayout, Layout } from '@strapi/parts/Layout'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; +import { ToggleInput } from '@strapi/design-system/ToggleInput'; +import { H3 } from '@strapi/design-system/Text'; +import { Button } from '@strapi/design-system/Button'; +import { Main } from '@strapi/design-system/Main'; +import { Stack } from '@strapi/design-system/Stack'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { ContentLayout, HeaderLayout, Layout } from '@strapi/design-system/Layout'; import axios from 'axios'; import isEqual from 'lodash/isEqual'; import { axiosInstance, getRequestUrl, getTrad } from '../../utils'; diff --git a/packages/core/upload/admin/src/pages/SettingsPage/tests/index.test.js b/packages/core/upload/admin/src/pages/SettingsPage/tests/index.test.js index 8729cafa7e..ccc434b46b 100644 --- a/packages/core/upload/admin/src/pages/SettingsPage/tests/index.test.js +++ b/packages/core/upload/admin/src/pages/SettingsPage/tests/index.test.js @@ -7,7 +7,7 @@ import React from 'react'; import { render, waitFor } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { SettingsPage } from '../index'; import server from './utils/server'; diff --git a/packages/generators/admin/component/templates/tests/index.test.js.hbs b/packages/generators/admin/component/templates/tests/index.test.js.hbs index d3a513fdcf..267e5ac0d0 100644 --- a/packages/generators/admin/component/templates/tests/index.test.js.hbs +++ b/packages/generators/admin/component/templates/tests/index.test.js.hbs @@ -6,7 +6,7 @@ import React from 'react'; import { render {{~#if useRedux}} as tlRender {{~/if}} } from '@testing-library/react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; {{#if useRedux}} import { Provider } from 'react-redux'; import { createStore, combineReducers } from 'redux'; diff --git a/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js b/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js index 0497df6511..8f9fa8f7e6 100644 --- a/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js +++ b/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js @@ -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 = () => } width="16px" />; diff --git a/packages/plugins/documentation/admin/src/components/FieldActionWrapper/index.js b/packages/plugins/documentation/admin/src/components/FieldActionWrapper/index.js index 2d9395557d..f3c7f26f21 100644 --- a/packages/plugins/documentation/admin/src/components/FieldActionWrapper/index.js +++ b/packages/plugins/documentation/admin/src/components/FieldActionWrapper/index.js @@ -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 { diff --git a/packages/plugins/documentation/admin/src/components/PluginIcon/index.js b/packages/plugins/documentation/admin/src/components/PluginIcon/index.js index d00b670673..af81ffd74f 100644 --- a/packages/plugins/documentation/admin/src/components/PluginIcon/index.js +++ b/packages/plugins/documentation/admin/src/components/PluginIcon/index.js @@ -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 = () => } width="16px" />; diff --git a/packages/plugins/documentation/admin/src/pages/PluginPage/index.js b/packages/plugins/documentation/admin/src/pages/PluginPage/index.js index d68302f8e0..0c65d29b77 100755 --- a/packages/plugins/documentation/admin/src/pages/PluginPage/index.js +++ b/packages/plugins/documentation/admin/src/pages/PluginPage/index.js @@ -15,13 +15,13 @@ import { EmptyStateLayout, useFocusWhenNavigate, } from '@strapi/helper-plugin'; -import { Button } from '@strapi/parts/Button'; -import { Layout, HeaderLayout, ContentLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; -import { IconButton } from '@strapi/parts/IconButton'; -import { Text, TableLabel } from '@strapi/parts/Text'; -import { Flex } from '@strapi/parts/Flex'; -import { Table, Tr, Thead, Th, Tbody, Td } from '@strapi/parts/Table'; +import { Button } from '@strapi/design-system/Button'; +import { Layout, HeaderLayout, ContentLayout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; +import { IconButton } from '@strapi/design-system/IconButton'; +import { Text, TableLabel } from '@strapi/design-system/Text'; +import { Flex } from '@strapi/design-system/Flex'; +import { Table, Tr, Thead, Th, Tbody, Td } from '@strapi/design-system/Table'; import DeleteIcon from '@strapi/icons/DeleteIcon'; import Show from '@strapi/icons/Show'; diff --git a/packages/plugins/documentation/admin/src/pages/PluginPage/tests/index.test.js b/packages/plugins/documentation/admin/src/pages/PluginPage/tests/index.test.js index 049d2f5a66..df5aa661a5 100644 --- a/packages/plugins/documentation/admin/src/pages/PluginPage/tests/index.test.js +++ b/packages/plugins/documentation/admin/src/pages/PluginPage/tests/index.test.js @@ -2,7 +2,7 @@ import React from 'react'; import { render, screen, waitFor } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; import { QueryClient, QueryClientProvider } from 'react-query'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { Router } from 'react-router-dom'; import { createMemoryHistory } from 'history'; diff --git a/packages/plugins/documentation/admin/src/pages/SettingsPage/index.js b/packages/plugins/documentation/admin/src/pages/SettingsPage/index.js index 6e6213de65..8027f4d42e 100644 --- a/packages/plugins/documentation/admin/src/pages/SettingsPage/index.js +++ b/packages/plugins/documentation/admin/src/pages/SettingsPage/index.js @@ -9,15 +9,15 @@ import { } from '@strapi/helper-plugin'; // Strapi Parts -import { ContentLayout, HeaderLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; -import { Button } from '@strapi/parts/Button'; -import { Box } from '@strapi/parts/Box'; -import { Stack } from '@strapi/parts/Stack'; -import { H3 } from '@strapi/parts/Text'; -import { ToggleInput } from '@strapi/parts/ToggleInput'; -import { TextInput } from '@strapi/parts/TextInput'; -import { Grid, GridItem } from '@strapi/parts/Grid'; +import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; +import { Button } from '@strapi/design-system/Button'; +import { Box } from '@strapi/design-system/Box'; +import { Stack } from '@strapi/design-system/Stack'; +import { H3 } from '@strapi/design-system/Text'; +import { ToggleInput } from '@strapi/design-system/ToggleInput'; +import { TextInput } from '@strapi/design-system/TextInput'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; // Strapi Icons import Show from '@strapi/icons/Show'; diff --git a/packages/plugins/documentation/admin/src/pages/SettingsPage/tests/index.test.js b/packages/plugins/documentation/admin/src/pages/SettingsPage/tests/index.test.js index 325cba98f0..f0ee6940e7 100644 --- a/packages/plugins/documentation/admin/src/pages/SettingsPage/tests/index.test.js +++ b/packages/plugins/documentation/admin/src/pages/SettingsPage/tests/index.test.js @@ -2,7 +2,7 @@ import React from 'react'; import { render } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; import { QueryClient, QueryClientProvider } from 'react-query'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { Router } from 'react-router-dom'; import { createMemoryHistory } from 'history'; diff --git a/packages/plugins/i18n/admin/src/components/CMEditViewInjectedComponents/CMEditViewCopyLocale/index.js b/packages/plugins/i18n/admin/src/components/CMEditViewInjectedComponents/CMEditViewCopyLocale/index.js index 39c38beadc..fbadb92e77 100644 --- a/packages/plugins/i18n/admin/src/components/CMEditViewInjectedComponents/CMEditViewCopyLocale/index.js +++ b/packages/plugins/i18n/admin/src/components/CMEditViewInjectedComponents/CMEditViewCopyLocale/index.js @@ -3,13 +3,13 @@ import PropTypes from 'prop-types'; import styled from 'styled-components'; import { useDispatch } from 'react-redux'; import { useIntl } from 'react-intl'; -import { Dialog, DialogBody, DialogFooter } from '@strapi/parts/Dialog'; -import { Select, Option } from '@strapi/parts/Select'; -import { Button } from '@strapi/parts/Button'; -import { Box } from '@strapi/parts/Box'; -import { Typography, Text } from '@strapi/parts/Text'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; +import { Dialog, DialogBody, DialogFooter } from '@strapi/design-system/Dialog'; +import { Select, Option } from '@strapi/design-system/Select'; +import { Button } from '@strapi/design-system/Button'; +import { Box } from '@strapi/design-system/Box'; +import { Typography, Text } from '@strapi/design-system/Text'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; import AlertWarningIcon from '@strapi/icons/AlertWarningIcon'; import Duplicate from '@strapi/icons/Duplicate'; import { useCMEditViewDataManager, useNotification } from '@strapi/helper-plugin'; diff --git a/packages/plugins/i18n/admin/src/components/CMEditViewInjectedComponents/CMEditViewLocalePicker/index.js b/packages/plugins/i18n/admin/src/components/CMEditViewInjectedComponents/CMEditViewLocalePicker/index.js index 947e1e89c9..9ccfabf78f 100644 --- a/packages/plugins/i18n/admin/src/components/CMEditViewInjectedComponents/CMEditViewLocalePicker/index.js +++ b/packages/plugins/i18n/admin/src/components/CMEditViewInjectedComponents/CMEditViewLocalePicker/index.js @@ -1,11 +1,11 @@ import React from 'react'; import PropTypes from 'prop-types'; import get from 'lodash/get'; -import { Box } from '@strapi/parts/Box'; -import { Divider } from '@strapi/parts/Divider'; -import { Select, Option } from '@strapi/parts/Select'; -import { TableLabel } from '@strapi/parts/Text'; -import { Stack } from '@strapi/parts/Stack'; +import { Box } from '@strapi/design-system/Box'; +import { Divider } from '@strapi/design-system/Divider'; +import { Select, Option } from '@strapi/design-system/Select'; +import { TableLabel } from '@strapi/design-system/Text'; +import { Stack } from '@strapi/design-system/Stack'; import { useIntl } from 'react-intl'; import { useHistory } from 'react-router-dom'; import { stringify } from 'qs'; diff --git a/packages/plugins/i18n/admin/src/components/CMListViewInjectedComponents/DeleteModalAdditionalInfos/index.js b/packages/plugins/i18n/admin/src/components/CMListViewInjectedComponents/DeleteModalAdditionalInfos/index.js index b35211a2db..313ad7199c 100644 --- a/packages/plugins/i18n/admin/src/components/CMListViewInjectedComponents/DeleteModalAdditionalInfos/index.js +++ b/packages/plugins/i18n/admin/src/components/CMListViewInjectedComponents/DeleteModalAdditionalInfos/index.js @@ -1,6 +1,6 @@ import React from 'react'; import { useIntl } from 'react-intl'; -import { Text } from '@strapi/parts/Text'; +import { Text } from '@strapi/design-system/Text'; import { getTrad } from '../../../utils'; import useHasI18n from '../../../hooks/useHasI18n'; diff --git a/packages/plugins/i18n/admin/src/components/CheckboxConfirmation/index.js b/packages/plugins/i18n/admin/src/components/CheckboxConfirmation/index.js index cfb3440cc7..b1ca670612 100644 --- a/packages/plugins/i18n/admin/src/components/CheckboxConfirmation/index.js +++ b/packages/plugins/i18n/admin/src/components/CheckboxConfirmation/index.js @@ -1,12 +1,12 @@ import React, { useState } from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { Checkbox } from '@strapi/parts/Checkbox'; -import { Dialog, DialogBody, DialogFooter } from '@strapi/parts/Dialog'; -import { Text } from '@strapi/parts/Text'; -import { Flex } from '@strapi/parts/Flex'; -import { Stack } from '@strapi/parts/Stack'; -import { Button } from '@strapi/parts/Button'; +import { Checkbox } from '@strapi/design-system/Checkbox'; +import { Dialog, DialogBody, DialogFooter } from '@strapi/design-system/Dialog'; +import { Text } from '@strapi/design-system/Text'; +import { Flex } from '@strapi/design-system/Flex'; +import { Stack } from '@strapi/design-system/Stack'; +import { Button } from '@strapi/design-system/Button'; import AlertWarningIcon from '@strapi/icons/AlertWarningIcon'; import { getTrad } from '../../utils'; diff --git a/packages/plugins/i18n/admin/src/components/LabelAction/index.js b/packages/plugins/i18n/admin/src/components/LabelAction/index.js index 40de07a3e4..08daac70b2 100644 --- a/packages/plugins/i18n/admin/src/components/LabelAction/index.js +++ b/packages/plugins/i18n/admin/src/components/LabelAction/index.js @@ -2,7 +2,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; import styled from 'styled-components'; -import { Tooltip } from '@strapi/parts/Tooltip'; +import { Tooltip } from '@strapi/design-system/Tooltip'; const Button = styled.button` border: none; diff --git a/packages/plugins/i18n/admin/src/components/LocaleList/LocaleTable.js b/packages/plugins/i18n/admin/src/components/LocaleList/LocaleTable.js index 40053524ce..90f126e23e 100644 --- a/packages/plugins/i18n/admin/src/components/LocaleList/LocaleTable.js +++ b/packages/plugins/i18n/admin/src/components/LocaleList/LocaleTable.js @@ -1,10 +1,10 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { TableLabel, Text } from '@strapi/parts/Text'; -import { IconButton } from '@strapi/parts/IconButton'; -import { Stack } from '@strapi/parts/Stack'; -import { VisuallyHidden } from '@strapi/parts/VisuallyHidden'; -import { Table, Thead, Tr, Th, Td, Tbody } from '@strapi/parts/Table'; +import { TableLabel, Text } from '@strapi/design-system/Text'; +import { IconButton } from '@strapi/design-system/IconButton'; +import { Stack } from '@strapi/design-system/Stack'; +import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden'; +import { Table, Thead, Tr, Th, Td, Tbody } from '@strapi/design-system/Table'; import EditIcon from '@strapi/icons/EditIcon'; import DeleteIcon from '@strapi/icons/DeleteIcon'; import { useIntl } from 'react-intl'; diff --git a/packages/plugins/i18n/admin/src/components/LocaleList/index.js b/packages/plugins/i18n/admin/src/components/LocaleList/index.js index 7e9e29938a..ffbe382aa3 100644 --- a/packages/plugins/i18n/admin/src/components/LocaleList/index.js +++ b/packages/plugins/i18n/admin/src/components/LocaleList/index.js @@ -1,9 +1,9 @@ import React, { useState } from 'react'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; -import { Button } from '@strapi/parts/Button'; -import { Main } from '@strapi/parts/Main'; -import { ContentLayout, EmptyStateLayout, HeaderLayout } from '@strapi/parts/Layout'; +import { Button } from '@strapi/design-system/Button'; +import { Main } from '@strapi/design-system/Main'; +import { ContentLayout, EmptyStateLayout, HeaderLayout } from '@strapi/design-system/Layout'; import { useFocusWhenNavigate } from '@strapi/helper-plugin'; import AddIcon from '@strapi/icons/AddIcon'; import EmptyStateDocument from '@strapi/icons/EmptyStateDocument'; diff --git a/packages/plugins/i18n/admin/src/components/LocaleListCell/LocaleListCell.js b/packages/plugins/i18n/admin/src/components/LocaleListCell/LocaleListCell.js index e6e4544f17..9fde21de3a 100644 --- a/packages/plugins/i18n/admin/src/components/LocaleListCell/LocaleListCell.js +++ b/packages/plugins/i18n/admin/src/components/LocaleListCell/LocaleListCell.js @@ -3,11 +3,11 @@ import PropTypes from 'prop-types'; import styled from 'styled-components'; import { useIntl } from 'react-intl'; import { useSelector } from 'react-redux'; -import { Flex } from '@strapi/parts/Flex'; -import { Box } from '@strapi/parts/Box'; -import { Tooltip } from '@strapi/parts/Tooltip'; -import { Text } from '@strapi/parts/Text'; -import { Popover } from '@strapi/parts/Popover'; +import { Flex } from '@strapi/design-system/Flex'; +import { Box } from '@strapi/design-system/Box'; +import { Tooltip } from '@strapi/design-system/Tooltip'; +import { Text } from '@strapi/design-system/Text'; +import { Popover } from '@strapi/design-system/Popover'; import { SortIcon, stopPropagation } from '@strapi/helper-plugin'; import get from 'lodash/get'; import selectI18NLocales from '../../selectors/selectI18nLocales'; diff --git a/packages/plugins/i18n/admin/src/components/LocaleListCell/tests/LocaleListCell.test.js b/packages/plugins/i18n/admin/src/components/LocaleListCell/tests/LocaleListCell.test.js index dceafff4da..55c9e01bb2 100644 --- a/packages/plugins/i18n/admin/src/components/LocaleListCell/tests/LocaleListCell.test.js +++ b/packages/plugins/i18n/admin/src/components/LocaleListCell/tests/LocaleListCell.test.js @@ -2,7 +2,7 @@ import React from 'react'; import { render, screen } from '@testing-library/react'; import { useSelector } from 'react-redux'; import { IntlProvider } from 'react-intl'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import LocaleListCell from '../LocaleListCell'; jest.mock('react-redux', () => ({ diff --git a/packages/plugins/i18n/admin/src/components/LocalePicker/index.js b/packages/plugins/i18n/admin/src/components/LocalePicker/index.js index b542f366db..cd91b91fcf 100644 --- a/packages/plugins/i18n/admin/src/components/LocalePicker/index.js +++ b/packages/plugins/i18n/admin/src/components/LocalePicker/index.js @@ -3,7 +3,7 @@ import { useSelector, useDispatch } from 'react-redux'; import { useQueryParams } from '@strapi/helper-plugin'; import { useRouteMatch } from 'react-router-dom'; import get from 'lodash/get'; -import { Select, Option } from '@strapi/parts/Select'; +import { Select, Option } from '@strapi/design-system/Select'; import { useIntl } from 'react-intl'; import useContentTypePermissions from '../../hooks/useContentTypePermissions'; import useHasI18n from '../../hooks/useHasI18n'; diff --git a/packages/plugins/i18n/admin/src/components/LocaleSelect/index.js b/packages/plugins/i18n/admin/src/components/LocaleSelect/index.js index ad5ad0f191..c11ff7a864 100644 --- a/packages/plugins/i18n/admin/src/components/LocaleSelect/index.js +++ b/packages/plugins/i18n/admin/src/components/LocaleSelect/index.js @@ -1,6 +1,6 @@ /* eslint-disable react/jsx-indent */ import React from 'react'; -import { Select, Option } from '@strapi/parts/Select'; +import { Select, Option } from '@strapi/design-system/Select'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; import useLocales from '../../hooks/useLocales'; diff --git a/packages/plugins/i18n/admin/src/components/LocaleSelect/tests/LocaleSelect.test.js b/packages/plugins/i18n/admin/src/components/LocaleSelect/tests/LocaleSelect.test.js index 88cd20e3bd..6a6dc6ae01 100644 --- a/packages/plugins/i18n/admin/src/components/LocaleSelect/tests/LocaleSelect.test.js +++ b/packages/plugins/i18n/admin/src/components/LocaleSelect/tests/LocaleSelect.test.js @@ -1,5 +1,5 @@ import React from 'react'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { render as renderTL } from '@testing-library/react'; import { QueryClientProvider, QueryClient } from 'react-query'; import { Provider } from 'react-redux'; diff --git a/packages/plugins/i18n/admin/src/components/ModalCreate/AdvancedForm.js b/packages/plugins/i18n/admin/src/components/ModalCreate/AdvancedForm.js index ff32eab19f..f9df5207cb 100644 --- a/packages/plugins/i18n/admin/src/components/ModalCreate/AdvancedForm.js +++ b/packages/plugins/i18n/admin/src/components/ModalCreate/AdvancedForm.js @@ -1,7 +1,7 @@ import React from 'react'; import { useFormikContext } from 'formik'; import { useIntl } from 'react-intl'; -import { Checkbox } from '@strapi/parts/Checkbox'; +import { Checkbox } from '@strapi/design-system/Checkbox'; import { getTrad } from '../../utils'; const AdvancedForm = () => { diff --git a/packages/plugins/i18n/admin/src/components/ModalCreate/BaseForm.js b/packages/plugins/i18n/admin/src/components/ModalCreate/BaseForm.js index d7504c2bf0..69c50037cf 100644 --- a/packages/plugins/i18n/admin/src/components/ModalCreate/BaseForm.js +++ b/packages/plugins/i18n/admin/src/components/ModalCreate/BaseForm.js @@ -1,6 +1,6 @@ import React, { useCallback } from 'react'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { TextInput } from '@strapi/parts/TextInput'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { TextInput } from '@strapi/design-system/TextInput'; import { useIntl } from 'react-intl'; import { useFormikContext } from 'formik'; import { getTrad } from '../../utils'; diff --git a/packages/plugins/i18n/admin/src/components/ModalCreate/index.js b/packages/plugins/i18n/admin/src/components/ModalCreate/index.js index 19a7c7bb70..a59c82687d 100644 --- a/packages/plugins/i18n/admin/src/components/ModalCreate/index.js +++ b/packages/plugins/i18n/admin/src/components/ModalCreate/index.js @@ -1,13 +1,18 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useRBACProvider, Form } from '@strapi/helper-plugin'; -import { ModalLayout, ModalHeader, ModalBody, ModalFooter } from '@strapi/parts/ModalLayout'; -import { TabGroup, Tabs, Tab, TabPanels, TabPanel } from '@strapi/parts/Tabs'; -import { Button } from '@strapi/parts/Button'; -import { ButtonText, H2 } from '@strapi/parts/Text'; -import { Divider } from '@strapi/parts/Divider'; -import { Box } from '@strapi/parts/Box'; -import { Flex } from '@strapi/parts/Flex'; +import { + ModalLayout, + ModalHeader, + ModalBody, + ModalFooter, +} from '@strapi/design-system/ModalLayout'; +import { TabGroup, Tabs, Tab, TabPanels, TabPanel } from '@strapi/design-system/Tabs'; +import { Button } from '@strapi/design-system/Button'; +import { ButtonText, H2 } from '@strapi/design-system/Text'; +import { Divider } from '@strapi/design-system/Divider'; +import { Box } from '@strapi/design-system/Box'; +import { Flex } from '@strapi/design-system/Flex'; import CheckIcon from '@strapi/icons/CheckIcon'; import { useIntl } from 'react-intl'; import { Formik } from 'formik'; diff --git a/packages/plugins/i18n/admin/src/components/ModalEdit/AdvancedForm.js b/packages/plugins/i18n/admin/src/components/ModalEdit/AdvancedForm.js index 07170295ca..f0adb133fd 100644 --- a/packages/plugins/i18n/admin/src/components/ModalEdit/AdvancedForm.js +++ b/packages/plugins/i18n/admin/src/components/ModalEdit/AdvancedForm.js @@ -2,7 +2,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useFormikContext } from 'formik'; import { useIntl } from 'react-intl'; -import { Checkbox } from '@strapi/parts/Checkbox'; +import { Checkbox } from '@strapi/design-system/Checkbox'; import { getTrad } from '../../utils'; const AdvancedForm = ({ isDefaultLocale }) => { diff --git a/packages/plugins/i18n/admin/src/components/ModalEdit/BaseForm.js b/packages/plugins/i18n/admin/src/components/ModalEdit/BaseForm.js index cabf34288b..e8821cf834 100644 --- a/packages/plugins/i18n/admin/src/components/ModalEdit/BaseForm.js +++ b/packages/plugins/i18n/admin/src/components/ModalEdit/BaseForm.js @@ -2,9 +2,9 @@ import React from 'react'; import { useIntl } from 'react-intl'; import PropTypes from 'prop-types'; import { useFormikContext } from 'formik'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { TextInput } from '@strapi/parts/TextInput'; -import { Select, Option } from '@strapi/parts/Select'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { TextInput } from '@strapi/design-system/TextInput'; +import { Select, Option } from '@strapi/design-system/Select'; import { getTrad } from '../../utils'; const BaseForm = ({ locale }) => { diff --git a/packages/plugins/i18n/admin/src/components/ModalEdit/index.js b/packages/plugins/i18n/admin/src/components/ModalEdit/index.js index 431d94639b..ffca2983e0 100644 --- a/packages/plugins/i18n/admin/src/components/ModalEdit/index.js +++ b/packages/plugins/i18n/admin/src/components/ModalEdit/index.js @@ -4,13 +4,18 @@ import { Form, useRBACProvider } from '@strapi/helper-plugin'; import { useIntl } from 'react-intl'; import { Formik } from 'formik'; import CheckIcon from '@strapi/icons/CheckIcon'; -import { ModalLayout, ModalHeader, ModalBody, ModalFooter } from '@strapi/parts/ModalLayout'; -import { TabGroup, Tabs, Tab, TabPanels, TabPanel } from '@strapi/parts/Tabs'; -import { Flex } from '@strapi/parts/Flex'; -import { Box } from '@strapi/parts/Box'; -import { Button } from '@strapi/parts/Button'; -import { Divider } from '@strapi/parts/Divider'; -import { ButtonText, H2 } from '@strapi/parts/Text'; +import { + ModalLayout, + ModalHeader, + ModalBody, + ModalFooter, +} from '@strapi/design-system/ModalLayout'; +import { TabGroup, Tabs, Tab, TabPanels, TabPanel } from '@strapi/design-system/Tabs'; +import { Flex } from '@strapi/design-system/Flex'; +import { Box } from '@strapi/design-system/Box'; +import { Button } from '@strapi/design-system/Button'; +import { Divider } from '@strapi/design-system/Divider'; +import { ButtonText, H2 } from '@strapi/design-system/Text'; import localeFormSchema from '../../schemas'; import useEditLocale from '../../hooks/useEditLocale'; import { getTrad } from '../../utils'; diff --git a/packages/plugins/i18n/admin/src/hooks/useDefaultLocales/index.js b/packages/plugins/i18n/admin/src/hooks/useDefaultLocales/index.js index c9f3b48ff8..78295ca48d 100644 --- a/packages/plugins/i18n/admin/src/hooks/useDefaultLocales/index.js +++ b/packages/plugins/i18n/admin/src/hooks/useDefaultLocales/index.js @@ -1,6 +1,6 @@ import { useQuery } from 'react-query'; import { request, useNotification } from '@strapi/helper-plugin'; -import { useNotifyAT } from '@strapi/parts/LiveRegions'; +import { useNotifyAT } from '@strapi/design-system/LiveRegions'; import { useIntl } from 'react-intl'; import { getTrad } from '../../utils'; diff --git a/packages/plugins/users-permissions/admin/src/components/BoundRoute/index.js b/packages/plugins/users-permissions/admin/src/components/BoundRoute/index.js index 611d601f2c..deb551637b 100644 --- a/packages/plugins/users-permissions/admin/src/components/BoundRoute/index.js +++ b/packages/plugins/users-permissions/admin/src/components/BoundRoute/index.js @@ -1,7 +1,7 @@ import React from 'react'; -import { Stack } from '@strapi/parts/Stack'; -import { Box } from '@strapi/parts/Box'; -import { H3, Text } from '@strapi/parts/Text'; +import { Stack } from '@strapi/design-system/Stack'; +import { Box } from '@strapi/design-system/Box'; +import { H3, Text } from '@strapi/design-system/Text'; import map from 'lodash/map'; import tail from 'lodash/tail'; import { useIntl } from 'react-intl'; diff --git a/packages/plugins/users-permissions/admin/src/components/FormModal/Input/index.js b/packages/plugins/users-permissions/admin/src/components/FormModal/Input/index.js index 1791980d60..a26b763f02 100644 --- a/packages/plugins/users-permissions/admin/src/components/FormModal/Input/index.js +++ b/packages/plugins/users-permissions/admin/src/components/FormModal/Input/index.js @@ -6,8 +6,8 @@ import React from 'react'; import { useIntl } from 'react-intl'; -import { ToggleInput } from '@strapi/parts/ToggleInput'; -import { TextInput } from '@strapi/parts/TextInput'; +import { ToggleInput } from '@strapi/design-system/ToggleInput'; +import { TextInput } from '@strapi/design-system/TextInput'; import PropTypes from 'prop-types'; const Input = ({ diff --git a/packages/plugins/users-permissions/admin/src/components/FormModal/Input/tests/index.test.js b/packages/plugins/users-permissions/admin/src/components/FormModal/Input/tests/index.test.js index c43d502b15..f576cc8307 100644 --- a/packages/plugins/users-permissions/admin/src/components/FormModal/Input/tests/index.test.js +++ b/packages/plugins/users-permissions/admin/src/components/FormModal/Input/tests/index.test.js @@ -7,7 +7,7 @@ import React from 'react'; import { render } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import Input from '../index'; const messages = {}; diff --git a/packages/plugins/users-permissions/admin/src/components/FormModal/index.js b/packages/plugins/users-permissions/admin/src/components/FormModal/index.js index 3bdcad6a22..32e32cf6c1 100644 --- a/packages/plugins/users-permissions/admin/src/components/FormModal/index.js +++ b/packages/plugins/users-permissions/admin/src/components/FormModal/index.js @@ -6,11 +6,16 @@ import React from 'react'; import { useIntl } from 'react-intl'; -import { Button } from '@strapi/parts/Button'; -import { Stack } from '@strapi/parts/Stack'; -import { Breadcrumbs, Crumb } from '@strapi/parts/Breadcrumbs'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { ModalLayout, ModalHeader, ModalFooter, ModalBody } from '@strapi/parts/ModalLayout'; +import { Button } from '@strapi/design-system/Button'; +import { Stack } from '@strapi/design-system/Stack'; +import { Breadcrumbs, Crumb } from '@strapi/design-system/Breadcrumbs'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { + ModalLayout, + ModalHeader, + ModalFooter, + ModalBody, +} from '@strapi/design-system/ModalLayout'; import PropTypes from 'prop-types'; import { Formik } from 'formik'; import { Form } from '@strapi/helper-plugin'; diff --git a/packages/plugins/users-permissions/admin/src/components/FormModal/tests/index.test.js b/packages/plugins/users-permissions/admin/src/components/FormModal/tests/index.test.js index 40e51a20ea..b7cac37efa 100644 --- a/packages/plugins/users-permissions/admin/src/components/FormModal/tests/index.test.js +++ b/packages/plugins/users-permissions/admin/src/components/FormModal/tests/index.test.js @@ -7,7 +7,7 @@ import React from 'react'; import { render } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import FormModal from '../index'; const messages = {}; diff --git a/packages/plugins/users-permissions/admin/src/components/Permissions/PermissionRow/CheckboxWrapper.js b/packages/plugins/users-permissions/admin/src/components/Permissions/PermissionRow/CheckboxWrapper.js index e40d01ec79..2b375b5620 100644 --- a/packages/plugins/users-permissions/admin/src/components/Permissions/PermissionRow/CheckboxWrapper.js +++ b/packages/plugins/users-permissions/admin/src/components/Permissions/PermissionRow/CheckboxWrapper.js @@ -1,5 +1,5 @@ import styled, { css } from 'styled-components'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; const activeCheckboxWrapperStyles = css` background: ${props => props.theme.colors.primary100}; diff --git a/packages/plugins/users-permissions/admin/src/components/Permissions/PermissionRow/SubCategory.js b/packages/plugins/users-permissions/admin/src/components/Permissions/PermissionRow/SubCategory.js index bef733e50c..c9bf9fa49e 100644 --- a/packages/plugins/users-permissions/admin/src/components/Permissions/PermissionRow/SubCategory.js +++ b/packages/plugins/users-permissions/admin/src/components/Permissions/PermissionRow/SubCategory.js @@ -2,11 +2,11 @@ import React, { useCallback, useMemo } from 'react'; import { get } from 'lodash'; import styled from 'styled-components'; import PropTypes from 'prop-types'; -import { Box } from '@strapi/parts/Box'; -import { Checkbox } from '@strapi/parts/Checkbox'; -import { Flex } from '@strapi/parts/Flex'; -import { TableLabel } from '@strapi/parts/Text'; -import { Grid, GridItem } from '@strapi/parts/Grid'; +import { Box } from '@strapi/design-system/Box'; +import { Checkbox } from '@strapi/design-system/Checkbox'; +import { Flex } from '@strapi/design-system/Flex'; +import { TableLabel } from '@strapi/design-system/Text'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; import CogIcon from '@strapi/icons/Cog'; import { useIntl } from 'react-intl'; import CheckboxWrapper from './CheckboxWrapper'; diff --git a/packages/plugins/users-permissions/admin/src/components/Permissions/PermissionRow/index.js b/packages/plugins/users-permissions/admin/src/components/Permissions/PermissionRow/index.js index c97bb840b9..f05ea1d59e 100644 --- a/packages/plugins/users-permissions/admin/src/components/Permissions/PermissionRow/index.js +++ b/packages/plugins/users-permissions/admin/src/components/Permissions/PermissionRow/index.js @@ -1,7 +1,7 @@ import React, { useMemo } from 'react'; import PropTypes from 'prop-types'; import sortBy from 'lodash/sortBy'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; import SubCategory from './SubCategory'; const PermissionRow = ({ name, permissions }) => { diff --git a/packages/plugins/users-permissions/admin/src/components/Permissions/index.js b/packages/plugins/users-permissions/admin/src/components/Permissions/index.js index 2a2f1b6124..e9d400c171 100644 --- a/packages/plugins/users-permissions/admin/src/components/Permissions/index.js +++ b/packages/plugins/users-permissions/admin/src/components/Permissions/index.js @@ -1,7 +1,7 @@ import React, { memo, useCallback, useReducer } from 'react'; -import { Accordion, AccordionToggle, AccordionContent } from '@strapi/parts/Accordion'; +import { Accordion, AccordionToggle, AccordionContent } from '@strapi/design-system/Accordion'; import { useIntl } from 'react-intl'; -import { Box } from '@strapi/parts/Box'; +import { Box } from '@strapi/design-system/Box'; import { useUsersPermissions } from '../../contexts/UsersPermissionsContext'; import formatPluginName from '../../utils/formatPluginName'; import PermissionRow from './PermissionRow'; diff --git a/packages/plugins/users-permissions/admin/src/components/Policies/index.js b/packages/plugins/users-permissions/admin/src/components/Policies/index.js index cd3cca4c12..8b733aad5f 100644 --- a/packages/plugins/users-permissions/admin/src/components/Policies/index.js +++ b/packages/plugins/users-permissions/admin/src/components/Policies/index.js @@ -1,8 +1,8 @@ import React from 'react'; import { useIntl } from 'react-intl'; -import { H3, Text } from '@strapi/parts/Text'; -import { Stack } from '@strapi/parts/Stack'; -import { GridItem } from '@strapi/parts/Grid'; +import { H3, Text } from '@strapi/design-system/Text'; +import { Stack } from '@strapi/design-system/Stack'; +import { GridItem } from '@strapi/design-system/Grid'; import { get, isEmpty, takeRight, toLower, without } from 'lodash'; import { useUsersPermissions } from '../../contexts/UsersPermissionsContext'; import BoundRoute from '../BoundRoute'; diff --git a/packages/plugins/users-permissions/admin/src/components/UsersPermissions/index.js b/packages/plugins/users-permissions/admin/src/components/UsersPermissions/index.js index bfa45fe7e5..720bb3686d 100644 --- a/packages/plugins/users-permissions/admin/src/components/UsersPermissions/index.js +++ b/packages/plugins/users-permissions/admin/src/components/UsersPermissions/index.js @@ -1,8 +1,8 @@ import React, { memo, useReducer, useCallback, forwardRef, useImperativeHandle } from 'react'; import PropTypes from 'prop-types'; -import { H3, Text } from '@strapi/parts/Text'; -import { Stack } from '@strapi/parts/Stack'; -import { Grid, GridItem } from '@strapi/parts/Grid'; +import { H3, Text } from '@strapi/design-system/Text'; +import { Stack } from '@strapi/design-system/Stack'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; import { useIntl } from 'react-intl'; import getTrad from '../../utils/getTrad'; import Policies from '../Policies'; diff --git a/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/index.js b/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/index.js index f3a6a2b10c..7f0af598bb 100644 --- a/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/index.js +++ b/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/index.js @@ -13,15 +13,15 @@ import { useOverlayBlocker, useRBAC, } from '@strapi/helper-plugin'; -import { useNotifyAT } from '@strapi/parts/LiveRegions'; -import { Main } from '@strapi/parts/Main'; -import { HeaderLayout, ContentLayout } from '@strapi/parts/Layout'; -import { Button } from '@strapi/parts/Button'; -import { Box } from '@strapi/parts/Box'; -import { Stack } from '@strapi/parts/Stack'; -import { Select, Option } from '@strapi/parts/Select'; -import { H3 } from '@strapi/parts/Text'; -import { Grid, GridItem } from '@strapi/parts/Grid'; +import { useNotifyAT } from '@strapi/design-system/LiveRegions'; +import { Main } from '@strapi/design-system/Main'; +import { HeaderLayout, ContentLayout } from '@strapi/design-system/Layout'; +import { Button } from '@strapi/design-system/Button'; +import { Box } from '@strapi/design-system/Box'; +import { Stack } from '@strapi/design-system/Stack'; +import { Select, Option } from '@strapi/design-system/Select'; +import { H3 } from '@strapi/design-system/Text'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; import CheckIcon from '@strapi/icons/CheckIcon'; import pluginPermissions from '../../permissions'; import { getTrad } from '../../utils'; diff --git a/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js index a65b222095..635984f964 100644 --- a/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js +++ b/packages/plugins/users-permissions/admin/src/pages/AdvancedSettings/tests/index.test.js @@ -2,7 +2,7 @@ import React from 'react'; import { render, waitFor, screen } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; import { QueryClient, QueryClientProvider } from 'react-query'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { useRBAC } from '@strapi/helper-plugin'; import ProtectedAdvancedSettingsPage from '../index'; import server from './utils/server'; diff --git a/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/components/EmailForm.js b/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/components/EmailForm.js index a7bb740951..0e23881555 100644 --- a/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/components/EmailForm.js +++ b/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/components/EmailForm.js @@ -3,11 +3,16 @@ import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; import { Form, GenericInput } from '@strapi/helper-plugin'; import { Formik } from 'formik'; -import { ModalLayout, ModalHeader, ModalFooter, ModalBody } from '@strapi/parts/ModalLayout'; -import { Grid, GridItem } from '@strapi/parts/Grid'; -import { Button } from '@strapi/parts/Button'; -import { Breadcrumbs, Crumb } from '@strapi/parts/Breadcrumbs'; -import { Textarea } from '@strapi/parts/Textarea'; +import { + ModalLayout, + ModalHeader, + ModalFooter, + ModalBody, +} from '@strapi/design-system/ModalLayout'; +import { Grid, GridItem } from '@strapi/design-system/Grid'; +import { Button } from '@strapi/design-system/Button'; +import { Breadcrumbs, Crumb } from '@strapi/design-system/Breadcrumbs'; +import { Textarea } from '@strapi/design-system/Textarea'; import { getTrad } from '../../../utils'; import schema from '../utils/schema'; diff --git a/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/components/EmailTable.js b/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/components/EmailTable.js index b8f592e02c..fb334b53ef 100644 --- a/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/components/EmailTable.js +++ b/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/components/EmailTable.js @@ -1,10 +1,10 @@ import React from 'react'; import PropTypes from 'prop-types'; import { useIntl } from 'react-intl'; -import { Table, Thead, Tbody, Tr, Td, Th } from '@strapi/parts/Table'; -import { VisuallyHidden } from '@strapi/parts/VisuallyHidden'; -import { Text, TableLabel } from '@strapi/parts/Text'; -import { IconButton } from '@strapi/parts/IconButton'; +import { Table, Thead, Tbody, Tr, Td, Th } from '@strapi/design-system/Table'; +import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden'; +import { Text, TableLabel } from '@strapi/design-system/Text'; +import { IconButton } from '@strapi/design-system/IconButton'; import EditIcon from '@strapi/icons/EditIcon'; import Reload from '@strapi/icons/Reload'; import { onRowClick, stopPropagation } from '@strapi/helper-plugin'; diff --git a/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/index.js b/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/index.js index 7c5f9d460a..f5b30ab556 100644 --- a/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/index.js +++ b/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/index.js @@ -11,9 +11,9 @@ import { useFocusWhenNavigate, LoadingIndicatorPage, } from '@strapi/helper-plugin'; -import { useNotifyAT } from '@strapi/parts/LiveRegions'; -import { Main } from '@strapi/parts/Main'; -import { ContentLayout, HeaderLayout } from '@strapi/parts/Layout'; +import { useNotifyAT } from '@strapi/design-system/LiveRegions'; +import { Main } from '@strapi/design-system/Main'; +import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout'; import pluginPermissions from '../../permissions'; import { getTrad } from '../../utils'; import { fetchData, putEmailTemplate } from './utils/api'; diff --git a/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/tests/index.test.js index b90ae69b35..3082c6b54a 100644 --- a/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/tests/index.test.js +++ b/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/tests/index.test.js @@ -2,7 +2,7 @@ import React from 'react'; import { render, waitFor, screen } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; import { QueryClient, QueryClientProvider } from 'react-query'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { useRBAC } from '@strapi/helper-plugin'; import ProtectedEmailTemplatesPage from '../index'; import server from './utils/server'; diff --git a/packages/plugins/users-permissions/admin/src/pages/Providers/index.js b/packages/plugins/users-permissions/admin/src/pages/Providers/index.js index 55d959d37e..b69ea6724b 100644 --- a/packages/plugins/users-permissions/admin/src/pages/Providers/index.js +++ b/packages/plugins/users-permissions/admin/src/pages/Providers/index.js @@ -15,13 +15,13 @@ import { import has from 'lodash/has'; import upperFirst from 'lodash/upperFirst'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { HeaderLayout, Layout, ContentLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; -import { useNotifyAT } from '@strapi/parts/LiveRegions'; -import { Table, Thead, Tr, Th, Tbody, Td } from '@strapi/parts/Table'; -import { Text, TableLabel } from '@strapi/parts/Text'; -import { VisuallyHidden } from '@strapi/parts/VisuallyHidden'; -import { IconButton } from '@strapi/parts/IconButton'; +import { HeaderLayout, Layout, ContentLayout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; +import { useNotifyAT } from '@strapi/design-system/LiveRegions'; +import { Table, Thead, Tr, Th, Tbody, Td } from '@strapi/design-system/Table'; +import { Text, TableLabel } from '@strapi/design-system/Text'; +import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden'; +import { IconButton } from '@strapi/design-system/IconButton'; import EditIcon from '@strapi/icons/EditIcon'; import { useQuery, useMutation, useQueryClient } from 'react-query'; import forms from './utils/forms'; diff --git a/packages/plugins/users-permissions/admin/src/pages/Providers/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/Providers/tests/index.test.js index 8b44206f5d..5018cc0dc9 100644 --- a/packages/plugins/users-permissions/admin/src/pages/Providers/tests/index.test.js +++ b/packages/plugins/users-permissions/admin/src/pages/Providers/tests/index.test.js @@ -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 { QueryClient, QueryClientProvider } from 'react-query'; import { useRBAC } from '@strapi/helper-plugin'; import { ProvidersPage } from '../index'; diff --git a/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/index.js b/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/index.js index 6885c9fb21..7db089df11 100644 --- a/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/index.js +++ b/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/index.js @@ -1,15 +1,15 @@ import React, { useState, useRef } from 'react'; import { useHistory } from 'react-router-dom'; -import { ContentLayout, HeaderLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; -import { Button } from '@strapi/parts/Button'; -import { Stack } from '@strapi/parts/Stack'; -import { Box } from '@strapi/parts/Box'; -import { TextInput } from '@strapi/parts/TextInput'; -import { Textarea } from '@strapi/parts/Textarea'; -import { H3 } from '@strapi/parts/Text'; +import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; +import { Button } from '@strapi/design-system/Button'; +import { Stack } from '@strapi/design-system/Stack'; +import { Box } from '@strapi/design-system/Box'; +import { TextInput } from '@strapi/design-system/TextInput'; +import { Textarea } from '@strapi/design-system/Textarea'; +import { H3 } from '@strapi/design-system/Text'; import CheckIcon from '@strapi/icons/CheckIcon'; -import { GridItem, Grid } from '@strapi/parts/Grid'; +import { GridItem, Grid } from '@strapi/design-system/Grid'; import { Formik } from 'formik'; import { useIntl } from 'react-intl'; import { diff --git a/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js index c12a2e908a..abae99e916 100644 --- a/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js +++ b/packages/plugins/users-permissions/admin/src/pages/Roles/CreatePage/tests/index.test.js @@ -1,6 +1,6 @@ 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 { Router, Switch, Route } from 'react-router-dom'; import { IntlProvider } from 'react-intl'; import { createMemoryHistory } from 'history'; diff --git a/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/index.js b/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/index.js index 17624e048b..f25e613788 100644 --- a/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/index.js +++ b/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/index.js @@ -1,16 +1,16 @@ import React, { useState, useRef } from 'react'; -import { ContentLayout, HeaderLayout } from '@strapi/parts/Layout'; -import { Main } from '@strapi/parts/Main'; -import { Button } from '@strapi/parts/Button'; -import { Stack } from '@strapi/parts/Stack'; -import { Box } from '@strapi/parts/Box'; -import { TextInput } from '@strapi/parts/TextInput'; -import { Textarea } from '@strapi/parts/Textarea'; -import { H3 } from '@strapi/parts/Text'; +import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout'; +import { Main } from '@strapi/design-system/Main'; +import { Button } from '@strapi/design-system/Button'; +import { Stack } from '@strapi/design-system/Stack'; +import { Box } from '@strapi/design-system/Box'; +import { TextInput } from '@strapi/design-system/TextInput'; +import { Textarea } from '@strapi/design-system/Textarea'; +import { H3 } from '@strapi/design-system/Text'; import BackIcon from '@strapi/icons/BackIcon'; import CheckIcon from '@strapi/icons/CheckIcon'; -import { Link } from '@strapi/parts/Link'; -import { GridItem, Grid } from '@strapi/parts/Grid'; +import { Link } from '@strapi/design-system/Link'; +import { GridItem, Grid } from '@strapi/design-system/Grid'; import { Formik } from 'formik'; import { useIntl } from 'react-intl'; import { useRouteMatch } from 'react-router-dom'; diff --git a/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js index 5223d99aea..d72eecd073 100644 --- a/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js +++ b/packages/plugins/users-permissions/admin/src/pages/Roles/EditPage/tests/index.test.js @@ -1,7 +1,7 @@ import React from 'react'; import { render, waitFor, waitForElementToBeRemoved } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { Router, Switch, Route } from 'react-router-dom'; import { IntlProvider } from 'react-intl'; import { createMemoryHistory } from 'history'; diff --git a/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/components/TableBody.js b/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/components/TableBody.js index bcc8745191..f6e178a66f 100644 --- a/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/components/TableBody.js +++ b/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/components/TableBody.js @@ -1,9 +1,9 @@ import React from 'react'; import PropTypes from 'prop-types'; -import { IconButton } from '@strapi/parts/IconButton'; -import { Text } from '@strapi/parts/Text'; -import { Flex } from '@strapi/parts/Flex'; -import { Tbody, Tr, Td } from '@strapi/parts/Table'; +import { IconButton } from '@strapi/design-system/IconButton'; +import { Text } from '@strapi/design-system/Text'; +import { Flex } from '@strapi/design-system/Flex'; +import { Tbody, Tr, Td } from '@strapi/design-system/Table'; import { EditIcon, DeleteIcon } from '@strapi/icons'; import { CheckPermissions, onRowClick, stopPropagation } from '@strapi/helper-plugin'; import { useIntl } from 'react-intl'; diff --git a/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/index.js b/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/index.js index 40c2e82efe..fe77341d32 100644 --- a/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/index.js +++ b/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/index.js @@ -13,7 +13,7 @@ import { ContentLayout, ActionLayout, VisuallyHidden, -} from '@strapi/parts'; +} from '@strapi/design-system'; import AddIcon from '@strapi/icons/AddIcon'; import { useTracking, diff --git a/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/tests/index.test.js b/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/tests/index.test.js index f42533ffa6..5bd85da545 100644 --- a/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/tests/index.test.js +++ b/packages/plugins/users-permissions/admin/src/pages/Roles/ListPage/tests/index.test.js @@ -2,7 +2,7 @@ import React from 'react'; import { render, screen, waitFor } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; import { QueryClient, QueryClientProvider } from 'react-query'; -import { ThemeProvider, lightTheme } from '@strapi/parts'; +import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { useRBAC } from '@strapi/helper-plugin'; import { Router } from 'react-router-dom'; import { createMemoryHistory } from 'history'; diff --git a/yarn.lock b/yarn.lock index e3511a9396..94cc7816e6 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4602,20 +4602,20 @@ resolve-from "^5.0.0" store2 "^2.12.0" -"@strapi/icons@0.0.1-alpha.50": - version "0.0.1-alpha.50" - resolved "https://registry.yarnpkg.com/@strapi/icons/-/icons-0.0.1-alpha.50.tgz#f62e0d329ab28942eced4aefed9b7cfd73f1373e" - integrity sha512-aNopJXkjKgMrn8HDQ8ugJXZky7oO20Q8g6frfwjYNM1ZQnhq0hp+IoNLCDfBBNDmfmBjQHPzwbSh7FTDYIdErw== - -"@strapi/parts@0.0.1-alpha.50": - version "0.0.1-alpha.50" - resolved "https://registry.yarnpkg.com/@strapi/parts/-/parts-0.0.1-alpha.50.tgz#950e529ddfb037e111db64d7011b670ac41726f8" - integrity sha512-J/q9IutxiSzS1i8UuDkbOfo6RvIX4R/dO/HM4f4sWB/ACI7mbehmS7CtKjYJY4heKhKjET7jbnMaoX7N+RqiWA== +"@strapi/design-system@0.0.1-alpha.51": + version "0.0.1-alpha.51" + resolved "https://registry.yarnpkg.com/@strapi/design-system/-/design-system-0.0.1-alpha.51.tgz#a2d9e76da1c3a47d6cd8c593530a01e21139f6b3" + integrity sha512-bYweOUvhKxCiHNEzgchgOH1IciLKfh+CN7rEex8uPMT5V8u7JjN3Se94X3hDkUSRg39roDR2ftNKT/P0goCKRQ== dependencies: "@internationalized/number" "^3.0.2" compute-scroll-into-view "^1.0.17" prop-types "^15.7.2" +"@strapi/icons@0.0.1-alpha.51": + version "0.0.1-alpha.51" + resolved "https://registry.yarnpkg.com/@strapi/icons/-/icons-0.0.1-alpha.51.tgz#dde237e980d648cb71d3b8402c21638334d4a61b" + integrity sha512-XYVsJ3IsUPgVhbazHo3wvT671icR+EYZT4hz+9u4UX4fxohLwYuqn52gTGatyvHxC5V1Ku9Bzz7awYpoaN0ilw== + "@stylelint/postcss-css-in-js@^0.37.2": version "0.37.2" resolved "https://registry.yarnpkg.com/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.2.tgz#7e5a84ad181f4234a2480803422a47b8749af3d2"