@strapi/admin 4.11.1-beta.2 → 4.11.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/admin/src/StrapiApp.js +13 -11
- package/admin/src/components/AuthenticatedApp/index.js +8 -5
- package/admin/src/components/AuthenticatedApp/utils/api.js +3 -1
- package/admin/src/components/ConfigurationsProvider/index.js +3 -0
- package/admin/src/components/DragLayer/DragLayer.js +2 -1
- package/admin/src/components/GuidedTour/Homepage/components/Step.js +7 -5
- package/admin/src/components/GuidedTour/Homepage/components/Stepper.js +5 -2
- package/admin/src/components/GuidedTour/Homepage/index.js +7 -4
- package/admin/src/components/GuidedTour/Modal/components/Content.js +3 -2
- package/admin/src/components/GuidedTour/Modal/components/Modal.js +5 -4
- package/admin/src/components/GuidedTour/Modal/components/StepNumberWithPadding.js +3 -1
- package/admin/src/components/GuidedTour/Modal/components/Stepper.js +8 -5
- package/admin/src/components/GuidedTour/Modal/index.js +6 -3
- package/admin/src/components/GuidedTour/Stepper/StepLine.js +5 -3
- package/admin/src/components/GuidedTour/Stepper/StepNumber.js +5 -3
- package/admin/src/components/GuidedTour/index.js +7 -5
- package/admin/src/components/GuidedTour/init.js +1 -0
- package/admin/src/components/LanguageProvider/index.js +5 -2
- package/admin/src/components/LeftMenu/index.js +13 -11
- package/admin/src/components/LocalesProvider/index.js +2 -0
- package/admin/src/components/LocalesProvider/useLocalesProvider.js +1 -0
- package/admin/src/components/PluginsInitializer/index.js +2 -0
- package/admin/src/components/PrivateRoute/index.js +3 -2
- package/admin/src/components/Providers/index.js +10 -8
- package/admin/src/components/RBACProvider/index.js +3 -1
- package/admin/src/components/Theme/index.js +2 -0
- package/admin/src/components/ThemeToggleProvider/index.js +3 -1
- package/admin/src/components/UnauthenticatedLogo/index.js +2 -0
- package/admin/src/content-manager/components/AttributeFilter/Filters.js +4 -3
- package/admin/src/content-manager/components/AttributeFilter/hooks/useAllowedAttributes.js +1 -1
- package/admin/src/content-manager/components/AttributeFilter/index.js +3 -1
- package/admin/src/content-manager/components/CollectionTypeFormWrapper/index.js +19 -17
- package/admin/src/content-manager/components/ComponentIcon/ComponentIcon.js +2 -1
- package/admin/src/content-manager/components/ComponentInitializer/index.js +6 -4
- package/admin/src/content-manager/components/DynamicTable/BulkActionsBar/index.js +5 -3
- package/admin/src/content-manager/components/DynamicTable/CellContent/CellValue.js +2 -2
- package/admin/src/content-manager/components/DynamicTable/CellContent/Media/FileWrapper.js +2 -1
- package/admin/src/content-manager/components/DynamicTable/CellContent/Media/index.js +2 -1
- package/admin/src/content-manager/components/DynamicTable/CellContent/MultipleMedias.js +3 -1
- package/admin/src/content-manager/components/DynamicTable/CellContent/PublicationState/PublicationState.js +2 -1
- package/admin/src/content-manager/components/DynamicTable/CellContent/RelationMultiple/index.js +3 -1
- package/admin/src/content-manager/components/DynamicTable/CellContent/RelationSingle/index.js +3 -1
- package/admin/src/content-manager/components/DynamicTable/CellContent/RepeatableComponent/index.js +4 -3
- package/admin/src/content-manager/components/DynamicTable/CellContent/SingleComponent/index.js +2 -1
- package/admin/src/content-manager/components/DynamicTable/CellContent/index.js +4 -2
- package/admin/src/content-manager/components/DynamicTable/CellContent/utils/hasContent.js +2 -1
- package/admin/src/content-manager/components/DynamicTable/ConfirmDialogDelete/index.js +4 -2
- package/admin/src/content-manager/components/DynamicTable/TableRows/index.js +6 -10
- package/admin/src/content-manager/components/DynamicTable/index.js +7 -5
- package/admin/src/content-manager/components/DynamicZone/components/AddComponentButton.js +3 -2
- package/admin/src/content-manager/components/DynamicZone/components/ComponentCard.js +3 -3
- package/admin/src/content-manager/components/DynamicZone/components/ComponentCategory.js +4 -3
- package/admin/src/content-manager/components/DynamicZone/components/ComponentPicker.js +2 -1
- package/admin/src/content-manager/components/DynamicZone/components/DynamicComponent.js +9 -10
- package/admin/src/content-manager/components/DynamicZone/components/DynamicZoneLabel.js +4 -3
- package/admin/src/content-manager/components/DynamicZone/index.js +6 -6
- package/admin/src/content-manager/components/EditViewDataManagerProvider/index.js +17 -19
- package/admin/src/content-manager/components/EditViewDataManagerProvider/reducer.js +5 -4
- package/admin/src/content-manager/components/EditViewDataManagerProvider/utils/cleanData.js +1 -0
- package/admin/src/content-manager/components/EditViewDataManagerProvider/utils/index.js +1 -1
- package/admin/src/content-manager/components/FieldComponent/Label.js +2 -1
- package/admin/src/content-manager/components/FieldComponent/index.js +11 -10
- package/admin/src/content-manager/components/FieldComponent/utils/select.js +3 -2
- package/admin/src/content-manager/components/FieldTypeIcon/index.js +7 -6
- package/admin/src/content-manager/components/Hint/index.js +2 -1
- package/admin/src/content-manager/components/InjectionZoneList/index.js +3 -1
- package/admin/src/content-manager/components/InputUID/endActionStyle.js +1 -1
- package/admin/src/content-manager/components/InputUID/index.js +9 -7
- package/admin/src/content-manager/components/Inputs/index.js +7 -5
- package/admin/src/content-manager/components/Inputs/utils/select.js +2 -1
- package/admin/src/content-manager/components/NonRepeatableComponent/index.js +4 -2
- package/admin/src/content-manager/components/PreviewWysiwyg/index.js +1 -0
- package/admin/src/content-manager/components/PreviewWysiwyg/utils/mdRenderer.js +1 -1
- package/admin/src/content-manager/components/RelationInput/RelationInput.js +19 -19
- package/admin/src/content-manager/components/RelationInput/components/Option.js +5 -5
- package/admin/src/content-manager/components/RelationInput/components/Relation.js +1 -1
- package/admin/src/content-manager/components/RelationInput/components/RelationItem.js +3 -5
- package/admin/src/content-manager/components/RelationInput/components/RelationList.js +2 -1
- package/admin/src/content-manager/components/RelationInputDataManager/RelationInputDataManager.js +7 -9
- package/admin/src/content-manager/components/RelationInputDataManager/utils/index.js +3 -3
- package/admin/src/content-manager/components/RelationInputDataManager/utils/normalizeRelations.js +2 -2
- package/admin/src/content-manager/components/RelationInputDataManager/utils/select.js +2 -1
- package/admin/src/content-manager/components/RepeatableComponent/components/Accordion.js +2 -1
- package/admin/src/content-manager/components/RepeatableComponent/components/Component.js +13 -15
- package/admin/src/content-manager/components/RepeatableComponent/components/Preview.js +1 -0
- package/admin/src/content-manager/components/RepeatableComponent/index.js +8 -9
- package/admin/src/content-manager/components/SingleTypeFormWrapper/index.js +14 -11
- package/admin/src/content-manager/components/Wysiwyg/Editor.js +7 -3
- package/admin/src/content-manager/components/Wysiwyg/EditorLayout.js +5 -4
- package/admin/src/content-manager/components/Wysiwyg/WysiwygFooter.js +4 -2
- package/admin/src/content-manager/components/Wysiwyg/WysiwygNav.js +14 -13
- package/admin/src/content-manager/components/Wysiwyg/WysiwygStyles.js +1 -1
- package/admin/src/content-manager/components/Wysiwyg/index.js +12 -10
- package/admin/src/content-manager/hooks/index.js +3 -3
- package/admin/src/content-manager/hooks/useContentTypeLayout/index.js +2 -0
- package/admin/src/content-manager/hooks/useDragAndDrop.js +1 -0
- package/admin/src/content-manager/hooks/useFetchContentTypeLayout/index.js +7 -4
- package/admin/src/content-manager/hooks/useFetchContentTypeLayout/utils/formatLayouts.js +1 -1
- package/admin/src/content-manager/hooks/useFindRedirectionLink/index.js +2 -1
- package/admin/src/content-manager/hooks/useFindRedirectionLink/utils/getRedirectionLink.js +1 -1
- package/admin/src/content-manager/hooks/useLazyComponents/index.js +1 -0
- package/admin/src/content-manager/hooks/usePluginsQueryParams/index.js +1 -1
- package/admin/src/content-manager/hooks/useRelation/useRelation.js +3 -3
- package/admin/src/content-manager/hooks/useSyncRbac/index.js +3 -1
- package/admin/src/content-manager/hooks/useSyncRbac/reducer.js +2 -1
- package/admin/src/content-manager/hooks/useWysiwyg.js +1 -0
- package/admin/src/content-manager/pages/App/LeftMenu/index.js +5 -5
- package/admin/src/content-manager/pages/App/components/CardDragPreview.js +4 -3
- package/admin/src/content-manager/pages/App/components/ComponentDragPreview.js +4 -3
- package/admin/src/content-manager/pages/App/components/RelationDragPreview.js +7 -6
- package/admin/src/content-manager/pages/App/index.js +12 -11
- package/admin/src/content-manager/pages/App/reducer.js +1 -0
- package/admin/src/content-manager/pages/App/selectors.js +2 -1
- package/admin/src/content-manager/pages/App/useContentManagerInitData.js +7 -4
- package/admin/src/content-manager/pages/App/utils/getContentTypeLinks.js +4 -2
- package/admin/src/content-manager/pages/CollectionTypeRecursivePath/components/ErrorFallback.js +2 -1
- package/admin/src/content-manager/pages/CollectionTypeRecursivePath/index.js +8 -5
- package/admin/src/content-manager/pages/ComponentSetttingsView/index.js +7 -5
- package/admin/src/content-manager/pages/EditSettingsView/components/ComponentFieldList.js +6 -4
- package/admin/src/content-manager/pages/EditSettingsView/components/DisplayedFieldButton.js +9 -6
- package/admin/src/content-manager/pages/EditSettingsView/components/DisplayedFields.js +6 -3
- package/admin/src/content-manager/pages/EditSettingsView/components/DynamicZoneList.js +4 -3
- package/admin/src/content-manager/pages/EditSettingsView/components/FieldButtonContent.js +6 -3
- package/admin/src/content-manager/pages/EditSettingsView/components/FormModal.js +12 -9
- package/admin/src/content-manager/pages/EditSettingsView/components/GenericInput.js +2 -1
- package/admin/src/content-manager/pages/EditSettingsView/components/LayoutDndProvider/index.js +1 -0
- package/admin/src/content-manager/pages/EditSettingsView/components/LinkToCTB.js +5 -3
- package/admin/src/content-manager/pages/EditSettingsView/components/ModalForm.js +9 -6
- package/admin/src/content-manager/pages/EditSettingsView/components/RowItemsLayout.js +4 -1
- package/admin/src/content-manager/pages/EditSettingsView/components/RowsLayout.js +3 -1
- package/admin/src/content-manager/pages/EditSettingsView/hooks/useLayoutDnd.js +1 -0
- package/admin/src/content-manager/pages/EditSettingsView/index.js +27 -24
- package/admin/src/content-manager/pages/EditSettingsView/reducer.js +4 -2
- package/admin/src/content-manager/pages/EditSettingsView/utils/api.js +1 -0
- package/admin/src/content-manager/pages/EditSettingsView/utils/layout.js +1 -1
- package/admin/src/content-manager/pages/EditView/DeleteLink/index.js +6 -3
- package/admin/src/content-manager/pages/EditView/DeleteLink/utils/select.js +1 -1
- package/admin/src/content-manager/pages/EditView/DraftAndPublishBadge/index.js +6 -3
- package/admin/src/content-manager/pages/EditView/GridRow/index.js +4 -2
- package/admin/src/content-manager/pages/EditView/Header/index.js +13 -10
- package/admin/src/content-manager/pages/EditView/Information/index.js +5 -3
- package/admin/src/content-manager/pages/EditView/index.js +15 -12
- package/admin/src/content-manager/pages/EditView/selectors.js +2 -1
- package/admin/src/content-manager/pages/EditView/utils/getFieldsActionMatchingPermissions.js +2 -2
- package/admin/src/content-manager/pages/EditView/utils/index.js +1 -1
- package/admin/src/content-manager/pages/EditViewLayoutManager/Permissions.js +5 -3
- package/admin/src/content-manager/pages/EditViewLayoutManager/index.js +5 -2
- package/admin/src/content-manager/pages/EditViewLayoutManager/reducer.js +1 -0
- package/admin/src/content-manager/pages/ListSettingsView/components/DraggableCard.js +5 -4
- package/admin/src/content-manager/pages/ListSettingsView/components/EditFieldForm.js +12 -10
- package/admin/src/content-manager/pages/ListSettingsView/components/Settings.js +6 -4
- package/admin/src/content-manager/pages/ListSettingsView/components/SortDisplayedFields.js +8 -5
- package/admin/src/content-manager/pages/ListSettingsView/index.js +25 -23
- package/admin/src/content-manager/pages/ListSettingsView/reducer.js +2 -1
- package/admin/src/content-manager/pages/ListView/FieldPicker/index.js +7 -4
- package/admin/src/content-manager/pages/ListView/PaginationFooter/index.js +3 -2
- package/admin/src/content-manager/pages/ListView/index.js +29 -33
- package/admin/src/content-manager/pages/ListView/reducer.js +2 -1
- package/admin/src/content-manager/pages/ListView/selectors.js +1 -0
- package/admin/src/content-manager/pages/ListView/utils/buildQueryString.js +2 -1
- package/admin/src/content-manager/pages/ListViewLayoutManager/Permissions.js +3 -2
- package/admin/src/content-manager/pages/ListViewLayoutManager/index.js +5 -2
- package/admin/src/content-manager/pages/NoContentType/index.js +5 -3
- package/admin/src/content-manager/pages/NoPermissions/index.js +4 -2
- package/admin/src/content-manager/pages/SingleTypeRecursivePath/index.js +5 -3
- package/admin/src/content-manager/sharedReducers/crudReducer/actions.js +1 -1
- package/admin/src/content-manager/sharedReducers/crudReducer/reducer.js +0 -1
- package/admin/src/content-manager/testUtils/index.js +1 -1
- package/admin/src/content-manager/utils/index.js +0 -7
- package/admin/src/content-manager/utils/removePasswordFieldsFromData.js +1 -1
- package/admin/src/content-manager/utils/schema.js +1 -2
- package/admin/src/contexts/ApiTokenPermissions/index.js +1 -0
- package/admin/src/contexts/MarketPlace/index.js +1 -0
- package/admin/src/core/apis/index.js +2 -2
- package/admin/src/core/store/configureStore.js +1 -1
- package/admin/src/hooks/index.js +6 -6
- package/admin/src/hooks/marketplace/useFetchMarketplacePlugins/index.js +2 -1
- package/admin/src/hooks/marketplace/useFetchMarketplaceProviders/index.js +2 -1
- package/admin/src/hooks/useAdminUsers/useAdminUsers.js +1 -1
- package/admin/src/hooks/useConfigurations/index.js +1 -0
- package/admin/src/hooks/useDebounce/index.js +1 -1
- package/admin/src/hooks/useEnterprise/index.js +1 -0
- package/admin/src/hooks/useEnterprise/useEnterprise.js +36 -0
- package/admin/src/hooks/useFetchEnabledPlugins/index.js +2 -1
- package/admin/src/hooks/useFetchPermissionsLayout/index.js +1 -0
- package/admin/src/hooks/useFetchRole/index.js +3 -1
- package/admin/src/hooks/useInjectReducer/useInjectReducer.js +1 -0
- package/admin/src/hooks/useMenu/index.js +5 -3
- package/admin/src/hooks/useMenu/reducer.js +2 -1
- package/admin/src/hooks/useMenu/utils/getGeneralLinks.js +1 -0
- package/admin/src/hooks/usePermissionsDataManager/index.js +1 -0
- package/admin/src/hooks/useRegenerate/index.js +2 -1
- package/admin/src/hooks/useReleaseNotification/index.js +1 -0
- package/admin/src/hooks/useRolesList/index.js +3 -1
- package/admin/src/hooks/useSettingsForm/index.js +4 -1
- package/admin/src/hooks/useSettingsMenu/constants.js +46 -0
- package/admin/src/hooks/useSettingsMenu/index.js +75 -35
- package/admin/src/hooks/useThemeToggle/index.js +1 -0
- package/admin/src/index.js +1 -0
- package/admin/src/layouts/AppLayout/index.js +2 -1
- package/admin/src/layouts/UnauthenticatedLayout/LocaleToggle/index.js +3 -1
- package/admin/src/layouts/UnauthenticatedLayout/index.js +4 -2
- package/admin/src/pages/Admin/Onboarding/index.js +7 -5
- package/admin/src/pages/Admin/index.js +7 -5
- package/admin/src/pages/App/constants.js +2 -0
- package/admin/src/pages/App/index.js +20 -9
- package/admin/src/pages/App/reducer.js +1 -0
- package/admin/src/pages/App/utils/index.js +1 -1
- package/admin/src/pages/AuthPage/components/FieldActionWrapper/index.js +1 -1
- package/admin/src/pages/AuthPage/components/ForgotPassword/index.js +6 -4
- package/admin/src/pages/AuthPage/components/ForgotPasswordSuccess/index.js +5 -3
- package/admin/src/pages/AuthPage/components/Login/BaseLogin.js +6 -4
- package/admin/src/pages/AuthPage/components/Login/index.js +4 -1
- package/admin/src/pages/AuthPage/components/Oops/index.js +5 -3
- package/admin/src/pages/AuthPage/components/Register/index.js +24 -22
- package/admin/src/pages/AuthPage/components/ResetPassword/index.js +8 -6
- package/admin/src/pages/AuthPage/index.js +6 -3
- package/admin/src/pages/AuthPage/utils/forms.js +2 -1
- package/admin/src/pages/HomePage/CloudBox.js +6 -4
- package/admin/src/pages/HomePage/ContentBlocks.js +6 -4
- package/admin/src/pages/HomePage/HomeHeader.js +5 -4
- package/admin/src/pages/HomePage/SocialLinks.js +6 -5
- package/admin/src/pages/HomePage/index.js +12 -10
- package/admin/src/pages/InstalledPluginsPage/Plugins.js +10 -8
- package/admin/src/pages/InstalledPluginsPage/index.js +3 -0
- package/admin/src/pages/InternalErrorPage/index.js +4 -3
- package/admin/src/pages/MarketplacePage/components/EmptyNpmPackageSearch/EmptyNpmPackageGrid.js +2 -1
- package/admin/src/pages/MarketplacePage/components/EmptyNpmPackageSearch/index.js +4 -2
- package/admin/src/pages/MarketplacePage/components/MissingPluginBanner/index.js +4 -3
- package/admin/src/pages/MarketplacePage/components/NpmPackageCard/CardButton.js +4 -3
- package/admin/src/pages/MarketplacePage/components/NpmPackageCard/InstallPluginButton.js +5 -3
- package/admin/src/pages/MarketplacePage/components/NpmPackageCard/PackageStats.js +7 -6
- package/admin/src/pages/MarketplacePage/components/NpmPackageCard/index.js +8 -5
- package/admin/src/pages/MarketplacePage/components/NpmPackagesFilters/FilterSelect.js +2 -1
- package/admin/src/pages/MarketplacePage/components/NpmPackagesFilters/FiltersPopover.js +4 -2
- package/admin/src/pages/MarketplacePage/components/NpmPackagesFilters/index.js +6 -4
- package/admin/src/pages/MarketplacePage/components/NpmPackagesGrid/index.js +5 -3
- package/admin/src/pages/MarketplacePage/components/NpmPackagesPagination/index.js +3 -2
- package/admin/src/pages/MarketplacePage/components/OfflineLayout/index.js +5 -3
- package/admin/src/pages/MarketplacePage/components/PageHeader/index.js +4 -3
- package/admin/src/pages/MarketplacePage/components/SortSelect/index.js +4 -3
- package/admin/src/pages/MarketplacePage/index.js +22 -20
- package/admin/src/pages/MarketplacePage/utils/useMarketplaceData.js +4 -2
- package/admin/src/pages/NotFoundPage/index.js +4 -3
- package/admin/src/pages/ProfilePage/components/Password/index.js +7 -6
- package/admin/src/pages/ProfilePage/components/Preferences/index.js +3 -2
- package/admin/src/pages/ProfilePage/components/UserInfo/index.js +3 -2
- package/admin/src/pages/ProfilePage/index.js +21 -18
- package/admin/src/pages/ProfilePage/utils/schema.js +1 -0
- package/admin/src/pages/SettingsPage/components/Filters/index.js +4 -3
- package/admin/src/pages/SettingsPage/components/SettingsNav/index.js +7 -5
- package/admin/src/pages/SettingsPage/components/Tokens/FormHead/index.js +5 -3
- package/admin/src/pages/SettingsPage/components/Tokens/LifeSpanInput/index.js +3 -1
- package/admin/src/pages/SettingsPage/components/Tokens/Regenerate/index.js +5 -3
- package/admin/src/pages/SettingsPage/components/Tokens/Table/DefaultButton/index.js +3 -2
- package/admin/src/pages/SettingsPage/components/Tokens/Table/DeleteButton/index.js +4 -3
- package/admin/src/pages/SettingsPage/components/Tokens/Table/ReadButton/index.js +2 -0
- package/admin/src/pages/SettingsPage/components/Tokens/Table/UpdateButton/index.js +2 -0
- package/admin/src/pages/SettingsPage/components/Tokens/Table/index.js +8 -6
- package/admin/src/pages/SettingsPage/components/Tokens/TokenBox/index.js +3 -2
- package/admin/src/pages/SettingsPage/components/Tokens/TokenDescription/index.js +2 -1
- package/admin/src/pages/SettingsPage/components/Tokens/TokenName/index.js +2 -1
- package/admin/src/pages/SettingsPage/components/Tokens/TokenTypeSelect/index.js +2 -2
- package/admin/src/pages/SettingsPage/{utils/defaultRoutes.js → constants.js} +16 -18
- package/admin/src/pages/SettingsPage/index.js +21 -6
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/ActionBoundRoutes/index.js +4 -2
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/BoundRoute/index.js +5 -3
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/CollapsableContentType/CheckBoxWrapper.js +1 -1
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/CollapsableContentType/index.js +10 -7
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/ContenTypesSection/index.js +3 -1
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/FormApiTokenContainer/index.js +5 -3
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/LoadingView/index.js +4 -3
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/Permissions/index.js +5 -3
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/components/Regenerate/index.js +5 -3
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/index.js +20 -17
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/reducer.js +1 -0
- package/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/utils/schema.js +1 -1
- package/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/index.js +13 -12
- package/admin/src/pages/SettingsPage/pages/ApiTokens/ProtectedCreateView/index.js +2 -0
- package/admin/src/pages/SettingsPage/pages/ApiTokens/ProtectedEditView/index.js +2 -0
- package/admin/src/pages/SettingsPage/pages/ApiTokens/ProtectedListView/index.js +2 -0
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/CustomizationInfos/index.js +7 -4
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoInput/index.js +7 -4
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoModalStepper/AddLogoDialog.js +4 -2
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoModalStepper/FromComputerForm.js +11 -9
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoModalStepper/FromUrlForm.js +5 -3
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoModalStepper/ImageCardAsset.js +4 -3
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoModalStepper/PendingLogoDialog.js +4 -2
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/components/LogoModalStepper/index.js +3 -1
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js +14 -12
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/utils/api.js +1 -0
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/utils/parseFileMetadatas.js +1 -1
- package/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/utils/prefixAllUrls.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/CreatePage/index.js +19 -16
- package/admin/src/pages/SettingsPage/pages/Roles/CreatePage/utils/schema.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/CollapseLabel/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsButton/index.js +3 -2
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/ActionRow/index.js +3 -2
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/ActionRow/utils/options.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/index.js +8 -6
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ConditionsModal/utils/createDefaultConditionsForm.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/Collapse/index.js +6 -3
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/Collapse/utils/generateCheckboxesActions.js +1 -0
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/ActionRow/index.js +5 -2
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/CarretIcon/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/Header/index.js +3 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/SubActionRow/index.js +4 -2
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/CollapsePropertyMatrix/index.js +5 -3
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/index.js +3 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapse/utils/activeStyle.js +1 -0
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypeCollapses/index.js +2 -0
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/ContentTypes/index.js +4 -2
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Curve/index.js +2 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/GlobalActions/index.js +5 -2
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/GlobalActions/utils/getRowLabelCheckboxesState.js +1 -0
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/HiddenAction/index.js +1 -0
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Permissions/index.js +5 -2
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Permissions/reducer.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Permissions/utils/createDefaultCTFormFromLayout.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Permissions/utils/createDefaultPluginsFormFromLayout.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Permissions/utils/formatContentTypesPermissionToAPI.js +3 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/Permissions/utils/updateConditionsToFalse.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PermissionsDataManagerProvider/index.js +2 -0
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/Row/index.js +3 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/SubCategory/index.js +7 -4
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/SubCategory/utils/formatActions.js +1 -0
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/PluginsAndSettings/index.js +3 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RequiredSign/index.js +1 -0
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RoleForm/index.js +4 -3
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/RowLabelWithCheckbox/index.js +3 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/components/utils/index.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/index.js +9 -6
- package/admin/src/pages/SettingsPage/pages/Roles/EditPage/utils/schema.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Roles/ListPage/components/RoleRow/index.js +3 -2
- package/admin/src/pages/SettingsPage/pages/Roles/ListPage/index.js +19 -16
- package/admin/src/pages/SettingsPage/pages/Roles/ProtectedEditPage/index.js +3 -1
- package/admin/src/pages/SettingsPage/pages/Roles/ProtectedListPage/index.js +2 -0
- package/admin/src/pages/SettingsPage/pages/TransferTokens/EditView/components/FormTransferTokenContainer/index.js +5 -3
- package/admin/src/pages/SettingsPage/pages/TransferTokens/EditView/components/LoadingView/index.js +4 -3
- package/admin/src/pages/SettingsPage/pages/TransferTokens/EditView/index.js +21 -18
- package/admin/src/pages/SettingsPage/pages/TransferTokens/EditView/utils/schema.js +1 -1
- package/admin/src/pages/SettingsPage/pages/TransferTokens/ListView/index.js +13 -12
- package/admin/src/pages/SettingsPage/pages/TransferTokens/ProtectedCreateView/index.js +2 -0
- package/admin/src/pages/SettingsPage/pages/TransferTokens/ProtectedEditView/index.js +2 -0
- package/admin/src/pages/SettingsPage/pages/TransferTokens/ProtectedListView/index.js +2 -0
- package/admin/src/pages/SettingsPage/pages/Users/EditPage/index.js +26 -24
- package/admin/src/pages/SettingsPage/pages/Users/ListPage/CreateAction/index.js +3 -2
- package/admin/src/pages/SettingsPage/pages/Users/ListPage/DynamicTable/TableRows/index.js +7 -5
- package/admin/src/pages/SettingsPage/pages/Users/ListPage/ModalForm/index.js +19 -16
- package/admin/src/pages/SettingsPage/pages/Users/ListPage/ModalForm/utils/schema.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/index.js +3 -2
- package/admin/src/pages/SettingsPage/pages/Users/ListPage/index.js +12 -10
- package/admin/src/pages/SettingsPage/pages/Users/ListPage/utils/tableHeaders.js +1 -0
- package/admin/src/pages/SettingsPage/pages/Users/ProtectedEditPage/index.js +2 -1
- package/admin/src/pages/SettingsPage/pages/Users/ProtectedListPage/index.js +2 -0
- package/admin/src/pages/SettingsPage/pages/Users/components/MagicLink/MagicLinkWrapper.js +3 -2
- package/admin/src/pages/SettingsPage/pages/Users/components/MagicLink/index.js +4 -1
- package/admin/src/pages/SettingsPage/pages/Users/components/SelectRoles/index.js +4 -3
- package/admin/src/pages/SettingsPage/pages/Users/utils/validations/users/edit.js +1 -0
- package/admin/src/pages/SettingsPage/pages/Users/utils/validations/users/profile.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Users/utils/validations/users/roles.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/Events/index.js +10 -10
- package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/Combobox.js +4 -3
- package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/index.js +6 -4
- package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/TriggerContainer/index.js +4 -3
- package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/WebhookForm/index.js +20 -13
- package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/WebhookForm/utils/makeWebhookValidationSchema.js +1 -1
- package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/index.js +6 -3
- package/admin/src/pages/SettingsPage/pages/Webhooks/ListView/index.js +30 -29
- package/admin/src/pages/SettingsPage/pages/Webhooks/ProtectedCreateView/index.js +2 -0
- package/admin/src/pages/SettingsPage/pages/Webhooks/ProtectedEditView/index.js +2 -0
- package/admin/src/pages/SettingsPage/pages/Webhooks/ProtectedListView/index.js +2 -0
- package/admin/src/pages/SettingsPage/utils/createSectionsRoutes.js +1 -0
- package/admin/src/pages/SettingsPage/utils/index.js +0 -2
- package/admin/src/pages/UseCasePage/index.js +13 -11
- package/admin/src/permissions/index.js +2 -1
- package/admin/src/reducers.js +2 -2
- package/admin/src/shared/components/InjectionZone/index.js +2 -0
- package/admin/src/shared/hooks/useAdminProvider/index.js +1 -0
- package/admin/src/utils/createRoute.js +2 -1
- package/admin/src/utils/index.js +3 -3
- package/build/1970.d246745e.chunk.js +1 -0
- package/build/3528.969338e2.chunk.js +7 -0
- package/build/5563.8a76bb1d.chunk.js +79 -0
- package/build/5932.9e1f8f92.chunk.js +1 -0
- package/build/7018.0e8a6297.chunk.js +1 -0
- package/build/7259.eac09d4b.chunk.js +1 -0
- package/build/{8976.0022f5a3.chunk.js → 7447.3dabc92f.chunk.js} +7 -22
- package/build/{5297.31c9ffdc.chunk.js → 9363.6a7a78fc.chunk.js} +16 -22
- package/build/{9932.5ef475c5.chunk.js → 9932.7e2b71de.chunk.js} +4 -4
- package/build/Admin-authenticatedApp.4e158a8c.chunk.js +79 -0
- package/build/{Admin_InternalErrorPage.f25f04f3.chunk.js → Admin_InternalErrorPage.4a6f7b20.chunk.js} +1 -1
- package/build/Admin_homePage.6cd6c25c.chunk.js +73 -0
- package/build/Admin_marketplace.c82c1d3c.chunk.js +55 -0
- package/build/Admin_profilePage.9d70d609.chunk.js +13 -0
- package/build/Admin_settingsPage.fefeafa0.chunk.js +79 -0
- package/build/Upload_ConfigureTheView.34f449d7.chunk.js +1 -0
- package/build/admin-app.42c7a752.chunk.js +63 -0
- package/build/admin-edit-roles-page.6d62ca0b.chunk.js +267 -0
- package/build/admin-edit-users.bce64103.chunk.js +10 -0
- package/build/{admin-roles-list.b2577370.chunk.js → admin-roles-list.81ae57e3.chunk.js} +4 -4
- package/build/admin-users.1ec50325.chunk.js +11 -0
- package/build/api-tokens-list-page.36a241c1.chunk.js +16 -0
- package/build/audit-logs-settings-page.fca8e2a0.chunk.js +1 -0
- package/build/content-manager.d6e60c78.chunk.js +1094 -0
- package/build/content-type-builder-list-view.c28d33a6.chunk.js +211 -0
- package/build/content-type-builder.dc0c8745.chunk.js +132 -0
- package/build/email-settings-page.aee46eaa.chunk.js +11 -0
- package/build/i18n-settings-page.4bc37a3f.chunk.js +9 -0
- package/build/index.html +1 -1
- package/build/main.9b423e8b.js +2926 -0
- package/build/review-workflows-settings.fc0b59ca.chunk.js +61 -0
- package/build/{runtime~main.47de849f.js → runtime~main.2d0ed226.js} +2 -2
- package/build/{sso-settings-page.a3da20a9.chunk.js → sso-settings-page.52f8d7de.chunk.js} +1 -1
- package/build/transfer-tokens-list-page.ae9900e4.chunk.js +16 -0
- package/build/upload-settings.a05aa26c.chunk.js +14 -0
- package/build/upload.b0efd607.chunk.js +26 -0
- package/build/users-advanced-settings-page.d9e11bab.chunk.js +9 -0
- package/build/users-email-settings-page.0bc87315.chunk.js +9 -0
- package/build/users-providers-settings-page.e88f1ac5.chunk.js +14 -0
- package/build/users-roles-settings-page.573a5c3e.chunk.js +30 -0
- package/build/webhook-edit-page.1e8c9382.chunk.js +31 -0
- package/build/webhook-list-page.b2bcb3b6.chunk.js +63 -0
- package/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/ReviewWorkflowsStageEE.js +2 -1
- package/ee/admin/content-manager/components/DynamicTable/CellContent/ReviewWorkflowsStage/getTableColumn.js +4 -2
- package/ee/admin/content-manager/pages/EditView/InformationBox/InformationBoxEE.js +4 -3
- package/ee/admin/hooks/useAuthProviders/index.js +3 -1
- package/ee/admin/hooks/useLicenseLimitNotification/index.js +4 -2
- package/ee/admin/hooks/useLicenseLimits/index.js +1 -0
- package/ee/admin/hooks/useSettingsMenu/constants.js +43 -0
- package/ee/admin/pages/App/{utils/customRoutes.js → constants.js} +2 -4
- package/ee/admin/pages/AuthPage/components/Login/index.js +5 -3
- package/ee/admin/pages/AuthPage/components/Providers/SSOProviders.js +3 -2
- package/ee/admin/pages/AuthPage/components/Providers/index.js +8 -5
- package/ee/admin/pages/AuthPage/utils/forms.js +1 -1
- package/ee/admin/pages/AuthResponse/index.js +7 -5
- package/ee/admin/pages/SettingsPage/constants.js +49 -0
- package/ee/admin/pages/SettingsPage/pages/ApplicationInfosPage/components/AdminSeatInfo/index.js +5 -3
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/ComboboxFilter/index.js +2 -1
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/Modal/ActionBody.js +4 -1
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/Modal/ActionItem.js +2 -1
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/Modal/index.js +10 -3
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/PaginationFooter/index.js +3 -2
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/TableRows/index.js +5 -3
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/hooks/useAuditLogsData.js +1 -1
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/hooks/useFormatTimeStamp.js +1 -1
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/index.js +19 -16
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ListView/utils/getDisplayedFilters.js +2 -1
- package/ee/admin/pages/SettingsPage/pages/AuditLogs/ProtectedListPage/index.js +2 -0
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/ReviewWorkflows.js +13 -12
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/actions/index.js +2 -2
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/AddStage/AddStage.js +2 -2
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/StageDragPreview/StageDragPreview.js +4 -3
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stage/Stage.js +10 -9
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/components/Stages/Stages.js +5 -3
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/hooks/useReviewWorkflows.js +1 -1
- package/ee/admin/pages/SettingsPage/pages/ReviewWorkflows/reducer/index.js +2 -2
- package/ee/admin/pages/SettingsPage/pages/SingleSignOn/index.js +21 -18
- package/ee/admin/pages/SettingsPage/pages/Users/ListPage/CreateAction/index.js +5 -3
- package/ee/admin/pages/SettingsPage/pages/Users/components/MagicLink/index.js +3 -1
- package/ee/server/utils/persisted-tables.js +22 -29
- package/package.json +9 -9
- package/server/strategies/api-token.js +1 -8
- package/admin/src/hooks/useSettingsMenu/init.js +0 -34
- package/admin/src/hooks/useSettingsMenu/reducer.js +0 -41
- package/admin/src/hooks/useSettingsMenu/utils/adminLinks.js +0 -4
- package/admin/src/hooks/useSettingsMenu/utils/customAdminLinks.js +0 -1
- package/admin/src/hooks/useSettingsMenu/utils/customGlobalLinks.js +0 -1
- package/admin/src/hooks/useSettingsMenu/utils/defaultAdminLinks.js +0 -21
- package/admin/src/hooks/useSettingsMenu/utils/defaultGlobalLinks.js +0 -34
- package/admin/src/hooks/useSettingsMenu/utils/globalLinks.js +0 -4
- package/admin/src/pages/App/utils/customRoutes.js +0 -3
- package/admin/src/pages/App/utils/defaultRoutes.js +0 -3
- package/admin/src/pages/App/utils/routes.js +0 -4
- package/admin/src/pages/SettingsPage/utils/customRoutes.js +0 -3
- package/admin/src/pages/SettingsPage/utils/routes.js +0 -5
- package/build/5563.badbffde.chunk.js +0 -79
- package/build/5932.bc068e5d.chunk.js +0 -1
- package/build/7259.5d0de931.chunk.js +0 -1
- package/build/Admin-authenticatedApp.5b58bef2.chunk.js +0 -79
- package/build/Admin_homePage.05063e43.chunk.js +0 -73
- package/build/Admin_marketplace.005d2d5b.chunk.js +0 -55
- package/build/Admin_profilePage.62a7e480.chunk.js +0 -13
- package/build/Admin_settingsPage.ed1f5cb0.chunk.js +0 -79
- package/build/Upload_ConfigureTheView.121deffb.chunk.js +0 -1
- package/build/admin-app.3c186e76.chunk.js +0 -63
- package/build/admin-edit-roles-page.bfe3304d.chunk.js +0 -282
- package/build/admin-edit-users.6efe0382.chunk.js +0 -10
- package/build/admin-users.4af49ccf.chunk.js +0 -26
- package/build/api-tokens-list-page.01a4d5cd.chunk.js +0 -16
- package/build/audit-logs-settings-page.b165679b.chunk.js +0 -16
- package/build/content-manager.fe913e72.chunk.js +0 -1094
- package/build/content-type-builder-list-view.58f9ed20.chunk.js +0 -211
- package/build/content-type-builder.baeb0413.chunk.js +0 -132
- package/build/email-settings-page.8caad83f.chunk.js +0 -11
- package/build/i18n-settings-page.579d5eab.chunk.js +0 -9
- package/build/main.beb306d5.js +0 -2926
- package/build/review-workflows-settings.f0efc683.chunk.js +0 -61
- package/build/transfer-tokens-list-page.5d68d590.chunk.js +0 -16
- package/build/upload-settings.2c1565d6.chunk.js +0 -14
- package/build/upload.257b2aef.chunk.js +0 -26
- package/build/users-advanced-settings-page.ddd29040.chunk.js +0 -9
- package/build/users-email-settings-page.717e2a51.chunk.js +0 -24
- package/build/users-providers-settings-page.c7eae829.chunk.js +0 -29
- package/build/users-roles-settings-page.63cf2838.chunk.js +0 -30
- package/build/webhook-edit-page.8576742e.chunk.js +0 -31
- package/build/webhook-list-page.abf5747c.chunk.js +0 -63
- package/ee/admin/hooks/useSettingsMenu/utils/customAdminLinks.js +0 -17
- package/ee/admin/hooks/useSettingsMenu/utils/customGlobalLinks.js +0 -25
- package/ee/admin/pages/SettingsPage/utils/customRoutes.js +0 -45
|
@@ -0,0 +1,1094 @@
|
|
|
1
|
+
(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[994],{42814:function(ht,ke){"use strict";ke.Z=()=>null},98802:function(ht,ke,i){"use strict";i.r(ke),i.d(ke,{App:function(){return Qa},default:function(){return Yp}});var e=i(32735),pe=i(27649),ye=i(82055),Le=i(96709),y=i(69262),Be=i(98978),Ke=i.n(Be),Ne=i(74758),Q=i(67879),ae=i(53038),je=i(55433),Re=i(83983),qe=(0,e.createContext)(),Ee=i(47510),xe=i(25708),De=i(60216),n=i.n(De),lt=i(47533),Ve=(0,e.createContext)(),Pt=i(73386),be=i(56327),f=i(51375),ie=i(41415),We=i(17e3),N=i(72850),x=i(87933),G=i(49372),Ie=i(15335),ge=i(5803),Fe=i(68465),ve=i(84967),yt=i(9026),_e=i(29439),Ae=i(66456),He=i(99381),Oe=i.n(He),rt=i(3704),ct=i.n(rt),Et=i(33795),F=i.n(Et),on=i(89793),ze=i.n(on),Ka=i(88423),rn=i.n(Ka),Ya=i(3040),oe=i.n(Ya),Xa=i(23940),Zt=i.n(Xa),et=i(20108),fe=i(15062),bt=i(42882),Xe=i(34853),vt=i(19406),dt=i(68625);const Uo=e.createContext();function an({attributes:t,buttonData:o,children:r,goTo:a,layout:s,metadatas:c,moveItem:l,moveRow:d,onAddData:u,relationsLayout:m,removeField:g,selectedItemName:h,setEditFieldToSelect:p,...b}){return e.createElement(Uo.Provider,{value:{attributes:t,buttonData:o,goTo:a,layout:s,metadatas:c,moveItem:l,moveRow:d,onAddData:u,relationsLayout:m,removeField:g,selectedItemName:h,setEditFieldToSelect:p,...b}},r)}an.defaultProps={attributes:{},buttonData:[],goTo(){},layout:[],metadatas:{},moveItem(){},moveRow(){},onAddData(){},relationsLayout:[],removeField(){},selectedItemName:null,setEditFieldToSelect(){}},an.propTypes={attributes:n().object,buttonData:n().array,children:n().node.isRequired,goTo:n().func,layout:n().array,metadatas:n().object,moveItem:n().func,moveRow:n().func,onAddData:n().func,relationsLayout:n().array,removeField:n().func,selectedItemName:n().string,setEditFieldToSelect:n().func};function ut(){return e.useContext(Uo)}const Ja=[{action:"plugin::content-type-builder.read",subject:null}];var _a=()=>{const{trackUsage:t}=(0,y.rS)(),{formatMessage:o}=(0,Q.Z)(),{slug:r,modifiedData:a,isContentTypeView:s}=ut(),c=s?"content-types":"components",l=`/plugins/content-type-builder/${c==="content-types"?c:"component-categories"}`,d=F()(a,"category",""),u=c==="content-types"?r:`${d}/${r}`,m=()=>{t("willEditEditLayout")};return r==="strapi::administrator"?null:e.createElement(y.jW,{permissions:Ja},e.createElement(y.Qj,{to:`${l}/${u}`,onClick:m,size:"S",startIcon:e.createElement(dt.Z,null),variant:"secondary"},o({id:(0,Ee.Z)(`edit-settings-view.link-to-ctb.${c}`),defaultMessage:"Edit the content type"})))},at=i(47081),Nt=i(74506),xt=i(51968),U=i(8471),Me=i(50563),tt=i(4038),sn=i(45112);const qo=({componentUid:t})=>{const{componentLayouts:o}=ut(),{formatMessage:r}=(0,Q.Z)(),a=F()(o,[t],{}),s=F()(a,["layouts","edit"],[]);return e.createElement(N.x,{padding:3},s.map((c,l)=>e.createElement(Ie.r,{gap:4,key:l},c.map(d=>e.createElement(ge.P,{key:d.name,col:d.size},e.createElement(N.x,{paddingTop:2},e.createElement(x.k,{alignItems:"center",background:"neutral0",paddingLeft:3,paddingRight:3,height:`${32/16}rem`,hasRadius:!0,borderColor:"neutral200"},e.createElement(G.Z,{textColor:"neutral800"},d.name))))))),e.createElement(N.x,{paddingTop:2},e.createElement(y.rU,{startIcon:e.createElement(sn.Z,null),to:`/content-manager/components/${t}/configurations/edit`},r({id:(0,Ee.Z)("components.FieldItem.linkToComponentLayout"),defaultMessage:"Set the component's layout"}))))};qo.propTypes={componentUid:n().string.isRequired};var es=qo,Ct=i(14911),ln=i(99140),ts=i(55805),ns=i(31206),os=i(97075),rs=i(14949),as=i(8482),ss=i(65261),is=i(55877),ls=i(84298),cn=i(73906),cs=i(37272),ds=i(67121),us=i(39869),Vo=i(35635),ms=i(26366),ps=i(98464),gs=i(2362),fs=i(89992),hs=i(10473),ys=i(95971),Es=i(72536),bs=i(68312),Ho=i(80601),Go=i(74464),vs=i(70809),Cs=i(98148),Rs=i(81424),Ms=i(69317),Ts=i(25789),Ds=i(77359),Os=i(50416),Is=i(20015),Ps=i(20276),Zs=i(82068),xs=i(41645),Fs=i(61294),Ss=i(65943),ks=i(8606),Ls=i(7961),As=i(92967),Qo=i(18070),ws=i(54894),$s=i(30285),Bs=i(96011),Ns=i(47041),js=i(60625),Ko=i(5644),Ws=i(78150),zs=i(63717),Us=i(24609),qs=i(86543),Vs=i(62864),Hs=i(92989),Gs=i(49886),Qs=i(47052),Ks=i(50694),Ys=i(81875),Xs=i(92323),dn=i(49844),Js=i(11631),_s=i(9254),Yo=i(2669),ei=i(18709),ti=i(20258),Xo=i(43231),ni=i(45147),oi=i(23154),ri=i(26253),ai=i(79634),si=i(32548),ii=i(99482),li=i(45323),ci=i(76994),di=i(88777),ui=i(95703),mi=i(8981),pi=i(7733),gi=i(10168),fi=i(25449),hi=i(83900),yi=i(32645),Ei=i(78429),bi=i(9882),Jo=i(11417),vi=i(39698),Ci=i(92168),Ri=i(69621),Mi=i(2438),Ti=i(92254),Di=i(2287),Oi=i(29685),_o=i(65663),un=i(44647),Ii=i(5502),Pi=i(31047),Zi=i(93307),xi=i(78055),Fi=i(51239),Si=i(6792),ki=i(75156),Li=i(80683),Ai=i(2689),wi=i(40202),$i=i(36919),Bi=i(75444),Ni=i(92003),ji=i(4511),Wi=i(2847),er=i(83139),zi=i(53779),Ui=i(72890),qi=i(84411),Vi=i(37193),Hi=i(74831),Gi=i(99221),Qi=i(34119),mn=i(99283),Ki=i(21371),Yi=i(70727),Xi=i(42213),Ji=i(8611),_i=i(20448),el=i(73165);const tr={alien:ts.Z,apps:ns.Z,archive:os.Z,arrowDown:rs.Z,arrowLeft:_e.Z,arrowRight:as.Z,arrowUp:ss.Z,attachment:is.Z,bell:ls.Z,bold:cn.Z,book:cs.Z,briefcase:ds.Z,brush:us.Z,bulletList:Vo.Z,calendar:ms.Z,car:ps.Z,cast:gs.Z,chartBubble:fs.Z,chartCircle:hs.Z,chartPie:ys.Z,check:Ae.Z,clock:Es.Z,cloud:bs.Z,code:Ho.Z,cog:sn.Z,collapse:Go.Z,command:vs.Z,connector:Cs.Z,crop:Rs.Z,crown:Ms.Z,cube:Ts.Z,cup:Ds.Z,cursor:Os.Z,dashboard:Is.Z,database:Ps.Z,discuss:Zs.Z,doctor:xs.Z,earth:Fs.Z,emotionHappy:Ss.Z,emotionUnhappy:ks.Z,envelop:Ls.Z,exit:As.Z,expand:Qo.Z,eye:ws.Z,feather:$s.Z,file:Bs.Z,fileError:Ns.Z,filePdf:js.Z,filter:Ko.Z,folder:Ws.Z,gate:zs.Z,gift:Us.Z,globe:qs.Z,grid:Vs.Z,handHeart:Hs.Z,hashtag:Gs.Z,headphone:Qs.Z,heart:Ks.Z,house:Ys.Z,information:Xs.Z,italic:dn.Z,key:Js.Z,landscape:_s.Z,layer:Yo.Z,layout:ei.Z,lightbulb:ti.Z,link:Xo.Z,lock:ni.Z,magic:oi.Z,manyToMany:ri.Z,manyToOne:ai.Z,manyWays:si.Z,medium:ii.Z,message:li.Z,microphone:ci.Z,monitor:di.Z,moon:ui.Z,music:mi.Z,oneToMany:pi.Z,oneToOne:gi.Z,oneWay:fi.Z,paint:hi.Z,paintBrush:yi.Z,paperPlane:Ei.Z,pencil:dt.Z,phone:bi.Z,picture:Jo.Z,pin:vi.Z,pinMap:Ci.Z,plane:Ri.Z,play:Mi.Z,plus:vt.Z,priceTag:Ti.Z,puzzle:Di.Z,question:Oi.Z,quote:_o.Z,refresh:un.Z,repeat:Ii.Z,restaurant:Pi.Z,rocket:Zi.Z,rotate:xi.Z,scissors:Fi.Z,search:Si.Z,seed:ki.Z,server:Li.Z,shield:Ai.Z,shirt:wi.Z,shoppingCart:$i.Z,slideshow:Bi.Z,stack:Ni.Z,star:ji.Z,store:Wi.Z,strikeThrough:er.Z,sun:zi.Z,television:Ui.Z,thumbDown:qi.Z,thumbUp:Vi.Z,train:Hi.Z,twitter:Gi.Z,typhoon:Qi.Z,underline:mn.Z,user:Ki.Z,volumeMute:Yi.Z,volumeUp:Xi.Z,walk:Ji.Z,wheelchair:_i.Z,write:el.Z};function Ft({showBackground:t=!0,size:o="M",icon:r}){return e.createElement(x.k,{alignItems:"center",background:t?"neutral200":null,justifyContent:"center",size:o,showBackground:t,height:o==="S"?5:8,width:o==="S"?5:8,color:"neutral600",borderRadius:t?"50%":0},e.createElement(ln.J,{as:tr[r]||tr.cube,height:o==="S"?3:5,width:o==="S"?3:5}))}Ft.defaultProps={showBackground:!0,size:"M",icon:"Cube"},Ft.propTypes={showBackground:n().bool,size:n().string,icon:n().string};const tl=(0,U.ZP)(x.k)`
|
|
2
|
+
text-decoration: none;
|
|
3
|
+
|
|
4
|
+
&:focus,
|
|
5
|
+
&:hover {
|
|
6
|
+
${({theme:t})=>`
|
|
7
|
+
background-color: ${t.colors.primary100};
|
|
8
|
+
border-color: ${t.colors.primary200};
|
|
9
|
+
|
|
10
|
+
${G.Z} {
|
|
11
|
+
color: ${t.colors.primary600};
|
|
12
|
+
}
|
|
13
|
+
`}
|
|
14
|
+
|
|
15
|
+
/* > ComponentIcon */
|
|
16
|
+
> div:first-child {
|
|
17
|
+
background: ${({theme:t})=>t.colors.primary200};
|
|
18
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
19
|
+
|
|
20
|
+
svg {
|
|
21
|
+
path {
|
|
22
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
`,nr=({components:t})=>{const{componentLayouts:o}=ut();return e.createElement(x.k,{gap:2,overflow:"scroll hidden",padding:3},t.map(r=>e.createElement(tl,{hasRadius:!0,background:"neutral0",justifyContent:"center",alignItems:"center",height:`${84/16}rem`,minWidth:`${140/16}rem`,key:r,padding:2,direction:"column",borderColor:"neutral200",as:Ct.rU,to:`/content-manager/components/${r}/configurations/edit`},e.createElement(Ft,{icon:o?.[r]?.info?.icon}),e.createElement(N.x,{paddingTop:1},e.createElement(G.Z,{fontSize:1,textColor:"neutral600",fontWeight:"bold"},o?.[r]?.info?.displayName??"")))))};nr.propTypes={components:n().arrayOf(n().string).isRequired};var nl=nr;const or=(0,U.ZP)(Me.h)`
|
|
28
|
+
background-color: transparent;
|
|
29
|
+
path {
|
|
30
|
+
fill: ${({theme:t})=>t.colors.neutral600};
|
|
31
|
+
}
|
|
32
|
+
`,pn=({attribute:t,onEditField:o,onDeleteField:r,children:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(N.x,{overflow:"hidden",width:"100%"},e.createElement(x.k,{paddingLeft:3,alignItems:"center",justifyContent:"space-between"},e.createElement(G.Z,{fontWeight:"semiBold",textColor:"neutral800",ellipsis:!0},a),e.createElement(x.k,null,e.createElement(or,{label:s({id:(0,f.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:a}),onClick:o,icon:e.createElement(dt.Z,null),noBorder:!0}),e.createElement(or,{label:s({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:a}),"data-testid":"delete-field",onClick:r,icon:e.createElement(tt.Z,null),noBorder:!0}))),t?.type==="component"&&e.createElement(es,{componentUid:t.component}),t?.type==="dynamiczone"&&e.createElement(nl,{components:t.components}))};pn.defaultProps={attribute:void 0},pn.propTypes={attribute:n().shape({components:n().array,component:n().string,type:n().string}),onEditField:n().func.isRequired,onDeleteField:n().func.isRequired,children:n().string.isRequired};var ol=pn;const rl=(0,U.ZP)(x.k)`
|
|
33
|
+
position: relative;
|
|
34
|
+
${({isFirst:t,isLast:o,hasHorizontalPadding:r})=>t?`
|
|
35
|
+
padding-right: 4px;
|
|
36
|
+
`:o?`
|
|
37
|
+
padding-left: 4px;
|
|
38
|
+
`:r?`
|
|
39
|
+
padding: 0 4px;
|
|
40
|
+
`:""}
|
|
41
|
+
${({showRightCarret:t,showLeftCarret:o,theme:r})=>t?`
|
|
42
|
+
&:after {
|
|
43
|
+
content: '';
|
|
44
|
+
position: absolute;
|
|
45
|
+
right: -1px;
|
|
46
|
+
background-color: ${r.colors.primary600};
|
|
47
|
+
width: 2px;
|
|
48
|
+
height: 100%;
|
|
49
|
+
align-self: stretch;
|
|
50
|
+
z-index: 1;
|
|
51
|
+
}
|
|
52
|
+
`:o?`
|
|
53
|
+
&:before {
|
|
54
|
+
content: '';
|
|
55
|
+
position: absolute;
|
|
56
|
+
left: -1px;
|
|
57
|
+
background-color: ${r.colors.primary600};
|
|
58
|
+
width: 2px;
|
|
59
|
+
height: 100%;
|
|
60
|
+
align-self: stretch;
|
|
61
|
+
z-index: 1;
|
|
62
|
+
}
|
|
63
|
+
`:""};
|
|
64
|
+
`,al=(0,U.ZP)(at.Z)`
|
|
65
|
+
height: ${12/16}rem;
|
|
66
|
+
width: ${12/16}rem;
|
|
67
|
+
path {
|
|
68
|
+
fill: ${({theme:t})=>t.colors.neutral600};
|
|
69
|
+
}
|
|
70
|
+
`,sl=(0,U.ZP)(x.k)`
|
|
71
|
+
display: ${({dragStart:t})=>t?"none":"flex"};
|
|
72
|
+
opacity: ${({isDragging:t,isFullSize:o,isHidden:r})=>t&&!o?.2:t&&o||r?0:1};
|
|
73
|
+
`,il=(0,U.ZP)(x.k)`
|
|
74
|
+
cursor: all-scroll;
|
|
75
|
+
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
76
|
+
`,gn=({attribute:t,children:o,index:r,lastIndex:a,moveItem:s,moveRow:c,name:l,onDeleteField:d,onEditField:u,rowIndex:m,size:g})=>{const[h,p]=(0,e.useState)(!1),b=l==="_TEMP_",{setIsDraggingSibling:E}=ut(),C=g===12,O=(0,e.useRef)(null),R=(0,e.useRef)(null),[{clientOffset:T,isOver:Z},D]=(0,Nt.useDrop)({accept:f._Q.EDIT_FIELD,hover(k,B){if(!R.current||k.size!==12)return;const P=B.getItem().index,S=r,z=B.getItem().rowIndex,V=m;if(P===S&&z===V)return;const A=R.current.getBoundingClientRect(),j=(A.bottom-A.top)/2,ne=B.getClientOffset().y-A.top;z<V&&ne<j||z>V&&ne>j||(c(z,V),k.rowIndex=V,k.itemIndex=S)},drop(k,B){if(!R.current)return;const P=B.getItem().index,S=r,z=B.getItem().rowIndex,V=m;if(k.size===12||P===S&&z===V)return;const A=R.current.getBoundingClientRect();if(Math.abs(B.getClientOffset().x-A.left)>A.width/1.8){s(P,S+1,z,V),k.itemIndex=S+1,k.rowIndex=V;return}s(P,S,z,V),k.itemIndex=S,k.rowIndex=V},collect:k=>({canDrop:k.canDrop(),clientOffset:k.getClientOffset(),isOver:k.isOver(),isOverCurrent:k.isOver({shallow:!0}),itemType:k.getItemType()})}),[{isDragging:v,getItem:M},L,$]=(0,Nt.useDrag)({type:f._Q.EDIT_FIELD,item(){return E(!0),{index:r,labelField:o,rowIndex:m,name:l,size:g}},canDrag(){return l!=="_TEMP_"},collect:k=>({isDragging:k.isDragging(),getItem:k.getItem()}),end(){E(!1)}});(0,e.useEffect)(()=>{$((0,xt.rX)(),{captureDraggingState:!0})},[$]);const I={dragRef:L(O),dropRef:D(R)};let W=!1,X=!1;if(R.current&&T){const k=R.current.getBoundingClientRect();W=Z&&M.size!==12&&Math.abs(T.x-k.left)<k.width/2,X=Z&&M.size!==12&&Math.abs(T.x-k.left)>k.width/2,l==="_TEMP_"&&(W=Z&&M.size!==12,X=!1)}const w=()=>t&&C?`${74/16}rem`:`${32/16}rem`,K=r===0&&!C,Y=r===a&&!C,J=r!==0&&!C;return e.createElement(ge.P,{col:g},e.createElement(rl,{ref:I.dropRef,showLeftCarret:W,showRightCarret:X,isFirst:K,isLast:Y,hasHorizontalPadding:J,onDrag:()=>{C&&!h&&p(!0)},onDragEnd:()=>{C&&p(!1)}},h&&C&&e.createElement(N.x,{width:"100%",height:"2px",background:"primary600"}),e.createElement(sl,{width:C&&h?0:"100%",borderColor:"neutral150",hasRadius:!0,background:"neutral100",minHeight:w(),alignItems:"stretch",isDragging:v,dragStart:h,isFullSize:C,isHidden:b},e.createElement(il,{as:"span",type:"button",ref:I.dragRef,onClick:k=>k.stopPropagation(),alignItems:"center",paddingLeft:3,paddingRight:3,tabIndex:-1},e.createElement(al,null)),!b&&e.createElement(ol,{attribute:t,onEditField:u,onDeleteField:d},o))))};gn.defaultProps={attribute:void 0},gn.propTypes={attribute:n().shape({components:n().array,component:n().string,type:n().string}),children:n().string.isRequired,index:n().number.isRequired,moveItem:n().func.isRequired,moveRow:n().func.isRequired,name:n().string.isRequired,onDeleteField:n().func.isRequired,onEditField:n().func.isRequired,rowIndex:n().number.isRequired,lastIndex:n().number.isRequired,size:n().number.isRequired};var ll=gn;const rr=({rowItem:t,onRemoveField:o,rowId:r,rowIndex:a,index:s,lastIndex:c})=>{const{setEditFieldToSelect:l,attributes:d,modifiedData:u,moveRow:m,moveItem:g}=ut(),h=F()(d,[t.name],{}),p=F()(u,["metadatas",t.name,"edit","label"],"");return e.createElement(ll,{onEditField:()=>l(t.name),onDeleteField:()=>o(r,s),attribute:h,index:s,lastIndex:c,rowIndex:a,name:t.name,size:t.size,moveRow:m,moveItem:g},p||t.name)};rr.propTypes={index:n().number.isRequired,lastIndex:n().number.isRequired,onRemoveField:n().func.isRequired,rowId:n().number.isRequired,rowIndex:n().number.isRequired,rowItem:n().object.isRequired};var cl=rr;const ar=({row:t,onRemoveField:o,rowIndex:r})=>e.createElement(Ie.r,null,t.rowContent.map((a,s)=>e.createElement(cl,{key:a.name,rowItem:a,index:s,rowId:t.rowId,onRemoveField:o,rowIndex:r,lastIndex:t.rowContent.length-1})));ar.propTypes={onRemoveField:n().func.isRequired,row:n().object.isRequired,rowIndex:n().number.isRequired};var dl=ar;const sr=({editLayout:t,fields:o,onRemoveField:r,onAddField:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(x.k,{justifyContent:"space-between"},e.createElement("div",null,e.createElement(N.x,null,e.createElement(G.Z,{fontWeight:"bold"},s({id:(0,f.OB)("containers.ListPage.displayedFields"),defaultMessage:"Displayed fields"}))),e.createElement(N.x,null,e.createElement(G.Z,{variant:"pi",textColor:"neutral600"},s({id:"containers.SettingPage.editSettings.description",defaultMessage:"Drag & drop the fields to build the layout"})))),e.createElement(_a,null)),e.createElement(N.x,{padding:4,hasRadius:!0,borderStyle:"dashed",borderWidth:"1px",borderColor:"neutral300"},e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:2},t.map((c,l)=>e.createElement(dl,{key:c.rowId,row:c,rowIndex:l,onRemoveField:r})),e.createElement(Xe.O,{id:"label",label:s({id:(0,f.OB)("containers.SettingPage.add.field"),defaultMessage:"Insert another field"}),as:ie.z,"data-testid":"add-field",fullWidth:!0,startIcon:e.createElement(vt.Z,null),endIcon:null,variant:"secondary",disabled:o.length===0},o.map(c=>e.createElement(Xe.s,{key:c,onClick:()=>a(c)},c))))))};sr.propTypes={editLayout:n().array.isRequired,fields:n().array.isRequired,onAddField:n().func.isRequired,onRemoveField:n().func.isRequired};var ul=sr,ir=i(85025),lr=i(55225),cr=i(31600),dr=i(11406),St=i(32031),ml=i(73779),jt=i(88675),pl=i(22348),ur=i(7184),fn=i(43475),gl=i(82512),hn=i(83218),fl=i(872),hl=i(17757),yl=i(1176),El=i(15431);const mr={biginteger:e.createElement(St.Z,null),boolean:e.createElement(ml.Z,null),date:e.createElement(jt.Z,null),datetime:e.createElement(jt.Z,null),decimal:e.createElement(St.Z,null),email:e.createElement(pl.Z,null),enum:e.createElement(ur.Z,null),enumeration:e.createElement(ur.Z,null),file:e.createElement(fn.Z,null),files:e.createElement(fn.Z,null),float:e.createElement(St.Z,null),integer:e.createElement(St.Z,null),media:e.createElement(fn.Z,null),number:e.createElement(St.Z,null),relation:e.createElement(gl.Z,null),string:e.createElement(hn.Z,null),text:e.createElement(hn.Z,null),richtext:e.createElement(hn.Z,null),time:e.createElement(jt.Z,null),timestamp:e.createElement(jt.Z,null),json:e.createElement(fl.Z,null),uid:e.createElement(hl.Z,null),component:e.createElement(yl.Z,null),dynamiczone:e.createElement(El.Z,null)},yn=({type:t,customFieldUid:o})=>{const r=(0,y.mZ)();let a=mr[t];if(o){const c=r.get(o).icon;c&&(a=e.createElement(N.x,{marginRight:3,width:7,height:6},e.createElement(c,null)))}return mr[t]?a:null};yn.defaultProps={customFieldUid:null},yn.propTypes={type:n().string.isRequired,customFieldUid:n().string};var pr=yn,bl=t=>t.reduce((o,r)=>{const a=r?.attributes??{},s=Object.keys(a).filter(c=>!["boolean","component","dynamiczone","json","media","password","relation","text","richtext"].includes(a?.[c]?.type??""));return o[r.uid]=s,o},{}),gr=t=>{let o;switch(t){case"description":case"label":case"placeholder":o="text";break;case"mainField":o="select";break;case"editable":o="bool";break;default:o=""}const r=t==="mainField"?(0,f.OB)("containers.SettingPage.editSettings.entry.title"):(0,f.OB)(`form.Input.${t}`);return{type:o,label:{id:r}}},En=i(10369),kt=i(9139);const bn=({type:t,options:o,onChange:r,value:a,name:s,...c})=>{const{formatMessage:l}=(0,Q.Z)();switch(t){case"text":return e.createElement(En.o,{onChange:r,value:a,name:s,...c});case"bool":return e.createElement(kt.s,{onChange:d=>{r({target:{name:s,value:d.target.checked}})},checked:a,name:s,onLabel:l({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"On"}),offLabel:l({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"Off"}),...c});case"select":return e.createElement(Fe.P,{value:a,name:s,onChange:d=>r({target:{name:s,value:d}}),...c},o.map(d=>e.createElement(ve.W,{key:d,value:d},d)));default:return null}};bn.defaultProps={options:void 0},bn.propTypes={type:n().string.isRequired,options:n().arrayOf(n().string),onChange:n().func.isRequired,value:n().oneOfType([n().string,n().bool]).isRequired,name:n().string.isRequired};var vl=bn;const Cl=[[4,"33%"],[6,"50%"],[8,"66%"],[12,"100%"]],Rl=[1,5,10,15,30,60],Ml=["datetime","time"],fr=({onMetaChange:t,onSizeChange:o})=>{const{formatMessage:r}=(0,Q.Z)(),{modifiedData:a,selectedField:s,attributes:c,fieldForm:l}=ut(),d=(0,e.useMemo)(bt.Vo,[]),{schemas:u}=(0,fe.v9)(D=>d(D),fe.wU),m=(0,fe.v9)(bt.Jg),g=(0,e.useMemo)(()=>{if(!s)return[];const D=F()(a,["metadatas",s,"edit"],{});return Object.keys(D).filter(v=>v!=="visible")},[s,a]),h=(0,e.useMemo)(()=>bl(u),[u]),p=(0,e.useCallback)(D=>{if(D!=="relation"&&D!=="component")return[];const v=D==="component"?"component":"targetModel",M=F()(a,["attributes",s,v],"");return F()(h,[M],[])},[s,h,a]),b=g.map(D=>{const v=F()(c,[s,"type"]);return["component","dynamiczone"].includes(v)&&!["label","description"].includes(D)||v==="component"&&D!=="label"||["media","json","boolean"].includes(v)&&D==="placeholder"||D==="step"?null:e.createElement(ge.P,{col:6,key:D},e.createElement(vl,{type:gr(D).type,hint:D==="mainField"?r({id:(0,Ee.Z)("containers.SettingPage.editSettings.relation-field.description")}):"",label:r({id:F()(gr(D),"label.id","app.utils.defaultMessage")}),name:D,onChange:t,value:F()(l,["metadata",D],""),options:p(v)}))}),{type:E,customField:C}=c[s],{isResizable:O}=m[C]??m[E],R=e.createElement(ge.P,{col:6,key:"size"},e.createElement(Fe.P,{value:l?.size,name:"size",onChange:D=>{o({name:s,value:D})},label:r({id:(0,Ee.Z)("containers.SettingPage.editSettings.size.label"),defaultMessage:"Size"})},Cl.map(([D,v])=>e.createElement(ve.W,{key:D,value:D},v)))),T=Ml.includes(c[s].type),Z=e.createElement(ge.P,{col:6,key:"step"},e.createElement(Fe.P,{value:F()(l,["metadata","step"],1),name:"step",onChange:D=>t({target:{name:"step",value:D}}),label:r({id:(0,Ee.Z)("containers.SettingPage.editSettings.step.label"),defaultMessage:"Time interval (minutes)"})},Rl.map(D=>e.createElement(ve.W,{key:D,value:D},D))));return e.createElement(e.Fragment,null,b,O&&R,T&&Z)};fr.propTypes={onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired};var Tl=fr;const Dl=(0,U.ZP)(x.k)`
|
|
77
|
+
svg {
|
|
78
|
+
width: ${32/16}rem;
|
|
79
|
+
height: ${24/16}rem;
|
|
80
|
+
margin-right: ${({theme:t})=>t.spaces[3]};
|
|
81
|
+
}
|
|
82
|
+
`,vn=({onToggle:t,onMetaChange:o,onSizeChange:r,onSubmit:a,type:s,customFieldUid:c})=>{const{selectedField:l}=ut(),{formatMessage:d}=(0,Q.Z)(),u=()=>s==="timestamp"?"date":["decimal","float","integer","biginter"].includes(s)?"number":s;return e.createElement(ir.P,{onClose:t,labelledBy:"title"},e.createElement("form",{onSubmit:a},e.createElement(lr.x,null,e.createElement(Dl,null,e.createElement(pr,{type:u(),customFieldUid:c}),e.createElement(G.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,f.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:Zt()(l)})))),e.createElement(cr.f,null,e.createElement(Ie.r,{gap:4},e.createElement(Tl,{onMetaChange:o,onSizeChange:r}))),e.createElement(dr.m,{startActions:e.createElement(ie.z,{onClick:t,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(ie.z,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};vn.defaultProps={customFieldUid:null},vn.propTypes={customFieldUid:n().string,onSubmit:n().func.isRequired,onToggle:n().func.isRequired,onMetaChange:n().func.isRequired,onSizeChange:n().func.isRequired,type:n().string.isRequired};var Ol=vn;const Cn=t=>t.reduce((o,r)=>o+r.size,0),Il=t=>t.reduce((o,r,a)=>{const s={rowId:a,rowContent:r};return o.concat(s)},[]),Rt=t=>t.reduce((o,r)=>{let a=[];const s=r.rowContent.reduce((d,u)=>{const m=Cn(d);return u.name==="_TEMP_"||(m+u.size<=12?d.push(u):a.push(u)),d},[]),c=o.length===0?0:Math.max.apply(Math,o.map(d=>d.rowId))+1,l=Cn(s);if(l<12&&s.push({name:"_TEMP_",size:12-l}),o.push({rowId:c,rowContent:s}),a.length>0){const d=Cn(a);d<12&&a.push({name:"_TEMP_",size:12-d}),o.push({rowId:c+1,rowContent:a}),a=[]}return o},[]).filter(o=>o.rowContent.length>0).filter(o=>o.rowContent.length===1?o.rowContent[0].name!=="_TEMP_":!0),Pl=t=>t.reduce((o,r)=>{const a=r.rowContent.filter(s=>s.name!=="_TEMP_");return o.concat([a])},[]),Zl=(t,o=[])=>o.reduce((r,{rowContent:a})=>{const s=a.find(c=>c.name===t)?.size??null;return s&&(r=s),r},null),xl=(t,o,r=[])=>r.map(a=>(a.rowContent=a.rowContent.map(s=>s.name===t?{...s,size:o}:s),a));var Fl=(t,o,r)=>{let a=Oe()(o);return oe()(a,["layouts","edit"],Rt(Il(o.layouts.edit))),{...t,initialData:a,modifiedData:a,componentLayouts:r}},Rn=i(97889);const hr=6,Mn={fieldForm:{},componentLayouts:{},metaToEdit:"",initialData:{},metaForm:{},modifiedData:{}};var Sl=(t=Mn,o)=>(0,Rn.ZP)(t,r=>{const a=["modifiedData","layouts","edit"];switch(o.type){case"MOVE_ROW":{const s=F()(t,a,[]),{fromIndex:c,toIndex:l}=o;oe()(r,a,(0,f.W3)(s,c,l));break}case"ON_ADD_FIELD":{const s=Oe()(t),c=F()(s,["modifiedData","attributes",o.name],{}),l=o.fieldSizes[c?.customField]?.default??o.fieldSizes[c?.type]?.default??hr,d=F()(s,a,[]).length,u=[...a,d-1,"rowContent"],m=F()(s,u,[]);let g=F()(s,a,[]);Array.isArray(m)?oe()(g,[d>0?d-1:0,"rowContent"],[...m,{name:o.name,size:l}]):oe()(g,[d>0?d-1:0,"rowContent"],[{name:o.name,size:l}]);const h=Rt(g);oe()(r,a,h);break}case"ON_CHANGE":{oe()(r,["modifiedData",...o.keys],o.value);break}case"ON_CHANGE_META":{oe()(r,["metaForm","metadata",...o.keys],o.value);break}case"ON_CHANGE_SIZE":{oe()(r,["metaForm","size"],o.value);break}case"ON_RESET":{r.modifiedData=t.initialData;break}case"REMOVE_FIELD":{const s=F()(t,[...a,o.rowIndex,"rowContent"],[]);let c=Oe()(t);if(s.length===1||s.length===2&&F()(s,[1,"name"],"")==="_TEMP_"){const d=F()(t,a,[]);oe()(c,a,d.filter((u,m)=>o.rowIndex!==m))}else oe()(c,[...a,o.rowIndex,"rowContent"],s.filter((d,u)=>u!==o.fieldIndex));const l=Rt(F()(c,a,[]));oe()(r,a,l);break}case"REORDER_DIFF_ROW":{const s=F()(t,[...a,o.dragRowIndex,"rowContent"],[]),c=F()(t,[...a,o.hoverRowIndex,"rowContent"],[]),l=F()(t,[...a,o.dragRowIndex,"rowContent",o.dragIndex],{}),d=[...c,l];let u=Oe()(t);oe()(u,[...a,o.dragRowIndex,"rowContent"],s.filter((g,h)=>o.dragIndex!==h)),oe()(u,[...a,o.hoverRowIndex,"rowContent"],(0,f.W3)(d,d.length-1,o.hoverIndex));const m=Rt(F()(u,a,[]));oe()(r,a,m);break}case"REORDER_ROW":{const s=Oe()(t),c=F()(s,[...a,o.dragRowIndex,"rowContent"],[]);oe()(s,[...a,o.dragRowIndex,"rowContent"],(0,f.W3)(c,o.dragIndex,o.hoverIndex));const l=Rt(F()(s,a,[]));oe()(r,a,l);break}case"SET_FIELD_TO_EDIT":{r.metaToEdit=o.name,r.metaForm={metadata:F()(t,["modifiedData","metadatas",o.name,"edit"],{}),size:Zl(o.name,t.modifiedData?.layouts?.edit)??hr};break}case"SUBMIT_META_FORM":{oe()(r,["modifiedData","metadatas",t.metaToEdit,"edit"],t.metaForm.metadata);const s=Oe()(F()(t,a,[])),c=xl(t.metaToEdit,t.metaForm.size,s);c.length>0&&oe()(r,a,Rt(c));break}case"SUBMIT_SUCCEEDED":{r.initialData=t.modifiedData;break}case"UNSET_FIELD_TO_EDIT":{r.metaToEdit="",r.metaForm={};break}default:return r}}),kl=(t,o,r)=>{const{put:a}=(0,y.tg)();return a((0,f.IF)(r?`content-types/${o}/configuration`:`components/${o}/configuration`),t)};const Tn=({mainLayout:t,components:o,isContentTypeView:r,slug:a,updateLayout:s})=>{const[c,l]=(0,e.useReducer)(Sl,Mn,()=>Fl(Mn,t,o)),[d,u]=(0,e.useState)(!1),{trackUsage:m}=(0,y.rS)(),g=(0,y.lm)(),{goBack:h}=(0,ae.k6)(),[p,b]=(0,e.useState)(!1),[E,C]=(0,e.useState)(!1),{componentLayouts:O,initialData:R,modifiedData:T,metaToEdit:Z,metaForm:D}=c,{formatMessage:v}=(0,Q.Z)(),M=F()(t,["info","displayName"],""),L=F()(T,["attributes"],{}),$=(0,fe.v9)(bt.Jg),I=Object.keys(L).filter(H=>{const q=F()(L,[H,"type"],"");return!["dynamiczone","json","text","relation","component","boolean","media","password","richtext","timestamp"].includes(q)&&!!q}),W=F()(T,["layouts","edit"],[]),X=ct()(W,"rowContent"),w=Object.keys(T.attributes).filter(H=>F()(T,["metadatas",H,"edit","visible"],!1)===!0).filter(H=>X.findIndex(q=>q.name===H)===-1).sort(),K=({target:{name:H,value:q}})=>{l({type:"ON_CHANGE",keys:H.split("."),value:q})},Y=()=>{b(H=>!H)},J=()=>{C(H=>!H)},k=({target:{name:H,value:q}})=>{l({type:"ON_CHANGE_META",keys:H.split("."),value:q})},B=({name:H,value:q})=>{l({type:"ON_CHANGE_SIZE",name:H,value:q})},P=H=>{H.preventDefault(),l({type:"SUBMIT_META_FORM"}),Y()},S=H=>{H.preventDefault(),J()},z=(0,et.useMutation)(H=>kl(H,a,r),{onSuccess({data:H}){s&&s(H.data),l({type:"SUBMIT_SUCCEEDED"}),J(),m("didEditEditSettings")},onError(){g({type:"warning",message:{id:"notification.error"}})}}),{isLoading:V}=z,A=()=>{const H=rn()(Oe()(T),["layouts","metadatas","settings"]);oe()(H,"layouts.edit",Pl(H.layouts.edit)),z.mutate(H)},j=(H,q)=>{l({type:"MOVE_RELATION",fromIndex:H,toIndex:q})},re=(H,q)=>{l({type:"MOVE_FIELD",fromIndex:H,toIndex:q})},ne=(H,q,me,Ce)=>{l(me===Ce?{type:"REORDER_ROW",dragRowIndex:me,dragIndex:H,hoverIndex:q}:{type:"REORDER_DIFF_ROW",dragIndex:H,hoverIndex:q,dragRowIndex:me,hoverRowIndex:Ce})},de=(H,q)=>{l({type:"MOVE_ROW",fromIndex:H,toIndex:q})};return e.createElement(an,{isContentTypeView:r,attributes:L,modifiedData:T,slug:a,componentLayouts:O,selectedField:Z,fieldForm:D,onMoveRelation:j,onMoveField:re,moveRow:de,moveItem:ne,setEditFieldToSelect:H=>{l({type:"SET_FIELD_TO_EDIT",name:H}),Y()},isDraggingSibling:d,setIsDraggingSibling:u},e.createElement(pe.o,null,e.createElement("form",{onSubmit:S},e.createElement(ye.T,{title:v({id:(0,f.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:`Configure the view - ${Zt()(M)}`},{name:Zt()(M)}),subtitle:v({id:(0,f.OB)("components.SettingsViewWrapper.pluginHeader.description.edit-settings"),defaultMessage:"Customize how the edit view will look like."}),navigationAction:e.createElement(y.rU,{startIcon:e.createElement(_e.Z,null),onClick:H=>{H.preventDefault(),h()},to:"/"},v({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(ie.z,{disabled:ze()(R,T),startIcon:e.createElement(Ae.Z,null),type:"submit"},v({id:"global.save",defaultMessage:"Save"}))}),e.createElement(We.D,null,e.createElement(N.x,{background:"neutral0",hasRadius:!0,shadow:"filterShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(G.Z,{variant:"delta",as:"h2"},v({id:(0,f.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(Ie.r,null,e.createElement(ge.P,{col:6,s:12},e.createElement(Fe.P,{label:v({id:(0,f.OB)("containers.SettingPage.editSettings.entry.title"),defaultMessage:"Entry title"}),hint:v({id:(0,f.OB)("containers.SettingPage.editSettings.entry.title.description"),defaultMessage:"Set the display field of your entry"}),onChange:H=>{K({target:{name:"settings.mainField",value:H===""?null:H}})},value:T.settings.mainField},I.map(H=>e.createElement(ve.W,{key:H,value:H},H))))),e.createElement(N.x,{paddingTop:2,paddingBottom:2},e.createElement(yt.i,null)),e.createElement(G.Z,{variant:"delta",as:"h3"},v({id:(0,f.OB)("containers.SettingPage.view"),defaultMessage:"View"})),e.createElement(ul,{attributes:L,editLayout:W,fields:w,onAddField:H=>{l({type:"ON_ADD_FIELD",name:H,fieldSizes:$})},onRemoveField:(H,q)=>{l({type:"REMOVE_FIELD",rowIndex:H,fieldIndex:q})}})))),e.createElement(y.QH,{bodyText:{id:(0,f.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement(Ae.Z,null),isConfirmButtonLoading:V,isOpen:E,onToggleDialog:J,onConfirm:A,variantRightButton:"success-light"})),p&&e.createElement(Ol,{onSubmit:P,onToggle:Y,onMetaChange:k,onSizeChange:B,type:F()(L,[Z,"type"],""),customFieldUid:F()(L,[Z,"customField"],"")})))};Tn.defaultProps={isContentTypeView:!1,updateLayout:null},Tn.propTypes={components:n().object.isRequired,isContentTypeView:n().bool,mainLayout:n().shape({attributes:n().object.isRequired,info:n().object.isRequired,layouts:n().shape({list:n().array.isRequired,edit:n().array.isRequired}).isRequired,metadatas:n().object.isRequired,options:n().object.isRequired}).isRequired,slug:n().string.isRequired,updateLayout:n().func};var Dn=Tn,Wt=i(46339),yr=i(4460);const Ll=()=>({type:yr.c}),Al=(t,o)=>({type:yr.O,layout:t,query:o});var wl=i(66694),$l=()=>(0,e.useContext)(wl.ux),Er=t=>{const{getAdminInjectedComponents:o}=$l(),[r,a,s]=t.split(".");return o(r,a,s)};const br=({area:t,...o})=>Er(t).map(a=>e.createElement(a.Component,{key:a.name,...o}));br.propTypes={area:n().string.isRequired};var zt=br,Je=i(84306),st=i(41578);const Ut=()=>({type:st.ZA}),On=t=>({type:st.Id,data:t}),In=(t,o=!1)=>({type:st.TP,rawQuery:t,isSingleType:o}),vr=()=>({type:st.c2}),Cr=(t,o)=>({type:st.w7,componentsDataStructure:t,contentTypeDataStructure:o}),ce=t=>({type:st.d0,status:t}),it=t=>({type:st.t9,data:t}),Bl=()=>({type:st.tE});var Pn=t=>t["content-manager_editViewCrudReducer"];const Zn=({allLayoutData:t,children:o,slug:r,id:a,origin:s})=>{const c=(0,et.useQueryClient)(),l=(0,y.lm)(),{setCurrentStep:d}=(0,y.c1)(),{trackUsage:u}=(0,y.rS)(),{push:m,replace:g}=(0,ae.k6)(),[{rawQuery:h}]=(0,y.Kx)(),p=(0,fe.I0)(),{componentsDataStructure:b,contentTypeDataStructure:E,data:C,isLoading:O,status:R}=(0,fe.v9)(Pn),T=(0,be.Ky)(r),{formatAPIError:Z}=(0,y.So)(f.OB),D=(0,e.useRef)(!0),v=(0,e.useRef)(u),M=(0,e.useRef)(t),L=(0,y.kY)(),{put:$,post:I,del:W}=L,X=a===null,w=(0,e.useMemo)(()=>X&&!s?null:(0,f.IF)(`collection-types/${r}/${s||a}`),[r,a,X,s]),K=(0,e.useCallback)(A=>s?(0,y.w6)(A,M.current.contentType,M.current.components):A,[s]),Y=(0,e.useCallback)(A=>{const j=(0,f.kc)(A,M.current.contentType,M.current.components);return(0,y.dU)(j,M.current.contentType,M.current.components)},[]);(0,e.useEffect)(()=>{const A=Object.keys(t.components).reduce((ne,de)=>{const H=(0,f.Di)(F()(t,["components",de,"attributes"],{}),t.components);return ne[de]=(0,y.dU)(H,t.components[de],t.components),ne},{}),j=(0,f.Di)(t.contentType.attributes,t.components),re=(0,y.dU)(j,t.contentType,t.components);p(Cr(A,re))},[t,p]),(0,e.useEffect)(()=>()=>{p(vr())},[p]),(0,e.useEffect)(()=>{const j=Je.default.CancelToken.source(),re=async de=>{p(Ut());try{const{data:H}=await L.get(w,{cancelToken:de.token});p(On(Y(K(H))))}catch(H){if(Je.default.isCancel(H))return;const q=F()(H,"response.status",null);if(q===404){m(T);return}q===403&&(l({type:"info",message:{id:(0,f.OB)("permissions.not-allowed.update")}}),m(T))}},ne=async()=>{await p(Ut()),await p(In(h))};return D.current?(w?re(j):ne(),()=>{j.cancel("Operation canceled by the user.")}):()=>{}},[L,K,Y,m,w,p,h,T,l]);const J=(0,e.useCallback)(A=>{l({type:"warning",message:Z(A)})},[l,Z]),k=(0,e.useCallback)(async A=>{try{v.current("willDeleteEntry",A);const{data:j}=await W((0,f.IF)(`collection-types/${r}/${a}`));return l({type:"success",message:{id:(0,f.OB)("success.record.delete")}}),v.current("didDeleteEntry",A),g(T),Promise.resolve(j)}catch(j){return v.current("didNotDeleteEntry",{error:j,...A}),Promise.reject(j)}},[a,r,l,W,T,g]),B=(0,e.useCallback)(async(A,j)=>{const re=`${(0,f.IF)(`collection-types/${r}`)}${h}`;try{p(ce("submit-pending"));const{data:ne}=await I(re,A);return v.current("didCreateEntry",j),l({type:"success",message:{id:(0,f.OB)("success.record.save")}}),d("contentManager.success"),c.invalidateQueries(["relation"]),p(it(Y(ne))),p(ce("resolved")),g(`/content-manager/collectionType/${r}/${ne.id}${h}`),Promise.resolve(ne)}catch(ne){return J(ne),v.current("didNotCreateEntry",{error:ne,trackerProperty:j}),p(ce("resolved")),Promise.reject(ne)}},[Y,J,g,r,p,h,l,d,c,I]),P=(0,e.useCallback)(async()=>{try{v.current("willCheckDraftRelations");const A=(0,f.IF)(`collection-types/${r}/${a}/actions/numberOfDraftRelations`);p(ce("draft-relation-check-pending"));const j=await L.get(A);return v.current("didCheckDraftRelations"),p(ce("resolved")),j.data.data}catch(A){return J(A),p(ce("resolved")),Promise.reject(A)}},[J,a,r,p,L]),S=(0,e.useCallback)(async()=>{try{v.current("willPublishEntry");const A=(0,f.IF)(`collection-types/${r}/${a}/actions/publish`);p(ce("publish-pending"));const{data:j}=await I(A);return v.current("didPublishEntry"),p(it(Y(j))),p(ce("resolved")),l({type:"success",message:{id:(0,f.OB)("success.record.publish")}}),Promise.resolve(j)}catch(A){return J(A),p(ce("resolved")),Promise.reject(A)}},[Y,J,a,r,p,l,I]),z=(0,e.useCallback)(async(A,j)=>{const re=(0,f.IF)(`collection-types/${r}/${a}`);try{v.current("willEditEntry",j),p(ce("submit-pending"));const{data:ne}=await $(re,A);return v.current("didEditEntry",{trackerProperty:j}),l({type:"success",message:{id:(0,f.OB)("success.record.save")}}),c.invalidateQueries(["relation"]),p(it(Y(ne))),p(ce("resolved")),Promise.resolve(ne)}catch(ne){return v.current("didNotEditEntry",{error:ne,trackerProperty:j}),J(ne),p(ce("resolved")),Promise.reject(ne)}},[Y,J,r,a,p,l,c,$]),V=(0,e.useCallback)(async()=>{const A=(0,f.IF)(`collection-types/${r}/${a}/actions/unpublish`);p(ce("unpublish-pending"));try{v.current("willUnpublishEntry");const{data:j}=await I(A);return v.current("didUnpublishEntry"),l({type:"success",message:{id:(0,f.OB)("success.record.unpublish")}}),p(it(Y(j))),p(ce("resolved")),Promise.resolve(j)}catch(j){return p(ce("resolved")),J(j),Promise.reject(j)}},[Y,J,a,r,p,l,I]);return o({componentsDataStructure:b,contentTypeDataStructure:E,data:C,isCreatingEntry:X,isLoadingForData:O,onDelete:k,onPost:B,onPublish:S,onDraftRelationCheck:P,onPut:z,onUnpublish:V,status:R,redirectionLink:T})};Zn.defaultProps={id:null,origin:null},Zn.propTypes={allLayoutData:n().exact({components:n().object.isRequired,contentType:n().shape({apiID:n().string.isRequired,attributes:n().object.isRequired,info:n().object.isRequired,isDisplayed:n().bool.isRequired,kind:n().string.isRequired,layouts:n().object.isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,pluginOptions:n().object,settings:n().object.isRequired,uid:n().string.isRequired}).isRequired}).isRequired,children:n().func.isRequired,id:n().string,origin:n().string,slug:n().string.isRequired};var Nl=(0,e.memo)(Zn,ze()),mt=i(3685),xn=i(69783),Rr=i(86308);const Fn=({hasError:t,isDisabled:o,isOpen:r,children:a,onClick:s})=>e.createElement(jl,{type:"button",onClick:s,disabled:o,hasError:t,background:"neutral0",paddingTop:3,paddingBottom:3,paddingLeft:4,paddingRight:4,style:{cursor:o?"not-allowed":"pointer"}},e.createElement(x.k,{as:"span",gap:2},e.createElement(Sn,{"aria-hidden":!0,$isOpen:r,$hasError:t&&!r}),e.createElement(G.Z,{variant:"pi",fontWeight:"bold",textColor:t&&!r?"danger600":"neutral500"},a))),Sn=(0,U.ZP)(Rr.Z)`
|
|
83
|
+
height: ${({theme:t})=>t.spaces[6]};
|
|
84
|
+
width: ${({theme:t})=>t.spaces[6]};
|
|
85
|
+
transform: ${({$isOpen:t})=>t?"rotate(45deg)":"rotate(0deg)"};
|
|
86
|
+
> circle {
|
|
87
|
+
fill: ${({theme:t,$hasError:o})=>o?t.colors.danger200:t.colors.neutral150};
|
|
88
|
+
}
|
|
89
|
+
> path {
|
|
90
|
+
fill: ${({theme:t,$hasError:o})=>o?t.colors.danger600:t.colors.neutral600};
|
|
91
|
+
}
|
|
92
|
+
`,jl=(0,U.ZP)(xn.Y)`
|
|
93
|
+
border-radius: 26px;
|
|
94
|
+
border-color: ${({theme:t})=>t.colors.neutral150};
|
|
95
|
+
box-shadow: ${({theme:t})=>t.shadows.filterShadow};
|
|
96
|
+
|
|
97
|
+
&:hover {
|
|
98
|
+
${G.Z} {
|
|
99
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
${Sn} {
|
|
103
|
+
> circle {
|
|
104
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
105
|
+
}
|
|
106
|
+
> path {
|
|
107
|
+
fill: ${({theme:t})=>t.colors.neutral100};
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
&:active {
|
|
112
|
+
${G.Z} {
|
|
113
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
114
|
+
}
|
|
115
|
+
${Sn} {
|
|
116
|
+
> circle {
|
|
117
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
118
|
+
}
|
|
119
|
+
> path {
|
|
120
|
+
fill: ${({theme:t})=>t.colors.neutral100};
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
`;Fn.defaultProps={hasError:!1,isDisabled:!1,isOpen:!1},Fn.propTypes={children:n().node.isRequired,hasError:n().bool,isDisabled:n().bool,isOpen:n().bool,onClick:n().func.isRequired};var Mr=i(861),kn=i(83828),Ln=i(61762),An=i(89966);const wn=({category:t,components:o,variant:r,isOpen:a,onAddComponent:s,onToggle:c})=>{const{formatMessage:l}=(0,Q.Z)(),d=()=>{c(t)};return e.createElement(kn.U,{expanded:a,onToggle:d,size:"S"},e.createElement(Ln.B,{variant:r,title:l({id:t,defaultMessage:t}),togglePosition:"left"}),e.createElement(An.v,null,e.createElement(N.x,{paddingTop:4,paddingBottom:4,paddingLeft:3,paddingRight:3},e.createElement(Wl,null,o.map(({componentUid:u,info:{displayName:m,icon:g}})=>e.createElement(zl,{key:u,as:"button",type:"button",background:"neutral100",justifyContent:"center",onClick:s(u),hasRadius:!0,height:(0,y.Q1)(84),shrink:0,borderColor:"neutral200"},e.createElement(x.k,{direction:"column",gap:1,alignItems:"center",justifyContent:"center"},e.createElement(Ft,{icon:g}),e.createElement(G.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral600"},l({id:m,defaultMessage:m})))))))))},Wl=U.ZP.div`
|
|
125
|
+
display: grid;
|
|
126
|
+
grid-template-columns: repeat(auto-fit, ${140/16}rem);
|
|
127
|
+
grid-gap: ${({theme:t})=>t.spaces[1]};
|
|
128
|
+
`,zl=(0,U.ZP)(x.k)`
|
|
129
|
+
&:focus,
|
|
130
|
+
&:hover {
|
|
131
|
+
border: 1px solid ${({theme:t})=>t.colors.primary200};
|
|
132
|
+
background: ${({theme:t})=>t.colors.primary100};
|
|
133
|
+
|
|
134
|
+
${G.Z} {
|
|
135
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
/* > Flex > ComponentIcon */
|
|
139
|
+
> div > div:first-child {
|
|
140
|
+
background: ${({theme:t})=>t.colors.primary200};
|
|
141
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
`;wn.defaultProps={components:[],isOpen:!1,variant:"primary"},wn.propTypes={category:n().string.isRequired,components:n().array,isOpen:n().bool,onAddComponent:n().func.isRequired,onToggle:n().func.isRequired,variant:n().oneOf(["primary","secondary"])};const $n=({dynamicComponentsByCategory:t,isOpen:o,onClickAddComponent:r})=>{const{formatMessage:a}=(0,Q.Z)(),[s,c]=(0,e.useState)("");(0,e.useEffect)(()=>{const u=Object.keys(t);o&&u.length>0&&c(u[0])},[o,t]);const l=u=>()=>{r(u),c("")},d=u=>{c(m=>m===u?"":u)};return o?e.createElement(N.x,{paddingTop:6,paddingBottom:6,paddingLeft:5,paddingRight:5,background:"neutral0",shadow:"tableShadow",borderColor:"neutral150",hasRadius:!0},e.createElement(x.k,{justifyContent:"center"},e.createElement(G.Z,{fontWeight:"bold",textColor:"neutral600"},a({id:(0,f.OB)("components.DynamicZone.ComponentPicker-label"),defaultMessage:"Pick one component"}))),e.createElement(N.x,{paddingTop:2},e.createElement(Mr.k,{attributeName:"data-strapi-accordion-toggle"},Object.entries(t).map(([u,m],g)=>e.createElement(wn,{key:u,category:u,components:m,onAddComponent:l,isOpen:u===s,onToggle:d,variant:g%2===1?"primary":"secondary"}))))):null};$n.defaultProps={dynamicComponentsByCategory:{},isOpen:!1},$n.propTypes={dynamicComponentsByCategory:n().shape({components:n().arrayOf(n().shape({componentUid:n().string.isRequired,info:n().object}))}),isOpen:n().bool,onClickAddComponent:n().func.isRequired};var Ge=i(65588),Tr=i(91647),Bn=i(49825),Ul=i(61868),ql=i.n(Ul);const Vl=U.ZP.span`
|
|
145
|
+
> svg {
|
|
146
|
+
width: ${(0,y.Q1)(24)};
|
|
147
|
+
height: ${(0,y.Q1)(24)};
|
|
148
|
+
> circle {
|
|
149
|
+
fill: ${({theme:t})=>t.colors.primary200};
|
|
150
|
+
}
|
|
151
|
+
> path {
|
|
152
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
`,Nn=({error:t,isReadOnly:o,onClick:r})=>{const{formatMessage:a}=(0,Q.Z)();return e.createElement(e.Fragment,null,e.createElement(N.x,{as:"button",background:"neutral100",borderColor:t?"danger600":"neutral200",disabled:o,hasRadius:!0,onClick:r,paddingTop:9,paddingBottom:9,type:"button"},e.createElement(x.k,{direction:"column",gap:2},e.createElement(x.k,{justifyContent:"center",style:{cursor:o?"not-allowed":"inherit"}},e.createElement(Vl,null,e.createElement(Rr.Z,null))),e.createElement(x.k,{justifyContent:"center"},e.createElement(G.Z,{textColor:"primary600",variant:"pi",fontWeight:"bold"},a({id:(0,f.OB)("components.empty-repeatable"),defaultMessage:"No entry yet. Click on the button below to add one."}))))),t?.id&&e.createElement(G.Z,{textColor:"danger600",variant:"pi"},a(t,{...t.values})))};Nn.defaultProps={error:void 0,isReadOnly:!1},Nn.propTypes={error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),isReadOnly:n().bool,onClick:n().func.isRequired};var Dr=Nn;const Lt=new Map;var jn=(t=[])=>{const[o,r]=(0,e.useState)(Object.fromEntries(Lt)),a=t.filter(u=>!Lt.get(u)),[s,c]=(0,e.useState)(()=>!!a.length),l=(0,y.mZ)();(0,e.useEffect)(()=>{const u=g=>{r(g),c(!1)},m=async(g,h)=>{const p=await Promise.all(h);g.forEach((b,E)=>{Lt.set(b,p[E].default)}),u(Object.fromEntries(Lt))};if(a.length>0){c(!0);const g=a.reduce((h,p)=>{const b=l.get(p);return b&&h.push(b.components.Input()),h},[]);g.length>0&&m(a,g)}},[a,l]);const d=(0,e.useCallback)(()=>{Lt.clear(),r({})},[]);return{isLazyLoading:s,lazyComponentStore:o,cleanup:d}},Hl=i(9086),Gl=i.n(Hl),Ql=i(88708),At=i.n(Ql),Kl=i(38705),wt=i(69932),Yl=i(27169),Or=i(75536),Xl=i(63642);const Jl=(0,U.ZP)(Xl.E)`
|
|
156
|
+
svg {
|
|
157
|
+
height: 1rem;
|
|
158
|
+
width: 1rem;
|
|
159
|
+
path {
|
|
160
|
+
fill: ${({theme:t})=>t.colors.neutral400};
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
svg:hover {
|
|
165
|
+
path {
|
|
166
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
`,Ir=(0,U.ZP)(x.k)`
|
|
170
|
+
svg {
|
|
171
|
+
height: ${12/16}rem;
|
|
172
|
+
width: ${12/16}rem;
|
|
173
|
+
|
|
174
|
+
path {
|
|
175
|
+
fill: ${({theme:t,available:o})=>o?t.colors.success600:t.colors.danger600};
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
`,_l=U.F4`
|
|
179
|
+
from {
|
|
180
|
+
transform: rotate(0deg);
|
|
181
|
+
}
|
|
182
|
+
to {
|
|
183
|
+
transform: rotate(359deg);
|
|
184
|
+
}
|
|
185
|
+
`,ec=(0,U.ZP)(x.k)`
|
|
186
|
+
animation: ${_l} 2s infinite linear;
|
|
187
|
+
`;var tc=/^[A-Za-z0-9-_.~]*$/;const Wn=({attribute:t,contentTypeUID:o,hint:r,disabled:a,error:s,intlLabel:c,labelAction:l,name:d,onChange:u,value:m,placeholder:g,required:h})=>{const{modifiedData:p,initialData:b,layout:E}=(0,y.Wq)(),[C,O]=(0,e.useState)(!1),[R,T]=(0,e.useState)(null),Z=(0,Or.Z)(m,300),D=(0,e.useRef)(),v=(0,y.lm)(),{formatAPIError:M}=(0,y.So)(),L=b[d],{formatMessage:$}=(0,Q.Z)(),I=E?.options?.timestamps??0,W=!b[I],X=(0,Or.Z)(p[t.targetField],300),[w,K]=(0,e.useState)(!1),[Y,J]=(0,e.useState)(null),{post:k}=(0,y.kY)(),B=c.id?$({id:c.id,defaultMessage:c.defaultMessage},{...c.values}):d,P=g?$({id:g.id,defaultMessage:g.defaultMessage},{...g.values}):"";D.current=async(j=!1)=>{O(!0);try{const{data:{data:re}}=await k((0,f.IF)("uid/generate"),{contentTypeUID:o,field:d,data:p});u({target:{name:d,value:re,type:"text"}},j),O(!1)}catch(re){O(!1),v({type:"warning",message:M(re)})}};const S=async()=>{if(m){O(!0);try{const{data:j}=await k((0,f.IF)("uid/check-availability"),{contentTypeUID:o,field:d,value:m?m.trim():""});O(!1),T(j)}catch(j){O(!1),v({type:"warning",message:M(j)})}}};(0,e.useEffect)(()=>{!m&&t.required&&D.current(!0)},[t.required,D,m]),(0,e.useEffect)(()=>{Z?.trim().match(tc)&&Z!==L&&S(),Z||T(null)},[L,Z]),(0,e.useEffect)(()=>{let j;return R?.isAvailable&&(j=setTimeout(()=>{T(null)},4e3)),()=>{j&&clearTimeout(j)}},[R]),(0,e.useEffect)(()=>{!w&&W&&X&&p[t.targetField]&&!m&&D.current(!0)},[X,w,W]);const z=()=>{J($({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}))},V=()=>{J(null)},A=j=>{j.target.value&&W&&K(!0),u(j)};return e.createElement(En.o,{disabled:a,error:s,endAction:e.createElement(x.k,{position:"relative",gap:1},R&&!Y&&e.createElement(Ir,{alignItems:"center",gap:1,justifyContent:"flex-end",available:!!R?.isAvailable,"data-not-here-outer":!0,position:"absolute",pointerEvents:"none",right:6,width:"100px"},R?.isAvailable?e.createElement(Kl.Z,null):e.createElement(wt.Z,null),e.createElement(G.Z,{textColor:R.isAvailable?"success600":"danger600",variant:"pi"},$(R.isAvailable?{id:"content-manager.components.uid.available",defaultMessage:"Available"}:{id:"content-manager.components.uid.unavailable",defaultMessage:"Unavailable"}))),!a&&e.createElement(e.Fragment,null,Y&&e.createElement(Ir,{alignItems:"center",justifyContent:"flex-end",gap:1},e.createElement(G.Z,{textColor:"primary600",variant:"pi"},Y)),e.createElement(Jl,{onClick:()=>D.current(),label:$({id:"content-manager.components.uid.regenerate",defaultMessage:"Regenerate"}),onMouseEnter:z,onMouseLeave:V},C?e.createElement(ec,{"data-testid":"loading-wrapper"},e.createElement(Yl.Z,null)):e.createElement(un.Z,null)))),hint:r,label:B,labelAction:l,name:d,onChange:A,placeholder:P,value:m||"",required:h})};Wn.propTypes={attribute:n().shape({targetField:n().string,required:n().bool}).isRequired,contentTypeUID:n().string.isRequired,disabled:n().bool,error:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,onChange:n().func.isRequired,value:n().string,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,hint:n().oneOfType([n().string,n().array])},Wn.defaultProps={disabled:!1,error:void 0,labelAction:void 0,placeholder:void 0,value:"",required:!1,hint:""};var nc=Wn;function oc(t,o){return r=>{const a=o(r);return e.createElement(t,{...r,...a})}}var rc=oc;const ac=(t=[],o=[])=>{const r=t.reduce((s,c)=>o.find(l=>l.id===c.id)?s:[...s,c.id],[]),a=o.reduce((s,c)=>t.find(l=>l.id===c.id)?s:[...s,c.id],[]);return[r,a]},pt={DRAFT:"draft",PUBLISHED:"published"},zn=5,sc=10;function ic(t,o){return`${(0,f.IF)(`collectionType/${t}/${o??""}`)}`}const Un=(t,{shouldAddLink:o,mainFieldName:r,targetModel:a})=>{const s={...t};return o&&(s.href=ic(a,s.id)),s.publicationState=!1,s?.publishedAt!==void 0&&(s.publicationState=s.publishedAt?pt.PUBLISHED:pt.DRAFT),s.mainField=s[r],s},lc=(t,{shouldAddLink:o=!1,mainFieldName:r,targetModel:a}={})=>[...t].map(s=>Un(s,{shouldAddLink:o,mainFieldName:r,targetModel:a})),cc=(t,{mainFieldName:o})=>{const{data:r}=t,{pages:a=[]}=r??{};return{...t,data:a.map(s=>s?.results.map(c=>Un(c,{mainFieldName:o}))).filter(Boolean).flat()}};function dc({componentUid:t,isUserAllowedToEditField:o,isUserAllowedToReadField:r,name:a,queryInfos:s}){const{isCreatingEntry:c,createActionAllowedFields:l,readActionAllowedFields:d,updateActionAllowedFields:u,slug:m,modifiedData:g}=(0,y.Wq)(),h=(0,e.useMemo)(()=>o===!0?!0:(c?l:u).includes(a),[c,l,a,o,u]),p=(0,e.useMemo)(()=>r?!0:(c?[]:d).includes(a),[c,r,a,d]),b=a.split(".");let E;t&&(E=F()(g,b.slice(0,-1))?.id);const C=(0,e.useMemo)(()=>c?null:t?E?(0,f.IF)(`relations/${t}/${E}/${b.at(-1)}`):null:(0,f.IF)(`relations/${m}/${g.id}/${a.split(".").at(-1)}`),[c,t,m,g.id,a,E,b]),O=(0,e.useMemo)(()=>t?(0,f.IF)(`relations/${t}/${a.split(".").at(-1)}`):(0,f.IF)(`relations/${m}/${a.split(".").at(-1)}`),[t,m,a]);return{componentId:E,isComponentRelation:Boolean(t),queryInfos:{...s,endpoints:{search:O,relation:C}},isCreatingEntry:c,isFieldAllowed:h,isFieldReadable:p}}var uc=dc;const mc=(t,{relation:o,search:r})=>{const[a,s]=(0,e.useState)({}),[c,l]=(0,e.useState)(0),{get:d}=(0,y.kY)(),u=async({pageParam:v=1})=>{try{const{data:M}=await d(o?.endpoint,{params:{...o.pageParams??{},page:v}});return l(v),M}catch{return null}},m=async({pageParam:v=1})=>{try{const{data:M}=await d(r.endpoint,{params:{...r.pageParams??{},...a,page:v}});return M}catch{return null}},{onLoad:g,normalizeArguments:h={}}=o,p=(0,et.useInfiniteQuery)(["relation",...t],u,{cacheTime:0,enabled:o.enabled,getNextPageParam(v){const M=!v?.pagination;if(!(!v||M||v?.pagination.page>=v?.pagination.pageCount))return v.pagination.page+1},select:v=>({...v,pages:v.pages.map(M=>{if(!M)return M;const{data:L,results:$,pagination:I}=M,W=!!L;let X=[];return W?X=[L]:$&&(X=[...$].reverse()),{pagination:I,results:X}})})}),{pageGoal:b}=o,{status:E,data:C,fetchNextPage:O,hasNextPage:R}=p;(0,e.useEffect)(()=>{b>c&&R&&E==="success"&&O({pageParam:c+1})},[b,c,O,R,E]);const T=(0,y.W6)(g);(0,e.useEffect)(()=>{if(E==="success"&&C&&C.pages?.at(-1)?.results&&T){const v=lc(C.pages.at(-1).results,h);T(v)}},[E,T,C]);const Z=(0,et.useInfiniteQuery)(["relation",...t,"search",JSON.stringify(a)],m,{enabled:Object.keys(a).length>0,getNextPageParam(v){if(!(!v?.pagination||v.pagination.page>=v.pagination.pageCount))return v.pagination.page+1}});return{relations:p,search:Z,searchFor:(v,M={})=>{s({...M,_q:v})}}},Pr=(t,o)=>r=>{const a=r.split(".");return a.reduce((s,c,l)=>{const d=F()(t,s),u=F()(o,[...a.slice(0,l),c,"__temp_key__"]);if(Array.isArray(d)&&typeof u=="number"){const m=d.findIndex(g=>g.__temp_key__===u);return s.push(m.toString()),s}return s.push(c),s},[])};var pc=i(50428),gc=i(87107),fc=i(28847),Zr=i(7563),hc=i(67014),yc=i(47851),qt=i(63919),qn=i(41234),Vt=i(35331),Ec=i(41044),bc=i(67582);const vc=U.ZP.div`
|
|
188
|
+
flex-shrink: 0;
|
|
189
|
+
width: ${(0,y.Q1)(6)};
|
|
190
|
+
height: ${(0,y.Q1)(6)};
|
|
191
|
+
margin-right: ${({theme:t})=>t.spaces[2]};
|
|
192
|
+
background-color: ${({theme:t,isDraft:o})=>t.colors[o?"secondary600":"success600"]};
|
|
193
|
+
border-radius: 50%;
|
|
194
|
+
`,xr=t=>{const{formatMessage:o}=(0,Q.Z)(),r=bc.c.Option,{publicationState:a,mainField:s,id:c}=t.data;if(a){const l=a==="draft",d={id:(0,f.OB)("components.Select.draft-info-title"),defaultMessage:"State: Draft"},u={id:(0,f.OB)("components.Select.publish-info-title"),defaultMessage:"State: Published"},m=o(l?d:u);return e.createElement(r,{...t},e.createElement(x.k,null,e.createElement(vc,{title:m,isDraft:l}),e.createElement(G.Z,{ellipsis:!0},s??c)))}return e.createElement(r,{...t},s??c)};xr.propTypes={isFocused:n().bool.isRequired,data:n().shape({id:n().number.isRequired,isDraft:n().bool,mainField:n().string,publicationState:n().oneOfType([n().string,n().bool])}).isRequired};const Vn=({children:t,loadMore:o,search:r,totalNumberOfRelations:a,size:s,...c})=>e.createElement(e.Fragment,null,e.createElement(x.k,{paddingBottom:a>0?3:0,gap:2,justifyContent:"space-between",alignItems:"end",wrap:"wrap"},e.createElement(x.k,{direction:"column",alignItems:"stretch",basis:s<=6?"100%":"70%",gap:1,...c},r),o),t);Vn.defaultProps={search:void 0,loadMore:void 0,totalNumberOfRelations:0},Vn.propTypes={children:n().node.isRequired,search:n().node,loadMore:n().node,size:n().number.isRequired,totalNumberOfRelations:n().number};var Fr=i(90553);const Ht=50,Mt=4,Sr=(0,U.ZP)(x.k)`
|
|
195
|
+
width: 100%;
|
|
196
|
+
/* Used to prevent endAction to be pushed out of container */
|
|
197
|
+
min-width: 0;
|
|
198
|
+
|
|
199
|
+
& > div[role='button'] {
|
|
200
|
+
cursor: all-scroll;
|
|
201
|
+
}
|
|
202
|
+
`,kr=(0,U.ZP)(x.k)`
|
|
203
|
+
width: 100%;
|
|
204
|
+
/* Used to prevent endAction to be pushed out of container */
|
|
205
|
+
min-width: 0;
|
|
206
|
+
`,Hn=({ariaDescribedBy:t,children:o,displayValue:r,canDrag:a,disabled:s,endAction:c,iconButtonAriaLabel:l,style:d,id:u,index:m,name:g,onCancel:h,onDropItem:p,onGrabItem:b,status:E,updatePositionOfRelation:C,...O})=>{const[{handlerId:R,isDragging:T,handleKeyDown:Z},D,v,M,L]=(0,Fr.Y)(a&&!s,{type:`${f._Q.RELATION}_${g}`,index:m,item:{displayedValue:r,status:E,id:u},onGrabItem:b,onDropItem:p,onCancel:h,onMoveItem:C,dropSensitivity:"immediate"}),$=(0,f.FE)(D,M);return(0,e.useEffect)(()=>{L((0,xt.rX)())},[L]),e.createElement(N.x,{style:d,as:"li",ref:v,"aria-describedby":t,cursor:a?"all-scroll":"default"},T?e.createElement(Cc,null):e.createElement(x.k,{paddingTop:2,paddingBottom:2,paddingLeft:a?2:4,paddingRight:4,hasRadius:!0,borderSize:1,borderColor:"neutral200",background:s?"neutral150":"neutral0",justifyContent:"space-between",ref:a?$:void 0,"data-handler-id":R,...O},e.createElement(Sr,{gap:1},a?e.createElement(Me.h,{forwardedAs:"div",role:"button",tabIndex:0,"aria-label":l,noBorder:!0,onKeyDown:Z,disabled:s},e.createElement(at.Z,null)):null,e.createElement(kr,{justifyContent:"space-between"},o)),c&&e.createElement(N.x,{paddingLeft:4},c)))},Cc=()=>e.createElement(N.x,{paddingTop:2,paddingBottom:2,paddingLeft:4,paddingRight:4,hasRadius:!0,borderStyle:"dashed",borderColor:"primary600",borderWidth:"1px",background:"primary100",height:`calc(100% - ${Mt}px)`});Hn.defaultProps={ariaDescribedBy:"",canDrag:!1,displayValue:"",disabled:!1,endAction:void 0,onCancel:void 0,onDropItem:void 0,onGrabItem:void 0,style:void 0,status:void 0,updatePositionOfRelation:void 0},Hn.propTypes={ariaDescribedBy:n().string,canDrag:n().bool,children:n().node.isRequired,displayValue:n().string,disabled:n().bool,endAction:n().node,iconButtonAriaLabel:n().string.isRequired,id:n().number.isRequired,index:n().number.isRequired,name:n().string.isRequired,onCancel:n().func,onDropItem:n().func,onGrabItem:n().func,status:n().string,style:n().shape({height:n().number,left:n().number,position:n().string,right:n().number,width:n().string}),updatePositionOfRelation:n().func};const Rc=(0,U.ZP)(N.x)`
|
|
207
|
+
position: relative;
|
|
208
|
+
overflow-x: hidden;
|
|
209
|
+
overflow-y: auto;
|
|
210
|
+
|
|
211
|
+
&:before,
|
|
212
|
+
&:after {
|
|
213
|
+
position: absolute;
|
|
214
|
+
width: 100%;
|
|
215
|
+
height: 4px;
|
|
216
|
+
z-index: 1;
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
&:before {
|
|
220
|
+
/* TODO: as for DS Table component we would need this to be handled by the DS theme */
|
|
221
|
+
content: '';
|
|
222
|
+
background: linear-gradient(rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
|
|
223
|
+
top: 0;
|
|
224
|
+
opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="top"?1:0};
|
|
225
|
+
transition: opacity 0.2s ease-in-out;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
&:after {
|
|
229
|
+
/* TODO: as for DS Table component we would need this to be handled by the DS theme */
|
|
230
|
+
content: '';
|
|
231
|
+
background: linear-gradient(0deg, rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
|
|
232
|
+
bottom: 0;
|
|
233
|
+
opacity: ${({overflowDirection:t})=>t==="top-bottom"||t==="bottom"?1:0};
|
|
234
|
+
transition: opacity 0.2s ease-in-out;
|
|
235
|
+
}
|
|
236
|
+
`,Gn=({children:t,overflow:o,...r})=>e.createElement(Rc,{overflowDirection:o,...r},t);Gn.defaultProps={overflow:""},Gn.propTypes={children:n().node.isRequired,overflow:n().oneOf(["top-bottom","bottom","top",""])};const Lr=(0,U.ZP)(pc.r)`
|
|
237
|
+
display: block;
|
|
238
|
+
|
|
239
|
+
> span {
|
|
240
|
+
white-space: nowrap;
|
|
241
|
+
overflow: hidden;
|
|
242
|
+
text-overflow: ellipsis;
|
|
243
|
+
display: block;
|
|
244
|
+
}
|
|
245
|
+
`,Ar=U.ZP.button`
|
|
246
|
+
svg path {
|
|
247
|
+
fill: ${({theme:t,disabled:o})=>o?t.colors.neutral600:t.colors.neutral500};
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
&:hover svg path,
|
|
251
|
+
&:focus svg path {
|
|
252
|
+
fill: ${({theme:t,disabled:o})=>!o&&t.colors.neutral600};
|
|
253
|
+
}
|
|
254
|
+
`,Qn=({canReorder:t,description:o,disabled:r,error:a,iconButtonAriaLabel:s,id:c,name:l,numberOfRelationsToDisplay:d,label:u,labelAction:m,labelLoadMore:g,labelDisconnectRelation:h,listAriaDescription:p,liveText:b,loadingMessage:E,onCancel:C,onDropItem:O,onGrabItem:R,noRelationsMessage:T,onRelationConnect:Z,onRelationLoadMore:D,onRelationDisconnect:v,onRelationReorder:M,onSearchNextPage:L,onSearch:$,placeholder:I,publicationStateTranslations:W,required:X,relations:w,searchResults:K,size:Y})=>{const[J,k]=(0,e.useState)(null),[B,P]=(0,e.useState)(""),S=(0,e.useRef)(),z=(0,e.useRef)(),{data:V}=K,A=w.data,j=A.length??0,re=(0,e.useMemo)(()=>j>d?Math.min(j,d)*(Ht+Mt)+Ht/2:Math.min(j,d)*(Ht+Mt),[j,d]),ne=!!g&&w.hasNextPage,de=(0,e.useMemo)(()=>V.flat().filter(Boolean).map(ee=>({...ee,value:ee.id,label:ee.mainField})),[V]);(0,e.useEffect)(()=>{if(j<=d)return P("");const ee=$e=>{const Wo=$e.target.parentNode.scrollHeight,zo=$e.target.scrollHeight-$e.target.scrollTop;return $e.target.scrollTop===0?P("bottom"):P(zo===Wo?"top":"top-bottom")},he=z?.current;return!w.isLoading&&A.length>0&&he&&z.current.addEventListener("scroll",ee),()=>{he&&he.removeEventListener("scroll",ee)}},[w,A,d,j]);const[H,q]=(0,e.useState)(!1),me=(0,e.useRef)(),Ce=(0,e.useRef)([]);(0,e.useEffect)(()=>(de.length>0&&Ce.current.length===0&&q(ee=>(ee&&(me.current=setTimeout(()=>{q(!0)},10)),!1)),()=>{Ce.current=de||[]}),[de]),(0,e.useEffect)(()=>()=>{me.current&&clearTimeout(me.current)},[]);const le=()=>{q(!1)},ue=()=>{q(!0),$()},Pe=(ee,he)=>{M&&ee>=0&&ee<A.length&&M(he,ee)},Ze=(0,be.zH)(A.length),Se=(0,e.useRef)(),nt=()=>{Se.current="loadMore",D()};(0,e.useEffect)(()=>{Se.current==="onChange"&&A.length!==Ze?S.current.scrollToItem(A.length,"end"):Se.current==="loadMore"&&A.length!==Ze&&S.current.scrollToItem(0,"start"),Se.current=void 0},[Ze,A]);const Te=`${l}-item-instructions`;return e.createElement(gc.g,{error:a,name:l,hint:o,id:c,required:X},e.createElement(Vn,{totalNumberOfRelations:j,size:Y,search:e.createElement(e.Fragment,null,e.createElement(fc.Q,{action:m},u),e.createElement(y.JV,{menuPosition:"absolute",menuPlacement:"auto",components:{Option:xr},options:de,isDisabled:r,isLoading:K.isLoading,error:a,inputId:c,isSearchable:!0,isClear:!0,loadingMessage:()=>E,onChange:ee=>{k(null),Z(ee),Se.current="onChange"},onInputChange:ee=>{k(ee),$(ee)},onMenuClose:le,onMenuOpen:ue,menuIsOpen:H,noOptionsMessage:()=>T,onMenuScrollToBottom:()=>{K.hasNextPage&&L()},placeholder:I,name:l,value:J})),loadMore:ne&&e.createElement(Zr.A,{disabled:w.isLoading||w.isFetchingNextPage,onClick:nt,loading:w.isLoading||w.isFetchingNextPage,startIcon:e.createElement(un.Z,null)},g)},A.length>0&&e.createElement(Gn,{overflow:B},e.createElement(mt.T,{id:Te},p),e.createElement(mt.T,{"aria-live":"assertive"},b),e.createElement(Ec.t7,{height:re,ref:S,outerRef:z,itemCount:j,itemSize:Ht+Mt,itemData:{name:l,ariaDescribedBy:Te,canDrag:t,disabled:r,handleCancel:C,handleDropItem:O,handleGrabItem:R,iconButtonAriaLabel:s,labelDisconnectRelation:h,onRelationDisconnect:v,publicationStateTranslations:W,relations:A,updatePositionOfRelation:Pe},itemKey:ee=>`${A[ee].mainField}_${A[ee].id}`,innerElementType:"ol"},Kn)),(o||a)&&e.createElement(N.x,{paddingTop:2},e.createElement(hc.J,null),e.createElement(yc.c,null))))},Mc=n().shape({data:n().arrayOf(n().shape({href:n().string,id:n().number.isRequired,publicationState:n().oneOfType([n().string,n().bool]),mainField:n().oneOfType([n().string,n().number])})),hasNextPage:n().bool,isFetchingNextPage:n().bool.isRequired,isLoading:n().bool.isRequired,isSuccess:n().bool.isRequired}),Tc=n().shape({data:n().arrayOf(n().shape({id:n().number.isRequired,href:n().string,mainField:n().oneOfType([n().string,n().number]),publicationState:n().oneOfType([n().string,n().bool])})),hasNextPage:n().bool,isLoading:n().bool.isRequired,isSuccess:n().bool.isRequired});Qn.defaultProps={canReorder:!1,description:void 0,disabled:!1,error:void 0,labelAction:null,labelLoadMore:null,liveText:void 0,onCancel:void 0,onDropItem:void 0,onGrabItem:void 0,required:!1,relations:{data:[]},searchResults:{data:[]}},Qn.propTypes={error:n().string,canReorder:n().bool,description:n().string,disabled:n().bool,iconButtonAriaLabel:n().string.isRequired,id:n().string.isRequired,label:n().string.isRequired,labelAction:n().element,labelLoadMore:n().string,labelDisconnectRelation:n().string.isRequired,listAriaDescription:n().string.isRequired,liveText:n().string,loadingMessage:n().string.isRequired,name:n().string.isRequired,noRelationsMessage:n().string.isRequired,numberOfRelationsToDisplay:n().number.isRequired,onCancel:n().func,onDropItem:n().func,onGrabItem:n().func,onRelationConnect:n().func.isRequired,onRelationDisconnect:n().func.isRequired,onRelationLoadMore:n().func.isRequired,onRelationReorder:n().func.isRequired,onSearch:n().func.isRequired,onSearchNextPage:n().func.isRequired,placeholder:n().string.isRequired,publicationStateTranslations:n().shape({draft:n().string.isRequired,published:n().string.isRequired}).isRequired,required:n().bool,searchResults:Tc,size:n().number.isRequired,relations:Mc};const Kn=({data:t,index:o,style:r})=>{const{ariaDescribedBy:a,canDrag:s,disabled:c,handleCancel:l,handleDropItem:d,handleGrabItem:u,iconButtonAriaLabel:m,name:g,labelDisconnectRelation:h,onRelationDisconnect:p,publicationStateTranslations:b,relations:E,updatePositionOfRelation:C}=t,{publicationState:O,href:R,mainField:T,id:Z}=E[o],D=O==="draft"?"secondary":"success";return e.createElement(Hn,{ariaDescribedBy:a,canDrag:s,disabled:c,displayValue:String(T??Z),iconButtonAriaLabel:m,id:Z,index:o,name:g,endAction:e.createElement(Ar,{"data-testid":`remove-relation-${Z}`,disabled:c,type:"button",onClick:()=>p(E[o]),"aria-label":h},e.createElement(ln.J,{width:"12px",as:Vt.Z})),onCancel:l,onDropItem:d,onGrabItem:u,status:O||void 0,style:{...r,bottom:r.bottom??0+Mt,height:r.height??0-Mt},updatePositionOfRelation:C},e.createElement(N.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(qt.u,{description:T??`${Z}`},R?e.createElement(Lr,{to:R},T??Z):e.createElement(G.Z,{textColor:c?"neutral600":"primary600",ellipsis:!0},T??Z))),O&&e.createElement(qn.q,{variant:D,showBullet:!1,size:"S"},e.createElement(G.Z,{fontWeight:"bold",textColor:`${D}700`},b[O])))};Kn.defaultProps={data:{}},Kn.propTypes={data:n().shape({ariaDescribedBy:n().string.isRequired,canDrag:n().bool.isRequired,disabled:n().bool.isRequired,handleCancel:n().func,handleDropItem:n().func,handleGrabItem:n().func,iconButtonAriaLabel:n().string.isRequired,labelDisconnectRelation:n().string.isRequired,name:n().string.isRequired,onRelationDisconnect:n().func.isRequired,publicationStateTranslations:n().shape({draft:n().string.isRequired,published:n().string.isRequired}).isRequired,relations:n().arrayOf(n().shape({href:n().string,id:n().number.isRequired,publicationState:n().oneOfType([n().string,n().bool]),mainField:n().oneOfType([n().string,n().number])})),updatePositionOfRelation:n().func.isRequired}),index:n().number.isRequired,style:n().object.isRequired};var Dc=Qn;const Yn=({error:t,componentId:o,isComponentRelation:r,editable:a,description:s,intlLabel:c,isCreatingEntry:l,isFieldAllowed:d,isFieldReadable:u,labelAction:m,mainField:g,name:h,queryInfos:{endpoints:p,defaultParams:b,shouldDisplayRelationLink:E},placeholder:C,required:O,relationType:R,size:T,targetModel:Z})=>{const[D,v]=(0,e.useState)(""),{formatMessage:M}=(0,Q.Z)(),{slug:L,initialData:$,modifiedData:I,relationConnect:W,relationDisconnect:X,relationLoad:w,relationReorder:K}=(0,y.Wq)(),Y=h.split("."),J=Pr($,I)(h),k=F()(I,h,[]),B=Math.ceil(F()($,h,[]).length/zn),{relations:P,search:S,searchFor:z}=mc([L,J.join("."),I.id,b],{relation:{enabled:!!p.relation,endpoint:p.relation,pageGoal:B,pageParams:{...b,pageSize:zn},onLoad(ee){w({target:{initialDataPath:["initialData",...J],modifiedDataPath:["modifiedData",...Y],value:ee}})},normalizeArguments:{mainFieldName:g.name,shouldAddLink:E,targetModel:Z}},search:{endpoint:p.search,pageParams:{...b,entityId:l?void 0:r?o:$.id,pageSize:sc}}}),V=(0,e.useMemo)(()=>R.toLowerCase().includes("morph"),[R]),A=["oneWay","oneToOne","manyToOne","oneToManyMorph","oneToOneMorph"].includes(R),j=(0,e.useMemo)(()=>V?!0:l?!a:!d&&u||!a,[V,l,a,d,u]),re=ee=>{const he=Un(ee,{mainFieldName:g.name,shouldAddLink:E,targetModel:Z});W({name:h,value:he,toOneRelation:A})},ne=ee=>{X({name:h,id:ee.id})},de=()=>{P.fetchNextPage()},H=(ee="")=>{const[he,$e]=ac(k,F()($,h));z(ee,{idsToInclude:$e,idsToOmit:he})},q=()=>{S.fetchNextPage()},me=ee=>`${ee+1} of ${k.length}`,Ce=(ee,he)=>{const $e=k[ee];v(M({id:(0,f.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:$e.mainField??$e.id,position:me(he)})),K({name:h,newIndex:he,oldIndex:ee})},le=ee=>{const he=k[ee];v(M({id:(0,f.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:he.mainField??he.id,position:me(ee)}))},ue=ee=>{const he=k[ee];v(M({id:(0,f.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:he.mainField??he.id,position:me(ee)}))},Pe=ee=>{const he=k[ee];v(M({id:(0,f.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:he.mainField??he.id}))};if(!d&&l||!l&&!d&&!u)return e.createElement(y.X0,{name:h,intlLabel:c,labelAction:m});const Ze=k.length,Se=(F()($,J)??[]).length,nt=P.data?.pages[0]?.pagination?.total??0,Te=!P.data&&Ze===Se?Ze:Ze-Se+nt;return e.createElement(Dc,{error:t,canReorder:!A,description:s,disabled:j,iconButtonAriaLabel:M({id:(0,f.OB)("components.RelationInput.icon-button-aria-label"),defaultMessage:"Drag"}),id:h,label:`${M({id:c.id,defaultMessage:c.defaultMessage})} ${Te>0?`(${Te})`:""}`,labelAction:m,labelLoadMore:l?null:M({id:(0,f.OB)("relation.loadMore"),defaultMessage:"Load More"}),labelDisconnectRelation:M({id:(0,f.OB)("relation.disconnect"),defaultMessage:"Remove"}),listAriaDescription:M({id:(0,f.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"}),listHeight:320,liveText:D,loadingMessage:M({id:(0,f.OB)("relation.isLoading"),defaultMessage:"Relations are loading"}),name:h,noRelationsMessage:M({id:(0,f.OB)("relation.notAvailable"),defaultMessage:"No relations available"}),numberOfRelationsToDisplay:zn,onDropItem:ue,onGrabItem:le,onCancel:Pe,onRelationConnect:re,onRelationDisconnect:ne,onRelationLoadMore:de,onRelationReorder:Ce,onSearch:ee=>H(ee),onSearchNextPage:()=>q(),placeholder:M(C||{id:(0,f.OB)("relation.add"),defaultMessage:"Add relation"}),publicationStateTranslations:{[pt.DRAFT]:M({id:(0,f.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[pt.PUBLISHED]:M({id:(0,f.OB)("relation.publicationState.published"),defaultMessage:"Published"})},relations:rn()({...P,data:k},"data","hasNextPage","isFetchingNextPage","isLoading","isSuccess"),required:O,searchResults:cc(S,{mainFieldName:g.name}),size:T})};Yn.defaultProps={componentId:void 0,editable:!0,error:void 0,description:"",labelAction:null,isComponentRelation:!1,isFieldAllowed:!0,placeholder:null,required:!1},Yn.propTypes={componentId:n().number,editable:n().bool,error:n().string,description:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,isCreatingEntry:n().bool.isRequired,isComponentRelation:n().bool,isFieldAllowed:n().bool,isFieldReadable:n().bool.isRequired,mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired}).isRequired,name:n().string.isRequired,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,relationType:n().string.isRequired,size:n().number.isRequired,targetModel:n().string.isRequired,queryInfos:n().shape({defaultParams:n().shape({locale:n().string}),endpoints:n().shape({relation:n().string,search:n().string.isRequired}).isRequired,shouldDisplayRelationLink:n().bool.isRequired}).isRequired};const Oc=(0,e.memo)(Yn);var Ic=rc(Oc,uc);const Xn=({id:t,error:o,name:r,hint:a})=>a.length===0||o?null:e.createElement(G.Z,{as:"p",variant:"pi",id:`${t||r}-hint`,textColor:"neutral600"},a);Xn.defaultProps={id:void 0,error:void 0,hint:""},Xn.propTypes={hint:n().oneOfType([n().string,n().array]),error:n().string,id:n().string,name:n().string.isRequired};var Pc=Xn,Zc=i(87702),Jn=i.n(Zc),_n=i(59845),xc=i(88591),Fc=i.n(xc),Sc=i(20871),kc=i.n(Sc),Lc=i(48375),wr=i.n(Lc),Ac=i(31089),wc=i.n(Ac),$c=i(16043),Bc=i.n($c),Nc=i(5109),jc=i.n(Nc),Wc=i(47955),zc=i.n(Wc),Uc=i(95706),qc=i.n(Uc),Vc=i(6658),Hc=i.n(Vc),Gc=i(36407),Qc=i.n(Gc);(async()=>{await i.e(7347).then(i.bind(i,74194))})();const Tt=new(Fc())({html:!0,xhtmlOut:!1,breaks:!0,langPrefix:"language-",linkify:!0,typographer:!0,highlight(t,o){if(o&&o!=="auto"&&(0,_n.getLanguage)(o))return'<pre class="hljs language-'+Tt.utils.escapeHtml(o.toLowerCase())+'"><code>'+(0,_n.highlight)(o,t,!0).value+"</code></pre>";if(o==="auto"){const r=(0,_n.highlightAuto)(t);return'<pre class="hljs language-'+Tt.utils.escapeHtml(r.language)+'"><code>'+r.value+"</code></pre>"}return'<pre class="hljs"><code>'+Tt.utils.escapeHtml(t)+"</code></pre>"}}).use(kc()).use(wr(),"warning").use(wr(),"tip").use(wc()).use(Bc()).use(jc()).use(zc()).use(qc()).use(Hc()).use(Qc());Tt.renderer.rules.footnote_ref=(t,o,r,a,s)=>'<sup class="footnote-ref"><span>'+s.rules.footnote_caption(t,o,r,a,s)+"</span></sup>",Tt.renderer.rules.footnote_anchor=()=>' <span class="footnote-backref">\u21A9\uFE0E</span>';var Kc=Tt,Yc=i(13993),$r=i.n(Yc);const Xc={...$r().defaults,allowedTags:!1,allowedAttributes:{"*":["href","align","alt","center","width","height","type","controls","target"],img:["src","alt"],source:["src","type"]}};var Jc=t=>$r()(t,Xc),_c=U.ZP.div`
|
|
255
|
+
position: absolute;
|
|
256
|
+
top: 0;
|
|
257
|
+
width: 100%;
|
|
258
|
+
height: 100%;
|
|
259
|
+
overflow: auto;
|
|
260
|
+
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
261
|
+
font-size: ${14/16}rem;
|
|
262
|
+
background-color: ${({theme:t})=>t.colors.neutral0};
|
|
263
|
+
color: ${({theme:t})=>t.colors.neutral800};
|
|
264
|
+
line-height: ${({theme:t})=>t.lineHeights[6]};
|
|
265
|
+
|
|
266
|
+
h1,
|
|
267
|
+
h2,
|
|
268
|
+
h3,
|
|
269
|
+
h4,
|
|
270
|
+
h5,
|
|
271
|
+
h6 {
|
|
272
|
+
margin-block-start: ${({theme:t})=>t.spaces[2]};
|
|
273
|
+
margin-block-end: ${({theme:t})=>t.spaces[2]};
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
p {
|
|
277
|
+
margin-bottom: ${({theme:t})=>t.spaces[2]};
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
h1 {
|
|
281
|
+
font-size: ${36/16}rem;
|
|
282
|
+
font-weight: 600;
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
h2 {
|
|
286
|
+
font-size: ${30/16}rem;
|
|
287
|
+
font-weight: 500;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
h3 {
|
|
291
|
+
font-size: ${24/16}rem;
|
|
292
|
+
font-weight: 500;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
h4 {
|
|
296
|
+
font-size: ${20/16}rem;
|
|
297
|
+
font-weight: 500;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
strong {
|
|
301
|
+
font-weight: 800;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
em {
|
|
305
|
+
font-style: italic;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
blockquote {
|
|
309
|
+
margin-top: ${({theme:t})=>t.spaces[8]};
|
|
310
|
+
margin-bottom: ${({theme:t})=>t.spaces[7]};
|
|
311
|
+
font-size: ${14/16}rem;
|
|
312
|
+
font-weight: 400;
|
|
313
|
+
border-left: 4px solid ${({theme:t})=>t.colors.neutral150};
|
|
314
|
+
font-style: italic;
|
|
315
|
+
padding: ${({theme:t})=>t.spaces[2]} ${({theme:t})=>t.spaces[5]};
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
img {
|
|
319
|
+
max-width: 100%;
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
table {
|
|
323
|
+
thead {
|
|
324
|
+
background: ${({theme:t})=>t.colors.neutral150};
|
|
325
|
+
|
|
326
|
+
th {
|
|
327
|
+
padding: ${({theme:t})=>t.spaces[4]};
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
tr {
|
|
331
|
+
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
332
|
+
}
|
|
333
|
+
th,
|
|
334
|
+
td {
|
|
335
|
+
padding: ${({theme:t})=>t.spaces[4]};
|
|
336
|
+
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
337
|
+
border-bottom: 0;
|
|
338
|
+
border-top: 0;
|
|
339
|
+
}
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
pre,
|
|
343
|
+
code {
|
|
344
|
+
font-size: ${14/16}rem;
|
|
345
|
+
border-radius: 4px;
|
|
346
|
+
/*
|
|
347
|
+
Hard coded since the color is the same between themes,
|
|
348
|
+
theme.colors.neutral800 changes between themes.
|
|
349
|
+
|
|
350
|
+
Matches the color of the JSON Input component.
|
|
351
|
+
*/
|
|
352
|
+
background-color: #32324d;
|
|
353
|
+
max-width: 100%;
|
|
354
|
+
overflow: auto;
|
|
355
|
+
padding: ${({theme:t})=>t.spaces[2]};
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
/* Inline code */
|
|
359
|
+
p,
|
|
360
|
+
pre,
|
|
361
|
+
td {
|
|
362
|
+
> code {
|
|
363
|
+
color: #839496;
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
ol {
|
|
368
|
+
list-style-type: decimal;
|
|
369
|
+
margin-block-start: ${({theme:t})=>t.spaces[4]};
|
|
370
|
+
margin-block-end: ${({theme:t})=>t.spaces[4]};
|
|
371
|
+
margin-inline-start: 0px;
|
|
372
|
+
margin-inline-end: 0px;
|
|
373
|
+
padding-inline-start: ${({theme:t})=>t.spaces[4]};
|
|
374
|
+
|
|
375
|
+
ol,
|
|
376
|
+
ul {
|
|
377
|
+
margin-block-start: 0px;
|
|
378
|
+
margin-block-end: 0px;
|
|
379
|
+
}
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
ul {
|
|
383
|
+
list-style-type: disc;
|
|
384
|
+
margin-block-start: ${({theme:t})=>t.spaces[4]};
|
|
385
|
+
margin-block-end: ${({theme:t})=>t.spaces[4]};
|
|
386
|
+
margin-inline-start: 0px;
|
|
387
|
+
margin-inline-end: 0px;
|
|
388
|
+
padding-inline-start: ${({theme:t})=>t.spaces[4]};
|
|
389
|
+
|
|
390
|
+
ul,
|
|
391
|
+
ol {
|
|
392
|
+
margin-block-start: 0px;
|
|
393
|
+
margin-block-end: 0px;
|
|
394
|
+
}
|
|
395
|
+
}
|
|
396
|
+
`;const eo=({data:t})=>{const o=(0,e.useMemo)(()=>Jc(Kc.render(t.replaceAll("\\n",`
|
|
397
|
+
`)||"")),[t]);return e.createElement(_c,null,e.createElement("div",{dangerouslySetInnerHTML:{__html:o}}))};eo.defaultProps={data:""},eo.propTypes={data:n().string};var Br=(0,e.memo)(eo);const ed=U.ZP.div`
|
|
398
|
+
cursor: ${({disabled:t})=>t?"not-allowed !important":"auto"};
|
|
399
|
+
height: 100%;
|
|
400
|
+
/* BASICS */
|
|
401
|
+
.CodeMirror-placeholder {
|
|
402
|
+
color: ${({theme:t})=>t.colors.neutral600} !important;
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
.CodeMirror {
|
|
406
|
+
/* Set height, width, borders, and global font properties here */
|
|
407
|
+
font-size: ${14/16}rem;
|
|
408
|
+
height: ${({isExpandMode:t})=>t?"100%":"290px"};
|
|
409
|
+
color: ${({theme:t})=>t.colors.neutral800};
|
|
410
|
+
direction: ltr;
|
|
411
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
|
|
412
|
+
'Open Sans', 'Helvetica Neue', sans-serif;
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
/* PADDING */
|
|
416
|
+
|
|
417
|
+
.CodeMirror-lines {
|
|
418
|
+
padding: ${({theme:t})=>`${t.spaces[3]} ${t.spaces[4]}`};
|
|
419
|
+
/* Vertical padding around content */
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
.CodeMirror-scrollbar-filler,
|
|
423
|
+
.CodeMirror-gutter-filler {
|
|
424
|
+
/* The little square between H and V scrollbars */
|
|
425
|
+
background-color: ${({theme:t})=>`${t.colors.neutral0}`};
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
/* GUTTER */
|
|
429
|
+
|
|
430
|
+
.CodeMirror-gutters {
|
|
431
|
+
border-right: 1px solid #ddd;
|
|
432
|
+
background-color: #f7f7f7;
|
|
433
|
+
white-space: nowrap;
|
|
434
|
+
}
|
|
435
|
+
.CodeMirror-linenumbers {
|
|
436
|
+
}
|
|
437
|
+
.CodeMirror-linenumber {
|
|
438
|
+
padding: 0 3px 0 5px;
|
|
439
|
+
min-width: 20px;
|
|
440
|
+
text-align: right;
|
|
441
|
+
color: #999;
|
|
442
|
+
white-space: nowrap;
|
|
443
|
+
}
|
|
444
|
+
|
|
445
|
+
.CodeMirror-guttermarker {
|
|
446
|
+
color: black;
|
|
447
|
+
}
|
|
448
|
+
.CodeMirror-guttermarker-subtle {
|
|
449
|
+
color: #999;
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
/* CURSOR */
|
|
453
|
+
|
|
454
|
+
.CodeMirror-cursor {
|
|
455
|
+
border-left: 1px solid black;
|
|
456
|
+
border-right: none;
|
|
457
|
+
width: 0;
|
|
458
|
+
}
|
|
459
|
+
/* Shown when moving in bi-directional text */
|
|
460
|
+
.CodeMirror div.CodeMirror-secondarycursor {
|
|
461
|
+
border-left: 1px solid silver;
|
|
462
|
+
}
|
|
463
|
+
.cm-fat-cursor .CodeMirror-cursor {
|
|
464
|
+
width: auto;
|
|
465
|
+
border: 0 !important;
|
|
466
|
+
background: #7e7;
|
|
467
|
+
}
|
|
468
|
+
.cm-fat-cursor div.CodeMirror-cursors {
|
|
469
|
+
/* z-index: 1; */
|
|
470
|
+
}
|
|
471
|
+
|
|
472
|
+
.cm-fat-cursor-mark {
|
|
473
|
+
background-color: rgba(20, 255, 20, 0.5);
|
|
474
|
+
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
475
|
+
-moz-animation: blink 1.06s steps(1) infinite;
|
|
476
|
+
animation: blink 1.06s steps(1) infinite;
|
|
477
|
+
}
|
|
478
|
+
.cm-animate-fat-cursor {
|
|
479
|
+
width: auto;
|
|
480
|
+
border: 0;
|
|
481
|
+
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
482
|
+
-moz-animation: blink 1.06s steps(1) infinite;
|
|
483
|
+
animation: blink 1.06s steps(1) infinite;
|
|
484
|
+
background-color: #7e7;
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
/* Can style cursor different in overwrite (non-insert) mode */
|
|
488
|
+
.CodeMirror-overwrite .CodeMirror-cursor {
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
.cm-tab {
|
|
492
|
+
display: inline-block;
|
|
493
|
+
text-decoration: inherit;
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
.CodeMirror-rulers {
|
|
497
|
+
position: absolute;
|
|
498
|
+
left: 0;
|
|
499
|
+
right: 0;
|
|
500
|
+
top: -50px;
|
|
501
|
+
bottom: 0;
|
|
502
|
+
overflow: hidden;
|
|
503
|
+
}
|
|
504
|
+
.CodeMirror-ruler {
|
|
505
|
+
border-left: 1px solid #ccc;
|
|
506
|
+
top: 0;
|
|
507
|
+
bottom: 0;
|
|
508
|
+
position: absolute;
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
/* DEFAULT THEME */
|
|
512
|
+
|
|
513
|
+
.cm-header,
|
|
514
|
+
.cm-strong {
|
|
515
|
+
font-weight: bold;
|
|
516
|
+
}
|
|
517
|
+
.cm-em {
|
|
518
|
+
font-style: italic;
|
|
519
|
+
}
|
|
520
|
+
.cm-link {
|
|
521
|
+
text-decoration: underline;
|
|
522
|
+
}
|
|
523
|
+
.cm-strikethrough {
|
|
524
|
+
text-decoration: line-through;
|
|
525
|
+
}
|
|
526
|
+
|
|
527
|
+
.CodeMirror-composing {
|
|
528
|
+
border-bottom: 2px solid;
|
|
529
|
+
}
|
|
530
|
+
|
|
531
|
+
/* Default styles for common addons */
|
|
532
|
+
|
|
533
|
+
div.CodeMirror span.CodeMirror-matchingbracket {
|
|
534
|
+
color: #0b0;
|
|
535
|
+
}
|
|
536
|
+
div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
|
537
|
+
color: #a22;
|
|
538
|
+
}
|
|
539
|
+
.CodeMirror-matchingtag {
|
|
540
|
+
background: rgba(255, 150, 0, 0.3);
|
|
541
|
+
}
|
|
542
|
+
.CodeMirror-activeline-background {
|
|
543
|
+
background: #e8f2ff;
|
|
544
|
+
}
|
|
545
|
+
|
|
546
|
+
/* STOP */
|
|
547
|
+
|
|
548
|
+
/* The rest of this file contains styles related to the mechanics of
|
|
549
|
+
the editor. You probably shouldn't touch them. */
|
|
550
|
+
|
|
551
|
+
.CodeMirror {
|
|
552
|
+
position: relative;
|
|
553
|
+
overflow: hidden;
|
|
554
|
+
background: ${({theme:t})=>`${t.colors.neutral0}`};
|
|
555
|
+
}
|
|
556
|
+
|
|
557
|
+
.CodeMirror-scroll {
|
|
558
|
+
overflow: scroll !important; /* Things will break if this is overridden */
|
|
559
|
+
/* 50px is the magic margin used to hide the element's real scrollbars */
|
|
560
|
+
/* See overflow: hidden in .CodeMirror */
|
|
561
|
+
margin-bottom: -50px;
|
|
562
|
+
margin-right: -50px;
|
|
563
|
+
padding-bottom: 50px;
|
|
564
|
+
height: 100%;
|
|
565
|
+
outline: none; /* Prevent dragging from highlighting the element */
|
|
566
|
+
position: relative;
|
|
567
|
+
}
|
|
568
|
+
.CodeMirror-sizer {
|
|
569
|
+
position: relative;
|
|
570
|
+
border-right: 50px solid transparent;
|
|
571
|
+
}
|
|
572
|
+
|
|
573
|
+
/* The fake, visible scrollbars. Used to force redraw during scrolling
|
|
574
|
+
before actual scrolling happens, thus preventing shaking and
|
|
575
|
+
flickering artifacts. */
|
|
576
|
+
.CodeMirror-vscrollbar,
|
|
577
|
+
.CodeMirror-hscrollbar,
|
|
578
|
+
.CodeMirror-scrollbar-filler,
|
|
579
|
+
.CodeMirror-gutter-filler {
|
|
580
|
+
position: absolute;
|
|
581
|
+
z-index: 1;
|
|
582
|
+
display: none;
|
|
583
|
+
outline: none;
|
|
584
|
+
}
|
|
585
|
+
|
|
586
|
+
.CodeMirror-vscrollbar {
|
|
587
|
+
right: 0;
|
|
588
|
+
top: 0;
|
|
589
|
+
overflow-x: hidden;
|
|
590
|
+
overflow-y: scroll;
|
|
591
|
+
}
|
|
592
|
+
.CodeMirror-hscrollbar {
|
|
593
|
+
bottom: 0;
|
|
594
|
+
left: 0;
|
|
595
|
+
overflow-y: hidden;
|
|
596
|
+
overflow-x: scroll;
|
|
597
|
+
}
|
|
598
|
+
.CodeMirror-scrollbar-filler {
|
|
599
|
+
right: 0;
|
|
600
|
+
bottom: 0;
|
|
601
|
+
}
|
|
602
|
+
|
|
603
|
+
.CodeMirror-lines {
|
|
604
|
+
cursor: text;
|
|
605
|
+
min-height: 1px; /* prevents collapsing before first draw */
|
|
606
|
+
}
|
|
607
|
+
/* Reset some styles that the rest of the page might have set */
|
|
608
|
+
.CodeMirror pre.CodeMirror-line,
|
|
609
|
+
.CodeMirror pre.CodeMirror-line-like {
|
|
610
|
+
-moz-border-radius: 0;
|
|
611
|
+
-webkit-border-radius: 0;
|
|
612
|
+
border-radius: 0;
|
|
613
|
+
border-width: 0;
|
|
614
|
+
background: transparent;
|
|
615
|
+
font-family: inherit;
|
|
616
|
+
font-size: inherit;
|
|
617
|
+
margin: 0;
|
|
618
|
+
white-space: pre;
|
|
619
|
+
word-wrap: normal;
|
|
620
|
+
line-height: 1.5;
|
|
621
|
+
color: inherit;
|
|
622
|
+
/* z-index: 2; */
|
|
623
|
+
position: relative;
|
|
624
|
+
overflow: visible;
|
|
625
|
+
-webkit-tap-highlight-color: transparent;
|
|
626
|
+
-webkit-font-variant-ligatures: contextual;
|
|
627
|
+
font-variant-ligatures: contextual;
|
|
628
|
+
}
|
|
629
|
+
|
|
630
|
+
.CodeMirror pre.CodeMirror-line-like {
|
|
631
|
+
z-index: 2;
|
|
632
|
+
}
|
|
633
|
+
|
|
634
|
+
.CodeMirror-wrap pre.CodeMirror-line,
|
|
635
|
+
.CodeMirror-wrap pre.CodeMirror-line-like {
|
|
636
|
+
word-wrap: break-word;
|
|
637
|
+
white-space: pre-wrap;
|
|
638
|
+
word-break: normal;
|
|
639
|
+
}
|
|
640
|
+
|
|
641
|
+
.CodeMirror-linebackground {
|
|
642
|
+
position: absolute;
|
|
643
|
+
left: 0;
|
|
644
|
+
right: 0;
|
|
645
|
+
top: 0;
|
|
646
|
+
bottom: 0;
|
|
647
|
+
z-index: 0;
|
|
648
|
+
}
|
|
649
|
+
|
|
650
|
+
.CodeMirror-linewidget {
|
|
651
|
+
position: relative;
|
|
652
|
+
/* z-index: 2; */
|
|
653
|
+
padding: 0.1px; /* Force widget margins to stay inside of the container */
|
|
654
|
+
}
|
|
655
|
+
|
|
656
|
+
.CodeMirror-widget {
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
.CodeMirror-rtl pre {
|
|
660
|
+
direction: rtl;
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
.CodeMirror-code {
|
|
664
|
+
outline: none;
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
/* Force content-box sizing for the elements where we expect it */
|
|
668
|
+
.CodeMirror-scroll,
|
|
669
|
+
.CodeMirror-sizer,
|
|
670
|
+
.CodeMirror-gutter,
|
|
671
|
+
.CodeMirror-gutters,
|
|
672
|
+
.CodeMirror-linenumber {
|
|
673
|
+
-moz-box-sizing: content-box;
|
|
674
|
+
box-sizing: content-box;
|
|
675
|
+
}
|
|
676
|
+
|
|
677
|
+
.CodeMirror-measure {
|
|
678
|
+
position: absolute;
|
|
679
|
+
width: 100%;
|
|
680
|
+
height: 0;
|
|
681
|
+
overflow: hidden;
|
|
682
|
+
visibility: hidden;
|
|
683
|
+
}
|
|
684
|
+
|
|
685
|
+
.CodeMirror-cursor {
|
|
686
|
+
position: absolute;
|
|
687
|
+
pointer-events: none;
|
|
688
|
+
border-color: ${({theme:t})=>`${t.colors.neutral800}`};
|
|
689
|
+
}
|
|
690
|
+
.CodeMirror-measure pre {
|
|
691
|
+
position: static;
|
|
692
|
+
}
|
|
693
|
+
|
|
694
|
+
div.CodeMirror-cursors {
|
|
695
|
+
visibility: hidden;
|
|
696
|
+
position: relative;
|
|
697
|
+
+ div {
|
|
698
|
+
z-index: 0 !important;
|
|
699
|
+
}
|
|
700
|
+
}
|
|
701
|
+
|
|
702
|
+
div.CodeMirror-dragcursors {
|
|
703
|
+
visibility: visible;
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
.CodeMirror-focused div.CodeMirror-cursors {
|
|
707
|
+
visibility: visible;
|
|
708
|
+
}
|
|
709
|
+
|
|
710
|
+
.CodeMirror-selected {
|
|
711
|
+
background: ${({theme:t})=>t.colors.neutral200};
|
|
712
|
+
/* z-index: -10; */
|
|
713
|
+
}
|
|
714
|
+
.CodeMirror-crosshair {
|
|
715
|
+
cursor: crosshair;
|
|
716
|
+
}
|
|
717
|
+
|
|
718
|
+
/* Used to force a border model for a node */
|
|
719
|
+
.cm-force-border {
|
|
720
|
+
padding-right: 0.1px;
|
|
721
|
+
}
|
|
722
|
+
|
|
723
|
+
/* See issue #2901 */
|
|
724
|
+
.cm-tab-wrap-hack:after {
|
|
725
|
+
content: '';
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
/* Help users use markselection to safely style text background */
|
|
729
|
+
span.CodeMirror-selectedtext {
|
|
730
|
+
background: none;
|
|
731
|
+
}
|
|
732
|
+
|
|
733
|
+
span {
|
|
734
|
+
color: ${({theme:t})=>t.colors.neutral800} !important;
|
|
735
|
+
}
|
|
736
|
+
`;var Gt=/^(\s*)(>[> ]*|[*+-] \[[x ]\]\s|[*+-]\s|(\d+)([.)]))(\s*)/,td=/^(\s*)(>[> ]*|[*+-] \[[x ]\]|[*+-]|(\d+)[.)])(\s*)$/,nd=/[*+-]\s/;function od(t){if(t.getOption("disableInput"))return Jn().Pass;for(var o=t.listSelections(),r=[],a=0;a<o.length;a++){var s=o[a].head,c=t.getStateAfter(s.line),l=c.list!==!1,d=c.quote!==0,u=t.getLine(s.line),m=Gt.exec(u),g=/^\s*$/.test(u.slice(0,s.ch));if(!o[a].empty()||!l&&!d||!m||g){t.execCommand("newlineAndIndent");return}if(td.test(u)){var h=d&&/>\s*$/.test(u),p=!/>\s*$/.test(u);(h||p)&&t.replaceRange("",{line:s.line,ch:0},{line:s.line,ch:s.ch+1}),r[a]=`
|
|
737
|
+
`}else{var b=m[1],E=m[5],C=!(nd.test(m[2])||m[2].indexOf(">")>=0),O=C?parseInt(m[3],10)+1+m[4]:m[2].replace("x"," ");r[a]=`
|
|
738
|
+
`+b+O+E,C&&rd(t,s)}}t.replaceSelections(r)}function rd(t,o){var r=o.line,a=0,s=0,c=Gt.exec(t.getLine(r)),l=c[1];do{a+=1;var d=r+a,u=t.getLine(d),m=Gt.exec(u);if(m){var g=m[1],h=parseInt(c[3],10)+a-s,p=parseInt(m[3],10),b=p;if(l===g&&!isNaN(p))h===p&&(b=p+1),h>p&&(b=h+1),t.replaceRange(u.replace(Gt,g+b+m[4]+m[5]),{line:d,ch:0},{line:d,ch:u.length});else{if(l.length>g.length||l.length<g.length&&a===1)return;s+=1}}}while(m)}var ad=od;const we=(0,U.ZP)(Me.h)`
|
|
739
|
+
padding: ${({theme:t})=>t.spaces[2]};
|
|
740
|
+
/* Trick to prevent the outline from overflowing because of the general outline-offset */
|
|
741
|
+
outline-offset: -2px !important;
|
|
742
|
+
|
|
743
|
+
svg {
|
|
744
|
+
width: ${18/16}rem;
|
|
745
|
+
height: ${18/16}rem;
|
|
746
|
+
}
|
|
747
|
+
`,sd=(0,U.ZP)(we)`
|
|
748
|
+
svg {
|
|
749
|
+
width: ${8/16}rem;
|
|
750
|
+
height: ${8/16}rem;
|
|
751
|
+
}
|
|
752
|
+
`,Nr=(0,U.ZP)(Me.o)`
|
|
753
|
+
margin-left: ${({theme:t})=>t.spaces[4]};
|
|
754
|
+
`,jr=(0,U.ZP)(Me.h)`
|
|
755
|
+
margin: ${({theme:t})=>`0 ${t.spaces[2]}`};
|
|
756
|
+
padding: ${({theme:t})=>t.spaces[2]};
|
|
757
|
+
|
|
758
|
+
svg {
|
|
759
|
+
width: ${18/16}rem;
|
|
760
|
+
height: ${18/16}rem;
|
|
761
|
+
}
|
|
762
|
+
`,id=(0,U.ZP)(Me.o)`
|
|
763
|
+
margin-right: ${({theme:t})=>`${t.spaces[2]}`};
|
|
764
|
+
`,ld=U.ZP.div`
|
|
765
|
+
position: relative;
|
|
766
|
+
height: calc(100% - 48px);
|
|
767
|
+
`,cd=(0,U.ZP)(xn.Y)`
|
|
768
|
+
background-color: transparent;
|
|
769
|
+
border: none;
|
|
770
|
+
align-items: center;
|
|
771
|
+
|
|
772
|
+
svg {
|
|
773
|
+
margin-left: ${({theme:t})=>`${t.spaces[2]}`};
|
|
774
|
+
path {
|
|
775
|
+
fill: ${({theme:t})=>t.colors.neutral700};
|
|
776
|
+
width: ${12/16}rem;
|
|
777
|
+
height: ${12/16}rem;
|
|
778
|
+
}
|
|
779
|
+
}
|
|
780
|
+
`;var Cg=i(27217);const to=({disabled:t,editorRef:o,error:r,isPreviewMode:a,isExpandMode:s,name:c,onChange:l,placeholder:d,textareaRef:u,value:m})=>{const g=(0,e.useRef)(l);return(0,e.useEffect)(()=>{o.current=Jn().fromTextArea(u.current,{lineWrapping:!0,extraKeys:{Enter:"newlineAndIndentContinueMarkdownList",Tab:!1,"Shift-Tab":!1},readOnly:!1,smartIndent:!1,placeholder:d,spellcheck:!0,inputStyle:"contenteditable"}),Jn().commands.newlineAndIndentContinueMarkdownList=ad,o.current.on("change",h=>{g.current({target:{name:c,value:h.getValue(),type:"wysiwyg"}})})},[o,u,c,d]),(0,e.useEffect)(()=>{m&&!o.current.hasFocus()&&o.current.setValue(m)},[o,m]),(0,e.useEffect)(()=>{a||t?o.current.setOption("readOnly","nocursor"):o.current.setOption("readOnly",!1)},[t,a,o]),(0,e.useEffect)(()=>{r?o.current.setOption("screenReaderLabel",r):o.current.setOption("screenReaderLabel","Editor")},[o,r]),e.createElement(ld,null,e.createElement(ed,{isExpandMode:s,disabled:t||a},e.createElement("textarea",{ref:u})),a&&e.createElement(Br,{data:m}))};to.defaultProps={disabled:!1,error:void 0,isPreviewMode:!1,isExpandMode:!1,placeholder:"",value:""},to.propTypes={disabled:n().bool,editorRef:n().shape({current:n().any}).isRequired,error:n().string,isPreviewMode:n().bool,isExpandMode:n().bool,name:n().string.isRequired,onChange:n().func.isRequired,placeholder:n().string,textareaRef:n().shape({current:n().any}).isRequired,value:n().string};var dd=to,ud=i(71933),md=i(67563);const pd=(t,o)=>`${t}${Math.floor(o*255).toString(16).padStart(2,0)}`,gd=(0,U.ZP)(x.k)`
|
|
781
|
+
background: ${({theme:t})=>pd(t.colors.neutral800,.2)};
|
|
782
|
+
`,fd=(0,U.ZP)(N.x)`
|
|
783
|
+
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
784
|
+
`,hd=(0,U.ZP)(xn.Y)`
|
|
785
|
+
background-color: transparent;
|
|
786
|
+
border: none;
|
|
787
|
+
align-items: center;
|
|
788
|
+
|
|
789
|
+
svg {
|
|
790
|
+
margin-left: ${({theme:t})=>`${t.spaces[2]}`};
|
|
791
|
+
|
|
792
|
+
path {
|
|
793
|
+
fill: ${({theme:t})=>t.colors.neutral700};
|
|
794
|
+
width: ${12/16}rem;
|
|
795
|
+
height: ${12/16}rem;
|
|
796
|
+
}
|
|
797
|
+
}
|
|
798
|
+
`,no=({children:t,isExpandMode:o,error:r,previewContent:a,onCollapse:s})=>{const{formatMessage:c}=(0,Q.Z)();return(0,y.F5)(o),o?e.createElement(ud.h,{role:"dialog","aria-modal":!1},e.createElement(md.i,{onEscape:s},e.createElement(gd,{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:4,justifyContent:"center",onClick:s},e.createElement(N.x,{background:"neutral0",hasRadius:!0,shadow:"popupShadow",overflow:"hidden",width:"70%",height:"70%",onClick:l=>l.stopPropagation()},e.createElement(x.k,{height:"100%",alignItems:"flex-start"},e.createElement(fd,{flex:"1",height:"100%"},t),e.createElement(x.k,{alignItems:"start",direction:"column",flex:1,height:"100%",width:"100%"},e.createElement(x.k,{height:(0,y.Q1)(48),background:"neutral100",justifyContent:"flex-end",shrink:0,width:"100%"},e.createElement(hd,{onClick:s},e.createElement(G.Z,null,c({id:"components.Wysiwyg.collapse",defaultMessage:"Collapse"})),e.createElement(Go.Z,null))),e.createElement(N.x,{position:"relative",height:"100%",width:"100%"},e.createElement(Br,{data:a})))))))):e.createElement(N.x,{borderColor:r?"danger600":"neutral200",borderStyle:"solid",borderWidth:"1px",hasRadius:!0},t)};no.defaultProps={error:void 0,previewContent:""},no.propTypes={children:n().node.isRequired,error:n().string,isExpandMode:n().bool.isRequired,previewContent:n().string,onCollapse:n().func.isRequired};const Wr=(t,o)=>{let r;switch(t){case"Strikethrough":r=`~~${o}~~`;break;case"Bold":r=`**${o}**`;break;case"Italic":r=`_${o}_`;break;case"Underline":r=`<u>${o}</u>`;break;case"Code":r=`\`\`\`
|
|
799
|
+
${o}
|
|
800
|
+
\`\`\``;break;case"Link":r=`[${o}](link)`;break;case"Quote":r=`>${o}`;break;default:r=o}return r},zr=t=>{let o,r={start:t.length,end:0};switch(t){case"Strikethrough":o=`~~${t}~~`,r.end=2;break;case"Bold":o=`**${t}**`,r.end=2;break;case"Italic":o=`_${t}_`,r.end=1;break;case"alt":o=`[${t}]()`,r.end=3;break;case"Underline":o=`<u>${t}</u>`,r.end=4;break;case"Code":o=`\`\`\`
|
|
801
|
+
${t}
|
|
802
|
+
\`\`\``,r.end=3;break;case"Link":o=`[${t}](link)`,r.end=7;break;case"Quote":o=`>${t}`,r.end=0;break;default:o=""}return{editedText:o,selection:r}},Ur=t=>{let o;switch(t){case"BulletList":o="- ";break;case"NumberList":o="1. ";break;case"h1":o="# ";break;case"h2":o="## ";break;case"h3":o="### ";break;case"h4":o="#### ";break;case"h5":o="##### ";break;case"h6":o="###### ";break;default:return""}return o},qr=(t,o)=>{const r=t.current.getSelection();let a;if(r){const s=Wr(o,r);t.current.replaceSelection(s),t.current.focus()}else{a=zr(o),t.current.replaceSelection(a.editedText),t.current.focus();const{line:s,ch:c}=t.current.getCursor(),l=c-a.selection.end,d=c-a.selection.end-a.selection.start;t.current.setSelection({line:s,ch:d},{line:s,ch:l})}},yd=(t,o)=>{const r=t.current.getDoc(),a=o==="BulletList"?"- ":"1. ";if(r.somethingSelected()){const s=r.listSelections();let c=null;t.current.operation(function(){s.forEach(function(l){const d=[l.head.line,l.anchor.line].sort();c==null&&(c=r.getLine(d[0]).startsWith(a));for(let u=d[0];u<=d[1];u++)if(c)r.getLine(u).startsWith(a)&&r.replaceRange("",{line:u,ch:0},{line:u,ch:a.length});else{const m=o==="BulletList"?"- ":`${u+1}. `;r.replaceRange(m,{line:u,ch:0})}})})}else{let{line:s}=r.getCursor();const c=Ur(o),l=t.current.getLine(s),d=c+l;t.current.setSelection({line:s,ch:0},{line:s,ch:l.length}),t.current.replaceSelection(d)}t.current.focus()},Ed=(t,o)=>{let{line:r}=t.current.getCursor();const a=Ur(o),s=t.current.getLine(r),c=s.replace(/#{1,6}\s/g,"").trim(),l=a+c;t.current.setSelection({line:r,ch:0},{line:r,ch:s.length}),t.current.replaceSelection(l),setTimeout(()=>{const d=t.current.getLine(r).length;t.current.focus(),t.current.setCursor({line:r,ch:d})},0)},bd=(t,o)=>{let{line:r,ch:a}=t.current.getCursor();o.forEach((s,c)=>{let l=t.current.getLine(r).length;t.current.setCursor({line:r,ch:l}),(c>0||c===0&&a!==0)&&(l=t.current.getLine(r).length,t.current.setCursor({line:r,ch:l}),r++,t.current.replaceSelection(`
|
|
803
|
+
`)),s.mime.includes("image")?t.current.replaceSelection(``):t.current.replaceSelection(`[${s.alt}](${s.url})`)}),setTimeout(()=>t.current.focus(),0)},vd=(t,o,r,a,s)=>{const c=Wr(o,s),l=t.current.getRange({line:r+1,ch:0},{line:1/0,ch:1/0});if(t.current.replaceRange("",{line:r+1,ch:0},{line:1/0,ch:1/0}),t.current.replaceSelection(""),t.current.setCursor({line:r,ch:a}),t.current.replaceSelection(`
|
|
804
|
+
`),t.current.replaceSelection(c),o==="Code"){let{line:d}=t.current.getCursor();t.current.setCursor({line:d-1,ch:s.length})}t.current.replaceRange(l,{line:r+4,ch:0},{line:1/0,ch:1/0}),t.current.focus()},Cd=(t,o,r,a)=>{const s=zr(o),c=t.current.getRange({line:r+1,ch:0},{line:1/0,ch:1/0});if(t.current.replaceRange("",{line:r+1,ch:0},{line:1/0,ch:1/0}),t.current.setCursor({line:r,ch:a}),t.current.replaceSelection(`
|
|
805
|
+
`),t.current.replaceSelection(s.editedText),o==="Code")r+=2,t.current.setSelection({line:r,ch:0},{line:r,ch:4});else{r+=1;let{ch:l}=t.current.getCursor(),d=l-s.selection.end,u=l-s.selection.end-s.selection.start;t.current.setSelection({line:r,ch:u},{line:r,ch:d})}t.current.replaceRange(c,{line:r+2,ch:0},{line:1/0,ch:1/0}),t.current.focus()},Rd=(t,o)=>{const r=t.current.getSelection();let{line:a}=t.current.getCursor(),s=t.current.getLine(a).length;r?vd(t,o,a,s,r):Cd(t,o,a,s)},oo=({onToggleExpand:t})=>{const{formatMessage:o}=(0,Q.Z)();return e.createElement(N.x,{padding:2,background:"neutral100",hasRadius:!0},e.createElement(x.k,{justifyContent:"flex-end",alignItems:"flex-end"},e.createElement(cd,{id:"expand",onClick:t},e.createElement(G.Z,null,o({id:"components.WysiwygBottomControls.fullscreen",defaultMessage:"Expand"})),e.createElement(Qo.Z,null))))};oo.defaultProps={onToggleExpand(){}},oo.propTypes={onToggleExpand:n().func};var Md=oo,Td=i(5383),Dd=i(20063);const ro=({disabled:t,editorRef:o,isExpandMode:r,isPreviewMode:a,onActionClick:s,onToggleMediaLib:c,onTogglePreviewMode:l})=>{const[d,u]=(0,e.useState)(!1),{formatMessage:m}=(0,Q.Z)(),g=m({id:"components.Wysiwyg.selectOptions.title",defaultMessage:"Add a title"}),h=(0,e.useRef)(),p=()=>{u(b=>!b)};return t||a?e.createElement(x.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(Vr,null,e.createElement(Fe.P,{disabled:!0,placeholder:g,size:"S",label:g},e.createElement(ve.W,{value:"h1"},"h1"),e.createElement(ve.W,{value:"h2"},"h2"),e.createElement(ve.W,{value:"h3"},"h3"),e.createElement(ve.W,{value:"h4"},"h4"),e.createElement(ve.W,{value:"h5"},"h5"),e.createElement(ve.W,{value:"h6"},"h6")),e.createElement(Nr,null,e.createElement(we,{disabled:!0,id:"Bold",label:"Bold",name:"Bold",icon:e.createElement(cn.Z,null)}),e.createElement(we,{disabled:!0,id:"Italic",label:"Italic",name:"Italic",icon:e.createElement(dn.Z,null)}),e.createElement(we,{disabled:!0,id:"Underline",label:"Underline",name:"Underline",icon:e.createElement(mn.Z,null)})),e.createElement(jr,{disabled:!0,id:"more",label:"More",icon:e.createElement(Bn.Z,null)})),!r&&e.createElement(ie.z,{onClick:l,variant:"tertiary",id:"preview"},m({id:"components.Wysiwyg.ToggleMode.markdown-mode",defaultMessage:"Markdown mode"}))):e.createElement(x.k,{padding:2,background:"neutral100",justifyContent:"space-between"},e.createElement(Vr,null,e.createElement(Fe.P,{placeholder:g,label:g,size:"S",onChange:b=>s(b,o)},e.createElement(ve.W,{value:"h1"},"h1"),e.createElement(ve.W,{value:"h2"},"h2"),e.createElement(ve.W,{value:"h3"},"h3"),e.createElement(ve.W,{value:"h4"},"h4"),e.createElement(ve.W,{value:"h5"},"h5"),e.createElement(ve.W,{value:"h6"},"h6")),e.createElement(Nr,null,e.createElement(we,{onClick:()=>s("Bold",o),id:"Bold",label:"Bold",name:"Bold",icon:e.createElement(cn.Z,null)}),e.createElement(we,{onClick:()=>s("Italic",o),id:"Italic",label:"Italic",name:"Italic",icon:e.createElement(dn.Z,null)}),e.createElement(we,{onClick:()=>s("Underline",o),id:"Underline",label:"Underline",name:"Underline",icon:e.createElement(mn.Z,null)})),e.createElement(jr,{ref:h,onClick:p,id:"more",label:"More",icon:e.createElement(Bn.Z,null)}),d&&e.createElement(Td.J2,{onDismiss:p,centered:!0,source:h,spacing:4,id:"popover"},e.createElement(x.k,null,e.createElement(id,null,e.createElement(we,{onClick:()=>s("Strikethrough",o,p),id:"Strikethrough",label:"Strikethrough",name:"Strikethrough",icon:e.createElement(er.Z,null)}),e.createElement(we,{onClick:()=>s("BulletList",o,p),id:"BulletList",label:"BulletList",name:"BulletList",icon:e.createElement(Vo.Z,null)}),e.createElement(we,{onClick:()=>s("NumberList",o,p),id:"NumberList",label:"NumberList",name:"NumberList",icon:e.createElement(Dd.Z,null)})),e.createElement(Me.o,null,e.createElement(we,{onClick:()=>s("Code",o,p),id:"Code",label:"Code",name:"Code",icon:e.createElement(Ho.Z,null)}),e.createElement(we,{onClick:()=>{p(),c()},id:"Image",label:"Image",name:"Image",icon:e.createElement(Jo.Z,null)}),e.createElement(sd,{onClick:()=>s("Link",o,p),id:"Link",label:"Link",name:"Link",icon:e.createElement(Xo.Z,null)}),e.createElement(we,{onClick:()=>s("Quote",o,p),id:"Quote",label:"Quote",name:"Quote",icon:e.createElement(_o.Z,null)}))))),l&&e.createElement(ie.z,{onClick:l,variant:"tertiary",id:"preview"},m({id:"components.Wysiwyg.ToggleMode.preview-mode",defaultMessage:"Preview mode"})))};ro.defaultProps={isPreviewMode:!1,onActionClick(){},onToggleMediaLib(){},onTogglePreviewMode:void 0},ro.propTypes={disabled:n().bool.isRequired,editorRef:n().shape({current:n().any}).isRequired,isExpandMode:n().bool.isRequired,isPreviewMode:n().bool,onActionClick:n().func,onToggleMediaLib:n().func,onTogglePreviewMode:n().func};var Od=ro;const Vr=(0,U.ZP)(x.k)`
|
|
806
|
+
/* Hide the label, every input needs a label. */
|
|
807
|
+
label {
|
|
808
|
+
border: 0;
|
|
809
|
+
clip: rect(0 0 0 0);
|
|
810
|
+
height: 1px;
|
|
811
|
+
margin: -1px;
|
|
812
|
+
overflow: hidden;
|
|
813
|
+
padding: 0;
|
|
814
|
+
position: absolute;
|
|
815
|
+
width: 1px;
|
|
816
|
+
}
|
|
817
|
+
`,Id=(0,U.ZP)(N.x)`
|
|
818
|
+
svg path {
|
|
819
|
+
fill: ${({theme:t})=>t.colors.neutral500};
|
|
820
|
+
}
|
|
821
|
+
`,Pd=(0,U.ZP)(G.Z)`
|
|
822
|
+
line-height: 0;
|
|
823
|
+
`,ao=({hint:t,disabled:o,error:r,intlLabel:a,labelAction:s,name:c,onChange:l,placeholder:d,value:u,required:m})=>{const{formatMessage:g}=(0,Q.Z)(),h=(0,e.useRef)(null),p=(0,e.useRef)(null),[b,E]=(0,e.useState)(!1),[C,O]=(0,e.useState)(!1),[R,T]=(0,e.useState)(!1),{components:Z}=(0,y.yX)(),D=Z["media-library"],v=()=>O(w=>!w),M=()=>E(w=>!w),L=()=>{E(!1),T(w=>!w)},$=(w,K,Y)=>{switch(w){case"Link":case"Strikethrough":{qr(K,w),Y();break}case"Code":case"Quote":{Rd(K,w),Y();break}case"Bold":case"Italic":case"Underline":{qr(K,w);break}case"BulletList":case"NumberList":{yd(K,w),Y();break}case"h1":case"h2":case"h3":case"h4":case"h5":case"h6":{Ed(K,w);break}default:}},I=w=>{const K=w.map(Y=>({alt:Y.alternativeText||Y.name,url:(0,y.CR)(Y.url),mime:Y.mime}));bd(p,K),O(!1)},W=d?g({id:d.id,defaultMessage:d.defaultMessage},{...d.values}):"",X=a.id?g({id:a.id,defaultMessage:a.defaultMessage},{...a.values}):c;return e.createElement(e.Fragment,null,e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:1},e.createElement(x.k,{gap:1},e.createElement(G.Z,{variant:"pi",fontWeight:"bold",textColor:"neutral800"},X,m&&e.createElement(Pd,{textColor:"danger600"},"*")),s&&e.createElement(Id,{paddingLeft:1},s)),e.createElement(no,{isExpandMode:R,error:r,previewContent:u,onCollapse:L},e.createElement(Od,{isExpandMode:R,editorRef:p,isPreviewMode:b,onActionClick:$,onToggleMediaLib:v,onTogglePreviewMode:R?void 0:M,disabled:o}),e.createElement(dd,{disabled:o,isExpandMode:R,editorRef:p,error:r,isPreviewMode:b,name:c,onChange:l,placeholder:W,textareaRef:h,value:u}),!R&&e.createElement(Md,{onToggleExpand:L})),e.createElement(Pc,{hint:t,name:c,error:r})),r&&e.createElement(N.x,{paddingTop:1},e.createElement(G.Z,{variant:"pi",textColor:"danger600","data-strapi-field-error":!0},r)),C&&e.createElement(D,{onClose:v,onSelectAssets:I}))};ao.defaultProps={disabled:!1,error:"",labelAction:void 0,placeholder:null,required:!1,value:"",hint:""},ao.propTypes={hint:n().oneOfType([n().string,n().array]),disabled:n().bool,error:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,onChange:n().func.isRequired,placeholder:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),required:n().bool,value:n().string};var Zd=ao;function xd(t,o){return r=>{const a=o(r.keys);return e.createElement(t,{...r,...a})}}var Fd=xd,Sd=(t,o=!1)=>[{metadatas:{intlLabel:{id:"components.InputSelect.option.placeholder",defaultMessage:"Choose here"},disabled:o,hidden:o},key:"__enum_option_null",value:""},...t.map(r=>({metadatas:{intlLabel:{id:r,defaultMessage:r},hidden:!1,disabled:!1},key:r,value:r}))],kd=i(59578),Ld=i.n(kd),Ad=(t="")=>{switch(Ld()(t)){case"boolean":return"bool";case"biginteger":return"text";case"decimal":case"float":case"integer":return"number";case"date":case"datetime":case"time":return t;case"email":return"email";case"enumeration":return"select";case"password":return"password";case"string":return"text";case"text":return"textarea";case"media":case"file":case"files":return"media";case"json":return"json";case"wysiwyg":case"WYSIWYG":case"richtext":return"wysiwyg";case"uid":return"uid";default:return t||"text"}};function wd(t){const{createActionAllowedFields:o,formErrors:r,isCreatingEntry:a,modifiedData:s,onChange:c,readActionAllowedFields:l,shouldNotRunValidations:d,updateActionAllowedFields:u}=(0,y.Wq)(),m=(0,e.useMemo)(()=>a?o:u,[a,o,u]),g=(0,e.useMemo)(()=>a?[]:l,[a,l]),h=F()(s,t,null);return{allowedFields:m,formErrors:r,isCreatingEntry:a,onChange:c,readableFields:g,shouldNotRunValidations:d,value:h}}var $d=wd,Hr=["type","model","via","collection","default","plugin","enum","regex","pluginOptions"];function so({allowedFields:t,componentUid:o,fieldSchema:r,formErrors:a,isCreatingEntry:s,keys:c,labelAction:l,metadatas:d,onChange:u,readableFields:m,shouldNotRunValidations:g,queryInfos:h,value:p,size:b,customFieldInputs:E}){const{fields:C}=(0,y.yX)(),{formatMessage:O}=(0,Q.Z)(),{contentType:R}=(0,be.PL)(),T=(0,e.useMemo)(()=>!F()(d,"editable",!0),[d]),{type:Z,customField:D}=r,v=F()(a,[c],null),M=(0,e.useMemo)(()=>(0,f.Ts)(c),[c]),L=(0,e.useMemo)(()=>{const re=Gl()(r,g?[...Hr,"required","minLength"]:Hr),ne=r.regex||null;if(ne){const de=new RegExp(ne);de&&(re.regex=de)}return re},[r,g]),$=(0,e.useMemo)(()=>F()(L,["required"],!1),[L]),I=(0,e.useMemo)(()=>{const re=F()(R,["attributes"],{});return F()(re,[M[0],"type"],null)==="dynamiczone"},[R,M]),W=(0,e.useMemo)(()=>Ad(Z),[Z]),X=(0,e.useMemo)(()=>Z==="media"&&!p?[]:p,[Z,p]),w=Bd(Z),K=(0,e.useMemo)(()=>{const re=M.join(".");if(t.includes(re))return!0;if(I)return t.includes(M[0]);if(M.length>1){const de=At()(M,M.length-1).join(".");return t.includes(de)}return!1},[t,M,I]),Y=(0,e.useMemo)(()=>{const re=M.join(".");if(m.includes(re))return!0;if(I)return m.includes(M[0]);if(M.length>1){const de=At()(M,M.length-1).join(".");return m.includes(de)}return!1},[m,M,I]),J=(0,e.useMemo)(()=>Y||K,[K,Y]),k=(0,e.useMemo)(()=>s?T:Y&&!K?!0:T,[T,s,K,Y]),B=(0,e.useMemo)(()=>Sd(r.enum||[],$),[r,$]),{label:P,description:S,placeholder:z,visible:V}=d,A=(0,e.useMemo)(()=>{if(!d.step||W!=="datetime"&&W!=="time")return w;if(!X)return d.step;let re;return W==="datetime"?re=parseInt(X.substr(14,2),10):W==="time"&&(re=parseInt(X.slice(-2),10)),re%d.step===0?d.step:w},[W,X,d.step,w]);if(V===!1)return null;if(!J)return e.createElement(y.X0,{description:S?{id:S,defaultMessage:S}:null,intlLabel:{id:P,defaultMessage:P},labelAction:l,error:v&&O(v),name:c,required:$});if(Z==="relation")return e.createElement(Ic,{...d,...r,componentUid:o,description:d.description?O({id:d.description,defaultMessage:d.description}):void 0,intlLabel:{id:d.label,defaultMessage:d.label},labelAction:l,isUserAllowedToEditField:K,isUserAllowedToReadField:Y,name:c,placeholder:d.placeholder?{id:d.placeholder,defaultMessage:d.placeholder}:null,queryInfos:h,size:b,value:p,error:v&&O(v)});const j={uid:nc,media:C.media,wysiwyg:Zd,...C,...E};return e.createElement(y.jm,{attribute:r,autoComplete:"new-password",intlLabel:{id:P,defaultMessage:P},isNullable:W==="bool"&&[null,void 0].includes(r.default),description:S?{id:S,defaultMessage:S}:null,disabled:k,error:v,labelAction:l,contentTypeUID:R.uid,customInputs:j,multiple:r.multiple||!1,name:c,onChange:u,options:B,placeholder:z?{id:z,defaultMessage:z}:null,required:r.required||!1,step:A,type:D||W,value:X,withDefaultValue:!1})}so.defaultProps={componentUid:void 0,formErrors:{},labelAction:void 0,size:void 0,value:null,queryInfos:{},customFieldInputs:{}},so.propTypes={allowedFields:n().array.isRequired,componentUid:n().string,fieldSchema:n().object.isRequired,formErrors:n().object,keys:n().string.isRequired,isCreatingEntry:n().bool.isRequired,labelAction:n().element,metadatas:n().object.isRequired,onChange:n().func.isRequired,readableFields:n().array.isRequired,size:n().number,shouldNotRunValidations:n().bool.isRequired,value:n().any,queryInfos:n().shape({containsKey:n().string,defaultParams:n().object,endPoint:n().string}),customFieldInputs:n().object};const Bd=t=>{switch(t){case"float":case"decimal":return .01;case"time":case"datetime":return 15;default:return 1}},Nd=(0,e.memo)(so,ze());var io=Fd(Nd,$d);const lo=({componentUid:t,isFromDynamicZone:o,isNested:r,name:a})=>{const{getComponentLayout:s}=(0,be.PL)(),l=(0,e.useMemo)(()=>s(t),[t,s]).layouts.edit,{lazyComponentStore:d}=jn();return e.createElement(N.x,{background:o?"":"neutral100",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,hasRadius:r,borderColor:r?"neutral200":""},e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:6},l.map((u,m)=>e.createElement(Ie.r,{gap:4,key:m},u.map(({name:g,size:h,metadatas:p,fieldSchema:b,queryInfos:E})=>{const C=b.type==="component",O=`${a}.${g}`;if(C){const R=b.component;return e.createElement(ge.P,{col:h,s:12,xs:12,key:g},e.createElement(Qt,{componentUid:R,intlLabel:{id:p.label,defaultMessage:p.label},isNested:!0,isRepeatable:b.repeatable,max:b.max,min:b.min,name:O,required:b.required||!1}))}return e.createElement(ge.P,{col:h,key:g,s:12,xs:12},e.createElement(io,{componentUid:t,keys:O,fieldSchema:b,metadatas:p,queryInfos:E,size:h,customFieldInputs:d}))})))))};lo.defaultProps={isFromDynamicZone:!1,isNested:!1},lo.propTypes={componentUid:n().string.isRequired,isFromDynamicZone:n().bool,isNested:n().bool,name:n().string.isRequired};var jd=lo;const Wd=(0,U.ZP)(N.x)`
|
|
824
|
+
overflow: hidden;
|
|
825
|
+
border-bottom: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
826
|
+
border-right: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
827
|
+
border-left: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
828
|
+
border-radius: 0 0 ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius};
|
|
829
|
+
`,zd=(0,U.ZP)(N.x)`
|
|
830
|
+
border-bottom: none;
|
|
831
|
+
|
|
832
|
+
/* add the borders and make sure the top is transparent to avoid jumping with the hover effect */
|
|
833
|
+
& > div > div {
|
|
834
|
+
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
835
|
+
border-top-color: transparent;
|
|
836
|
+
}
|
|
837
|
+
|
|
838
|
+
/* the top accordion _does_ need a border though */
|
|
839
|
+
& > div:first-child > div {
|
|
840
|
+
border-top: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
841
|
+
}
|
|
842
|
+
|
|
843
|
+
/* Reset all the border-radius' */
|
|
844
|
+
& > div > div,
|
|
845
|
+
& > div > div > div {
|
|
846
|
+
border-radius: unset;
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
/* Give the border radius back to the first accordion */
|
|
850
|
+
& > div:first-child > div,
|
|
851
|
+
& > div:first-child > div > div {
|
|
852
|
+
border-radius: ${({theme:t})=>t.borderRadius} ${({theme:t})=>t.borderRadius} 0 0;
|
|
853
|
+
}
|
|
854
|
+
|
|
855
|
+
& > div > div[data-strapi-expanded='true'] {
|
|
856
|
+
border: 1px solid ${({theme:t})=>t.colors.primary600};
|
|
857
|
+
}
|
|
858
|
+
`,co=({children:t,error:o})=>{const{formatMessage:r}=(0,Q.Z)();return e.createElement(Mr.k,{attributeName:"data-strapi-accordion-toggle"},t,o&&e.createElement(N.x,{paddingTop:1},e.createElement(G.Z,{variant:"pi",textColor:"danger600"},r({id:o.id,defaultMessage:o.defaultMessage},{...o.values}))))};co.defaultProps={error:void 0},co.propTypes={children:n().node.isRequired,error:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object})};var Ud=i(41119),Gr=i.n(Ud);const qd=U.ZP.span`
|
|
859
|
+
display: block;
|
|
860
|
+
background-color: ${({theme:t})=>t.colors.primary100};
|
|
861
|
+
outline: 1px dashed ${({theme:t})=>t.colors.primary500};
|
|
862
|
+
outline-offset: -1px;
|
|
863
|
+
padding: ${({theme:t})=>t.spaces[6]};
|
|
864
|
+
`;var Vd=()=>e.createElement(qd,{padding:6,background:"primary100"});const Hd=(0,U.ZP)(Me.h)`
|
|
865
|
+
background-color: transparent;
|
|
866
|
+
|
|
867
|
+
svg {
|
|
868
|
+
path {
|
|
869
|
+
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
|
|
870
|
+
}
|
|
871
|
+
}
|
|
872
|
+
|
|
873
|
+
&:hover {
|
|
874
|
+
svg {
|
|
875
|
+
path {
|
|
876
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
877
|
+
}
|
|
878
|
+
}
|
|
879
|
+
}
|
|
880
|
+
`,Gd=(0,U.ZP)(x.k)`
|
|
881
|
+
& .drag-handle {
|
|
882
|
+
background: unset;
|
|
883
|
+
|
|
884
|
+
svg {
|
|
885
|
+
path {
|
|
886
|
+
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:void 0};
|
|
887
|
+
}
|
|
888
|
+
}
|
|
889
|
+
|
|
890
|
+
&:hover {
|
|
891
|
+
svg {
|
|
892
|
+
path {
|
|
893
|
+
/* keeps the hover style of the accordion */
|
|
894
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
895
|
+
}
|
|
896
|
+
}
|
|
897
|
+
}
|
|
898
|
+
}
|
|
899
|
+
`,uo=({componentFieldName:t,componentUid:o,fields:r,index:a,isOpen:s,isReadOnly:c,mainField:l,moveComponentField:d,onClickToggle:u,toggleCollapses:m,onGrabItem:g,onDropItem:h,onCancel:p})=>{const{modifiedData:b,removeRepeatableField:E,triggerFormValidation:C}=(0,y.Wq)(),O=Gr()(F()(b,[...t.split("."),l],"")),R=(0,e.useRef)(null),{formatMessage:T}=(0,Q.Z)(),Z=t.split(".").slice(0,-1).join("."),[{handlerId:D,isDragging:v,handleKeyDown:M},L,$,I,W]=(0,Fr.Y)(!c,{type:`${f._Q.COMPONENT}_${Z}`,index:a,item:{displayedValue:O},onMoveItem:d,onStart(){m()},onEnd(){C()},onGrabItem:g,onDropItem:h,onCancel:p});(0,e.useEffect)(()=>{W((0,xt.rX)(),{captureDraggingState:!1})},[W,a]);const X=(0,f.FE)(R,I),w=(0,f.FE)(L,$),{lazyComponentStore:K}=jn();return e.createElement(N.x,{ref:w},v?e.createElement(Vd,null):e.createElement(kn.U,{expanded:s,onToggle:u,id:t,size:"S"},e.createElement(Ln.B,{action:c?null:e.createElement(Gd,{gap:0,expanded:s},e.createElement(Hd,{expanded:s,noBorder:!0,onClick:()=>{E(t),m()},label:T({id:(0,f.OB)("containers.Edit.delete"),defaultMessage:"Delete"}),icon:e.createElement(tt.Z,null)}),e.createElement(Me.h,{className:"drag-handle",ref:X,forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:Y=>Y.stopPropagation(),"data-handler-id":D,label:T({id:(0,f.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:M},e.createElement(at.Z,null))),title:O,togglePosition:"left"}),e.createElement(An.v,null,e.createElement(x.k,{direction:"column",alignItems:"stretch",background:"neutral100",padding:6,gap:6},r.map((Y,J)=>e.createElement(Ie.r,{gap:4,key:J},Y.map(({name:k,fieldSchema:B,metadatas:P,queryInfos:S,size:z})=>{const V=B.type==="component",A=`${t}.${k}`;if(V){const j=B.component;return e.createElement(ge.P,{col:z,s:12,xs:12,key:k},e.createElement(Qt,{componentUid:j,intlLabel:{id:P.label,defaultMessage:P.label},isRepeatable:B.repeatable,isNested:!0,name:A,max:B.max,min:B.min,required:B.required}))}return e.createElement(ge.P,{key:A,col:z,s:12,xs:12},e.createElement(io,{componentUid:o,fieldSchema:B,keys:A,metadatas:P,queryInfos:S,size:z,customFieldInputs:K}))})))))))};uo.defaultProps={componentUid:void 0,fields:[],isReadOnly:!1,isOpen:!1,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0,toggleCollapses(){}},uo.propTypes={componentFieldName:n().string.isRequired,componentUid:n().string,fields:n().array,index:n().number.isRequired,isOpen:n().bool,isReadOnly:n().bool,mainField:n().string.isRequired,moveComponentField:n().func.isRequired,onGrabItem:n().func,onDropItem:n().func,onCancel:n().func,onClickToggle:n().func.isRequired,toggleCollapses:n().func};var Qd=(0,e.memo)(uo);function Kd(t,o={}){return Object.keys(o).filter(r=>r.startsWith(t)).map(r=>r.split(".").slice(0,t.split(".").length+1).join("."))}const Yd=(0,U.ZP)(Zr.A)`
|
|
900
|
+
height: 100%;
|
|
901
|
+
width: 100%;
|
|
902
|
+
border-radius: 0 0 4px 4px;
|
|
903
|
+
display: flex;
|
|
904
|
+
justify-content: center;
|
|
905
|
+
span {
|
|
906
|
+
font-weight: 600;
|
|
907
|
+
font-size: 14px;
|
|
908
|
+
}
|
|
909
|
+
`,mo=({componentUid:t,componentValue:o,componentValueLength:r,isReadOnly:a,max:s,min:c,name:l})=>{const{addRepeatableComponentToField:d,formErrors:u,moveComponentField:m}=(0,y.Wq)(),g=(0,y.lm)(),{formatMessage:h}=(0,Q.Z)(),[p,b]=(0,e.useState)(""),[E,C]=(0,e.useState)(""),{getComponentLayout:O,components:R}=(0,be.PL)(),T=(0,e.useMemo)(()=>O(t),[t,O]),Z=(0,e.useMemo)(()=>(0,f.Uo)(o||[])+1,[o]),D=Kd(l,u),v=c-r,M=F()(u,l,{id:""}).id.includes("min"),L=()=>{b("")},$=()=>{a||(r<s?(d(l,T,R,M),b(Z)):r>=s&&g({type:"info",message:{id:(0,f.OB)("components.notification.info.maximum-requirement")}}))},I=(P,S)=>{C(h({id:(0,f.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${l}.${S}`,position:w(P)})),m({name:l,newIndex:P,currentIndex:S})},W=F()(T,["settings","mainField"],"id"),X=P=>()=>{b(p===P?"":P)},w=P=>`${P+1} of ${r}`,K=P=>{C(h({id:(0,f.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${l}.${P}`}))},Y=P=>{C(h({id:(0,f.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:`${l}.${P}`,position:w(P)}))},J=P=>{C(h({id:(0,f.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${l}.${P}`,position:w(P)}))};let k=u[l];if(M?k={id:(0,f.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}",values:{number:v}}:D.some(P=>P.split(".").length>1)&&!M&&(k={id:(0,f.OB)("components.RepeatableComponent.error-message"),defaultMessage:"The component(s) contain error(s)"}),r===0)return e.createElement(Dr,{error:k,isReadOnly:a,onClick:$});const B=`${l}-item-instructions`;return e.createElement(N.x,{hasRadius:!0},e.createElement(mt.T,{id:B},h({id:(0,f.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(mt.T,{"aria-live":"assertive"},E),e.createElement(co,{error:k,ariaDescribedBy:B},e.createElement(zd,{"aria-describedby":B},o.map(({__temp_key__:P},S)=>e.createElement(Qd,{componentFieldName:`${l}.${S}`,componentUid:t,fields:T.layouts.edit,key:P,index:S,isOpen:p===P,isReadOnly:a,mainField:W,moveComponentField:I,onClickToggle:X(P),toggleCollapses:L,onCancel:K,onDropItem:J,onGrabItem:Y}))),e.createElement(Wd,null,e.createElement(x.k,{justifyContent:"center",height:"48px",background:"neutral0"},e.createElement(Yd,{disabled:a,onClick:$,startIcon:e.createElement(vt.Z,null)},h({id:(0,f.OB)("containers.EditView.add.new-entry"),defaultMessage:"Add an entry"}))))))};mo.defaultProps={componentValue:null,componentValueLength:0,isReadOnly:!1,max:1/0,min:0},mo.propTypes={componentUid:n().string.isRequired,componentValue:n().oneOfType([n().array,n().object]),componentValueLength:n().number,isReadOnly:n().bool,max:n().number,min:n().number,name:n().string.isRequired};var Xd=(0,e.memo)(mo);const Jd=(0,U.ZP)(N.x)`
|
|
910
|
+
svg path {
|
|
911
|
+
fill: ${({theme:t})=>t.colors.neutral500};
|
|
912
|
+
}
|
|
913
|
+
`,po=({intlLabel:t,id:o,labelAction:r,name:a,numberOfEntries:s,showNumberOfEntries:c,required:l})=>{const{formatMessage:d}=(0,Q.Z)(),u=t?.id?d(t):a;return e.createElement(N.x,{paddingBottom:1},e.createElement(x.k,null,e.createElement(G.Z,{textColor:"neutral800",htmlFor:o||a,variant:"pi",fontWeight:"bold",as:"label"},u,c&&e.createElement(e.Fragment,null,"\xA0(",s,")"),l&&e.createElement(G.Z,{textColor:"danger600"},"*")),r&&e.createElement(Jd,{paddingLeft:1},r)))};po.defaultProps={id:void 0,labelAction:void 0,numberOfEntries:0,required:!1,showNumberOfEntries:!1},po.propTypes={id:n().string,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}).isRequired,labelAction:n().element,name:n().string.isRequired,numberOfEntries:n().number,required:n().bool,showNumberOfEntries:n().bool};var _d=po;function eu(t,o){return r=>{const a=o(r);return e.createElement(t,{...r,...a})}}var tu=eu;function nu({isFromDynamicZone:t,name:o}){const{addNonRepeatableComponentToField:r,createActionAllowedFields:a,isCreatingEntry:s,modifiedData:c,removeComponentFromField:l,readActionAllowedFields:d,updateActionAllowedFields:u,formErrors:m}=(0,y.Wq)(),{contentType:g}=(0,be.PL)(),h=(0,e.useMemo)(()=>{const T=F()(g,["attributes"],{});return Object.keys(T).filter(D=>F()(T,[D,"type"],"")==="dynamiczone")},[g]),p=(0,e.useMemo)(()=>s?a:u,[s,a,u]),b=F()(c,o,null),E=(0,e.useMemo)(()=>(0,f.Ts)(o),[o]),C=(0,e.useMemo)(()=>t&&s||p.filter(D=>D===E[0]).length>0?!0:p.map(D=>D.split(".")).filter(D=>D.length<E.length?!1:At()(D,E.length).join(".")===E.join(".")).length>0,[t,s,p,E]),O=(0,e.useMemo)(()=>t||h.includes(E[0])?!0:(s?[]:d).map(D=>D.split(".")).filter(D=>D.length<E.length?!1:At()(D,E.length).join(".")===E.join(".")).length>0,[t,h,E,s,d]),R=(0,e.useMemo)(()=>s||C?!1:O,[C,O,s]);return{addNonRepeatableComponentToField:r,formErrors:m,hasChildrenAllowedFields:C,hasChildrenReadableFields:O,isCreatingEntry:s,isReadOnly:R,removeComponentFromField:l,componentValue:b}}var ou=nu;const go=({addNonRepeatableComponentToField:t,componentUid:o,intlLabel:r,isCreatingEntry:a,isFromDynamicZone:s,isRepeatable:c,isNested:l,labelAction:d,max:u,min:m,name:g,hasChildrenAllowedFields:h,hasChildrenReadableFields:p,isReadOnly:b,componentValue:E,removeComponentFromField:C,required:O})=>{const{formatMessage:R}=(0,Q.Z)(),T=ql()(E),Z=E!==null||s,D=!c&&Z&&!s&&h,{getComponentLayout:v,components:M}=(0,be.PL)(),L=(0,e.useMemo)(()=>v(o),[o,v]);if(!h&&a)return e.createElement(y.X0,{labelAction:d,intlLabel:r,name:g});if(!h&&!a&&!p)return e.createElement(y.X0,{labelAction:d,intlLabel:r,name:g});const $=()=>{t(g,L,M)};return e.createElement(N.x,null,e.createElement(x.k,{justifyContent:"space-between"},r&&e.createElement(_d,{intlLabel:r,labelAction:d,name:g,numberOfEntries:T,showNumberOfEntries:c,required:O}),D&&e.createElement(Me.h,{label:R({id:(0,f.OB)("components.reset-entry"),defaultMessage:"Reset Entry"}),icon:e.createElement(tt.Z,null),noBorder:!0,onClick:()=>{C(g,o)}})),e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:1},!c&&!Z&&e.createElement(Dr,{isReadOnly:b,onClick:$}),!c&&Z&&e.createElement(jd,{componentUid:o,isFromDynamicZone:s,isNested:l,name:g}),c&&e.createElement(Xd,{componentValue:E,componentValueLength:T,componentUid:o,isReadOnly:b,max:u,min:m,name:g})))};go.defaultProps={componentValue:null,hasChildrenAllowedFields:!1,hasChildrenReadableFields:!1,intlLabel:void 0,isFromDynamicZone:!1,isReadOnly:!1,isRepeatable:!1,isNested:!1,labelAction:void 0,max:1/0,min:-1/0,required:!1},go.propTypes={addNonRepeatableComponentToField:n().func.isRequired,componentUid:n().string.isRequired,componentValue:n().oneOfType([n().object,n().array]),hasChildrenAllowedFields:n().bool,hasChildrenReadableFields:n().bool,isCreatingEntry:n().bool.isRequired,isFromDynamicZone:n().bool,isReadOnly:n().bool,isRepeatable:n().bool,isNested:n().bool,intlLabel:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired,values:n().object}),labelAction:n().element,max:n().number,min:n().number,name:n().string.isRequired,removeComponentFromField:n().func.isRequired,required:n().bool};const ru=(0,e.memo)(go,ze());var Qt=tu(ru,ou);const fo=({componentUid:t,formErrors:o,index:r,isFieldAllowed:a,name:s,onRemoveComponentClick:c,onMoveComponent:l,onGrabItem:d,onDropItem:u,onCancel:m,dynamicComponentsByCategory:g,onAddComponent:h})=>{const[p,b]=(0,e.useState)(!0),{formatMessage:E}=(0,Q.Z)(),{getComponentLayout:C}=(0,be.PL)(),{modifiedData:O}=(0,y.Wq)(),{icon:R,friendlyName:T,mainValue:Z}=(0,e.useMemo)(()=>{const k=C(t),{info:{icon:B,displayName:P}}=k,S=F()(k,["settings","mainField"],"id"),z=F()(O,[s,r,S])??"",V=S==="id"?"":String(z).trim(),A=V.length>0?` - ${V}`:V;return{friendlyName:P,icon:B,mainValue:A}},[t,C,O,s,r]),D=Object.keys(o).filter(k=>{const B=k.split(".");return`${B[0]}.${B[1]}`==`${s}.${r}`});let v;D.length>0&&(v=E({id:(0,f.OB)("components.DynamicZone.error-message"),defaultMessage:"The component contains error(s)"}));const M=()=>{b(k=>!k)},[{handlerId:L,isDragging:$,handleKeyDown:I},W,X,w,K]=(0,be.Y9)(a,{type:`${f._Q.DYNAMIC_ZONE}_${s}`,index:r,item:{displayedValue:`${T}${Z}`,icon:R},onMoveItem:l,onGrabItem:d,onDropItem:u,onCancel:m});(0,e.useEffect)(()=>{K((0,xt.rX)(),{captureDraggingState:!1})},[K,r]);const Y=(0,f.FE)(W,X),J=a?e.createElement(au,{gap:0,expanded:p},e.createElement(su,{noBorder:!0,label:E({id:(0,f.OB)("components.DynamicZone.delete-label"),defaultMessage:"Delete {name}"},{name:T}),onClick:c},e.createElement(tt.Z,null)),e.createElement(Me.h,{forwardedAs:"div",role:"button",noBorder:!0,tabIndex:0,onClick:k=>k.stopPropagation(),"data-handler-id":L,ref:w,label:E({id:(0,f.OB)("components.DragHandle-label"),defaultMessage:"Drag"}),onKeyDown:I},e.createElement(at.Z,null)),e.createElement(Ge.fC,null,e.createElement(Ge.xz,{size:"S",endIcon:void 0,paddingLeft:2,paddingRight:2},e.createElement(Bn.Z,{"aria-hidden":!0,focusable:!1}),e.createElement(mt.T,{as:"span"},E({id:(0,f.OB)("components.DynamicZone.more-actions"),defaultMessage:"More actions"}))),e.createElement(Ge.VY,null,e.createElement(Ge.rl,null,e.createElement(Ge.fF,null,E({id:(0,f.OB)("components.DynamicZone.add-item-above"),defaultMessage:"Add component above"})),e.createElement(Ge.tu,null,Object.entries(g).map(([k,B])=>e.createElement(e.Fragment,{key:k},e.createElement(Ge.__,null,k),B.map(({componentUid:P,info:{displayName:S}})=>e.createElement(Tr.sN,{key:P,onSelect:()=>h(P,r)},S)))))),e.createElement(Ge.rl,null,e.createElement(Ge.fF,null,E({id:(0,f.OB)("components.DynamicZone.add-item-below"),defaultMessage:"Add component below"})),e.createElement(Ge.tu,null,Object.entries(g).map(([k,B])=>e.createElement(e.Fragment,{key:k},e.createElement(Ge.__,null,k),B.map(({componentUid:P,info:{displayName:S}})=>e.createElement(Tr.sN,{key:P,onSelect:()=>h(P,r+1)},S))))))))):null;return e.createElement(uu,{as:"li",width:"100%"},e.createElement(x.k,{justifyContent:"center"},e.createElement(cu,{background:"neutral200"})),e.createElement(iu,{ref:Y,hasRadius:!0},$?e.createElement(du,{padding:6,background:"primary100"}):e.createElement(kn.U,{expanded:p,onToggle:M,size:"S",error:v},e.createElement(Ln.B,{startIcon:e.createElement(Ft,{icon:R,showBackground:!1,size:"S"}),action:J,title:`${T}${Z}`,togglePosition:"left"}),e.createElement(An.v,null,e.createElement(lu,{background:"neutral0"},e.createElement(Qt,{componentUid:t,icon:R,name:`${s}.${r}`,isFromDynamicZone:!0}))))))},au=(0,U.ZP)(x.k)`
|
|
914
|
+
/*
|
|
915
|
+
we need to remove the background from the button but we can't
|
|
916
|
+
wrap the element in styled because it breaks the forwardedAs which
|
|
917
|
+
we need for drag handler to work on firefox
|
|
918
|
+
*/
|
|
919
|
+
div[role='button'] {
|
|
920
|
+
background: transparent;
|
|
921
|
+
}
|
|
922
|
+
`,su=(0,U.ZP)(Me.h)`
|
|
923
|
+
background-color: transparent;
|
|
924
|
+
|
|
925
|
+
svg path {
|
|
926
|
+
fill: ${({theme:t,expanded:o})=>o?t.colors.primary600:t.colors.neutral600};
|
|
927
|
+
}
|
|
928
|
+
`,iu=(0,U.ZP)(N.x)`
|
|
929
|
+
> div:first-child {
|
|
930
|
+
box-shadow: ${({theme:t})=>t.shadows.tableShadow};
|
|
931
|
+
}
|
|
932
|
+
`,lu=(0,U.ZP)(N.x)`
|
|
933
|
+
border-radius: 0 0 ${({theme:t})=>t.spaces[1]} ${({theme:t})=>t.spaces[1]};
|
|
934
|
+
`,cu=(0,U.ZP)(N.x)`
|
|
935
|
+
width: ${({theme:t})=>t.spaces[2]};
|
|
936
|
+
height: ${({theme:t})=>t.spaces[4]};
|
|
937
|
+
`,du=U.ZP.span`
|
|
938
|
+
display: block;
|
|
939
|
+
background-color: ${({theme:t})=>t.colors.primary100};
|
|
940
|
+
outline: 1px dashed ${({theme:t})=>t.colors.primary500};
|
|
941
|
+
outline-offset: -1px;
|
|
942
|
+
padding: ${({theme:t})=>t.spaces[6]};
|
|
943
|
+
`,uu=(0,U.ZP)(N.x)`
|
|
944
|
+
list-style: none;
|
|
945
|
+
padding: 0;
|
|
946
|
+
margin: 0;
|
|
947
|
+
`;fo.defaultProps={dynamicComponentsByCategory:{},formErrors:{},index:0,isFieldAllowed:!0,onAddComponent:void 0,onGrabItem:void 0,onDropItem:void 0,onCancel:void 0},fo.propTypes={componentUid:n().string.isRequired,dynamicComponentsByCategory:n().shape({components:n().arrayOf(n().shape({componentUid:n().string.isRequired,info:n().object}))}),formErrors:n().object,index:n().number,isFieldAllowed:n().bool,name:n().string.isRequired,onAddComponent:n().func,onGrabItem:n().func,onDropItem:n().func,onCancel:n().func,onMoveComponent:n().func.isRequired,onRemoveComponentClick:n().func.isRequired};const ho=({label:t,labelAction:o,name:r,numberOfComponents:a,required:s,intlDescription:c})=>{const{formatMessage:l}=(0,Q.Z)(),d=l({id:t||r,defaultMessage:t||r});return e.createElement(x.k,{justifyContent:"center"},e.createElement(N.x,{paddingTop:3,paddingBottom:3,paddingRight:4,paddingLeft:4,borderRadius:26,background:"neutral0",shadow:"filterShadow",color:"neutral500"},e.createElement(x.k,{direction:"column",justifyContent:"center"},e.createElement(x.k,{maxWidth:(0,y.Q1)(356)},e.createElement(G.Z,{variant:"pi",textColor:"neutral600",fontWeight:"bold",ellipsis:!0},d,"\xA0"),e.createElement(G.Z,{variant:"pi",textColor:"neutral600",fontWeight:"bold"},"(",a,")"),s&&e.createElement(G.Z,{textColor:"danger600"},"*"),o&&e.createElement(N.x,{paddingLeft:1},o)),c&&e.createElement(N.x,{paddingTop:1,maxWidth:(0,y.Q1)(356)},e.createElement(G.Z,{variant:"pi",textColor:"neutral600",ellipsis:!0},l(c))))))};ho.defaultProps={intlDescription:void 0,label:"",labelAction:void 0,numberOfComponents:0,required:!1},ho.propTypes={intlDescription:n().shape({id:n().string.isRequired,defaultMessage:n().string.isRequired}),label:n().string,labelAction:n().element,name:n().string.isRequired,numberOfComponents:n().number,required:n().bool};const yo=({name:t,labelAction:o,fieldSchema:r,metadatas:a})=>{const{max:s=1/0,min:c=-1/0,components:l=[],required:d=!1}=r,[u,m]=(0,e.useState)(!1),[g,h]=(0,e.useState)(""),{addComponentToDynamicZone:p,createActionAllowedFields:b,isCreatingEntry:E,formErrors:C,modifiedData:O,moveComponentField:R,removeComponentFromDynamicZone:T,readActionAllowedFields:Z,updateActionAllowedFields:D}=(0,y.Wq)(),v=(0,e.useMemo)(()=>(O?.[t]??[]).map(q=>({componentUid:q.__component,id:q.id??q.__temp_key__})),[O,t]),{getComponentLayout:M,components:L}=(0,be.PL)(),$=(0,e.useMemo)(()=>l.reduce((q,me)=>{const{category:Ce,info:le,attributes:ue}=M(me),Pe={componentUid:me,info:le,attributes:ue};return q[Ce]||(q[Ce]=[]),q[Ce]=[...q[Ce],Pe],q},{}),[l,M]),{formatMessage:I}=(0,Q.Z)(),W=(0,y.lm)(),X=(0,e.useMemo)(()=>(E?b:D).includes(t),[t,E,b,D]),w=(0,e.useMemo)(()=>(E?[]:Z).includes(t),[t,E,Z]),K=v.length,Y=a.description?{id:a.description,defaultMessage:a.description}:null,J=C[t],k=c-K,B=!!J,P=(q,me)=>{m(!1);const Ce=M(q);p(t,Ce,L,B,me)},S=()=>{K<s?m(q=>!q):W({type:"info",message:{id:(0,f.OB)("components.notification.info.maximum-requirement")}})},z=(q,me)=>{h(I({id:(0,f.OB)("dnd.reorder"),defaultMessage:"{item}, moved. New position in list: {position}."},{item:`${t}.${me}`,position:V(q)})),R({name:t,newIndex:q,currentIndex:me})},V=q=>`${q+1} of ${v.length}`,A=q=>{h(I({id:(0,f.OB)("dnd.cancel-item"),defaultMessage:"{item}, dropped. Re-order cancelled."},{item:`${t}.${q}`}))},j=q=>{h(I({id:(0,f.OB)("dnd.grab-item"),defaultMessage:"{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel."},{item:`${t}.${q}`,position:V(q)}))},re=q=>{h(I({id:(0,f.OB)("dnd.drop-item"),defaultMessage:"{item}, dropped. Final position in list: {position}."},{item:`${t}.${q}`,position:V(q)}))},ne=(q,me)=>()=>{T(q,me)},de=()=>u?I({id:"app.utils.close-label",defaultMessage:"Close"}):B&&J.id.includes("max")?I({id:"components.Input.error.validation.max",defaultMessage:"The value is too high."}):B&&J.id.includes("min")?I({id:(0,f.OB)("components.DynamicZone.missing-components"),defaultMessage:"There {number, plural, =0 {are # missing components} one {is # missing component} other {are # missing components}}"},{number:k}):I({id:(0,f.OB)("components.DynamicZone.add-component"),defaultMessage:"Add a component to {componentName}"},{componentName:a.label||t});if(!X&&(E||!w&&!E))return e.createElement(y.X0,{description:Y,intlLabel:{id:a.label,defaultMessage:a.label},labelAction:o,name:t});const H=`${t}-item-instructions`;return e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:6},K>0&&e.createElement(N.x,null,e.createElement(ho,{intlDescription:Y,label:a.label,labelAction:o,name:t,numberOfComponents:K,required:d}),e.createElement(mt.T,{id:H},I({id:(0,f.OB)("dnd.instructions"),defaultMessage:"Press spacebar to grab and re-order"})),e.createElement(mt.T,{"aria-live":"assertive"},g),e.createElement("ol",{"aria-describedby":H},v.map(({componentUid:q,id:me},Ce)=>e.createElement(fo,{componentUid:q,formErrors:C,key:`${q}-${me}`,index:Ce,isFieldAllowed:X,name:t,onMoveComponent:z,onRemoveComponentClick:ne(t,Ce),onCancel:A,onDropItem:re,onGrabItem:j,onAddComponent:P,dynamicComponentsByCategory:$})))),e.createElement(x.k,{justifyContent:"center"},e.createElement(Fn,{hasError:B,isDisabled:!X,isOpen:u,onClick:S},de())),e.createElement($n,{dynamicComponentsByCategory:$,isOpen:u,onClickAddComponent:P}))};yo.defaultProps={fieldSchema:{},labelAction:null},yo.propTypes={fieldSchema:n().shape({components:n().array,max:n().number,min:n().number,required:n().bool}),labelAction:n().element,metadatas:n().shape({description:n().string,label:n().string}).isRequired,name:n().string.isRequired};var mu=i(86834),Ue=i.n(mu),Qr=i(12788),Eo=i(99526),pu=i(10268),Kr=i.n(pu),gu=i(56236),fu=i.n(gu),hu=i(77236),yu=i.n(hu),Eu=i(85973),bu=i.n(Eu);const vu=({browserState:t,serverState:o},r,a)=>{const s=o,c=t,l=(m,g)=>F()(m,["attributes",g,"type"],""),d=(m,g)=>F()(m,["attributes",...g],""),u=(m,g,h,p)=>Object.keys(m).reduce((b,E)=>{const C=p?`${p}.${E}`:E,O=l(h,E),R=F()(m,E),T=F()(g,E),Z=d(h,[E,"component"]),D=d(h,[E,"repeatable"]);let v;switch(O){case"json":v=JSON.parse(R);break;case"time":{v=R,R&&R.split(":").length<3&&(v=`${R}:00`);break}case"media":d(h,[E,"multiple"])===!0?v=R?R.filter(M=>!(M instanceof File)):null:v=F()(R,0)instanceof File?null:F()(R,"id",null);break;case"component":D?v=R&&R.map((M,L)=>u(M,(T??[])[L],a[Z],`${C}.${L}`)):v=R&&u(R,T,a[Z],C);break;case"relation":{const M=Pr(s,c)(C).join(".");let L=F()(s,M,[]);const $=R.reduce((W,X,w,K)=>{const Y=L.find(k=>k.id===X.id),J=K[w+1];if(!Y||Y.__temp_key__!==X.__temp_key__){const k=J?{before:J.id}:{end:!0};return[...W,{id:X.id,position:k}]}return W},[]);v={disconnect:L.reduce((W,X)=>R.find(w=>w.id===X.id)?W:[...W,{id:X.id}],[]),connect:$.reverse()};break}case"dynamiczone":v=R.map((M,L)=>u(M,(T??[])[L],a[M.__component],`${C}.${L}`));break;default:v=Cu(R,"id")}return b[E]=v,b},{});return u(t,o,r,"")},Cu=(t,o)=>yu()(t)?t.map(r=>r[o]?r[o]:r):bu()(t)?t[o]:t;var Ru=vu;const Kt=(t,o=()=>!1,r=void 0)=>{const a=(s,c,{ignoreFalseyValues:l=!1,path:d=[],parent:u=c}={})=>Object.entries(c).reduce((m,[g,h])=>{if(l&&(m==null||m[g]===void 0||m[g]===null))return m;if(o(h,{path:[...d,g],parent:u})&&(m[g]=typeof r=="function"?r(m[g],{path:[...d,g],parent:m}):r),h.type==="component"){const p=t[h.component].attributes;!h.repeatable&&m[g]&&typeof m[g]=="object"?m[g]=a(m[g],p,{ignoreFalseyValues:l,path:[...d,g],parent:c[g]}):h.repeatable&&Array.isArray(m[g])&&(m[g]=m[g].map((b,E)=>a(b,p,{ignoreFalseyValues:l,path:[...d,g,E],parent:c[g]})))}else h.type==="dynamiczone"&&Array.isArray(m[g])&&(m[g]=m[g].map((p,b)=>{const E=t[p.__component].attributes;return a(p,E,{ignoreFalseyValues:l,path:[...d,g,b],parent:c[g]})}));return m},{...s});return a};var Yr=(t,o,r,a)=>{const s=t.slice();return s.splice(o,1),s.splice(r,0,a),s};const Mu={componentsDataStructure:{},contentTypeDataStructure:{},formErrors:{},initialData:{},modifiedData:null,shouldCheckErrors:!1,modifiedDZName:null,publishConfirmation:{show:!1,draftCount:0}};var Tu=(t,o)=>(0,Rn.ZP)(t,r=>{switch(o.type){case"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD":{const{componentLayoutData:a,allComponents:s}=o,c={...t.componentsDataStructure[a.uid]},d=Kt(s,u=>u.type==="relation",[])(c,a.attributes);oe()(r,["modifiedData",...o.keys],d);break}case"ADD_COMPONENT_TO_DYNAMIC_ZONE":case"ADD_REPEATABLE_COMPONENT_TO_FIELD":{const{keys:a,allComponents:s,componentLayoutData:c,shouldCheckErrors:l,position:d=void 0}=o;l&&(r.shouldCheckErrors=!t.shouldCheckErrors),o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"&&(r.modifiedDZName=a[0]);const u=[...F()(t,["modifiedData",...a],[])];let m=d;m===void 0?m=u.length:m<0&&(m=0);const g=o.type==="ADD_COMPONENT_TO_DYNAMIC_ZONE"?{...t.componentsDataStructure[c.uid],__component:c.uid,__temp_key__:(0,f.Uo)(u)+1}:{...t.componentsDataStructure[c.uid],__temp_key__:(0,f.Uo)(u)+1},p=Kt(s,b=>b.type==="relation",[])(g,c.attributes);u.splice(m,0,p),oe()(r,["modifiedData",...a],u);break}case"LOAD_RELATION":{const{initialDataPath:a,modifiedDataPath:s,value:c}=o,l=F()(t,a),d=F()(t,s),u=l?c.filter(h=>!l.some(p=>p.id===h.id)):c,m=(0,Eo.zJ)(null,d[0]?.__temp_key__,u.length),g=u.map((h,p)=>({...h,__temp_key__:m[p]}));oe()(r,a,Kr()([...g,...l],"id")),oe()(r,s,Kr()([...g,...d],"id"));break}case"CONNECT_RELATION":{const a=["modifiedData",...o.keys],{value:s,toOneRelation:c}=o;if(c)oe()(r,a,[s]);else{const l=F()(t,a),[d]=(0,Eo.zJ)(l.at(-1)?.__temp_key__,null,1),u=[...l,{...s,__temp_key__:d}];oe()(r,a,u)}break}case"DISCONNECT_RELATION":{const a=["modifiedData",...o.keys],{id:s}=o,l=F()(t,[...a]).filter(d=>d.id!==s);oe()(r,a,l);break}case"MOVE_COMPONENT_FIELD":case"REORDER_RELATION":{const{oldIndex:a,newIndex:s,keys:c}=o,l=["modifiedData",...c],d=F()(t,[...l]),u=d[a],m=[...d];if(o.type==="REORDER_RELATION"){const g=a>s?d[s-1]?.__temp_key__:d[s]?.__temp_key__,h=a>s?d[s]?.__temp_key__:d[s+1]?.__temp_key__,[p]=(0,Eo.zJ)(g,h,1);m.splice(a,1),m.splice(s,0,{...u,__temp_key__:p})}else m.splice(a,1),m.splice(s,0,u);oe()(r,l,m);break}case"INIT_FORM":{const{initialValues:a,components:s={},attributes:c={},setModifiedDataOnly:l}=o,d=Oe()(a),m=Kt(s,p=>p.type==="relation",(p,{path:b})=>t.modifiedData?.id===d.id&&F()(t.modifiedData,b)?F()(t.modifiedData,b):[])(d,c),h=Kt(s,p=>p.type==="dynamiczone"||p.type==="component"&&!p.repeatable,p=>Array.isArray(p)?p.map((b,E)=>({...b,__temp_key__:E})):{...p,__temp_key__:0})(m,c,{ignoreFalseyValues:!0});l||(r.initialData=h),r.modifiedData=h,r.formErrors={},r.modifiedDZName=null,r.shouldCheckErrors=!1;break}case"MOVE_COMPONENT_UP":case"MOVE_COMPONENT_DOWN":{const{currentIndex:a,dynamicZoneName:s,shouldCheckErrors:c}=o;c&&(r.shouldCheckErrors=!t.shouldCheckErrors);const l=t.modifiedData[s],d=o.type==="MOVE_COMPONENT_UP"?a-1:a+1,u=t.modifiedData[s][a],m=Yr(l,a,d,u);oe()(r,["modifiedData",o.dynamicZoneName],m);break}case"MOVE_FIELD":{const a=F()(t,["modifiedData",...o.keys],[]).slice(),s=F()(t,["modifiedData",...o.keys,o.dragIndex]),c=Yr(a,o.dragIndex,o.overIndex,s);oe()(r,["modifiedData",...o.keys],c);break}case"ON_CHANGE":{const[a]=o.keys;if(o.shouldSetInitialValue&&oe()(r,["initialData",...o.keys],o.value),o.keys.length===2&&F()(t,["modifiedData",a])===null){oe()(r,["modifiedData",a],{[o.keys[1]]:o.value});break}oe()(r,["modifiedData",...o.keys],o.value);break}case"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE":{o.shouldCheckErrors&&(r.shouldCheckErrors=!t.shouldCheckErrors),r.modifiedData[o.dynamicZoneName].splice(o.index,1);break}case"REMOVE_COMPONENT_FROM_FIELD":{const a=["modifiedData",...o.keys];oe()(r,a,null);break}case"REMOVE_PASSWORD_FIELD":{fu()(r,["modifiedData",...o.keys]);break}case"REMOVE_REPEATABLE_FIELD":{const a=o.keys.length-1,s=["modifiedData",...At()(o.keys,a)];Object.keys(t.formErrors).length>0&&(r.shouldCheckErrors=!t.shouldCheckErrors);const l=F()(t,s).slice();l.splice(parseInt(o.keys[a],10),1),oe()(r,s,l);break}case"SET_DEFAULT_DATA_STRUCTURES":{r.componentsDataStructure=o.componentsDataStructure,r.contentTypeDataStructure=o.contentTypeDataStructure;break}case"SET_FORM_ERRORS":{r.modifiedDZName=null,r.formErrors=o.errors;break}case"TRIGGER_FORM_VALIDATION":{Object.keys(t.formErrors).length>0&&(r.shouldCheckErrors=!t.shouldCheckErrors);break}case"SET_PUBLISH_CONFIRMATION":{r.publishConfirmation={...o.publishConfirmation};break}case"RESET_PUBLISH_CONFIRMATION":{r.publishConfirmation={...t.publishConfirmation,show:!1};break}default:return r}});const bo=({allLayoutData:t,allowedActions:{canRead:o,canUpdate:r},children:a,componentsDataStructure:s,contentTypeDataStructure:c,createActionAllowedFields:l,from:d,initialValues:u,isCreatingEntry:m,isLoadingForData:g,isSingleType:h,onPost:p,onPublish:b,onDraftRelationCheck:E,onPut:C,onUnpublish:O,readActionAllowedFields:R,redirectToPreviousPage:T,slug:Z,status:D,updateActionAllowedFields:v})=>{const[M,L]=e.useState(!1),[$,I]=(0,e.useReducer)(Tu,Mu),{formErrors:W,initialData:X,modifiedData:w,modifiedDZName:K,shouldCheckErrors:Y,publishConfirmation:J}=$,{setModifiedDataOnly:k}=(0,fe.v9)(Pn),B=(0,fe.I0)(),P=(0,y.lm)(),{lockApp:S,unlockApp:z}=(0,y.o1)(),V=F()(t,["contentType"],{}),A=(0,e.useMemo)(()=>F()(V,["options","draftAndPublish"],!1),[V]),j=(0,e.useMemo)(()=>A&&!X.publishedAt,[A,X.publishedAt]),{trackUsage:re}=(0,y.rS)(),{formatMessage:ne}=(0,Q.Z)(),de=(0,e.useRef)(re),H=(0,e.useMemo)(()=>g||m?!1:o===!1&&r===!1,[g,m,o,r]);(0,e.useEffect)(()=>{D==="resolved"?z():S()},[S,z,D]),(0,e.useEffect)(()=>{g||Te()},[Y]),(0,e.useEffect)(()=>{const te=Object.keys(W);if(te.length>0){const _=te[0],se=document.getElementById(_);se&&se.focus()}},[W]),(0,e.useEffect)(()=>{H&&P({type:"info",message:{id:(0,f.OB)("permissions.not-allowed.update")}})},[H,P]),(0,e.useEffect)(()=>{I({type:"SET_DEFAULT_DATA_STRUCTURES",componentsDataStructure:s,contentTypeDataStructure:c})},[s,c]);const{components:q}=t,me=(0,be.zH)(u);(0,e.useEffect)(()=>{u&&V?.attributes&&!ze()(me,u)&&(I({type:"INIT_FORM",initialValues:u,components:q,attributes:V.attributes,setModifiedDataOnly:k}),k&&B(Bl()))},[u,V,q,k,B,me]);const Ce=(0,e.useCallback)(te=>(_,se,Qe,ft=!1,Bt=void 0)=>{de.current("didAddComponentToDynamicZone"),I({type:te,keys:_.split("."),position:Bt,componentLayoutData:se,allComponents:Qe,shouldCheckErrors:ft})},[]),le=Ce("ADD_COMPONENT_TO_DYNAMIC_ZONE"),ue=(0,e.useCallback)((te,_,se)=>{I({type:"ADD_NON_REPEATABLE_COMPONENT_TO_FIELD",keys:te.split("."),componentLayoutData:_,allComponents:se})},[]),Pe=(0,e.useCallback)(({name:te,value:_,toOneRelation:se})=>{I({type:"CONNECT_RELATION",keys:te.split("."),value:_,toOneRelation:se})},[]),Ze=(0,e.useCallback)(({target:{initialDataPath:te,modifiedDataPath:_,value:se}})=>{I({type:"LOAD_RELATION",modifiedDataPath:_,initialDataPath:te,value:se})},[]),Se=Ce("ADD_REPEATABLE_COMPONENT_TO_FIELD"),nt=(0,e.useMemo)(()=>{const te={isCreatingEntry:m,isDraft:j,isFromComponent:!1};return(0,f.Ex)(V,{components:t.components||{}},te)},[t.components,V,m,j]),Te=(0,e.useCallback)(async(te={})=>{let _={};const se=Oe()(w);Ue()(se)||oe()(se,te.path,te.value);try{await nt.validate(se,{abortEarly:!1})}catch(Qe){_=(0,y.CJ)(Qe),K&&(_=Object.keys(_).reduce((ft,Bt)=>(Bt.split(".")[0]!==K&&(ft[Bt]=_[Bt]),ft),{}))}I({type:"SET_FORM_ERRORS",errors:_})},[K,w,nt]),ee=(0,e.useCallback)(({target:{name:te,value:_,type:se}},Qe=!1)=>{let ft=_;if(["text","textarea","string","email","uid","select","select-one","number"].includes(se)&&!_&&_!==0&&(ft=null),se==="password"&&!_){I({type:"REMOVE_PASSWORD_FIELD",keys:te.split(".")});return}I({type:"ON_CHANGE",keys:te.split("."),value:ft,shouldSetInitialValue:Qe})},[]),he=(0,e.useCallback)((te,_)=>Ru({browserState:te,serverState:_},V,t.components),[t.components,V]),$e=(0,e.useMemo)(()=>A?j?{status:"draft"}:{}:{},[A,j]),Wo=(0,e.useCallback)(async te=>(te.preventDefault(),I({type:"RESET_PUBLISH_CONFIRMATION"})),[]),zo=(0,e.useCallback)(async te=>{te.preventDefault();let _={};try{await nt.validate(w,{abortEarly:!1})}catch(se){_=(0,y.CJ)(se)}try{if(Ue()(_)){const se=he(w,X);(0,Qr.flushSync)(()=>{L(!0)}),m?await p(se,$e):await C(se,$e),L(!1)}}catch(se){L(!1),_={..._,...(0,y.nn)(se,{getTrad:f.OB})}}I({type:"SET_FORM_ERRORS",errors:_})},[he,m,w,X,p,C,$e,nt]),Xp=(0,e.useCallback)(async()=>{const te=(0,f.Ex)(V,{components:F()(t,"components",{})},{isCreatingEntry:m,isDraft:!1,isFromComponent:!1}),_=await E();if(!J.show&&_>0){I({type:"SET_PUBLISH_CONFIRMATION",publishConfirmation:{show:!0,draftCount:_}});return}I({type:"RESET_PUBLISH_CONFIRMATION"});let se={};try{await te.validate(w,{abortEarly:!1})}catch(Qe){se=(0,y.CJ)(Qe)}try{Ue()(se)&&((0,Qr.flushSync)(()=>{L(!0)}),await b(),L(!1))}catch(Qe){L(!1),se={...se,...(0,y.nn)(Qe,{getTrad:f.OB})}}I({type:"SET_FORM_ERRORS",errors:se})},[t,V,m,w,J.show,b,E]),It=(0,e.useCallback)(te=>{const _=Object.keys(W).some(Qe=>Qe.split(".")[0]===te);return!Ue()(W)&&_},[W]),Jp=(0,e.useCallback)((te,_)=>{de.current("changeComponentsOrder"),I({type:"MOVE_COMPONENT_DOWN",dynamicZoneName:te,currentIndex:_,shouldCheckErrors:It(te)})},[It]),_p=(0,e.useCallback)((te,_)=>{de.current("changeComponentsOrder"),I({type:"MOVE_COMPONENT_UP",dynamicZoneName:te,currentIndex:_,shouldCheckErrors:It(te)})},[It]),eg=(0,e.useCallback)(({name:te,newIndex:_,currentIndex:se})=>{I({type:"MOVE_COMPONENT_FIELD",keys:te.split("."),newIndex:_,oldIndex:se})},[]),tg=(0,e.useCallback)(({name:te,id:_})=>{I({type:"DISCONNECT_RELATION",keys:te.split("."),id:_})},[]),ng=(0,e.useCallback)(({name:te,oldIndex:_,newIndex:se})=>{I({type:"REORDER_RELATION",keys:te.split("."),oldIndex:_,newIndex:se})},[]),og=(0,e.useCallback)((te,_)=>{de.current("removeComponentFromDynamicZone"),I({type:"REMOVE_COMPONENT_FROM_DYNAMIC_ZONE",dynamicZoneName:te,index:_,shouldCheckErrors:It(te)})},[It]),rg=(0,e.useCallback)((te,_)=>{I({type:"REMOVE_COMPONENT_FROM_FIELD",keys:te.split("."),componentUid:_})},[]),ag=(0,e.useCallback)((te,_)=>{I({type:"REMOVE_REPEATABLE_FIELD",keys:te.split("."),componentUid:_})},[]),sg=(0,e.useCallback)(()=>{I({type:"TRIGGER_FORM_VALIDATION"})},[]);return H?e.createElement(ae.l_,{to:d}):w?e.createElement(y.W1.Provider,{value:{addComponentToDynamicZone:le,addNonRepeatableComponentToField:ue,addRepeatableComponentToField:Se,allLayoutData:t,checkFormErrors:Te,createActionAllowedFields:l,formErrors:W,hasDraftAndPublish:A,initialData:X,isCreatingEntry:m,isSingleType:h,shouldNotRunValidations:j,status:D,layout:V,modifiedData:w,moveComponentField:eg,moveComponentDown:Jp,moveComponentUp:_p,onChange:ee,onPublish:Xp,onUnpublish:O,readActionAllowedFields:R,redirectToPreviousPage:T,removeComponentFromDynamicZone:og,removeComponentFromField:rg,removeRepeatableField:ag,relationConnect:Pe,relationDisconnect:tg,relationLoad:Ze,relationReorder:ng,slug:Z,triggerFormValidation:sg,updateActionAllowedFields:v,onPublishPromptDismissal:Wo,publishConfirmation:J}},g||!m&&!X.id?e.createElement(pe.o,{"aria-busy":"true"},e.createElement(y.dO,null)):e.createElement(e.Fragment,null,M?null:e.createElement(ae.NL,{when:!ze()(w,X),message:ne({id:"global.prompt.unsaved"})}),e.createElement("form",{noValidate:!0,onSubmit:zo},a))):null};bo.defaultProps={from:"/",initialValues:null,redirectToPreviousPage(){}},bo.propTypes={allLayoutData:n().object.isRequired,allowedActions:n().object.isRequired,children:n().node.isRequired,componentsDataStructure:n().object.isRequired,contentTypeDataStructure:n().object.isRequired,createActionAllowedFields:n().array.isRequired,from:n().string,initialValues:n().object,isCreatingEntry:n().bool.isRequired,isLoadingForData:n().bool.isRequired,isSingleType:n().bool.isRequired,onPost:n().func.isRequired,onPublish:n().func.isRequired,onDraftRelationCheck:n().func.isRequired,onPut:n().func.isRequired,onUnpublish:n().func.isRequired,readActionAllowedFields:n().array.isRequired,redirectToPreviousPage:n().func,slug:n().string.isRequired,status:n().string.isRequired,updateActionAllowedFields:n().array.isRequired};var Du=bo,Yt=i(33348),Ou=t=>Object.values(t||{}).reduce((o,r)=>Object.assign(o,r),{}),Xr=(t={})=>{const{plugins:o,_q:r,...a}={...t,...Ou(t.plugins)};return r&&oe()(a,"_q",encodeURIComponent(r)),`${(0,Yt.stringify)(a,{encode:!1,addQueryPrefix:!0})}`},gt=t=>(0,f.IF)(`single-types/${t}`);const Jr=({allLayoutData:t,children:o,slug:r})=>{const a=(0,et.useQueryClient)(),{trackUsage:s}=(0,y.rS)(),{push:c}=(0,ae.k6)(),{setCurrentStep:l}=(0,y.c1)(),d=(0,e.useRef)(s),[u,m]=(0,e.useState)(!0),[{query:g,rawQuery:h}]=(0,y.Kx)(),p=Xr(g),b=(0,y.lm)(),E=(0,fe.I0)(),{formatAPIError:C}=(0,y.So)(f.OB),O=(0,y.kY)(),{post:R,put:T,del:Z}=O,{componentsDataStructure:D,contentTypeDataStructure:v,data:M,isLoading:L,status:$}=(0,fe.v9)(Pn),I=(0,e.useCallback)(B=>{const P=(0,f.kc)(B,t.contentType,t.components);return(0,y.dU)(P,t.contentType,t.components)},[t]);(0,e.useEffect)(()=>()=>{E(vr())},[E]),(0,e.useEffect)(()=>{const B=Object.keys(t.components).reduce((z,V)=>{const A=(0,f.Di)(F()(t,["components",V,"attributes"],{}),t.components);return z[V]=(0,y.dU)(A,t.components[V],t.components),z},{}),P=(0,f.Di)(t.contentType.attributes,t.components),S=(0,y.dU)(P,t.contentType,t.components);E(Cr(B,S))},[t,E]),(0,e.useEffect)(()=>{const P=Je.default.CancelToken.source();return(async z=>{E(Ut()),m(!0);try{const{data:V}=await O.get(gt(`${r}${p}`),{cancelToken:z.token});E(On(I(V))),m(!1)}catch(V){if(Je.default.isCancel(V))return;const A=F()(V,"response.status",null);A===404&&E(In(h,!0)),A===403&&(b({type:"info",message:{id:(0,f.OB)("permissions.not-allowed.update")}}),c("/"))}})(P),()=>P.cancel("Operation canceled by the user.")},[O,I,c,r,E,p,h,b]);const W=(0,e.useCallback)(B=>{b({type:"warning",message:C(B)})},[b,C]),X=(0,e.useCallback)(async B=>{try{d.current("willDeleteEntry",B);const{data:P}=await Z(gt(`${r}${p}`));return b({type:"success",message:{id:(0,f.OB)("success.record.delete")}}),d.current("didDeleteEntry",B),m(!0),E(In(h,!0)),Promise.resolve(P)}catch(P){return d.current("didNotDeleteEntry",{error:P,...B}),W(P),Promise.reject(P)}},[Z,r,W,b,p,E,h]),w=(0,e.useCallback)(async(B,P)=>{const S=gt(`${r}${h}`);try{E(ce("submit-pending"));const{data:z}=await T(S,B);return d.current("didCreateEntry",P),b({type:"success",message:{id:(0,f.OB)("success.record.save")}}),l("contentManager.success"),a.invalidateQueries(["relation"]),E(it(I(z))),m(!1),E(ce("resolved")),Promise.resolve(z)}catch(z){return d.current("didNotCreateEntry",{error:z,trackerProperty:P}),W(z),E(ce("resolved")),Promise.reject(z)}},[T,I,W,r,E,h,b,l,a]),K=(0,e.useCallback)(async()=>{try{d.current("willCheckDraftRelations");const B=gt(`${r}/actions/numberOfDraftRelations`);E(ce("draft-relation-check-pending"));const P=await O.get(B);return d.current("didCheckDraftRelations"),E(ce("resolved")),P.data.data}catch(B){return W(B),E(ce("resolved")),Promise.reject(B)}},[O,W,r,E]),Y=(0,e.useCallback)(async()=>{try{d.current("willPublishEntry");const B=gt(`${r}/actions/publish${p}`);E(ce("publish-pending"));const{data:P}=await R(B);return d.current("didPublishEntry"),b({type:"success",message:{id:(0,f.OB)("success.record.publish")}}),E(it(I(P))),E(ce("resolved")),Promise.resolve(P)}catch(B){return W(B),E(ce("resolved")),Promise.reject(B)}},[R,I,W,r,p,E,b]),J=(0,e.useCallback)(async(B,P)=>{const S=gt(`${r}${h}`);try{d.current("willEditEntry",P),E(ce("submit-pending"));const{data:z}=await T(S,B);return b({type:"success",message:{id:(0,f.OB)("success.record.save")}}),d.current("didEditEntry",{trackerProperty:P}),a.invalidateQueries(["relation"]),E(it(I(z))),E(ce("resolved")),Promise.resolve(z)}catch(z){return W(z),d.current("didNotEditEntry",{error:z,trackerProperty:P}),E(ce("resolved")),Promise.reject(z)}},[T,I,W,r,E,h,b,a]),k=(0,e.useCallback)(async()=>{const B=gt(`${r}/actions/unpublish${p}`);E(ce("unpublish-pending"));try{d.current("willUnpublishEntry");const{data:P}=await R(B);d.current("didUnpublishEntry"),b({type:"success",message:{id:(0,f.OB)("success.record.unpublish")}}),E(it(I(P))),E(ce("resolved"))}catch(P){E(ce("resolved")),W(P)}},[R,I,b,W,r,E,p]);return o({componentsDataStructure:D,contentTypeDataStructure:v,data:M,isCreatingEntry:u,isLoadingForData:L,onDelete:X,onPost:w,onDraftRelationCheck:K,onPublish:Y,onPut:J,onUnpublish:k,redirectionLink:"/",status:$})};Jr.propTypes={allLayoutData:n().shape({components:n().object.isRequired,contentType:n().object.isRequired}).isRequired,children:n().func.isRequired,slug:n().string.isRequired};var Iu=(0,e.memo)(Jr);function Pu(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var Zu=Pu;function xu(){const{hasDraftAndPublish:t,modifiedData:o}=(0,y.Wq)();let r={};return t&&(r=Ue()(o.publishedAt)?{status:"draft"}:{status:"published"}),{hasDraftAndPublish:t,trackerProperty:r}}var Fu=xu;const _r=({onDelete:t,trackerProperty:o})=>{const[r,a]=(0,e.useState)(!1),[s,c]=(0,e.useState)(!1),{formatMessage:l}=(0,Q.Z)(),{formatAPIError:d}=(0,y.So)(f.OB),u=(0,y.lm)(),m=()=>a(h=>!h),g=async()=>{try{c(!0),await t(o),c(!1),m()}catch(h){c(!1),m(),u({type:"warning",message:d(h)})}};return e.createElement(e.Fragment,null,e.createElement(ie.z,{onClick:m,size:"S",startIcon:e.createElement(tt.Z,null),variant:"danger-light"},l({id:(0,f.OB)("containers.Edit.delete-entry"),defaultMessage:"Delete this entry"})),e.createElement(y.QH,{isConfirmButtonLoading:s,isOpen:r,onConfirm:g,onToggleDialog:m}))};_r.propTypes={onDelete:n().func.isRequired,trackerProperty:n().object.isRequired};const Su=(0,e.memo)(_r,ze());var ku=Zu(Su,Fu),Lu=i(56243);function Au(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var wu=Au;function $u(){const{initialData:t,hasDraftAndPublish:o}=(0,y.Wq)(),r=t.publishedAt!==void 0&&t.publishedAt!==null;return{hasDraftAndPublish:o,isPublished:r}}var Bu=$u;const Nu=(0,U.ZP)(Lu.Z)`
|
|
948
|
+
width: ${(0,y.Q1)(6)};
|
|
949
|
+
height: ${(0,y.Q1)(6)};
|
|
950
|
+
* {
|
|
951
|
+
fill: ${({theme:t,$bulletColor:o})=>t.colors[o]};
|
|
952
|
+
}
|
|
953
|
+
`,ea=({hasDraftAndPublish:t,isPublished:o})=>{const{formatMessage:r}=(0,Q.Z)();if(!t)return null;const a={draft:{textColor:"secondary700",bulletColor:"secondary600",box:{background:"secondary100",borderColor:"secondary200"}},published:{textColor:"success700",bulletColor:"success600",box:{background:"success100",borderColor:"success200"}}},s=o?a.published:a.draft;return e.createElement(N.x,{hasRadius:!0,as:"aside",paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,...s.box},e.createElement(N.x,{as:x.k},e.createElement(Nu,{$bulletColor:s.bulletColor}),e.createElement(N.x,{paddingLeft:3},e.createElement(G.Z,{textColor:s.textColor},r({id:(0,f.OB)("containers.Edit.information.editing"),defaultMessage:"Editing"}),"\xA0"),e.createElement(G.Z,{fontWeight:"bold",textColor:s.textColor},o&&r({id:(0,f.OB)("containers.Edit.information.publishedVersion"),defaultMessage:"published version"}),!o&&r({id:(0,f.OB)("containers.Edit.information.draftVersion"),defaultMessage:"draft version"})))))};ea.propTypes={hasDraftAndPublish:n().bool.isRequired,isPublished:n().bool.isRequired};var ju=wu(ea,Bu);const vo=({columns:t,customFieldInputs:o})=>e.createElement(Ie.r,{gap:4},t.map(({fieldSchema:r,labelAction:a,metadatas:s,name:c,size:l,queryInfos:d})=>{if(r.type==="component"){const{component:m,max:g,min:h,repeatable:p=!1,required:b=!1}=r;return e.createElement(ge.P,{col:l,s:12,xs:12,key:m},e.createElement(Qt,{componentUid:m,labelAction:a,isRepeatable:p,intlLabel:{id:s.label,defaultMessage:s.label},max:g,min:h,name:c,required:b}))}return e.createElement(ge.P,{col:l,key:c,s:12,xs:12},e.createElement(io,{size:l,fieldSchema:r,keys:c,labelAction:a,metadatas:s,queryInfos:d,customFieldInputs:o}))}));vo.defaultProps={customFieldInputs:{}},vo.propTypes={columns:n().array.isRequired,customFieldInputs:n().object};var Wu=vo,Xt=i(22342),Jt=i(96166),_t=i(88693);function zu(t,o){return r=>{const a=o();return e.createElement(t,{...r,...a})}}var Uu=zu;function qu(){const{initialData:t,isCreatingEntry:o,isSingleType:r,status:a,layout:s,hasDraftAndPublish:c,modifiedData:l,onPublish:d,onUnpublish:u,publishConfirmation:m,onPublishPromptDismissal:g}=(0,y.Wq)();return{initialData:t,isCreatingEntry:o,isSingleType:r,status:a,layout:s,hasDraftAndPublish:c,modifiedData:l,onPublish:d,onUnpublish:u,publishConfirmation:m,onPublishPromptDismissal:g}}var Vu=qu;const ta=(0,U.ZP)(x.k)`
|
|
954
|
+
text-align: center;
|
|
955
|
+
`,na=({allowedActions:{canUpdate:t,canCreate:o,canPublish:r},initialData:a,isCreatingEntry:s,isSingleType:c,hasDraftAndPublish:l,layout:d,modifiedData:u,onPublish:m,onUnpublish:g,status:h,publishConfirmation:{show:p,draftCount:b},onPublishPromptDismissal:E})=>{const{goBack:C}=(0,ae.k6)(),[O,R]=(0,e.useState)(!1),{formatMessage:T}=(0,Q.Z)(),Z=F()(d,["settings","mainField"],"id"),D=F()(d,["info","displayName"],"NOT FOUND"),v=!ze()(a,u)||s&&!Ue()(u);let L=T({id:(0,f.OB)("containers.Edit.pluginHeader.title.new"),defaultMessage:"Create an entry"});!s&&!c&&(L=a[Z]||D),c&&(L=D);let $=null;if(s&&o&&($=e.createElement(x.k,{gap:2},l&&e.createElement(ie.z,{disabled:!0,startIcon:e.createElement(Ae.Z,null),variant:"secondary"},T({id:"app.utils.publish",defaultMessage:"Publish"})),e.createElement(ie.z,{disabled:!v,loading:h==="submit-pending",type:"submit"},T({id:(0,f.OB)("containers.Edit.submit"),defaultMessage:"Save"})))),!s&&t){const w=l&&r,K=!Ue()(a.publishedAt),Y=K?h==="unpublish-pending":h==="publish-pending",J=K?{id:"app.utils.unpublish",defaultMessage:"Unpublish"}:{id:"app.utils.publish",defaultMessage:"Publish"},k=K?()=>R(!0):()=>m();$=e.createElement(x.k,null,w&&e.createElement(ie.z,{disabled:v,loading:Y,onClick:k,startIcon:e.createElement(Ae.Z,null),variant:"secondary"},T(J)),e.createElement(N.x,{paddingLeft:w?2:0},e.createElement(ie.z,{disabled:!v,loading:h==="submit-pending",type:"submit"},T({id:(0,f.OB)("containers.Edit.submit"),defaultMessage:"Save"}))))}const I=()=>R(w=>!w),W=()=>{I(),g()},X=`${T({id:(0,f.OB)("api.id"),defaultMessage:"API ID "})} : ${d.apiID}`;return e.createElement(e.Fragment,null,e.createElement(ye.T,{title:L.toString(),primaryAction:$,subtitle:X,navigationAction:e.createElement(y.rU,{startIcon:e.createElement(_e.Z,null),onClick:w=>{w.preventDefault(),C()},to:"/"},T({id:"global.back",defaultMessage:"Back"}))}),e.createElement(Xt.V,{onClose:I,title:"Confirmation",labelledBy:"confirmation",describedBy:"confirm-description",isOpen:O},e.createElement(Jt.a,{icon:e.createElement(wt.Z,null)},e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(x.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(G.Z,{id:"confirm-description"},T({id:(0,f.OB)("popUpWarning.warning.unpublish"),defaultMessage:"Unpublish this content will automatically change it to a draft."},{br:()=>e.createElement("br",null)}))),e.createElement(x.k,{justifyContent:"center",style:{textAlign:"center"}},e.createElement(G.Z,{id:"confirm-description"},T({id:(0,f.OB)("popUpWarning.warning.unpublish-question"),defaultMessage:"Are you sure you want to unpublish it?"}))))),e.createElement(_t.c,{startAction:e.createElement(ie.z,{onClick:I,variant:"tertiary"},T({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ie.z,{variant:"danger-light",onClick:W},T({id:"components.popUpWarning.button.confirm",defaultMessage:"Confirm"}))})),e.createElement(Xt.V,{onClose:E,title:T({id:(0,f.OB)("popUpWarning.warning.has-draft-relations.title"),defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:p},e.createElement(Jt.a,{icon:e.createElement(wt.Z,null)},e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(ta,{justifyContent:"center"},e.createElement(G.Z,{id:"confirm-description"},b,T({id:(0,f.OB)("popUpwarning.warning.has-draft-relations.message"),defaultMessage:"<b>{count, plural, one { relation is} other { relations are}}</b> not published yet and might lead to unexpected behavior."},{b:w=>e.createElement(G.Z,{fontWeight:"bold"},w),count:b}))),e.createElement(ta,{justifyContent:"center"},e.createElement(G.Z,{id:"confirm-description"},T({id:(0,f.OB)("popUpWarning.warning.publish-question"),defaultMessage:"Do you still want to publish?"}))))),e.createElement(_t.c,{startAction:e.createElement(ie.z,{onClick:E,variant:"tertiary"},T({id:"components.popUpWarning.button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ie.z,{variant:"success",onClick:m},T({id:(0,f.OB)("popUpwarning.warning.has-draft-relations.button-confirm"),defaultMessage:"Publish"}))})))};na.propTypes={allowedActions:n().shape({canUpdate:n().bool.isRequired,canCreate:n().bool.isRequired,canPublish:n().bool.isRequired}).isRequired,initialData:n().object.isRequired,isCreatingEntry:n().bool.isRequired,isSingleType:n().bool.isRequired,status:n().string.isRequired,layout:n().object.isRequired,hasDraftAndPublish:n().bool.isRequired,modifiedData:n().object.isRequired,onPublish:n().func.isRequired,onUnpublish:n().func.isRequired,publishConfirmation:n().shape({show:n().bool.isRequired,draftCount:n().number.isRequired}).isRequired,onPublishPromptDismissal:n().func.isRequired};const Hu=(0,e.memo)(na,ze());var Gu=Uu(Hu,Vu),Co=i(98178),Qu=t=>{if(!t.layouts)return[];const o=t.layouts.edit,r=t.attributes,a=l=>F()(r,[l,"type"],"");let s=0;const c=[];return o.forEach(l=>{const d=l.some(({name:u})=>a(u)==="dynamiczone");c[s]||(c[s]=[]),d?(s=s===0&&Ue()(c[0])?0:s+1,c[s]||(c[s]=[]),c[s].push(l),s+=1):c[s].push(l)}),c.filter(l=>l.length>0)},Ku=t=>{if(!t)return[];const r=[...t.contentType.layouts.edit,...Object.values(t.components).flatMap(s=>s.layouts.edit)].flat().filter(s=>s.fieldSchema.customField).map(s=>s.fieldSchema.customField);return[...new Set(r)]},Yu=i(91815),Xu=i.n(Yu),Ju=(t,o)=>{const r=a=>{const s=(0,y.ZT)(t,[{action:`plugin::content-manager.explorer.${a}`,subject:o}]);return Xu()(ct()(s,"properties.fields"))};return{createActionAllowedFields:r("create"),readActionAllowedFields:r("read"),updateActionAllowedFields:r("update")}};const Ro=t=>t["content-manager_editViewLayoutManager"].currentLayout,_u=(0,Co.P1)(Ro,t=>Qu(t?.contentType??{})),em=(0,Co.P1)(Ro,t=>Ku(t)),tm=(()=>window&&window.strapi&&window.strapi.isEE?i(28243).Z:i(73710).Z)(),oa=Re.Z.contentManager,nm=[{action:"plugin::content-type-builder.read",subject:null}],Mo=t=>{let{allowedActions:o,isSingleType:r,goBack:a,slug:s,id:c,origin:l,userPermissions:d}=t;const{trackUsage:u}=(0,y.rS)(),{formatMessage:m}=(0,Q.Z)(),{layout:g,formattedContentTypeLayout:h,customFieldUids:p}=(0,fe.v9)(M=>({layout:Ro(M),formattedContentTypeLayout:_u(M),customFieldUids:em(M)})),{isLazyLoading:b,lazyComponentStore:E}=jn(p),{createActionAllowedFields:C,readActionAllowedFields:O,updateActionAllowedFields:R}=Ju(d,s),T=r?oa.singleTypesConfigurations:oa.collectionTypesConfigurations,Z=`/content-manager/${r?"singleType":"collectionType"}/${s}/configurations/edit`,D=r?Iu:Nl,v=M=>M.every(L=>L.every($=>$.fieldSchema.type==="dynamiczone"));return b?e.createElement(y.dO,null):e.createElement(D,{allLayoutData:g,slug:s,id:c,origin:l},M=>{let{componentsDataStructure:L,contentTypeDataStructure:$,data:I,isCreatingEntry:W,isLoadingForData:X,onDelete:w,onPost:K,onPublish:Y,onDraftRelationCheck:J,onPut:k,onUnpublish:B,redirectionLink:P,status:S}=M;return e.createElement(Du,{allowedActions:o,allLayoutData:g,createActionAllowedFields:C,componentsDataStructure:L,contentTypeDataStructure:$,from:P,initialValues:I,isCreatingEntry:W,isLoadingForData:X,isSingleType:r,onPost:K,onPublish:Y,onDraftRelationCheck:J,onPut:k,onUnpublish:B,readActionAllowedFields:O,redirectToPreviousPage:a,slug:s,status:S,updateActionAllowedFields:R},e.createElement(pe.o,{"aria-busy":S!=="resolved"},e.createElement(Gu,{allowedActions:o}),e.createElement(We.D,null,e.createElement(Ie.r,{gap:4},e.createElement(ge.P,{col:9,s:12},e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:6},h.map((z,V)=>{if(v(z)){const{0:{0:{name:A,fieldSchema:j,metadatas:re,labelAction:ne}}}=z;return e.createElement(N.x,{key:V},e.createElement(Ie.r,{gap:4},e.createElement(ge.P,{col:12,s:12,xs:12},e.createElement(yo,{name:A,fieldSchema:j,labelAction:ne,metadatas:re}))))}return e.createElement(N.x,{key:V,hasRadius:!0,background:"neutral0",shadow:"tableShadow",paddingLeft:6,paddingRight:6,paddingTop:6,paddingBottom:6,borderColor:"neutral150"},e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:6},z.map((A,j)=>e.createElement(Wu,{columns:A,customFieldInputs:E,key:j}))))}))),e.createElement(ge.P,{col:3,s:12},e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(ju,null),e.createElement(N.x,{as:"aside","aria-labelledby":"additional-information",background:"neutral0",borderColor:"neutral150",hasRadius:!0,paddingBottom:4,paddingLeft:4,paddingRight:4,paddingTop:6,shadow:"tableShadow"},e.createElement(tm,null),e.createElement(zt,{area:"contentManager.editView.informations"})),e.createElement(N.x,{as:"aside","aria-labelledby":"links"},e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(zt,{area:"contentManager.editView.right-links",slug:s}),s!=="strapi::administrator"&&e.createElement(y.jW,{permissions:nm},e.createElement(y.Qj,{onClick:()=>{u("willEditEditLayout")},size:"S",startIcon:e.createElement(dt.Z,null),style:{width:"100%"},to:`/plugins/content-type-builder/content-types/${s}`,variant:"secondary"},m({id:(0,f.OB)("link-to-ctb"),defaultMessage:"Edit the model"}))),e.createElement(y.jW,{permissions:T},e.createElement(y.Qj,{size:"S",startIcon:e.createElement(Yo.Z,null),style:{width:"100%"},to:Z,variant:"secondary"},m({id:"app.links.configure-view",defaultMessage:"Configure the view"}))),o.canDelete&&!W&&e.createElement(ku,{onDelete:w})))))))))})};Mo.defaultProps={id:null,isSingleType:!1,origin:null,userPermissions:[]},Mo.propTypes={allowedActions:n().shape({canRead:n().bool.isRequired,canUpdate:n().bool.isRequired,canCreate:n().bool.isRequired,canDelete:n().bool.isRequired}).isRequired,id:n().string,isSingleType:n().bool,goBack:n().func.isRequired,origin:n().string,slug:n().string.isRequired,userPermissions:n().array};var om=(0,e.memo)(Mo);const To=t=>{const o=(0,e.useMemo)(()=>(0,f.TA)(t.slug),[t.slug]),{isLoading:r,allowedActions:a}=(0,y.ss)(o,t.userPermissions);return r?e.createElement(y.dO,null):e.createElement(om,{...t,allowedActions:a})};To.defaultProps={permissions:[]},To.propTypes={permissions:n().array,slug:n().string.isRequired,userPermissions:n().array.isRequired};var rm=(0,e.memo)(To,ze()),am=i(70031);const ra=({layout:t,...o})=>{const r=(0,fe.v9)(am.Z),a=(0,fe.I0)(),[{query:s}]=(0,y.Kx)(),{runHookWaterfall:c}=(0,y.j1)(),l=(0,be.r5)(s,o.slug,"editView");return(0,e.useEffect)(()=>{const d=c(Wt.Eo,{layout:t,query:s});return a(Al(d.layout,s)),()=>{a(Ll())}},[t,a,s,c]),!r||!l?e.createElement(y.dO,null):e.createElement(rm,{...o,userPermissions:l})};ra.propTypes={layout:n().shape({components:n().object.isRequired,contentType:n().shape({uid:n().string.isRequired,settings:n().object.isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,attributes:n().object.isRequired}).isRequired}).isRequired};var en=ra;const sm=(0,U.ZP)(x.k)`
|
|
956
|
+
svg {
|
|
957
|
+
width: ${32/16}rem;
|
|
958
|
+
height: ${24/16}rem;
|
|
959
|
+
margin-right: ${({theme:t})=>t.spaces[3]};
|
|
960
|
+
}
|
|
961
|
+
`,aa=({attributes:t,fieldForm:o,fieldToEdit:r,onCloseModal:a,onChangeEditLabel:s,onSubmit:c,type:l})=>{const{formatMessage:d}=(0,Q.Z)(),u=t[r].relationType;let m=!["media","relation"].includes(l);return["oneWay","oneToOne","manyToOne"].includes(u)&&(m=!0),e.createElement(ir.P,{onClose:a,labelledBy:"title"},e.createElement("form",{onSubmit:c},e.createElement(lr.x,null,e.createElement(sm,null,e.createElement(pr,{type:l}),e.createElement(G.Z,{fontWeight:"bold",textColor:"neutral800",as:"h2",id:"title"},d({id:(0,f.OB)("containers.ListSettingsView.modal-form.edit-label"),defaultMessage:"Edit {fieldName}"},{fieldName:Zt()(r)})))),e.createElement(cr.f,null,e.createElement(Ie.r,{gap:4},e.createElement(ge.P,{s:12,col:6},e.createElement(En.o,{id:"label-input",label:d({id:(0,f.OB)("form.Input.label"),defaultMessage:"Label"}),name:"label",onChange:g=>s(g),value:o.label,hint:d({id:(0,f.OB)("form.Input.label.inputDescription"),defaultMessage:"This value overrides the label displayed in the table's head"})})),m&&e.createElement(ge.P,{s:12,col:6},e.createElement(kt.s,{"data-testid":"Enable sort on this field",checked:o.sortable,label:d({id:(0,f.OB)("form.Input.sort.field"),defaultMessage:"Enable sort on this field"}),name:"sortable",onChange:g=>s({target:{name:"sortable",value:g.target.checked}}),onLabel:d({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:d({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"})})))),e.createElement(dr.m,{startActions:e.createElement(ie.z,{onClick:a,variant:"tertiary"},d({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endActions:e.createElement(ie.z,{type:"submit"},d({id:"global.finish",defaultMessage:"Finish"}))})))};aa.propTypes={attributes:n().objectOf(n().shape({relationType:n().string})).isRequired,fieldForm:n().shape({label:n().string,sortable:n().bool}).isRequired,fieldToEdit:n().string.isRequired,onChangeEditLabel:n().func.isRequired,onCloseModal:n().func.isRequired,onSubmit:n().func.isRequired,type:n().string.isRequired};var im=aa;const Do=({modifiedData:t,onChange:o,sortOptions:r})=>{const{formatMessage:a}=(0,Q.Z)(),{settings:s,metadatas:c}=t;return e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(G.Z,{variant:"delta",as:"h2"},a({id:(0,f.OB)("containers.SettingPage.settings"),defaultMessage:"Settings"})),e.createElement(x.k,{justifyContent:"space-between",gap:4},e.createElement(N.x,{width:"100%"},e.createElement(kt.s,{label:a({id:(0,f.OB)("form.Input.search"),defaultMessage:"Enable search"}),onChange:l=>{o({target:{name:"settings.searchable",value:l.target.checked}})},onLabel:a({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:a({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.searchable",checked:s.searchable})),e.createElement(N.x,{width:"100%"},e.createElement(kt.s,{label:a({id:(0,f.OB)("form.Input.filters"),defaultMessage:"Enable filters"}),onChange:l=>{o({target:{name:"settings.filterable",value:l.target.checked}})},onLabel:a({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:a({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.filterable",checked:s.filterable})),e.createElement(N.x,{width:"100%"},e.createElement(kt.s,{label:a({id:(0,f.OB)("form.Input.bulkActions"),defaultMessage:"Enable bulk actions"}),onChange:l=>{o({target:{name:"settings.bulkable",value:l.target.checked}})},onLabel:a({id:"app.components.ToggleCheckbox.on-label",defaultMessage:"on"}),offLabel:a({id:"app.components.ToggleCheckbox.off-label",defaultMessage:"off"}),name:"settings.bulkable",checked:s.bulkable}))),e.createElement(Ie.r,{gap:4},e.createElement(ge.P,{s:12,col:6},e.createElement(Fe.P,{label:a({id:(0,f.OB)("form.Input.pageEntries"),defaultMessage:"Entries per page"}),hint:a({id:(0,f.OB)("form.Input.pageEntries.inputDescription"),defaultMessage:"Note: You can override this value in the Collection Type settings page."}),onChange:l=>o({target:{name:"settings.pageSize",value:l}}),name:"settings.pageSize",value:t.settings.pageSize||""},[10,20,50,100].map(l=>e.createElement(ve.W,{key:l,value:l},l)))),e.createElement(ge.P,{s:12,col:3},e.createElement(Fe.P,{label:a({id:(0,f.OB)("form.Input.defaultSort"),defaultMessage:"Default sort attribute"}),onChange:l=>o({target:{name:"settings.defaultSortBy",value:l}}),name:"settings.defaultSortBy",value:t.settings.defaultSortBy||""},r.map(l=>e.createElement(ve.W,{key:l,value:l},c[l].list.label||l)))),e.createElement(ge.P,{s:12,col:3},e.createElement(Fe.P,{label:a({id:(0,f.OB)("form.Input.sort.order"),defaultMessage:"Default sort order"}),onChange:l=>o({target:{name:"settings.defaultSortOrder",value:l}}),name:"settings.defaultSortOrder",value:t.settings.defaultSortOrder||""},["ASC","DESC"].map(l=>e.createElement(ve.W,{key:l,value:l},l))))))};Do.defaultProps={modifiedData:{},sortOptions:[]},Do.propTypes={modifiedData:n().object,onChange:n().func.isRequired,sortOptions:n().array};var lm=Do;const Oo=(0,U.ZP)(x.k)`
|
|
962
|
+
height: ${({theme:t})=>t.spaces[7]};
|
|
963
|
+
|
|
964
|
+
&:last-child {
|
|
965
|
+
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
966
|
+
}
|
|
967
|
+
`,cm=(0,U.ZP)(Oo)`
|
|
968
|
+
border-right: 1px solid
|
|
969
|
+
${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
|
|
970
|
+
|
|
971
|
+
svg {
|
|
972
|
+
width: ${12/16}rem;
|
|
973
|
+
height: ${12/16}rem;
|
|
974
|
+
}
|
|
975
|
+
`,dm=(0,U.ZP)(x.k)`
|
|
976
|
+
border: 1px solid
|
|
977
|
+
${({theme:t,isSibling:o})=>o?t.colors.neutral150:t.colors.primary200};
|
|
978
|
+
|
|
979
|
+
svg {
|
|
980
|
+
width: ${10/16}rem;
|
|
981
|
+
height: ${10/16}rem;
|
|
982
|
+
|
|
983
|
+
path {
|
|
984
|
+
fill: ${({theme:t,isSibling:o})=>o?void 0:t.colors.primary600};
|
|
985
|
+
}
|
|
986
|
+
}
|
|
987
|
+
`,um=(0,U.ZP)(G.Z)`
|
|
988
|
+
max-width: ${72/16}rem;
|
|
989
|
+
`;function $t({labelField:t,transparent:o,isSibling:r}){return e.createElement(dm,{background:r?"neutral100":"primary100",display:"inline-flex",gap:3,hasRadius:!0,justifyContent:"space-between",transparent:o,isSibling:r,"max-height":(0,y.Q1)(32),maxWidth:"min-content",opacity:o?0:1},e.createElement(x.k,{gap:3},e.createElement(cm,{alignItems:"center",cursor:"all-scroll",padding:3},e.createElement(at.Z,null)),e.createElement(um,{textColor:r?void 0:"primary600",fontWeight:"bold",ellipsis:!0},t)),e.createElement(x.k,null,e.createElement(Oo,{alignItems:"center"},e.createElement(dt.Z,null)),e.createElement(Oo,{alignItems:"center"},e.createElement(Vt.Z,null))))}$t.defaultProps={isSibling:!1,transparent:!1},$t.propTypes={isSibling:n().bool,labelField:n().string.isRequired,transparent:n().bool};const Io=U.ZP.button`
|
|
990
|
+
display: flex;
|
|
991
|
+
align-items: center;
|
|
992
|
+
height: ${({theme:t})=>t.spaces[7]};
|
|
993
|
+
|
|
994
|
+
&:last-child {
|
|
995
|
+
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
996
|
+
}
|
|
997
|
+
`,sa=(0,U.ZP)(Io)`
|
|
998
|
+
padding: 0 ${({theme:t})=>t.spaces[3]};
|
|
999
|
+
border-right: 1px solid ${({theme:t})=>t.colors.neutral150};
|
|
1000
|
+
cursor: all-scroll;
|
|
1001
|
+
|
|
1002
|
+
svg {
|
|
1003
|
+
width: ${12/16}rem;
|
|
1004
|
+
height: ${12/16}rem;
|
|
1005
|
+
}
|
|
1006
|
+
`,mm=(0,U.ZP)(x.k)`
|
|
1007
|
+
max-height: ${32/16}rem;
|
|
1008
|
+
cursor: pointer;
|
|
1009
|
+
|
|
1010
|
+
svg {
|
|
1011
|
+
width: ${10/16}rem;
|
|
1012
|
+
height: ${10/16}rem;
|
|
1013
|
+
|
|
1014
|
+
path {
|
|
1015
|
+
fill: ${({theme:t})=>t.colors.neutral600};
|
|
1016
|
+
}
|
|
1017
|
+
}
|
|
1018
|
+
|
|
1019
|
+
&:hover {
|
|
1020
|
+
background-color: ${({theme:t})=>t.colors.primary100};
|
|
1021
|
+
border-color: ${({theme:t})=>t.colors.primary200};
|
|
1022
|
+
|
|
1023
|
+
svg {
|
|
1024
|
+
path {
|
|
1025
|
+
fill: ${({theme:t})=>t.colors.primary600};
|
|
1026
|
+
}
|
|
1027
|
+
}
|
|
1028
|
+
|
|
1029
|
+
${G.Z} {
|
|
1030
|
+
color: ${({theme:t})=>t.colors.primary600};
|
|
1031
|
+
}
|
|
1032
|
+
|
|
1033
|
+
${sa} {
|
|
1034
|
+
border-right: 1px solid ${({theme:t})=>t.colors.primary200};
|
|
1035
|
+
}
|
|
1036
|
+
}
|
|
1037
|
+
`,pm=(0,U.ZP)(N.x)`
|
|
1038
|
+
&:last-child {
|
|
1039
|
+
padding-right: ${({theme:t})=>t.spaces[3]};
|
|
1040
|
+
}
|
|
1041
|
+
`,ia=({index:t,isDraggingSibling:o,labelField:r,onClickEditField:a,onMoveField:s,onRemoveField:c,name:l,setIsDraggingSibling:d})=>{const{formatMessage:u}=(0,Q.Z)(),m=(0,e.useRef)(null),g=(0,e.useRef)(null),[,h]=(0,e.useState)(!1),p=(0,e.useRef)(),b=()=>{p.current&&p.current.click()},[,E]=(0,Nt.useDrop)({accept:f._Q.FIELD,hover(Z,D){if(!g.current)return;const v=Z.index,M=t;if(v===M)return;const L=g.current.getBoundingClientRect(),$=(L.right-L.left)/2,W=D.getClientOffset().x-L.left;v>M&&W>$||v<M&&W<$||(s(v,M),Z.index=M)}}),[{isDragging:C},O,R]=(0,Nt.useDrag)({type:f._Q.FIELD,item(){return{index:t,labelField:r,name:l}},collect:Z=>({isDragging:Z.isDragging()}),end(){d(!1)}});(0,e.useEffect)(()=>{R((0,xt.rX)(),{captureDraggingState:!1})},[R]),(0,e.useEffect)(()=>{C&&d(!0)},[C,d]),(0,e.useEffect)(()=>{o||h(Z=>!Z)},[o]);const T={dragRef:O(m),dropRef:E(g)};return e.createElement(pm,{ref:T?T.dropRef:null},C&&e.createElement($t,{transparent:!0,labelField:r}),!C&&o&&e.createElement($t,{isSibling:!0,labelField:r}),!C&&!o&&e.createElement(mm,{borderColor:"neutral150",background:"neutral100",hasRadius:!0,justifyContent:"space-between",onClick:b,isDragging:C},e.createElement(x.k,{gap:3},e.createElement(sa,{as:"span","aria-label":u({id:(0,f.OB)("components.DraggableCard.move.field"),defaultMessage:"Move {item}"},{item:r}),onClick:Z=>Z.stopPropagation(),ref:T.dragRef,type:"button"},e.createElement(at.Z,null)),e.createElement(G.Z,{fontWeight:"bold"},r)),e.createElement(x.k,{paddingLeft:3},e.createElement(Io,{ref:p,onClick:Z=>{Z.stopPropagation(),a(l)},"aria-label":u({id:(0,f.OB)("components.DraggableCard.edit.field"),defaultMessage:"Edit {item}"},{item:r}),type:"button"},e.createElement(dt.Z,null)),e.createElement(Io,{onClick:c,"data-testid":`delete-${l}`,"aria-label":u({id:(0,f.OB)("components.DraggableCard.delete.field"),defaultMessage:"Delete {item}"},{item:r}),type:"button"},e.createElement(Vt.Z,null)))))};ia.propTypes={index:n().number.isRequired,isDraggingSibling:n().bool.isRequired,labelField:n().string.isRequired,name:n().string.isRequired,onClickEditField:n().func.isRequired,onMoveField:n().func.isRequired,onRemoveField:n().func.isRequired,setIsDraggingSibling:n().func.isRequired};var gm=ia;const la=(0,U.ZP)(N.x)`
|
|
1042
|
+
flex: ${({size:t})=>t};
|
|
1043
|
+
`,fm=(0,U.ZP)(la)`
|
|
1044
|
+
overflow-x: scroll;
|
|
1045
|
+
overflow-y: hidden;
|
|
1046
|
+
`,hm=(0,U.ZP)(la)`
|
|
1047
|
+
max-width: ${32/16}rem;
|
|
1048
|
+
`,ca=({displayedFields:t,listRemainingFields:o,metadatas:r,onAddField:a,onClickEditField:s,onMoveField:c,onRemoveField:l})=>{const{formatMessage:d}=(0,Q.Z)(),[u,m]=(0,e.useState)(!1),[g,h]=(0,e.useState)(null),p=(0,e.useRef)();function b(...C){h("add"),a(...C)}function E(...C){h("remove"),l(...C)}return(0,e.useEffect)(()=>{g==="add"&&p?.current&&(p.current.scrollLeft=p.current.scrollWidth)},[t,g]),e.createElement(e.Fragment,null,e.createElement(N.x,{paddingBottom:4},e.createElement(G.Z,{variant:"delta",as:"h2"},d({id:(0,f.OB)("containers.SettingPage.view"),defaultMessage:"View"}))),e.createElement(x.k,{paddingTop:4,paddingLeft:4,paddingRight:4,borderColor:"neutral300",borderStyle:"dashed",borderWidth:"1px",hasRadius:!0},e.createElement(fm,{size:"1",paddingBottom:4,ref:p},e.createElement(x.k,{gap:3},t.map((C,O)=>e.createElement(gm,{key:C,index:O,isDraggingSibling:u,onMoveField:c,onClickEditField:s,onRemoveField:R=>E(R,O),name:C,labelField:r[C].list.label||C,setIsDraggingSibling:m})))),e.createElement(hm,{size:"auto",paddingBottom:4},e.createElement(Xe.O,{label:d({id:(0,f.OB)("components.FieldSelect.label"),defaultMessage:"Add a field"}),as:Me.h,icon:e.createElement(vt.Z,null),disabled:o.length<=0,"data-testid":"add-field"},o.map(C=>e.createElement(Xe.s,{key:C,onClick:()=>b(C)},r[C].list.label||C))))))};ca.propTypes={displayedFields:De.PropTypes.array.isRequired,listRemainingFields:De.PropTypes.array.isRequired,metadatas:De.PropTypes.objectOf(De.PropTypes.shape({list:De.PropTypes.shape({label:De.PropTypes.string})})).isRequired,onAddField:De.PropTypes.func.isRequired,onClickEditField:De.PropTypes.func.isRequired,onMoveField:De.PropTypes.func.isRequired,onRemoveField:De.PropTypes.func.isRequired};var ym=ca;const Em=["media","richtext","dynamiczone","relation","component","json"];var bm=(t,o)=>({...t,initialData:o,modifiedData:o});const Po={fieldForm:{},fieldToEdit:"",initialData:{},modifiedData:{}};var vm=(t=Po,o)=>(0,Rn.ZP)(t,r=>{const a=["modifiedData","layouts","list"];switch(o.type){case"ADD_FIELD":{const s=F()(t,a,[]);oe()(r,a,[...s,o.item]);break}case"MOVE_FIELD":{const s=F()(t,a,[]),{originalIndex:c,atIndex:l}=o;oe()(r,a,(0,f.W3)(s,c,l));break}case"ON_CHANGE":{oe()(r,["modifiedData",...o.keys.split(".")],o.value);break}case"ON_CHANGE_FIELD_METAS":{oe()(r,["fieldForm",o.name],o.value);break}case"REMOVE_FIELD":{const s=F()(t,a,[]);oe()(r,a,s.filter((c,l)=>o.index!==l));break}case"SET_FIELD_TO_EDIT":{const{fieldToEdit:s}=o;r.fieldToEdit=s,r.fieldForm.label=F()(r,["modifiedData","metadatas",s,"list","label"],""),r.fieldForm.sortable=F()(r,["modifiedData","metadatas",s,"list","sortable"],"");break}case"UNSET_FIELD_TO_EDIT":{r.fieldForm={},r.fieldToEdit="";break}case"SUBMIT_FIELD_FORM":{const s=["modifiedData","metadatas",t.fieldToEdit,"list"];oe()(r,[...s,"label"],t.fieldForm.label),oe()(r,[...s,"sortable"],t.fieldForm.sortable);break}default:return r}});const da=({layout:t,slug:o})=>{const{put:r}=(0,y.kY)(),{formatMessage:a}=(0,Q.Z)(),{trackUsage:s}=(0,y.rS)(),c=(0,be.fi)(),l=(0,y.lm)(),{refetchData:d}=(0,e.useContext)(qe),[u,m]=(0,e.useState)(!1),g=()=>m(S=>!S),[h,p]=(0,e.useReducer)(vm,Po,()=>bm(Po,t)),{fieldToEdit:b,fieldForm:E,initialData:C,modifiedData:O}=h,R=!Ue()(E),{attributes:T}=t,Z=O.layouts.list,D=()=>{const{settings:{pageSize:S,defaultSortBy:z,defaultSortOrder:V},kind:A,uid:j}=C,re=`${z}:${V}`,ne=`${(0,Yt.stringify)({page:1,pageSize:S,sort:re},{encode:!1})}${c?`&${c}`:""}`;return`/content-manager/${A}/${j}?${ne}`},v=({target:{name:S,value:z}})=>{p({type:"ON_CHANGE",keys:S,value:S==="settings.pageSize"?parseInt(z,10):z})},M=async()=>{const S=rn()(O,["layouts","settings","metadatas"]);K.mutate(S)},L=S=>{p({type:"ADD_FIELD",item:S})},$=(S,z)=>{S.stopPropagation(),Z.length===1?l({type:"info",message:{id:(0,f.OB)("notification.info.minimumFields")}}):p({type:"REMOVE_FIELD",index:z})},I=S=>{S.preventDefault(),g(),s("willSaveContentTypeLayout")},W=S=>{p({type:"SET_FIELD_TO_EDIT",fieldToEdit:S})},X=()=>{p({type:"UNSET_FIELD_TO_EDIT"})},w=S=>{S.preventDefault(),p({type:"SUBMIT_FIELD_FORM"}),X()},K=(0,et.useMutation)(S=>r(`/content-manager/content-types/${o}/configuration`,S),{onSuccess(){s("didEditListSettings"),d()},onError(){l({type:"warning",message:{id:"notification.error"}})}}),{isLoading:Y}=K,J=({target:{name:S,value:z}})=>{p({type:"ON_CHANGE_FIELD_METAS",name:S,value:z})},k=Object.entries(T).filter(([S,z])=>(0,f.ko)(z)&&!Z.includes(S)).map(([S])=>S).sort(),B=Object.entries(T).filter(([,S])=>!Em.includes(S.type)).map(([S])=>S),P=(S,z)=>{p({type:"MOVE_FIELD",originalIndex:S,atIndex:z})};return e.createElement(Le.A,null,e.createElement(pe.o,{"aria-busy":Y},e.createElement("form",{onSubmit:I},e.createElement(ye.T,{navigationAction:e.createElement(y.rU,{startIcon:e.createElement(_e.Z,null),to:D,id:"go-back"},a({id:"global.back",defaultMessage:"Back"})),primaryAction:e.createElement(ie.z,{size:"S",startIcon:e.createElement(Ae.Z,null),disabled:ze()(O,C),type:"submit"},a({id:"global.save",defaultMessage:"Save"})),subtitle:a({id:(0,f.OB)("components.SettingsViewWrapper.pluginHeader.description.list-settings"),defaultMessage:"Define the settings of the list view."}),title:a({id:(0,f.OB)("components.SettingsViewWrapper.pluginHeader.title"),defaultMessage:"Configure the view - {name}"},{name:Zt()(O.info.displayName)})}),e.createElement(We.D,null,e.createElement(N.x,{background:"neutral0",hasRadius:!0,shadow:"tableShadow",paddingTop:6,paddingBottom:6,paddingLeft:7,paddingRight:7},e.createElement(lm,{modifiedData:O,onChange:v,sortOptions:B}),e.createElement(N.x,{paddingTop:6,paddingBottom:6},e.createElement(yt.i,null)),e.createElement(ym,{listRemainingFields:k,displayedFields:Z,onAddField:L,onClickEditField:W,onMoveField:P,onRemoveField:$,metadatas:O.metadatas}))),e.createElement(y.QH,{bodyText:{id:(0,f.OB)("popUpWarning.warning.updateAllSettings"),defaultMessage:"This will modify all your settings"},iconRightButton:e.createElement(Ae.Z,null),isConfirmButtonLoading:Y,isOpen:u,onToggleDialog:g,onConfirm:M,variantRightButton:"success-light"})),R&&e.createElement(im,{attributes:T,fieldForm:E,fieldToEdit:b,onChangeEditLabel:J,onCloseModal:X,onSubmit:w,type:F()(T,[b,"type"],"text")})))};da.propTypes={layout:n().shape({uid:n().string.isRequired,settings:n().shape({bulkable:n().bool,defaultSortBy:n().string,defaultSortOrder:n().string,filterable:n().bool,pageSize:n().number,searchable:n().bool}).isRequired,metadatas:n().object.isRequired,options:n().object.isRequired,attributes:n().objectOf(n().shape({type:n().string})).isRequired}).isRequired,slug:n().string.isRequired};var Cm=(0,e.memo)(da),Dt=i(37617);const Rm=()=>({type:Dt.ZA}),Mm=(t,o)=>({type:Dt.Id,pagination:t,data:o}),Tm=()=>({type:Dt.MP});function Dm(){return{type:Dt.c2}}const Om=({components:t,contentType:o})=>{const{layouts:r}=o;return{contentType:o,components:t,displayedHeaders:r.list,type:Dt.Zz}},Zo=t=>({type:Dt.Rp,target:t});var xo=i(94638),ua=i(99223),ma=i(6680);const pa=({displayedFilters:t})=>{const[o,r]=(0,e.useState)(!1),{formatMessage:a}=(0,Q.Z)(),s=(0,e.useRef)(),{trackUsage:c}=(0,y.rS)(),l=()=>{o||c("willFilterEntries"),r(d=>!d)};return e.createElement(e.Fragment,null,e.createElement(N.x,{paddingTop:1,paddingBottom:1},e.createElement(ie.z,{variant:"tertiary",ref:s,startIcon:e.createElement(Ko.Z,null),onClick:l,size:"S"},a({id:"app.utils.filters",defaultMessage:"Filters"})),o&&e.createElement(y.J5,{displayedFilters:t,isVisible:o,onToggle:l,source:s})),e.createElement(y.W$,{filtersSchema:t}))};pa.propTypes={displayedFilters:n().arrayOf(n().shape({name:n().string.isRequired,metadatas:n().shape({label:n().string}),fieldSchema:n().shape({type:n().string})})).isRequired};var Im=pa;const Pm=["json","component","media","richtext","dynamiczone","password"],Zm=["createdAt","updatedAt"];var xm=(t,o)=>{const{allPermissions:r}=(0,y.vn)(),a=(0,y.ZT)(r,[{action:"plugin::content-manager.explorer.read",subject:o}]),s=F()(a,["0","properties","fields"],[]);return Object.keys(F()(t,["attributes"]),{}).filter(d=>{const u=F()(t,["attributes",d],{});return!(!u.type||Pm.includes(u.type)||!s.includes(d)&&d!=="id"&&!Zm.includes(d))}).sort()};const ga=({contentType:t,slug:o,metadatas:r})=>{const{formatMessage:a}=(0,Q.Z)(),c=xm(t,o).map(l=>{const d=t.attributes[l],{type:u,enum:m}=d,g={name:"didFilterEntries",properties:{useRelation:u==="relation"}},{mainField:h,label:p}=r[l].list;return{name:l,metadatas:{label:a({id:p,defaultMessage:p})},fieldSchema:{type:u,options:m,mainField:h},trackedEvent:g}});return e.createElement(Im,{displayedFilters:c})};ga.propTypes={contentType:n().object.isRequired,metadatas:n().object.isRequired,slug:n().string.isRequired};var Fm=ga,Sm=i(70664);const fa=()=>t=>t["content-manager_listView"]||Sm.E,km=()=>(0,Co.P1)(fa(),t=>t),ha=t=>{const{displayedHeaders:o}=t["content-manager_listView"];return o};var Lm=km;const ya=({area:t,...o})=>{const r=Er(t);return r?e.createElement("ul",null,r.map(a=>a.Component(o)?e.createElement(N.x,{key:a.name,padding:3,style:{textAlign:"center"}},e.createElement(a.Component,{...o})):null)):null};ya.propTypes={area:n().string.isRequired};var tn=ya;const nn=({onToggleDialog:t,isOpen:o,dialogBody:r,endAction:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(Xt.V,{onClose:t,title:s({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(Jt.a,{icon:e.createElement(wt.Z,null)},e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:2},r)),e.createElement(_t.c,{startAction:e.createElement(ie.z,{onClick:t,variant:"tertiary"},s({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:a}))};nn.propTypes={isOpen:n().bool.isRequired,onToggleDialog:n().func.isRequired,dialogBody:n().node.isRequired,endAction:n().node.isRequired};const Fo={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired},Ea=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(nn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(G.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,f.OB)("popUpWarning.bodyMessage.contentType.publish.all"),defaultMessage:"Are you sure you want to publish these entries?"})),e.createElement(tn,{area:"contentManager.listView.publishModalAdditionalInfos"})),endAction:e.createElement(ie.z,{onClick:a,variant:"secondary",startIcon:e.createElement(Ae.Z,null),loading:r},s({id:"app.utils.publish",defaultMessage:"Publish"}))})};Ea.propTypes=Fo;const ba=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(nn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(G.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,f.OB)("popUpWarning.bodyMessage.contentType.unpublish.all"),defaultMessage:"Are you sure you want to unpublish these entries?"})),e.createElement(tn,{area:"contentManager.listView.unpublishModalAdditionalInfos"})),endAction:e.createElement(ie.z,{onClick:a,variant:"secondary",startIcon:e.createElement(Ae.Z,null),loading:r},s({id:"app.utils.unpublish",defaultMessage:"Unpublish"}))})};ba.propTypes=Fo;const va=({isOpen:t,onToggleDialog:o,isConfirmButtonLoading:r,onConfirm:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(nn,{isOpen:t,onToggleDialog:o,dialogBody:e.createElement(e.Fragment,null,e.createElement(G.Z,{id:"confirm-description",textAlign:"center"},s({id:(0,f.OB)("popUpWarning.bodyMessage.contentType.delete.all"),defaultMessage:"Are you sure you want to delete these entries?"})),e.createElement(tn,{area:"contentManager.listView.deleteModalAdditionalInfos"})),endAction:e.createElement(ie.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(tt.Z,null),id:"confirm-delete",loading:r},s({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))})};va.propTypes=Fo;const So=({showPublish:t,showDelete:o,onConfirmDeleteAll:r,onConfirmPublishAll:a,onConfirmUnpublishAll:s,selectedEntries:c,clearSelectedEntries:l})=>{const{formatMessage:d}=(0,Q.Z)(),{trackUsage:u}=(0,y.rS)(),{data:m}=(0,fe.v9)(fa()),[g,h]=(0,e.useState)(!1),[p,b]=(0,e.useState)(null),E=m.filter($=>c.includes($.id)),C=t&&E.some($=>!$.publishedAt),O=t&&E.some($=>$.publishedAt),R=()=>{p==="delete"?b(null):(b("delete"),u("willBulkDeleteEntries"))},T=()=>{p==="publish"?b(null):(b("publish"),u("willBulkPublishEntries"))},Z=()=>{p==="unpublish"?b(null):(b("unpublish"),u("willBulkUnpublishEntries"))},D=async($,I)=>{try{h(!0),await $(c),h(!1),I(),l()}catch{h(!1),I()}},v=()=>D(r,R),M=()=>D(a,T),L=()=>D(s,Z);return e.createElement(e.Fragment,null,C&&e.createElement(e.Fragment,null,e.createElement(ie.z,{variant:"tertiary",onClick:T},d({id:"app.utils.publish",defaultMessage:"Publish"})),e.createElement(Ea,{isOpen:p==="publish",onToggleDialog:T,isConfirmButtonLoading:g,onConfirm:M})),O&&e.createElement(e.Fragment,null,e.createElement(ie.z,{variant:"tertiary",onClick:Z},d({id:"app.utils.unpublish",defaultMessage:"Unpublish"})),e.createElement(ba,{isOpen:p==="unpublish",onToggleDialog:Z,isConfirmButtonLoading:g,onConfirm:L})),o&&e.createElement(e.Fragment,null,e.createElement(ie.z,{variant:"danger-light",onClick:R},d({id:"global.delete",defaultMessage:"Delete"})),e.createElement(va,{isOpen:p==="delete",onToggleDialog:R,isConfirmButtonLoading:g,onConfirm:v})))};So.defaultProps={showPublish:!1,showDelete:!1,onConfirmDeleteAll(){},onConfirmPublishAll(){},onConfirmUnpublishAll(){}},So.propTypes={showPublish:n().bool,showDelete:n().bool,onConfirmDeleteAll:n().func,onConfirmPublishAll:n().func,onConfirmUnpublishAll:n().func,selectedEntries:n().array.isRequired,clearSelectedEntries:n().func.isRequired};var Am=So;function Ca({isPublished:t}){const{formatMessage:o}=(0,Q.Z)(),r=t?"success":"secondary";return e.createElement(qn.q,{showBullet:!1,variant:r,size:"S",width:"min-content"},e.createElement(G.Z,{fontWeight:"bold",textColor:`${r}700`},o({id:(0,f.OB)(`containers.List.${t?"published":"draft"}`),defaultMessage:t?"Published":"Draft"})))}Ca.propTypes={isPublished:n().bool.isRequired};const Ra=({isConfirmButtonLoading:t,isOpen:o,onToggleDialog:r,onConfirm:a})=>{const{formatMessage:s}=(0,Q.Z)();return e.createElement(Xt.V,{onClose:r,title:s({id:"app.components.ConfirmDialog.title",defaultMessage:"Confirmation"}),labelledBy:"confirmation",describedBy:"confirm-description",isOpen:o},e.createElement(Jt.a,{icon:e.createElement(wt.Z,null)},e.createElement(x.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(x.k,{justifyContent:"center"},e.createElement(G.Z,{id:"confirm-description"},s({id:"components.popUpWarning.message",defaultMessage:"Are you sure you want to delete this?"}))),e.createElement(x.k,null,e.createElement(tn,{area:"contentManager.listView.deleteModalAdditionalInfos"})))),e.createElement(_t.c,{startAction:e.createElement(ie.z,{onClick:r,variant:"tertiary"},s({id:"app.components.Button.cancel",defaultMessage:"Cancel"})),endAction:e.createElement(ie.z,{onClick:a,variant:"danger-light",startIcon:e.createElement(tt.Z,null),id:"confirm-delete",loading:t},s({id:"app.components.Button.confirm",defaultMessage:"Confirm"}))}))};Ra.propTypes={isConfirmButtonLoading:n().bool.isRequired,isOpen:n().bool.isRequired,onConfirm:n().func.isRequired,onToggleDialog:n().func.isRequired};var wm=Ra,$m=i(35658),Bm=i(94547),ko=i(19786),Nm=i(82884),jm=i(47765),Wm=i(8997),zm=i(96315);const Ma=({type:t,value:o})=>{const{formatDate:r,formatTime:a,formatNumber:s}=(0,Q.Z)();let c=o;if(t==="date"&&(c=r((0,zm.Z)(o),{dateStyle:"full"})),t==="datetime"&&(c=r(o,{dateStyle:"full",timeStyle:"short"})),t==="time"){const[l,d,u]=o.split(":"),m=new Date;m.setHours(l),m.setMinutes(d),m.setSeconds(u),c=a(m,{numeric:"auto",style:"short"})}return["float","decimal"].includes(t)&&(c=s(o,{maximumFractionDigits:20})),["integer","biginteger"].includes(t)&&(c=s(o,{maximumFractionDigits:0})),Gr()(c)};Ma.propTypes={type:n().string.isRequired,value:n().any.isRequired};var Ot=Ma,Um=i(69033);const qm=(0,U.ZP)(x.k)`
|
|
1049
|
+
position: relative;
|
|
1050
|
+
border-radius: 50%;
|
|
1051
|
+
width: 26px;
|
|
1052
|
+
height: 26px;
|
|
1053
|
+
border: 1px solid ${({theme:t})=>t.colors.neutral200};
|
|
1054
|
+
background: ${({theme:t})=>t.colors.neutral150};
|
|
1055
|
+
padding-left: 1px;
|
|
1056
|
+
|
|
1057
|
+
span {
|
|
1058
|
+
line-height: 0.6rem;
|
|
1059
|
+
font-size: 0.6rem;
|
|
1060
|
+
}
|
|
1061
|
+
`,Ta=({children:t,...o})=>e.createElement(qm,{justifyContent:"center",alignItems:"center",as:"span",...o},e.createElement(G.Z,{variant:"sigma",textColor:"neutral600"},t));Ta.propTypes={children:n().string.isRequired};var Da=Ta;const Lo=({url:t,mime:o,alternativeText:r,name:a,ext:s,formats:c})=>{const l=(0,y.CR)(t);if(o.includes("image")){const m=c?.thumbnail?.url||null,g=(0,y.CR)(m)||l;return e.createElement(Um.q,{src:g,alt:r||a,preview:!0})}const d=(0,y.mD)(s),u=a.length>100?`${a.substring(0,100)}...`:a;return e.createElement(qt.u,{description:u},e.createElement(Da,null,d))};Lo.defaultProps={alternativeText:null,formats:null},Lo.propTypes={alternativeText:n().string,ext:n().string.isRequired,formats:n().object,mime:n().string.isRequired,name:n().string.isRequired,url:n().string.isRequired};var Oa=Lo,Vm=i(25898);const Ia=({value:t})=>e.createElement(Vm.H,null,t.map((o,r)=>{const a=`${o.id}${r}`;if(r===3){const s=`+${t.length-3}`;return e.createElement(Da,{key:a,preview:!1},s)}return r>3?null:e.createElement(Oa,{key:a,...o})}));Ia.propTypes={value:n().arrayOf(n().shape({alternativeText:n().string,ext:n().string.isRequired,formats:n().object,mime:n().string.isRequired,name:n().string.isRequired,url:n().string.isRequired})).isRequired};var Hm=Ia,Pa=i(6518),Gm=i(23866);const Qm=(0,U.ZP)(G.Z)`
|
|
1062
|
+
max-width: 500px;
|
|
1063
|
+
`,Km=async(t,o,r)=>{const{data:{results:a,pagination:s}}=await r(t);return o(),{results:a,pagination:s}},Za=({fieldSchema:t,metadatas:o,name:r,entityId:a,value:s,contentType:c})=>{const{formatMessage:l}=(0,Q.Z)(),{notifyStatus:d}=(0,xo.G)(),u=(0,e.useMemo)(()=>(0,f.IF)(`relations/${c.uid}/${a}/${r.split(".")[0]}`),[a,r,c]),[m,g]=(0,e.useState)(!1),{get:h}=(0,y.kY)(),p=e.createElement(x.k,{gap:1,wrap:"nowrap"},e.createElement(Pa.C,null,s.count),l({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:s.count})),b=()=>{const O=l({id:(0,f.OB)("DynamicTable.relation-loaded"),defaultMessage:"Relations have been loaded"});d(O)},{data:E,status:C}=(0,et.useQuery)([t.targetModel,a],()=>Km(u,b,h),{enabled:m,staleTime:0,select:O=>({...O,results:[...O.results].reverse()})});return e.createElement(N.x,{...y.UW},e.createElement(Xe.O,{label:p,size:"S",onOpen:()=>g(!0),onClose:()=>g(!1)},C!=="success"&&e.createElement(Xe.s,{"aria-disabled":!0},e.createElement(Gm.a,{small:!0},l({id:(0,f.OB)("DynamicTable.relation-loading"),defaultMessage:"Relations are loading"}))),C==="success"&&e.createElement(e.Fragment,null,E?.results.map(O=>e.createElement(Xe.s,{key:O.id,"aria-disabled":!0},e.createElement(Qm,{ellipsis:!0},e.createElement(Ot,{type:o.mainField.schema.type,value:O[o.mainField.name]||O.id})))),E?.pagination.total>10&&e.createElement(Xe.s,{"aria-disabled":!0,"aria-label":l({id:(0,f.OB)("DynamicTable.relation-more"),defaultMessage:"This relation contains more entities than displayed"})},e.createElement(G.Z,null,"\u2026")))))};Za.propTypes={contentType:n().shape({uid:n().string.isRequired}).isRequired,fieldSchema:n().shape({relation:n().string,targetModel:n().string,type:n().string.isRequired}).isRequired,metadatas:n().shape({mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired})}).isRequired,name:n().string.isRequired,entityId:n().oneOfType([n().string,n().number]).isRequired,value:n().object.isRequired};var Ym=Za;const Xm=(0,U.ZP)(G.Z)`
|
|
1064
|
+
max-width: 500px;
|
|
1065
|
+
`,xa=({metadatas:t,value:o})=>e.createElement(Xm,{textColor:"neutral800",ellipsis:!0},e.createElement(Ot,{type:t.mainField.schema.type,value:o[t.mainField.name]??o.id}));xa.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string.isRequired,schema:n().shape({type:n().string.isRequired}).isRequired})}).isRequired,value:n().object.isRequired};var Jm=xa;const _m=(0,U.ZP)(G.Z)`
|
|
1066
|
+
max-width: 500px;
|
|
1067
|
+
`,Fa=({value:t,metadatas:o})=>{const{formatMessage:r}=(0,Q.Z)(),{mainField:{type:a,name:s}}=o,c=e.createElement(e.Fragment,null,e.createElement(Pa.C,null,t.length)," ",r({id:"content-manager.containers.ListPage.items",defaultMessage:"{number, plural, =0 {items} one {item} other {items}}"},{number:t.length}));return e.createElement(N.x,{...y.UW},e.createElement(Xe.O,{label:c,size:"S"},t.map(l=>e.createElement(Xe.s,{key:l.id,"aria-disabled":!0},e.createElement(_m,{ellipsis:!0},e.createElement(Ot,{type:a,value:l[s]||l.id}))))))};Fa.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().array.isRequired};var ep=Fa;const tp=(0,U.ZP)(G.Z)`
|
|
1068
|
+
max-width: 250px;
|
|
1069
|
+
`,Sa=({value:t,metadatas:o})=>{const{mainField:r}=o,a=t[r.name];return e.createElement(qt.u,{label:a},e.createElement(tp,{textColor:"neutral800",ellipsis:!0},e.createElement(Ot,{type:r.type,value:a})))};Sa.propTypes={metadatas:n().shape({mainField:n().shape({name:n().string,type:n().string,value:n().string})}).isRequired,value:n().object.isRequired};var np=Sa,op=i(80022),ka=i.n(op),La=i(82293);function Aa(t){return["oneToOne","manyToOne","oneToOneMorph"].includes(t)}function rp(t,o,r,a){if(t==="component"){const{mainField:{name:s,type:c}}=r;if(a?.repeatable)return o.length>0;const l=o?.[s];return s==="id"&&![void 0,null].includes(l)?!0:(0,La.Z)(c)&&c!=="biginteger"&&s!=="id"?ka()(l):!Ue()(l)}return t==="relation"?Aa(a.relation)?!Ue()(o):o?.count>0:(0,La.Z)(t)&&t!=="biginteger"?ka()(o):t==="boolean"?o!==null:!Ue()(o)}const wa=(0,U.ZP)(G.Z)`
|
|
1070
|
+
max-width: 300px;
|
|
1071
|
+
`,Ao=({content:t,fieldSchema:o,metadatas:r,name:a,rowId:s,contentType:c})=>{const{type:l}=o;if(!rp(l,t,r,o))return e.createElement(G.Z,{textColor:"neutral800"},"-");switch(l){case"media":return o.multiple?e.createElement(Hm,{value:t}):e.createElement(Oa,{...t});case"relation":return Aa(o.relation)?e.createElement(Jm,{metadatas:r,value:t}):e.createElement(Ym,{fieldSchema:o,metadatas:r,value:t,name:a,entityId:s,contentType:c});case"component":return o.repeatable===!0?e.createElement(ep,{value:t,metadatas:r}):e.createElement(np,{value:t,metadatas:r});case"string":return e.createElement(qt.u,{description:t},e.createElement(wa,{ellipsis:!0,textColor:"neutral800"},e.createElement(Ot,{type:l,value:t})));default:return e.createElement(wa,{ellipsis:!0,textColor:"neutral800"},e.createElement(Ot,{type:l,value:t}))}};Ao.defaultProps={content:void 0},Ao.propTypes={content:n().any,contentType:n().shape({uid:n().string.isRequired}).isRequired,fieldSchema:n().shape({component:n().string,multiple:n().bool,type:n().string.isRequired,repeatable:n().bool,relation:n().string}).isRequired,metadatas:n().object.isRequired,name:n().string.isRequired,rowId:n().oneOfType([n().string,n().number]).isRequired};var ap=Ao;const wo=({canCreate:t,canDelete:o,contentType:r,headers:a,entriesToDelete:s,onClickDelete:c,onSelectRow:l,withMainAction:d,withBulkActions:u,rows:m})=>{const{push:g,location:{pathname:h}}=(0,ae.k6)(),{formatMessage:p}=(0,Q.Z)(),{trackUsage:b}=(0,y.rS)(),E=(0,be.fi)();return e.createElement($m.p,null,m.map((C,O)=>{const R=s.findIndex(Z=>Z===C.id)!==-1,T=p({id:"content-manager.components.DynamicTable.row-line",defaultMessage:"item line {number}"},{number:O});return e.createElement(Bm.Tr,{key:C.id,...(0,y.X7)({fn(){b("willEditEntryFromList"),g({pathname:`${h}/${C.id}`,state:{from:h},search:E})},condition:u})},d&&e.createElement(ko.Td,{...y.UW},e.createElement(Nm.C,{"aria-label":p({id:"app.component.table.select.one-entry",defaultMessage:"Select {target}"},{target:(0,Wm.Pp)(C.firstname,C.lastname)}),checked:R,onChange:()=>{l({name:C.id,value:!R})}})),a.map(({key:Z,cellFormatter:D,name:v,...M})=>e.createElement(ko.Td,{key:Z},typeof D=="function"?D(C,{key:Z,name:v,...M}):e.createElement(ap,{content:C[v.split(".")[0]],name:v,contentType:r,...M,rowId:C.id}))),u&&e.createElement(ko.Td,null,e.createElement(x.k,{justifyContent:"end",...y.UW},e.createElement(Me.h,{forwardedAs:Ct.rU,onClick:()=>{b("willEditEntryFromButton")},to:{pathname:`${h}/${C.id}`,state:{from:h},search:E},label:p({id:"app.component.table.edit",defaultMessage:"Edit {target}"},{target:T}),noBorder:!0,icon:e.createElement(dt.Z,null)}),t&&e.createElement(N.x,{paddingLeft:1},e.createElement(Me.h,{forwardedAs:Ct.rU,to:{pathname:`${h}/create/clone/${C.id}`,state:{from:h},search:E},label:p({id:"app.component.table.duplicate",defaultMessage:"Duplicate {target}"},{target:T}),noBorder:!0,icon:e.createElement(jm.Z,null)})),o&&e.createElement(N.x,{paddingLeft:1},e.createElement(Me.h,{onClick:()=>{b("willDeleteEntryFromList"),c(C.id)},label:p({id:"global.delete-target",defaultMessage:"Delete {target}"},{target:T}),noBorder:!0,icon:e.createElement(tt.Z,null)})))))}))};wo.defaultProps={canCreate:!1,canDelete:!1,entriesToDelete:[],onClickDelete(){},onSelectRow(){},rows:[],withBulkActions:!1,withMainAction:!1},wo.propTypes={canCreate:n().bool,canDelete:n().bool,contentType:n().shape({uid:n().string.isRequired}).isRequired,entriesToDelete:n().array,headers:n().array.isRequired,onClickDelete:n().func,onSelectRow:n().func,rows:n().array,withBulkActions:n().bool,withMainAction:n().bool};var sp=wo;const ip=(()=>window&&window.strapi&&window.strapi.isEE?i(57047).Z:i(42814).Z)(),$o=t=>{let{canCreate:o,canDelete:r,canPublish:a,contentTypeName:s,action:c,isBulkable:l,isLoading:d,onConfirmDelete:u,onConfirmDeleteAll:m,onConfirmPublishAll:g,onConfirmUnpublishAll:h,layout:p,rows:b}=t;const{runHookWaterfall:E}=(0,y.j1)(),C=p.contentType.options?.draftAndPublish??!1,{formatMessage:O}=(0,Q.Z)(),R=(0,fe.v9)(ha),T=(0,e.useMemo)(()=>{const D=E(Wt.No,{displayedHeaders:R,layout:p}).displayedHeaders.map(M=>{const{fieldSchema:L,metadatas:$,name:I}=M;return{...M,metadatas:{...$,label:O({id:(0,f.OB)(`containers.ListPage.table-headers.${I}`),defaultMessage:$.label})},name:L.type==="relation"?`${I}.${$.mainField.name}`:I}});C&&D.push({key:"__published_at_temp_key__",name:"publishedAt",fieldSchema:{type:"custom"},metadatas:{label:O({id:(0,f.OB)("containers.ListPage.table-headers.publishedAt"),defaultMessage:"publishedAt"}),searchable:!1,sortable:!0},cellFormatter(M){let{publishedAt:L}=M;return e.createElement(Ca,{isPublished:!!L})}});const v=ip(p);return v&&D.push(v),D},[E,R,p,C,O]);return e.createElement(y.tM,{components:{ConfirmDialogDelete:wm},contentType:s,action:c,isLoading:d,headers:T,onConfirmDelete:u,onOpenDeleteAllModalTrackedEvent:"willBulkDeleteEntries",rows:b,withBulkActions:!0,withMainAction:(r||a)&&l,renderBulkActionsBar:Z=>{let{selectedEntries:D,clearSelectedEntries:v}=Z;return e.createElement(Am,{showPublish:a&&C,showDelete:r,onConfirmDeleteAll:m,onConfirmPublishAll:g,onConfirmUnpublishAll:h,selectedEntries:D,clearSelectedEntries:v})}},e.createElement(sp,{canCreate:o,canDelete:r,contentType:p.contentType,headers:T,rows:b,withBulkActions:!0,withMainAction:r&&l}))};$o.defaultProps={action:void 0},$o.propTypes={canCreate:n().bool.isRequired,canDelete:n().bool.isRequired,canPublish:n().bool.isRequired,contentTypeName:n().string.isRequired,action:n().node,isBulkable:n().bool.isRequired,isLoading:n().bool.isRequired,layout:n().exact({components:n().object.isRequired,contentType:n().shape({attributes:n().object.isRequired,metadatas:n().object.isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired}).isRequired}).isRequired,onConfirmDelete:n().func.isRequired,onConfirmDeleteAll:n().func.isRequired,onConfirmPublishAll:n().func.isRequired,onConfirmUnpublishAll:n().func.isRequired,rows:n().array.isRequired};var lp=$o,cp=t=>Object.keys(t).reduce((r,a)=>{const s=t[a];return(0,f.ko)(s)&&r.push(a),r},[]).sort();const $a=({layout:t})=>{const o=(0,fe.I0)(),r=(0,fe.v9)(ha),{trackUsage:a}=(0,y.rS)(),{formatMessage:s}=(0,Q.Z)(),c=cp(t.contentType.attributes).map(u=>{const m=t.contentType.metadatas[u].list;return{name:u,intlLabel:{id:m.label,defaultMessage:m.label}}}),l=r.map(({name:u})=>u),d=u=>{if(a("didChangeDisplayedFields"),u.length<l.length){const m=l.filter(g=>u.indexOf(g)===-1);o(Zo({name:m[0],value:!0}))}else{const m=u.filter(g=>l.indexOf(g)===-1);o(Zo({name:m[0],value:!1}))}};return e.createElement(N.x,{paddingTop:1,paddingBottom:1},e.createElement(Fe.P,{"aria-label":"change displayed fields",value:l,onChange:d,customizeContent:u=>s({id:(0,Ee.Z)("select.currently.selected"),defaultMessage:"{count} currently selected"},{count:u.length}),multi:!0,size:"S"},c.map(u=>e.createElement(ve.W,{key:u.name,value:u.name},s({id:u.intlLabel.id||u.name,defaultMessage:u.intlLabel.defaultMessage||u.name})))))};$a.propTypes={layout:n().shape({contentType:n().shape({attributes:n().object.isRequired,metadatas:n().object.isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired}).isRequired}).isRequired};var dp=(0,e.memo)($a);const Bo=({pagination:t})=>e.createElement(N.x,{paddingTop:4},e.createElement(x.k,{alignItems:"flex-end",justifyContent:"space-between"},e.createElement(y.v4,{trackedEvent:"willChangeNumberOfEntriesPerPage"}),e.createElement(y.tU,{pagination:t})));Bo.defaultProps={pagination:{pageCount:0,pageSize:10,total:0}},Bo.propTypes={pagination:n().shape({page:n().number,pageCount:n().number,pageSize:n().number,total:n().number})};var up=Bo;const mp=Re.Z.contentManager,pp=(0,U.ZP)(N.x)`
|
|
1072
|
+
svg {
|
|
1073
|
+
path {
|
|
1074
|
+
fill: ${({theme:t})=>t.colors.neutral900};
|
|
1075
|
+
}
|
|
1076
|
+
}
|
|
1077
|
+
`;function Ba({canCreate:t,canDelete:o,canRead:r,canPublish:a,data:s,getData:c,getDataSucceeded:l,isLoading:d,layout:u,pagination:m,slug:g}){const{total:h}=m,{contentType:p}=u,{metadatas:b,settings:{bulkable:E,filterable:C,searchable:O}}=p,R=(0,y.lm)(),{trackUsage:T}=(0,y.rS)(),{refetchPermissions:Z}=(0,y.vn)(),D=(0,e.useRef)(T),v=(0,e.useRef)(Z),{notifyStatus:M}=(0,xo.G)(),{formatAPIError:L}=(0,y.So)(f.OB);(0,y.go)();const[{query:$}]=(0,y.Kx)(),I=Xr($),W=(0,Yt.stringify)({plugins:$.plugins},{encode:!1}),{pathname:X}=(0,ae.TH)(),{push:w}=(0,ae.k6)(),{formatMessage:K}=(0,Q.Z)(),Y=p.options?.draftAndPublish??!1,J=(0,y.kY)(),{post:k,del:B}=J,P=(0,et.useMutation)(le=>k(`/content-manager/collection-types/${p.uid}/actions/bulkPublish`,le),{onSuccess(){R({type:"success",message:{id:"content-manager.success.record.publish",defaultMessage:"Published"}}),V(`/content-manager/collection-types/${g}${I}`)},onError(le){R({type:"warning",message:L(le)})}}),S=(0,et.useMutation)(le=>k(`/content-manager/collection-types/${p.uid}/actions/bulkUnpublish`,le),{onSuccess(){R({type:"success",message:{id:"content-manager.success.record.unpublish",defaultMessage:"Unpublished"}}),V(`/content-manager/collection-types/${g}${I}`)},onError(le){R({type:"warning",message:L(le)})}}),z=(0,e.useRef)(""),V=(0,e.useCallback)(async(le,ue)=>{c();try{const Pe=ue?{cancelToken:ue.token}:null,{data:{results:Ze,pagination:Se}}=await J.get(le,Pe);M(K({id:(0,f.OB)("utils.data-loaded"),defaultMessage:"{number, plural, =1 {# entry has} other {# entries have}} successfully been loaded"},{number:Se.count})),l(Se,Ze)}catch(Pe){if(Je.default.isCancel(Pe))return;if((Pe?.response?.status??null)===403){await v.current(),R({type:"info",message:{id:(0,f.OB)("permissions.not-allowed.update")}}),w("/");return}R({type:"warning",message:{id:(0,f.OB)("error.model.fetch")}})}},[K,c,l,M,w,R,J]),A=(0,e.useCallback)(async le=>{try{await k((0,f.IF)(`collection-types/${g}/actions/bulkDelete`),{ids:le});const ue=(0,f.IF)(`collection-types/${g}${I}`);V(ue),D.current("didBulkDeleteEntries")}catch(ue){R({type:"warning",message:L(ue)})}},[V,I,g,R,L,k]),j=(0,e.useCallback)(async le=>{try{await B((0,f.IF)(`collection-types/${g}/${le}`));const ue=(0,f.IF)(`collection-types/${g}${I}`);V(ue),R({type:"success",message:{id:(0,f.OB)("success.record.delete")}})}catch(ue){R({type:"warning",message:L(ue)})}},[g,I,V,R,L,B]),re=async le=>{const ue={validIds:[],errors:{}},Pe=(0,f.Ex)(p,{components:u.components},{isDraft:!1}),Se=s.filter(Te=>le.includes(Te.id)).map(Te=>Pe.validate(Te,{abortEarly:!1}));return(await Promise.allSettled(Se)).forEach(Te=>{if(Te.status==="rejected"){const ee=Te.reason.value.id;ue.errors[ee]=(0,y.CJ)(Te.reason)}Te.status==="fulfilled"&&ue.validIds.push(Te.value.id)}),ue},ne=async le=>{const ue=await re(le);if(Object.values(ue.errors).length)throw R({type:"warning",title:{id:"content-manager.listView.validation.errors.title",defaultMessage:"Action required"},message:{id:"content-manager.listView.validation.errors.message",defaultMessage:"Please make sure all fields are valid before publishing (required field, min/max character limit, etc.)"}}),new Error("Validation error");return P.mutateAsync({ids:le})},de=le=>S.mutateAsync({ids:le});(0,e.useEffect)(()=>{const ue=Je.default.CancelToken.source(),Pe=r,Ze=(0,f.IF)(`collection-types/${g}${I}`);return Pe&&Ze.includes(z.current)&&V(Ze,ue),()=>{z.current=g,ue.cancel("Operation canceled by the user.")}},[r,c,g,I,l,V]);const H=K({id:(0,f.OB)("header.name"),defaultMessage:"Content"}),q=K({id:p.info.displayName,defaultMessage:p.info.displayName||H}),me=r?K({id:(0,f.OB)("pages.ListView.header-subtitle"),defaultMessage:"{number, plural, =0 {# entries} one {# entry} other {# entries}} found"},{number:h}):null,Ce=le=>t?e.createElement(ie.z,{...le,forwardedAs:Ct.rU,onClick:()=>{const ue=Y?{status:"draft"}:{};D.current("willCreateEntry",ue)},to:{pathname:`${X}/create`,search:$.plugins?W:""},startIcon:e.createElement(vt.Z,null),style:{textDecoration:"none"}},K({id:(0,f.OB)("HeaderLayout.button.label-add-entry"),defaultMessage:"Create new entry"})):null;return e.createElement(pe.o,{"aria-busy":d},e.createElement(ye.T,{primaryAction:Ce(),subtitle:me,title:q,navigationAction:e.createElement(y.rU,{startIcon:e.createElement(_e.Z,null),to:"/content-manager/"},K({id:"global.back",defaultMessage:"Back"}))}),!r&&e.createElement(ua.Z,{endActions:e.createElement(zt,{area:"contentManager.listView.actions"})}),r&&e.createElement(ua.Z,{endActions:e.createElement(e.Fragment,null,e.createElement(zt,{area:"contentManager.listView.actions"}),e.createElement(dp,{layout:u}),e.createElement(y.jW,{permissions:mp.collectionTypesConfigurations},e.createElement(pp,{paddingTop:1,paddingBottom:1},e.createElement(Me.h,{onClick:()=>{T("willEditListLayout")},forwardedAs:Ct.rU,to:{pathname:`${g}/configurations/list`,search:W},icon:e.createElement(sn.Z,null),label:K({id:"app.links.configure-view",defaultMessage:"Configure the view"})})))),startActions:e.createElement(e.Fragment,null,O&&e.createElement(y.m,{label:K({id:"app.component.search.label",defaultMessage:"Search for {target}"},{target:q}),placeholder:K({id:"global.search",defaultMessage:"Search"}),trackedEvent:"didSearch"}),C&&e.createElement(Fm,{contentType:p,slug:g,metadatas:b}))}),e.createElement(We.D,null,r?e.createElement(e.Fragment,null,e.createElement(lp,{canCreate:t,canDelete:o,canPublish:a,contentTypeName:q,onConfirmDelete:j,onConfirmDeleteAll:A,onConfirmPublishAll:ne,onConfirmUnpublishAll:de,isBulkable:E,isLoading:d,layout:u,rows:s,action:Ce({variant:"secondary"})}),e.createElement(up,{pagination:{pageCount:m?.pageCount||1}})):e.createElement(y.ZF,null)))}Ba.propTypes={canCreate:n().bool.isRequired,canDelete:n().bool.isRequired,canRead:n().bool.isRequired,canPublish:n().bool.isRequired,data:n().array.isRequired,layout:n().exact({components:n().object.isRequired,contentType:n().shape({uid:n().string.isRequired,attributes:n().object.isRequired,metadatas:n().object.isRequired,info:n().shape({displayName:n().string.isRequired}).isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired}).isRequired}).isRequired,isLoading:n().bool.isRequired,getData:n().func.isRequired,getDataSucceeded:n().func.isRequired,pagination:n().shape({total:n().number.isRequired,pageCount:n().number}).isRequired,slug:n().string.isRequired};const gp=Lm();function fp(t){return(0,ma.bindActionCreators)({getData:Rm,getDataSucceeded:Mm,onChangeListHeaders:Zo,onResetListHeaders:Tm},t)}const hp=(0,fe.$j)(gp,fp);var yp=(0,ma.compose)(hp)((0,e.memo)(Ba,ze()));const No=t=>{const o=(0,e.useMemo)(()=>(0,f.TA)(t.slug),[t.slug]),{isLoading:r,allowedActions:a}=(0,y.ss)(o,t.permissions);return r?e.createElement(y.dO,null):e.createElement(yp,{...t,...a})};No.defaultProps={permissions:[]},No.propTypes={permissions:n().array,slug:n().string.isRequired};var Ep=(0,e.memo)(No,(t,o)=>{const r=(0,y.e5)(t,o);return Object.keys(r).filter(s=>s!=="state").length>0});const Na=({layout:t,...o})=>{const r=(0,fe.I0)(),{replace:a}=(0,ae.k6)(),[{query:s,rawQuery:c}]=(0,y.Kx)(),l=(0,be.r5)(s,o.slug,"listView"),d=(0,be.Ky)(o.slug);return(0,e.useEffect)(()=>{c||a(d)},[c,a,d]),(0,e.useEffect)(()=>{r(Om(t))},[r,t]),(0,e.useEffect)(()=>()=>{r(Dm())},[r]),l?e.createElement(Ep,{...o,layout:t,permissions:l}):null};Na.propTypes={layout:n().exact({components:n().object.isRequired,contentType:n().shape({attributes:n().object.isRequired,metadatas:n().object.isRequired,layouts:n().shape({list:n().array.isRequired}).isRequired,options:n().object.isRequired,settings:n().object.isRequired,pluginOptions:n().object}).isRequired}).isRequired,slug:n().string.isRequired};var bp=Na,vp=()=>e.createElement(N.x,{padding:8},e.createElement(y.Hn,null));const ja=Re.Z.contentManager,Wa=({match:{params:{slug:t},url:o}})=>{const{isLoading:r,layout:a,updateLayout:s}=(0,be.zE)(t),{rawContentTypeLayout:c,rawComponentsLayouts:l}=(0,e.useMemo)(()=>{let g={},h={};return a.contentType&&(g=(0,f.du)(a.contentType)),a.components&&(h=Object.keys(a.components).reduce((p,b)=>(p[b]=(0,f.du)(a.components[b]),p),{})),{rawContentTypeLayout:g,rawComponentsLayouts:h}},[a]);if((a?.contentType?.uid??null)!==t||r)return e.createElement(y.dO,null);const u=({location:{state:g},history:{goBack:h},match:{params:{id:p,origin:b}}},E)=>e.createElement(E,{slug:t,layout:a,state:g,goBack:h,id:p,origin:b}),m=[{path:"create/clone/:origin",comp:en},{path:"create",comp:en},{path:":id",comp:en},{path:"",comp:bp}].map(({path:g,comp:h})=>e.createElement(ae.AW,{key:g,path:`${o}/${g}`,render:p=>u(p,h)}));return e.createElement(lt.ErrorBoundary,{FallbackComponent:vp},e.createElement(Ve.Provider,{value:a},e.createElement(ae.rs,null,e.createElement(ae.AW,{path:`${o}/configurations/list`},e.createElement(y.O4,{permissions:ja.collectionTypesConfigurations},e.createElement(Cm,{layout:c,slug:t,updateLayout:s}))),e.createElement(ae.AW,{path:`${o}/configurations/edit`},e.createElement(y.O4,{permissions:ja.collectionTypesConfigurations},e.createElement(Dn,{components:l,isContentTypeView:!0,mainLayout:c,slug:t,updateLayout:s}))),m)))};Wa.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var Cp=(0,e.memo)(Wa),za=i(57678);const Rp=Re.Z.contentManager,Mp=()=>{const[{isLoading:t,data:o},r]=(0,e.useReducer)(za.Z,za.q),a=(0,e.useMemo)(bt.Vo,[]),{schemas:s}=(0,fe.v9)(d=>a(d),fe.wU),{uid:c}=(0,ae.UO)(),{get:l}=(0,y.kY)();return(0,e.useEffect)(()=>{const u=Je.default.CancelToken.source();return(async g=>{try{r(Ut());const{data:{data:h}}=await l(`/content-manager/components/${c}/configuration`,{cancelToken:g.token});r(On((0,f.w8)(h,s,"component")))}catch(h){if(Je.default.isCancel(h))return;console.error(h)}})(u),()=>{u.cancel("Operation canceled by the user.")}},[c,s,l]),t?e.createElement(y.dO,null):e.createElement(y.O4,{permissions:Rp.componentsConfigurations},e.createElement(Dn,{components:o.components,mainLayout:o.component,slug:c}))};var Tp=(0,e.memo)(Mp),Dp=i(9695),Op=i(54725),Ip=()=>{const{formatMessage:t}=(0,Q.Z)();return(0,y.go)(),e.createElement(pe.o,null,e.createElement(ye.T,{title:t({id:(0,f.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(We.D,null,e.createElement(Dp.x,{action:e.createElement(y.Qj,{variant:"secondary",startIcon:e.createElement(vt.Z,null),to:"/plugins/content-type-builder/content-types/create-content-type"},t({id:"app.components.HomePage.create",defaultMessage:"Create your first Content-type"})),content:t({id:"content-manager.pages.NoContentType.text",defaultMessage:"You don't have any content yet, we recommend you to create your first Content-Type."}),hasRadius:!0,icon:e.createElement(Op.Z,{width:"10rem"}),shadow:"tableShadow"})))},Pp=()=>{const{formatMessage:t}=(0,Q.Z)();return(0,y.go)(),e.createElement(pe.o,null,e.createElement(ye.T,{title:t({id:(0,f.OB)("header.name"),defaultMessage:"Content"})}),e.createElement(We.D,null,e.createElement(y.ZF,null)))};const Zp=Re.Z.contentManager,Ua=({match:{params:{slug:t},url:o}})=>{const{isLoading:r,layout:a,updateLayout:s}=(0,be.zE)(t),{rawContentTypeLayout:c,rawComponentsLayouts:l}=(0,e.useMemo)(()=>{let d={},u={};return a.contentType&&(u=(0,f.du)(a.contentType)),a.components&&(d=Object.keys(a.components).reduce((m,g)=>(m[g]=(0,f.du)(a.components[g]),m),{})),{rawContentTypeLayout:u,rawComponentsLayouts:d}},[a]);return r?e.createElement(y.dO,null):e.createElement(Ve.Provider,{value:a},e.createElement(ae.rs,null,e.createElement(ae.AW,{path:`${o}/configurations/edit`},e.createElement(y.O4,{permissions:Zp.singleTypesConfigurations},e.createElement(Dn,{components:l,isContentTypeView:!0,mainLayout:c,slug:t,updateLayout:s}))),e.createElement(ae.AW,{path:o,render:({location:{state:d},history:{goBack:u}})=>e.createElement(en,{layout:a,slug:t,isSingleType:!0,state:d,goBack:u})})))};Ua.propTypes={match:n().shape({url:n().string.isRequired,params:n().shape({slug:n().string.isRequired}).isRequired}).isRequired};var xp=(0,e.memo)(Ua),Fp=i(16899);const Sp=(0,U.ZP)(x.k)`
|
|
1078
|
+
border-radius: 50%;
|
|
1079
|
+
|
|
1080
|
+
svg {
|
|
1081
|
+
height: ${6/16}rem;
|
|
1082
|
+
width: ${11/16}rem;
|
|
1083
|
+
> path {
|
|
1084
|
+
fill: ${({theme:t})=>t.colors.neutral600};
|
|
1085
|
+
}
|
|
1086
|
+
}
|
|
1087
|
+
`,kp=U.ZP.button`
|
|
1088
|
+
border: none;
|
|
1089
|
+
background: transparent;
|
|
1090
|
+
display: block;
|
|
1091
|
+
width: 100%;
|
|
1092
|
+
text-align: unset;
|
|
1093
|
+
padding: 0;
|
|
1094
|
+
`;function qa({displayedValue:t}){return e.createElement(x.k,{background:"neutral0",borderColor:"neutral200",justifyContent:"space-between",gap:3,padding:3,width:(0,y.Q1)(300)},e.createElement(kp,{type:"button"},e.createElement(x.k,{gap:6},e.createElement(Sp,{alignItems:"center",justifyContent:"center",background:"neutral200",height:(0,y.Q1)(32),width:(0,y.Q1)(32)},e.createElement(Fp.Z,null)),e.createElement(x.k,{maxWidth:(0,y.Q1)(150)},e.createElement(G.Z,{textColor:"neutral700",ellipsis:!0},t)))),e.createElement(x.k,{gap:2},e.createElement(Me.h,{noBorder:!0},e.createElement(tt.Z,null)),e.createElement(Me.h,{noBorder:!0},e.createElement(at.Z,null))))}qa.propTypes={displayedValue:n().string.isRequired};const Va=({status:t,displayedValue:o,width:r})=>{const{formatMessage:a}=(0,Q.Z)(),s={[pt.DRAFT]:a({id:(0,f.OB)("relation.publicationState.draft"),defaultMessage:"Draft"}),[pt.PUBLISHED]:a({id:(0,f.OB)("relation.publicationState.published"),defaultMessage:"Published"})},c=t===pt.DRAFT?"secondary":"success";return e.createElement(N.x,{style:{width:r}},e.createElement(x.k,{paddingTop:2,paddingBottom:2,paddingLeft:2,paddingRight:4,hasRadius:!0,borderSize:1,background:"neutral0",borderColor:"neutral200",justifyContent:"space-between"},e.createElement(Sr,{gap:1},e.createElement(Me.h,{noBorder:!0},e.createElement(at.Z,null)),e.createElement(kr,{maxWidth:"100%",justifyContent:"space-between"},e.createElement(N.x,{minWidth:0,paddingTop:1,paddingBottom:1,paddingRight:4},e.createElement(Lr,null,e.createElement(G.Z,{textColor:"primary600",ellipsis:!0},o))),t&&e.createElement(qn.q,{variant:c,showBullet:!1,size:"S"},e.createElement(G.Z,{fontWeight:"bold",textColor:`${c}700`},s[t])))),e.createElement(N.x,{paddingLeft:4},e.createElement(Ar,{type:"button"},e.createElement(ln.J,{width:"12px",as:Vt.Z})))))};Va.propTypes={status:n().string.isRequired,displayedValue:n().string.isRequired,width:n().number.isRequired};var Lp=i(90700),Ap=i(78090),wp=i(77013),$p=i(79318),Bp=i(66618),Np=()=>{const[t,o]=(0,e.useState)(""),{formatMessage:r,locale:a}=(0,Q.Z)(),s=(0,e.useMemo)(bt.KQ,[]),{collectionTypeLinks:c,singleTypeLinks:l}=(0,fe.v9)(s,fe.wU),{startsWith:d}=(0,y.L0)(a,{sensitivity:"base"}),u=(0,y.Xe)(a,{sensitivity:"base"}),m=(0,e.useMemo)(()=>[{id:"collectionTypes",title:{id:(0,Ee.Z)("components.LeftMenu.collection-types"),defaultMessage:"Collection Types"},searchable:!0,links:c},{id:"singleTypes",title:{id:(0,Ee.Z)("components.LeftMenu.single-types"),defaultMessage:"Single Types"},searchable:!0,links:l}].map(b=>({...b,links:b.links.filter(E=>d(E.title,t)).sort((E,C)=>u.compare(E.title,C.title)).map(E=>({...E,title:r({id:E.title,defaultMessage:E.title})}))})),[c,t,l,d,r,u]),g=()=>{o("")},h=({target:{value:b}})=>{o(b)},p=r({id:(0,Ee.Z)("header.name"),defaultMessage:"Content"});return e.createElement(Lp.m,{ariaLabel:p},e.createElement(Ap.p,{label:p,searchable:!0,value:t,onChange:h,onClear:g,searchLabel:r({id:"content-manager.components.LeftMenu.Search.label",defaultMessage:"Search for a content type"})}),e.createElement(wp.Z,null,m.map(b=>{const E=r({id:b.title.id,defaultMessage:b.title.defaultMessage},b.title.values);return e.createElement($p.D,{key:b.id,label:E,badgeLabel:b.links.length.toString()},b.links.map(C=>{const O=C.search?`?${C.search}`:"";return e.createElement(Bp.E,{as:Ct.OL,key:C.uid,to:`${C.to}${O}`},C.title)}))})))},jo=i(92886);const jp=()=>({type:jo.fn}),Wp=()=>({type:jo.sZ}),zp=({authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,contentTypeSchemas:r,components:a,fieldSizes:s})=>({type:jo.IX,data:{authorizedCollectionTypeLinks:t,authorizedSingleTypeLinks:o,components:a,contentTypeSchemas:r,fieldSizes:s}});var Ha=(t,o)=>o.map(({permissions:r})=>(0,y.qX)(t,r)),Up=i(81346),qp=i.n(Up);const Ga=(t,o,r=[])=>t.filter(a=>a.isDisplayed).map(a=>{const s=[{action:"plugin::content-manager.explorer.create",subject:a.uid},{action:"plugin::content-manager.explorer.read",subject:a.uid}],c=[{action:"plugin::content-manager.explorer.read",subject:a.uid}],l=o==="collectionTypes"?s:c,d=r.find(({uid:m})=>m===a.uid);let u=null;if(d){const m={page:1,pageSize:d.settings.pageSize,sort:`${d.settings.defaultSortBy}:${d.settings.defaultSortOrder}`};u=(0,Yt.stringify)(m,{encode:!1})}return{permissions:l,search:u,kind:a.kind,title:a.info.displayName,to:`/content-manager/${a.kind}/${a.uid}`,uid:a.uid,name:a.uid,isDisplayed:a.isDisplayed}});var Vp=(t,o)=>{const r=Object.entries(qp()(t,"kind")).map(([c,l])=>({name:c,links:l})),[a,s]=Ke()(r,"name");return{collectionTypeSectionLinks:Ga(a?.links||[],"collectionTypes",o),singleTypeSectionLinks:Ga(s?.links??[],"singleTypes")}},Hp=async({models:t,userPermissions:o,toggleNotification:r})=>{const{get:a}=(0,y.tg)();try{const{data:{data:s}}=await a((0,f.IF)("content-types-settings")),{collectionTypeSectionLinks:c,singleTypeSectionLinks:l}=Vp(t,s),d=await Promise.all(Ha(o,c)),u=c.filter((h,p)=>d[p]),m=await Promise.all(Ha(o,l)),g=l.filter((h,p)=>m[p]);return{authorizedCollectionTypeLinks:u,authorizedSingleTypeLinks:g}}catch(s){return console.error(s),r({type:"warning",message:{id:"notification.error"}}),{authorizedCollectionTypeLinks:[],authorizedSingleTypeLinks:[]}}},Gp=()=>{const t=(0,fe.I0)(),o=(0,y.lm)(),r=(0,fe.v9)((0,bt.Yg)()),a=(0,e.useRef)(),{allPermissions:s}=(0,y.vn)(),{runHookWaterfall:c}=(0,y.j1)(),d=Je.default.CancelToken.source(),{notifyStatus:u}=(0,xo.G)(),{formatMessage:m}=(0,Q.Z)(),{get:g}=(0,y.kY)(),h=async()=>{t(jp());try{const{data:{data:{components:p,contentTypes:b,fieldSizes:E}}}=await g("/content-manager/init",{cancelToken:d.token});u(m({id:(0,f.OB)("App.schemas.data-loaded"),defaultMessage:"The schemas have been successfully loaded."}));const C=await Hp({models:b,userPermissions:s,toggleNotification:o}),{ctLinks:O}=c(Wt.LK,{ctLinks:C.authorizedCollectionTypeLinks,models:b}),{stLinks:R}=c(Wt.dV,{stLinks:C.authorizedSingleTypeLinks,models:b}),T=zp({authorizedCollectionTypeLinks:O,authorizedSingleTypeLinks:R,contentTypeSchemas:b,components:p,fieldSizes:E});t(T)}catch(p){if(Je.default.isCancel(p))return;console.error(p),o({type:"warning",message:{id:"notification.error"}})}};return a.current=h,(0,e.useEffect)(()=>(a.current(),()=>{d.cancel("Operation canceled by the user."),t(Wp())}),[t,o]),{...r,refetchData:a.current}};const Qp=Re.Z.contentManager;function Kp({type:t,item:o}){if([xe.Z.EDIT_FIELD,xe.Z.FIELD].includes(t))return e.createElement($t,{labelField:o.labelField});const[r]=t.split("_");switch(r){case xe.Z.COMPONENT:case xe.Z.DYNAMIC_ZONE:return e.createElement(qa,{displayedValue:o.displayedValue});case xe.Z.RELATION:return e.createElement(Va,{displayedValue:o.displayedValue,status:o.status,width:o.width});default:return null}}const Qa=()=>{const t=(0,ae.$B)("/content-manager/:kind/:uid"),{status:o,collectionTypeLinks:r,singleTypeLinks:a,models:s,refetchData:c}=Gp(),l=Ke()([...r,...a],p=>p.title.toLowerCase()),{pathname:d}=(0,ae.TH)(),{formatMessage:u}=(0,Q.Z)(),{startSection:m}=(0,y.c1)(),g=(0,e.useRef)(m);if((0,e.useEffect)(()=>{g.current&&g.current("contentManager")},[]),o==="loading")return e.createElement(pe.o,{"aria-busy":"true"},e.createElement(ye.T,{title:u({id:(0,Ee.Z)("header.name"),defaultMessage:"Content"})}),e.createElement(y.dO,null));const h=s.filter(({isDisplayed:p})=>p);return l.length===0&&h.length>0&&d!=="/content-manager/403"?e.createElement(ae.l_,{to:"/content-manager/403"}):h.length===0&&d!=="/content-manager/no-content-types"?e.createElement(ae.l_,{to:"/content-manager/no-content-types"}):!t&&l.length>0?e.createElement(ae.l_,{to:`${l[0].to}${l[0].search?`?${l[0].search}`:""}`}):e.createElement(Le.A,{sideNav:e.createElement(Np,null)},e.createElement(je.r,{renderItem:Kp}),e.createElement(qe.Provider,{value:{refetchData:c}},e.createElement(ae.rs,null,e.createElement(ae.AW,{path:"/content-manager/components/:uid/configurations/edit"},e.createElement(y.O4,{permissions:Qp.componentsConfigurations},e.createElement(Tp,null))),e.createElement(ae.AW,{path:"/content-manager/collectionType/:slug",component:Cp}),e.createElement(ae.AW,{path:"/content-manager/singleType/:slug",component:xp}),e.createElement(ae.AW,{path:"/content-manager/403"},e.createElement(Pp,null)),e.createElement(ae.AW,{path:"/content-manager/no-content-types"},e.createElement(Ip,null)),e.createElement(ae.AW,{path:"",component:y.Hn}))))};function Yp(){const{formatMessage:t}=(0,Q.Z)();return e.createElement(e.Fragment,null,e.createElement(Ne.q,{title:t({id:(0,Ee.Z)("plugin.name"),defaultMessage:"Content Manager"})}),e.createElement(Qa,null))}},92914:function(ht,ke,i){"use strict";i.d(ke,{Z:function(){return be}});var e=i(32735),pe=i(87933),ye=i(49372),Le=i(72850),y=i(9026),Be=i(69262),Ke=i(60216),Ne=i.n(Ke),Q=i(67879),ae=i(8997),je=i(51375);const Re=60*1e3,ot=Re*60,qe=ot*24,Ee=qe*30,xe=qe*365;var n=f=>f<Re?{unit:"second",value:-Math.round(f/1e3)}:f<ot?{unit:"minute",value:-Math.round(f/Re)}:f<qe?{unit:"hour",value:-Math.round(f/ot)}:f<Ee?{unit:"day",value:-Math.round(f/qe)}:f<xe?{unit:"month",value:-Math.round(f/Ee)}:{unit:"year",value:-Math.round(f/xe)};const lt=()=>{const{formatMessage:f}=(0,Q.Z)();return e.createElement(pe.k,{direction:"column",alignItems:"stretch",gap:2},e.createElement(ye.Z,{variant:"sigma",textColor:"neutral600",id:"additional-information"},f({id:(0,je.OB)("containers.Edit.information"),defaultMessage:"Information"})),e.createElement(Le.x,null,e.createElement(y.i,null)))},Ye=({label:f,value:ie})=>e.createElement(pe.k,{justifyContent:"space-between"},e.createElement(ye.Z,{as:"dt",fontWeight:"bold",textColor:"neutral800",variant:"pi"},f),e.createElement(ye.Z,{as:"dd",variant:"pi",textColor:"neutral600"},ie));Ye.propTypes={label:Ne().string.isRequired,value:Ne().string.isRequired};const Ve=()=>{const{formatMessage:f,formatRelativeTime:ie}=(0,Q.Z)(),{initialData:We,isCreatingEntry:N}=(0,Be.Wq)(),x=(0,e.useRef)(Date.now()),G=(Fe,ve)=>{const{firstname:yt,lastname:_e,username:Ae}=We[ve]??{},He=yt??"",Oe=_e??"",rt=Ae??(0,ae.Pp)(He,Oe),Et=(We[Fe]?new Date(We[Fe]).getTime():Date.now())-x.current,{unit:F,value:on}=n(-Et);return{at:ie(on,F,{numeric:"auto"}),by:N?"-":rt}},Ie=G("updatedAt","updatedBy"),ge=G("createdAt","createdBy");return e.createElement(pe.k,{direction:"column",alignItems:"stretch",gap:4},e.createElement(pe.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(Ye,{label:f({id:(0,je.OB)("containers.Edit.information.created"),defaultMessage:"Created"}),value:ge.at}),e.createElement(Ye,{label:f({id:(0,je.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:ge.by})),e.createElement(pe.k,{direction:"column",alignItems:"stretch",gap:2,as:"dl"},e.createElement(Ye,{label:f({id:(0,je.OB)("containers.Edit.information.lastUpdate"),defaultMessage:"Last update"}),value:Ie.at}),e.createElement(Ye,{label:f({id:(0,je.OB)("containers.Edit.information.by"),defaultMessage:"By"}),value:Ie.by})))},Pt=({children:f})=>e.createElement(pe.k,{direction:"column",alignItems:"stretch",gap:4},f);Pt.propTypes={children:Ne().oneOfType([Ne().arrayOf(Ne().node),Ne().node]).isRequired};var be={Root:Pt,Title:lt,Body:Ve}},73710:function(ht,ke,i){"use strict";i.d(ke,{Z:function(){return Le}});var e=i(32735),pe=i(92914);function ye(){return e.createElement(pe.Z.Root,null,e.createElement(pe.Z.Title,null),e.createElement(pe.Z.Body,null))}var Le=ye},75536:function(ht,ke,i){"use strict";var e=i(32735);const pe=(ye,Le)=>{const[y,Be]=(0,e.useState)(ye);return(0,e.useEffect)(()=>{const Ke=setTimeout(()=>{Be(ye)},Le);return()=>{clearTimeout(Ke)}},[ye,Le]),y};ke.Z=pe},57047:function(ht,ke,i){"use strict";i.d(ke,{Z:function(){return qe}});var e=i(32735),pe=i(49372),ye=i(67879),Le=i(47510),y=i(61937),Be=i(87933),Ke=i(72850),Ne=i(69262),Q=i(60216),ae=i.n(Q),je=i(54504);function Re({color:Ee,name:xe}){const{themeColorName:De}=(0,je.k)(Ee);return e.createElement(Be.k,{alignItems:"center",gap:2,maxWidth:(0,Ne.Q1)(300)},e.createElement(Ke.x,{height:2,background:Ee,borderColor:De==="neutral0"?"neutral150":"transparent",hasRadius:!0,shrink:0,width:2}),e.createElement(pe.Z,{fontWeight:"regular",textColor:"neutral700",ellipsis:!0},xe))}Re.propTypes={color:ae().string.isRequired,name:ae().string.isRequired};var ot=Re,qe=Ee=>{const{formatMessage:xe}=(0,ye.Z)();return(window.strapi.features.isEnabled(window.strapi.features.REVIEW_WORKFLOWS)&&Ee.contentType.options?.reviewWorkflows)??!1?{key:"__strapi_reviewWorkflows_stage_temp_key__",name:"strapi_reviewWorkflows_stage",fieldSchema:{type:"relation"},metadatas:{label:xe({id:(0,Le.Z)("containers.ListPage.table-headers.reviewWorkflows.stage"),defaultMessage:"Review stage"}),searchable:!1,sortable:!0,mainField:{name:"name",schema:{type:"string"}}},cellFormatter({strapi_reviewWorkflows_stage:n}){if(!n)return e.createElement(pe.Z,{textColor:"neutral800"},"-");const{color:lt,name:Ye}=n;return e.createElement(ot,{color:lt??y.FT,name:Ye})}}:null}},28243:function(ht,ke,i){"use strict";i.d(ke,{Z:function(){return qe}});var e=i(32735),pe=i(77035),ye=i(87933),Le=i(49372),y=i(23866),Be=i(69262),Ke=i(67879),Ne=i(20108),Q=i(92914),ae=i(67350),je=i(54504);const Re="strapi_reviewWorkflows_stage";function ot(){const{initialData:Ee,isCreatingEntry:xe,layout:{uid:De},isSingleType:n,onChange:lt}=(0,Be.Wq)(),{put:Ye}=(0,Be.kY)(),Ve=Ee?.[Re]??null,Pt=Object.prototype.hasOwnProperty.call(Ee,Re),{formatMessage:be}=(0,Ke.Z)(),{formatAPIError:f}=(0,Be.So)(),ie=(0,Be.lm)(),{workflows:We,isLoading:N}=(0,ae.n)(),x=We?.[0]??null,{error:G,isLoading:Ie,mutateAsync:ge}=(0,Ne.useMutation)(async({entityId:He,stageId:Oe,uid:rt})=>{const ct=n?"single-types":"collection-types",{data:{data:Et}}=await Ye(`/admin/content-manager/${ct}/${rt}/${He}/stage`,{data:{id:Oe}});return lt({target:{name:Re,value:Et[Re]}},!0),Et},{onSuccess(){ie({type:"success",message:{id:"content-manager.reviewWorkflows.stage.notification.saved",defaultMessage:"Success: Review stage updated"}})}}),Fe=Ve===null&&!N&&!xe&&be({id:"content-manager.reviewWorkflows.stage.select.placeholder",defaultMessage:"Select a stage"}),yt=G&&f(G)||Fe||null,_e=async({value:He})=>{try{await ge({entityId:Ee.id,stageId:He,uid:De})}catch{}},{themeColorName:Ae}=Ve?.color?(0,je.k)(Ve?.color):{};return e.createElement(Q.Z.Root,null,e.createElement(Q.Z.Title,null),Pt&&!xe&&e.createElement(pe.q4,{error:yt,name:Re,id:Re,value:Ve?.id,onChange:He=>_e({value:He}),label:be({id:"content-manager.reviewWorkflows.stage.label",defaultMessage:"Review stage"}),startIcon:e.createElement(ye.k,{as:"span",height:2,background:Ve?.color,borderColor:Ae==="neutral0"?"neutral150":"transparent",hasRadius:!0,shrink:0,width:2,marginRight:"-3px"}),customizeContent:()=>e.createElement(ye.k,{as:"span",justifyContent:"space-between",alignItems:"center",width:"100%"},e.createElement(Le.Z,{textColor:"neutral800",ellipsis:!0},Ve?.name),Ie?e.createElement(y.a,{small:!0,style:{display:"flex"}}):null)},x?x.stages.map(({id:He,color:Oe,name:rt})=>{const{themeColorName:ct}=(0,je.k)(Oe);return e.createElement(pe.ag,{startIcon:e.createElement(ye.k,{height:2,background:Oe,borderColor:ct==="neutral0"?"neutral150":"transparent",hasRadius:!0,shrink:0,width:2}),value:He,textValue:rt},rt)}):[]),e.createElement(Q.Z.Body,null))}var qe=ot},57544:function(){},59599:function(){},42310:function(){},33842:function(){},85695:function(){}}]);
|