@strapi/admin 5.0.0-beta.0 → 5.0.0-beta.10

package/dist/admin/src/features/Auth.d.ts

@@ -4,17 +4,28 @@ import { useLoginMutation } from '../services/auth';
 import type { Permission as PermissionContract, SanitizedAdminUser } from '../../../shared/contracts/shared';
 interface Permission extends Pick<PermissionContract, 'action' | 'subject'>, Partial<Omit<PermissionContract, 'action' | 'subject'>> {
 }
+interface User extends Pick<SanitizedAdminUser, 'email' | 'firstname' | 'lastname' | 'username' | 'roles'>, Partial<Omit<SanitizedAdminUser, 'email' | 'firstname' | 'lastname' | 'username' | 'roles'>> {
+}
 interface AuthContextValue {
     login: (body: Login.Request['body'] & {
         rememberMe: boolean;
     }) => Promise<Awaited<ReturnType<ReturnType<typeof useLoginMutation>[0]>>>;
     logout: () => Promise<void>;
-    checkUserHasPermissions: (permissions: Permission[], passedPermissions?: Permission[]) => Promise<boolean>;
+    /**
+     * @alpha
+     * @description given a list of permissions, this function checks
+     * those against the current user's permissions or those passed as
+     * the second argument, if the user has those permissions the complete
+     * permission object form the API is returned. Therefore, if the list is
+     * empty, the user does not have any of those permissions.
+     */
+    checkUserHasPermissions: (permissions?: Permission[], passedPermissions?: Permission[]) => Promise<Permission[]>;
+    isLoading: boolean;
     permissions: Permission[];
     refetchPermissions: () => Promise<void>;
     setToken: (token: string | null) => void;
     token: string | null;
-    user?: SanitizedAdminUser;
+    user?: User;
 }
 declare const useAuth: <Selected>(consumerName: string, selector: (value: AuthContextValue) => Selected) => Selected;
 interface AuthProviderProps {
@@ -30,4 +41,4 @@ declare const STORAGE_KEYS: {
 };
 declare const AuthProvider: ({ children, _defaultPermissions }: AuthProviderProps) => import("react/jsx-runtime").JSX.Element;
 export { AuthProvider, useAuth, STORAGE_KEYS };
-export type { AuthContextValue, Permission };
+export type { AuthContextValue, Permission, User };

package/dist/admin/src/features/BackButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { LinkProps } from '@strapi/design-system/v2';
+import { LinkProps } from '@strapi/design-system';
 interface HistoryState {
     /**
      * The history of the user's navigation within our application

package/dist/admin/src/features/StrapiApp.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
+import { RBAC } from '../core/apis/rbac';
 import type { StrapiApp } from '../StrapiApp';
-interface StrapiAppContextValue extends Pick<StrapiApp, 'customFields' | 'menu' | 'getAdminInjectedComponents' | 'getPlugin' | 'plugins' | 'runHookParallel' | 'runHookSeries' | 'settings'> {
+interface StrapiAppContextValue extends Pick<StrapiApp, 'customFields' | 'menu' | 'getPlugin' | 'getAdminInjectedComponents' | 'plugins' | 'runHookParallel' | 'runHookSeries' | 'settings'> {
     components: StrapiApp['library']['components'];
     fields: StrapiApp['library']['fields'];
+    rbac: RBAC;
     runHookWaterfall: <TData>(name: Parameters<StrapiApp['runHookWaterfall']>[0], initialValue: TData) => TData;
 }
 declare const StrapiAppProvider: {

package/dist/admin/src/features/Tracking.d.ts

@@ -24,7 +24,7 @@ declare const TrackingProvider: ({ children }: TrackingProviderProps) => import(
  * event so understanding which properties go with which event is very helpful.
  */
 interface EventWithoutProperties {
-    name: 'changeComponentsOrder' | 'didAccessAuthenticatedAdministration' | 'didAddComponentToDynamicZone' | 'didBulkDeleteEntries' | 'didChangeDisplayedFields' | 'didCheckDraftRelations' | 'didClickGuidedTourHomepageApiTokens' | 'didClickGuidedTourHomepageContentManager' | 'didClickGuidedTourHomepageContentTypeBuilder' | 'didClickGuidedTourStep1CollectionType' | 'didClickGuidedTourStep2ContentManager' | 'didClickGuidedTourStep3ApiTokens' | 'didClickonBlogSection' | 'didClickonCodeExampleSection' | 'didClickonReadTheDocumentationSection' | 'didClickOnTryStrapiCloudSection' | 'didClickonTutorialSection' | 'didCreateGuidedTourCollectionType' | 'didCreateGuidedTourEntry' | 'didCreateNewRole' | 'didCreateRole' | 'didDeleteToken' | 'didDuplicateRole' | 'didEditEditSettings' | 'didEditEmailTemplates' | 'didEditFieldNameOnContentType' | 'didEditListSettings' | 'didEditMediaLibraryConfig' | 'didEditNameOfContentType' | 'didGenerateGuidedTourApiTokens' | 'didGoToMarketplace' | 'didLaunchGuidedtour' | 'didMissMarketplacePlugin' | 'didNotCreateFirstAdmin' | 'didNotSaveComponent' | 'didPluginLearnMore' | 'didPublishEntry' | 'didUnpublishEntry' | 'didSaveComponent' | 'didSaveContentType' | 'didSearch' | 'didSkipGuidedtour' | 'didSubmitPlugin' | 'didSubmitProvider' | 'didUpdateConditions' | 'didSelectAllMediaLibraryElements' | 'didSelectContentTypeFieldSettings' | 'didSelectContentTypeSettings' | 'didEditAuthenticationProvider' | 'hasClickedCTBAddFieldBanner' | 'removeComponentFromDynamicZone' | 'willAddMoreFieldToContentType' | 'willBulkDeleteEntries' | 'willBulkUnpublishEntries' | 'willChangeNumberOfEntriesPerPage' | 'willCheckDraftRelations' | 'willCreateComponent' | 'willCreateComponentFromAttributesModal' | 'willCreateContentType' | 'willCreateFirstAdmin' | 'willCreateNewRole' | 'willCreateRole' | 'willCreateSingleType' | 'willCreateStage' | 'willCreateWorkflow' | 'willDeleteEntryFromList' | 'willDeleteFieldOfContentType' | 'willDuplicateRole' | 'willEditEditLayout' | 'willEditEmailTemplates' | 'willEditEntryFromButton' | 'willEditEntryFromList' | 'willEditFieldOfContentType' | 'willEditMediaLibraryConfig' | 'willEditNameOfContentType' | 'willEditNameOfSingleType' | 'willEditAuthenticationProvider' | 'willEditFieldNameOnContentType' | 'willEditStage' | 'willFilterEntries' | 'willInstallPlugin' | 'willPublishEntry' | 'willUnpublishEntry' | 'willSaveComponent' | 'willSaveContentType' | 'willSaveContentTypeLayout' | 'didEditFieldNameOnContentType' | 'didCreateRelease';
+    name: 'changeComponentsOrder' | 'didAccessAuthenticatedAdministration' | 'didAddComponentToDynamicZone' | 'didBulkDeleteEntries' | 'didNotBulkDeleteEntries' | 'didChangeDisplayedFields' | 'didCheckDraftRelations' | 'didClickGuidedTourHomepageApiTokens' | 'didClickGuidedTourHomepageContentManager' | 'didClickGuidedTourHomepageContentTypeBuilder' | 'didClickGuidedTourStep1CollectionType' | 'didClickGuidedTourStep2ContentManager' | 'didClickGuidedTourStep3ApiTokens' | 'didClickonBlogSection' | 'didClickonCodeExampleSection' | 'didClickonReadTheDocumentationSection' | 'didClickOnTryStrapiCloudSection' | 'didClickonTutorialSection' | 'didCreateGuidedTourCollectionType' | 'didCreateGuidedTourEntry' | 'didCreateNewRole' | 'didCreateRole' | 'didDeleteToken' | 'didDuplicateRole' | 'didEditEditSettings' | 'didEditEmailTemplates' | 'didEditFieldNameOnContentType' | 'didEditListSettings' | 'didEditMediaLibraryConfig' | 'didEditNameOfContentType' | 'didGenerateGuidedTourApiTokens' | 'didGoToMarketplace' | 'didLaunchGuidedtour' | 'didMissMarketplacePlugin' | 'didNotCreateFirstAdmin' | 'didNotSaveComponent' | 'didPluginLearnMore' | 'didPublishEntry' | 'didBulkPublishEntries' | 'didNotBulkPublishEntries' | 'didUnpublishEntry' | 'didBulkUnpublishEntries' | 'didNotBulkUnpublishEntries' | 'didSaveComponent' | 'didSaveContentType' | 'didSearch' | 'didSkipGuidedtour' | 'didSubmitPlugin' | 'didSubmitProvider' | 'didUpdateConditions' | 'didSelectAllMediaLibraryElements' | 'didSelectContentTypeFieldSettings' | 'didSelectContentTypeSettings' | 'didEditAuthenticationProvider' | 'hasClickedCTBAddFieldBanner' | 'removeComponentFromDynamicZone' | 'willAddMoreFieldToContentType' | 'willBulkDeleteEntries' | 'willBulkPublishEntries' | 'willBulkUnpublishEntries' | 'willChangeNumberOfEntriesPerPage' | 'willCheckDraftRelations' | 'willCreateComponent' | 'willCreateComponentFromAttributesModal' | 'willCreateContentType' | 'willCreateFirstAdmin' | 'willCreateNewRole' | 'willCreateRole' | 'willCreateSingleType' | 'willCreateStage' | 'willCreateWorkflow' | 'willDeleteEntryFromList' | 'willDeleteFieldOfContentType' | 'willDuplicateRole' | 'willEditEditLayout' | 'willEditEmailTemplates' | 'willEditEntryFromButton' | 'willEditEntryFromList' | 'willEditFieldOfContentType' | 'willEditMediaLibraryConfig' | 'willEditNameOfContentType' | 'willEditNameOfSingleType' | 'willEditAuthenticationProvider' | 'willEditFieldNameOnContentType' | 'willEditStage' | 'willFilterEntries' | 'willInstallPlugin' | 'willPublishEntry' | 'willUnpublishEntry' | 'willSaveComponent' | 'willSaveContentType' | 'willSaveContentTypeLayout' | 'didEditFieldNameOnContentType' | 'didCreateRelease';
     properties?: never;
 }
 interface DidFilterMediaLibraryElementsEvent {

package/dist/admin/src/hooks/useAPIErrorHandler.d.ts

@@ -1,5 +1,5 @@
-import { AxiosError } from 'axios';
 import { IntlFormatters } from 'react-intl';
+import { FetchError } from '../utils/getFetchClient';
 import { NormalizeErrorOptions } from '../utils/normalizeAPIError';
 import type { errors } from '@strapi/utils';
 type ApiError = errors.ApplicationError | errors.ForbiddenError | errors.NotFoundError | errors.NotImplementedError | errors.PaginationError | errors.PayloadTooLargeError | errors.PolicyError | errors.RateLimitError | errors.UnauthorizedError | errors.ValidationError | errors.YupValidationError;
@@ -89,9 +89,7 @@ export declare function useAPIErrorHandler(intlMessagePrefixCallback?: FormatAPI
      * This handles the errors given from `redux-toolkit`'s axios based baseQuery function.
      */
     _unstableFormatAPIError: (error: BaseQueryError) => string;
-    formatAPIError: (error: AxiosError<{
-        error: ApiError;
-    }, any>) => string;
+    formatAPIError: (error: FetchError) => string;
 };
 type FormatAPIErrorOptions = Partial<Pick<NormalizeErrorOptions, 'intlMessagePrefixCallback'>> & Pick<IntlFormatters, 'formatMessage'>;
 export type { ApiError };

package/dist/admin/src/hooks/useAdminRoles.d.ts

@@ -2,13 +2,13 @@ import { GetRolesParams, useGetRolesQuery } from '../services/users';
 import type { FindRoles } from '../../../shared/contracts/roles';
 export type AdminRole = FindRoles.Response['data'][number];
 export declare const useAdminRoles: (params?: GetRolesParams, queryOptions?: Parameters<typeof useGetRolesQuery>[1]) => {
-    roles: (import("../../../shared/contracts/shared").SanitizedAdminRole & {
+    roles: (import("..").SanitizedAdminRole & {
         usersCount?: number | undefined;
     })[];
     error: any;
     isError: any;
     isLoading: any;
-    refetch: () => import("@reduxjs/toolkit/query").QueryActionCreatorResult<import("@reduxjs/toolkit/query").QueryDefinition<void | GetRolesParams, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("../utils/baseQuery").QueryArguments, unknown, import("../utils/baseQuery").BaseQueryError>, "ApiToken" | "LicenseLimits" | "Me" | "ProjectSettings" | "ProvidersOptions" | "ReviewWorkflow" | "ReviewWorkflowStage" | "Role" | "RolePermissions" | "TransferToken" | "User" | "Webhook", (import("../../../shared/contracts/shared").SanitizedAdminRole & {
+    refetch: () => import("@reduxjs/toolkit/query").QueryActionCreatorResult<import("@reduxjs/toolkit/query").QueryDefinition<void | GetRolesParams, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("../utils/baseQuery").QueryArguments, unknown, import("../utils/baseQuery").BaseQueryError>, "User" | "LicenseLimits" | "Role" | "RolePermissions", (import("..").SanitizedAdminRole & {
         usersCount?: number | undefined;
     })[], "adminApi">>;
 };

package/dist/admin/src/hooks/useContentTypes.d.ts

@@ -1,6 +1,6 @@
-import { Contracts } from '@strapi/plugin-content-manager/_internal/shared';
+import type { ContentType } from '../../../shared/contracts/content-types';
 export declare function useContentTypes(): {
     isLoading: boolean;
-    collectionTypes: Contracts.ContentTypes.ContentType[];
-    singleTypes: Contracts.ContentTypes.ContentType[];
+    collectionTypes: ContentType[];
+    singleTypes: ContentType[];
 };

package/dist/admin/src/hooks/useFetchClient.d.ts

@@ -1,8 +1,8 @@
 /**
  * @public
- * @description This is an abstraction around the axios instance exposed by a hook. It provides a simple interface to handle API calls
+ * @description This is an abstraction around the native fetch exposed by a hook. It provides a simple interface to handle API calls
  * to the Strapi backend.
- * It handles request cancellations inside the hook with an {@link https://axios-http.com/docs/cancellation} AbortController.
+ * It handles request cancellations inside the hook with an {@link https://developer.mozilla.org/en-US/docs/Web/API/AbortController} AbortController.
  * This is typically triggered when the component is unmounted so all the requests that it is currently making are aborted.
  * The expected URL style includes either a protocol (such as HTTP or HTTPS) or a relative URL. The URLs with domain and path but not protocol are not allowed (ex: `www.example.com`).
  * @example
@@ -31,13 +31,7 @@
  *   );
  * };
  * ```
- * @see {@link https://axios-http.com/docs/instance} axios instance API.
- * @see {@link https://axios-http.com/docs/cancellation} AbortController.
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/AbortController} AbortController.
  */
-declare const useFetchClient: () => {
-    get: <TData = any, R = import("axios").AxiosResponse<TData, any>, TSend = any>(url: string, config?: import("axios").AxiosRequestConfig<TSend> | undefined) => Promise<R>;
-    put: <TData_1 = any, R_1 = import("axios").AxiosResponse<TData_1, any>, TSend_1 = any>(url: string, data?: TSend_1 | undefined, config?: import("axios").AxiosRequestConfig<TSend_1> | undefined) => Promise<R_1>;
-    post: <TData_2 = any, R_2 = import("axios").AxiosResponse<TData_2, any>, TSend_2 = any>(url: string, data?: TSend_2 | undefined, config?: import("axios").AxiosRequestConfig<TSend_2> | undefined) => Promise<R_2>;
-    del: <TData_3 = any, R_3 = import("axios").AxiosResponse<TData_3, any>, TSend_3 = any>(url: string, config?: import("axios").AxiosRequestConfig<TSend_3> | undefined) => Promise<R_3>;
-};
+declare const useFetchClient: () => import("../utils/getFetchClient").FetchClient;
 export { useFetchClient };

package/dist/admin/src/hooks/useFocusInputField.d.ts

@@ -1,7 +1,4 @@
-import { MutableRefObject } from 'react';
-type InputFieldRefs<T extends HTMLElement> = T | {
-    input: MutableRefObject<T>;
-} | null;
+import { Ref } from 'react';
 /**
  * @description Given the name of an input field (this does not need to be the name you pass as a prop to the DOM element),
  * when the query param `field` matches the name the field will be focused & scrolled into the center of the view.
@@ -16,5 +13,5 @@ type InputFieldRefs<T extends HTMLElement> = T | {
  * );
  * ```
  */
-declare const useFocusInputField: <T extends HTMLElement>(name: string) => (node: InputFieldRefs<T>) => void;
+declare const useFocusInputField: <T extends HTMLElement>(name: string) => Ref<T>;
 export { useFocusInputField };

package/dist/admin/src/hooks/useMenu.d.ts

@@ -1,5 +1,5 @@
 import { StrapiAppContextValue } from '../features/StrapiApp';
-type MenuItem = Omit<StrapiAppContextValue['menu'][number], 'Component'>;
+export type MenuItem = Omit<StrapiAppContextValue['menu'][number], 'Component'>;
 export interface Menu {
     generalSectionLinks: MenuItem[];
     pluginsSectionLinks: MenuItem[];

package/dist/admin/src/hooks/useRBAC.d.ts

@@ -1,9 +1,41 @@
 import { Permission } from '../features/Auth';
 type AllowedActions = Record<string, boolean>;
-declare const useRBAC: (permissionsToCheck?: Record<string, Permission[]>, passedPermissions?: Permission[]) => {
+/**
+ * @public
+ * @description This hooks takes an object or array of permissions (the latter preferred) and
+ * runs through them to match against the current user's permissions as well as the RBAC middleware
+ * system checking any conditions that may be present. It returns the filtered permissions as the complete
+ * object from the API and a set of actions that can be performed. An action is derived from the last part
+ * of the permission action e.g. `admin::roles.create` would be `canCreate`. If there's a hyphen in the action
+ * this is removed and capitalised e.g `admin::roles.create-draft` would be `canCreateDraft`.
+ * @example
+ * ```tsx
+ * import { Page, useRBAC } from '@strapi/strapi/admin'
+ *
+ * const MyProtectedPage = () => {
+ *  const { allowedActions, isLoading, error, permissions } = useRBAC([{ action: 'admin::roles.create' }])
+ *
+ *  if(isLoading) {
+ *    return <Page.Loading />
+ *  }
+ *
+ *  if(error){
+ *    return <Page.Error />
+ *  }
+ *
+ *  if(!allowedActions.canCreate) {
+ *    return null
+ *  }
+ *
+ *  return <MyPage permissions={permissions} />
+ * }
+ * ```
+ */
+declare const useRBAC: (permissionsToCheck?: Record<string, Permission[]> | Permission[], passedPermissions?: Permission[]) => {
     allowedActions: AllowedActions;
     isLoading: boolean;
     error?: unknown;
+    permissions: Permission[];
 };
 export { useRBAC };
 export type { AllowedActions };

package/dist/admin/src/hooks/useSettingsMenu.d.ts

@@ -5,7 +5,7 @@ interface SettingsMenuLinkWithPermissions extends SettingsMenuLink {
     hasNotification?: boolean;
 }
 interface StrapiAppSettingsLink extends IStrapiAppSettingLink {
-    lockIcon?: never;
+    licenseOnly?: never;
     hasNotification?: never;
 }
 interface SettingsMenuSection extends Omit<StrapiAppSetting, 'links'> {

package/dist/admin/src/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * DO NOT REMOVE. This export is whats used to render the admin panel at all.
+ * DO NOT REMOVE. This export is what's used to render the admin panel at all.
  * Without it === no admin panel.
  */
 export * from './render';
@@ -8,6 +8,9 @@ export * from './render';
  */
 export { BackButton, type BackButtonProps } from './features/BackButton';
 export * from './components/ConfirmDialog';
+export * from './components/Context';
+export * from './components/DescriptionComponentRenderer';
+export * from './components/Filters';
 export * from './components/Form';
 export * from './components/FormInputs/Renderer';
 export * from './components/PageHelpers';
@@ -27,20 +30,29 @@ export { type Permission, useAuth, type AuthContextValue } from './features/Auth
  * Hooks
  */
 export { useInjectReducer } from './hooks/useInjectReducer';
-export { useLicenseLimits } from '../../ee/admin/src/hooks/useLicenseLimits';
 export { useAPIErrorHandler, type ApiError } from './hooks/useAPIErrorHandler';
 export { useQueryParams } from './hooks/useQueryParams';
 export { useFetchClient } from './hooks/useFetchClient';
+export { useFocusInputField } from './hooks/useFocusInputField';
 export { useRBAC } from './hooks/useRBAC';
+export { useAdminUsers } from './services/users';
 /**
  * Types
  */
+export type { StrapiApp, MenuItem, InjectionZoneComponent } from './StrapiApp';
 export type { Store } from './core/store/configure';
-export type { SanitizedAdminUser } from '../../shared/contracts/shared';
-export type { Context, DescriptionComponent, DescriptionReducer, PanelComponentProps, PanelComponent, PanelDescription, DocumentActionComponent, DocumentActionDescription, DocumentActionProps, HeaderActionComponent, HeaderActionDescription, HeaderActionProps, } from './core/apis/content-manager';
+export type { Plugin, PluginConfig } from './core/apis/Plugin';
+export type { SanitizedAdminUser, AdminUser, SanitizedAdminRole, AdminRole, Entity, } from '../../shared/contracts/shared';
+export type { RBACContext, RBACMiddleware } from './core/apis/rbac';
 /**
  * Utils
  */
 export { translatedErrors } from './utils/translatedErrors';
-export { getFetchClient } from './utils/getFetchClient';
-export * from './content-manager/exports';
+export * from './utils/getFetchClient';
+export * from './utils/baseQuery';
+export * from './services/api';
+export type { CMAdminConfiguration } from './types/adminConfiguration';
+/**
+ * Components
+ */
+export { Layouts, type LayoutProps } from './components/Layouts/Layout';

package/dist/admin/src/layouts/UnauthenticatedLayout.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-export declare const Column: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("@strapi/design-system").FlexProps<"div">, never>;
+import { FlexComponent } from '@strapi/design-system';
+export declare const Column: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<Omit<import("@strapi/design-system/dist/components/Flex/Flex").FlexProps<"div">, "ref"> & React.RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void) | React.RefObject<unknown> | null | undefined;
+}, never>> & Omit<FlexComponent, keyof React.Component<any, {}, any>>;
 interface LayoutContentProps {
     children: React.ReactNode;
 }

package/dist/admin/src/pages/Marketplace/hooks/useMarketplaceData.d.ts

@@ -77,8 +77,8 @@ interface MarketplaceResponse<TData extends Plugin | Provider> {
 declare function useMarketplaceData({ npmPackageType, debouncedSearch, query, tabQuery, }: UseMarketplaceDataParams): {
     pluginsResponse: MarketplaceResponse<Plugin> | null | undefined;
     providersResponse: MarketplaceResponse<Provider> | undefined;
-    pluginsStatus: "success" | "error" | "loading" | "idle";
-    providersStatus: "success" | "error" | "loading" | "idle";
+    pluginsStatus: "error" | "success" | "loading" | "idle";
+    providersStatus: "error" | "success" | "loading" | "idle";
     possibleCollections: {};
     possibleCategories: {};
     pagination: {

package/dist/admin/src/pages/Settings/components/Tokens/FormHead.d.ts

@@ -1,7 +1,7 @@
 import { MessageDescriptor } from 'react-intl';
-import type { Entity } from '@strapi/types';
+import type { Data } from '@strapi/types';
 interface Token {
-    id: Entity.ID;
+    id: Data.ID;
     name: string;
 }
 interface FormHeadProps<TToken extends Token | null> {

package/dist/admin/src/pages/Settings/components/Tokens/Table.d.ts

@@ -1,9 +1,9 @@
 import { ApiToken } from '../../../../../../shared/contracts/api-token';
 import { SanitizedTransferToken } from '../../../../../../shared/contracts/transfer';
 import { Table as TableImpl } from '../../../../components/Table';
-import type { Entity } from '@strapi/types';
+import type { Data } from '@strapi/types';
 interface TableProps extends Pick<TableImpl.Props<SanitizedTransferToken | ApiToken>, 'headers' | 'isLoading'> {
-    onConfirmDelete: (id: Entity.ID) => void;
+    onConfirmDelete: (id: Data.ID) => void;
     permissions: {
         canRead: boolean;
         canDelete: boolean;

package/dist/admin/src/pages/Settings/pages/ApiTokens/EditView/components/CollapsableContentType.d.ts

@@ -0,0 +1,9 @@
+import { ContentApiPermission } from '../../../../../../../../shared/contracts/content-api/permissions';
+interface CollapsableContentTypeProps {
+    controllers?: ContentApiPermission['controllers'];
+    label: ContentApiPermission['label'];
+    orderNumber?: number;
+    disabled?: boolean;
+}
+export declare const CollapsableContentType: ({ controllers, label, orderNumber, disabled, }: CollapsableContentTypeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/admin/src/pages/Settings/pages/Roles/components/CollapseLabel.d.ts

@@ -1,52 +1,8 @@
 /// <reference types="react" />
-declare const CollapseLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import("styled-components").CSSProperties, "transform" | "display" | "pointerEvents" | "position" | "zIndex" | "overflow" | "cursor" | "transition" | "animation" | "textAlign" | "textTransform"> & {
-    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
-    background?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"colors", "background">;
-    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-    borderColor?: keyof import("@strapi/design-system/themes/colors.js").Colors | undefined;
-    color?: keyof import("@strapi/design-system/themes/colors.js").Colors | undefined;
-    flex?: import("csstype").Property.Flex<string | number> | undefined;
-    fontSize?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
-    grow?: import("csstype").Property.FlexGrow | undefined;
-    hasRadius?: boolean | undefined;
-    hiddenS?: boolean | undefined;
-    hiddenXS?: boolean | undefined;
-    padding?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"padding">;
-    paddingBottom?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"paddingBottom">;
-    paddingLeft?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"paddingLeft">;
-    paddingRight?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"paddingRight">;
-    paddingTop?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"paddingTop">;
-    marginLeft?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"marginLeft">;
-    marginBottom?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"marginBottom">;
-    marginRight?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"marginRight">;
-    marginTop?: import("@strapi/design-system/helpers/handleResponsiveValues.js").ResponsiveValue<"marginTop">;
-    shadow?: keyof import("@strapi/design-system/themes/colors.js").Shadows | undefined;
-    shrink?: import("csstype").Property.FlexShrink | undefined;
-    lineHeight?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
-    width?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "width">;
-    minWidth?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "minWidth">;
-    maxWidth?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
-    height?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "height">;
-    minHeight?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "minHeight">;
-    maxHeight?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
-    top?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "top">;
-    left?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "left">;
-    bottom?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "bottom">;
-    right?: import("@strapi/design-system/types.js").DefaultThemeOrCSSProp<"spaces", "right">;
-    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-    borderStyle?: import("csstype").Property.BorderStyle | undefined;
-    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-    children?: import("react").ReactNode;
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
-} & {
-    alignItems?: import("csstype").Property.AlignItems | undefined;
-    direction?: import("csstype").Property.FlexDirection | undefined;
-    gap?: any;
-    inline?: boolean | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
-    wrap?: import("csstype").Property.FlexWrap | undefined;
-} & {
-    isCollapsable: boolean;
-}, never>;
+import { FlexComponent } from '@strapi/design-system';
+declare const CollapseLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("@strapi/design-system/dist/components/Flex/Flex").FlexProps<"div">, "ref"> & import("react").RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
+}, {
+    $isCollapsable: boolean;
+}>> & Omit<FlexComponent, keyof import("react").Component<any, {}, any>>;
 export { CollapseLabel };

package/dist/admin/src/pages/Settings/pages/Roles/components/CollapsePropertyMatrix.d.ts

@@ -30,6 +30,6 @@ interface SubActionRowProps {
 /**
  * @internal
  */
-declare const activeStyle: (theme: DefaultTheme) => import("styled-components").FlattenSimpleInterpolation;
+declare const activeStyle: (theme: DefaultTheme) => import("styled-components").RuleSet<object>;
 export { activeStyle as _internalActiveStyle };
 export { CollapsePropertyMatrix };

package/dist/admin/src/pages/Settings/pages/Roles/components/ConditionsButton.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { ButtonProps } from '@strapi/design-system';
 interface ConditionsButtonProps extends Pick<ButtonProps, 'className' | 'onClick' | 'variant'> {
     hasConditions?: boolean;
@@ -7,6 +8,8 @@ interface ConditionsButtonProps extends Pick<ButtonProps, 'className' | 'onClick
  * and as such we need it to have a className already assigned.
  * Therefore we wrapped the implementation in a styled function.
  */
-declare const ConditionsButton: import("styled-components").StyledComponent<({ onClick, className, hasConditions, variant, }: ConditionsButtonProps) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+declare const ConditionsButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<ConditionsButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & Omit<React.ForwardRefExoticComponent<ConditionsButtonProps & React.RefAttributes<HTMLButtonElement>>, keyof React.Component<any, {}, any>>;
 export { ConditionsButton };
 export type { ConditionsButtonProps };

package/dist/admin/src/pages/Settings/pages/Roles/components/ConditionsModal.d.ts

@@ -1,4 +1,3 @@
-import { ModalLayoutProps } from '@strapi/design-system';
 import { PermissionsDataManagerContextValue } from '../hooks/usePermissionsDataManager';
 import type { HiddenCheckboxAction, VisibleCheckboxAction } from './ContentTypeCollapses';
 import type { ConditionForm } from '../utils/forms';
@@ -12,10 +11,8 @@ interface ConditionAction extends Pick<ActionRowProps, 'label'> {
 interface ConditionsModalProps extends Pick<ActionRowProps, 'isFormDisabled'> {
     actions?: Array<ConditionAction | HiddenCheckboxAction | VisibleCheckboxAction>;
     headerBreadCrumbs?: string[];
-    onClosed: ModalLayoutProps['onClose'];
-    onToggle: () => void;
 }
-declare const ConditionsModal: ({ actions, headerBreadCrumbs, isFormDisabled, onClosed, onToggle, }: ConditionsModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConditionsModal: ({ actions, headerBreadCrumbs, isFormDisabled, }: ConditionsModalProps) => import("react/jsx-runtime").JSX.Element;
 interface ActionRowProps {
     arrayOfOptionsGroupedByCategory: Array<[
         string,

package/dist/admin/src/pages/Settings/pages/Roles/components/HiddenAction.d.ts

@@ -1,2 +1,3 @@
-declare const HiddenAction: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+declare const HiddenAction: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export { HiddenAction };

package/dist/admin/src/pages/Settings/pages/Roles/components/PluginsAndSettings.d.ts

@@ -1,3 +1,4 @@
+import { Accordion } from '@strapi/design-system';
 import { SettingPermission, PluginPermission } from '../../../../../../../shared/contracts/permissions';
 import { PermissionsDataManagerContextValue } from '../hooks/usePermissionsDataManager';
 import type { GenericLayout } from '../utils/layouts';
@@ -6,13 +7,10 @@ interface PluginsAndSettingsPermissionsProps extends Pick<RowProps, 'kind' | 'is
     layout: Layout;
 }
 declare const PluginsAndSettingsPermissions: ({ layout, ...restProps }: PluginsAndSettingsPermissionsProps) => import("react/jsx-runtime").JSX.Element;
-interface RowProps extends Pick<Layout[number], 'childrenForm'> {
+interface RowProps extends Pick<Layout[number], 'childrenForm'>, Pick<Accordion.HeaderProps, 'variant'> {
     kind: Exclude<keyof PermissionsDataManagerContextValue['modifiedData'], `${string}Types`>;
     name: string;
     isFormDisabled?: boolean;
-    isOpen?: boolean;
-    isWhite?: boolean;
-    onOpenCategory: (categoryName: string) => void;
     pathToData: string[];
 }
 export { PluginsAndSettingsPermissions };

package/dist/admin/src/pages/Settings/pages/Roles/components/RoleRow.d.ts

@@ -1,7 +1,7 @@
 import { IconButtonProps } from '@strapi/design-system';
 import type { AdminRole } from '../../../../../hooks/useAdminRoles';
 interface RoleRowProps extends Pick<AdminRole, 'id' | 'name' | 'description' | 'usersCount'> {
-    icons: Array<Required<Pick<IconButtonProps, 'icon' | 'label' | 'onClick'>>>;
+    icons: Array<Required<Pick<IconButtonProps, 'children' | 'label' | 'onClick'>>>;
     rowIndex: number;
     canUpdate?: boolean;
 }

package/dist/admin/src/pages/Settings/pages/Roles/utils/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const cellWidth = "7.5rem";
-export declare const firstRowWidth = "12.5rem";
-export declare const rowHeight = "3.3125rem";
+export declare const cellWidth = "12rem";
+export declare const firstRowWidth = "20rem";
+export declare const rowHeight = "5.3rem";

package/dist/admin/src/pages/Settings/pages/Users/components/CreateActionCE.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { ButtonProps } from '@strapi/design-system';
 interface CreateActionCEProps extends Pick<ButtonProps, 'onClick'> {
 }
-declare const CreateActionCE: ({ onClick }: CreateActionCEProps) => import("react/jsx-runtime").JSX.Element;
+declare const CreateActionCE: React.ForwardRefExoticComponent<CreateActionCEProps & React.RefAttributes<HTMLButtonElement>>;
 export { CreateActionCE };
 export type { CreateActionCEProps };

package/dist/admin/src/pages/Settings/pages/Users/components/NewUserForm.d.ts

@@ -1,4 +1,4 @@
-import { Entity } from '@strapi/types';
+import type { Data } from '@strapi/types';
 interface ModalFormProps {
     onToggle: () => void;
 }
@@ -7,7 +7,7 @@ interface InitialData {
     firstname?: string;
     lastname?: string;
     email?: string;
-    roles?: Entity.ID[];
+    roles?: Data.ID[];
     useSSORegistration?: boolean;
 }
 export { ModalForm };

package/dist/admin/src/pages/Settings/pages/Webhooks/components/Events.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { FieldInputProps } from 'formik';
 import { MessageDescriptor } from 'react-intl';
 interface EventsRootProps {
     children: React.ReactNode;
@@ -18,8 +17,8 @@ interface EventsRowProps {
     disabledEvents?: string[];
     events?: string[];
     inputValue?: string[];
-    handleSelect: FieldInputProps<string>['onChange'];
-    handleSelectAll: FieldInputProps<string>['onChange'];
+    handleSelect: (name: string, value: boolean) => void;
+    handleSelectAll: (name: string, value: boolean) => void;
     name: string;
 }
 declare const Events: {

package/dist/admin/src/pages/Settings/pages/Webhooks/components/WebhookForm.d.ts

@@ -1,18 +1,18 @@
-import { Webhook } from '@strapi/types';
-import { FormikHelpers } from 'formik';
 import { TriggerWebhook } from '../../../../../../../shared/contracts/webhooks';
+import { FormHelpers } from '../../../../../components/Form';
+import type { Modules } from '@strapi/types';
 interface WebhookFormValues {
-    name: Webhook['name'];
-    url: Webhook['url'];
+    name: Modules.WebhookStore.Webhook['name'];
+    url: Modules.WebhookStore.Webhook['url'];
     headers: Array<{
         key: string;
         value: string;
     }>;
-    events: Webhook['events'];
+    events: Modules.WebhookStore.Webhook['events'];
 }
 interface WebhookFormProps {
-    data?: Webhook;
-    handleSubmit: (values: WebhookFormValues, formik: FormikHelpers<WebhookFormValues>) => Promise<void>;
+    data?: Modules.WebhookStore.Webhook;
+    handleSubmit: (values: WebhookFormValues, helpers: FormHelpers<WebhookFormValues>) => Promise<void>;
     isCreating: boolean;
     isTriggering: boolean;
     triggerWebhook: () => void;

package/dist/admin/src/pages/Settings/pages/Webhooks/hooks/useWebhooks.d.ts

@@ -3,17 +3,17 @@ import { GetWebhook } from '../../../../../../../shared/contracts/webhooks';
 import { useGetWebhooksQuery } from '../../../../../services/webhooks';
 import { BaseQueryError } from '../../../../../utils/baseQuery';
 declare const useWebhooks: (args?: GetWebhook.Params | void, queryArgs?: Parameters<typeof useGetWebhooksQuery>[1]) => {
-    webhooks: import("@strapi/types").Webhook[] | undefined;
+    webhooks: import("@strapi/types/dist/modules/webhook-store").Webhook[] | undefined;
     isLoading: boolean;
     error: BaseQueryError | SerializedError;
-    createWebhook: import("@reduxjs/toolkit/dist/query/react/buildHooks").MutationTrigger<import("@reduxjs/toolkit/query").MutationDefinition<Omit<import("@strapi/types").Webhook, "id" | "isEnabled">, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("../../../../../utils/baseQuery").QueryArguments, unknown, BaseQueryError>, "ApiToken" | "LicenseLimits" | "Me" | "ProjectSettings" | "ProvidersOptions" | "ReviewWorkflow" | "ReviewWorkflowStage" | "Role" | "RolePermissions" | "TransferToken" | "User" | "Webhook", import("@strapi/types").Webhook, "adminApi">>;
-    updateWebhook: import("@reduxjs/toolkit/dist/query/react/buildHooks").MutationTrigger<import("@reduxjs/toolkit/query").MutationDefinition<Partial<import("@strapi/types").Webhook> & import("../../../../../../../shared/contracts/webhooks").UpdateWebhook.Params, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("../../../../../utils/baseQuery").QueryArguments, unknown, BaseQueryError>, "ApiToken" | "LicenseLimits" | "Me" | "ProjectSettings" | "ProvidersOptions" | "ReviewWorkflow" | "ReviewWorkflowStage" | "Role" | "RolePermissions" | "TransferToken" | "User" | "Webhook", import("@strapi/types").Webhook, "adminApi">>;
-    triggerWebhook: import("@reduxjs/toolkit/dist/query/react/buildHooks").MutationTrigger<import("@reduxjs/toolkit/query").MutationDefinition<string, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("../../../../../utils/baseQuery").QueryArguments, unknown, BaseQueryError>, "ApiToken" | "LicenseLimits" | "Me" | "ProjectSettings" | "ProvidersOptions" | "ReviewWorkflow" | "ReviewWorkflowStage" | "Role" | "RolePermissions" | "TransferToken" | "User" | "Webhook", {
+    createWebhook: import("@reduxjs/toolkit/dist/query/react/buildHooks").MutationTrigger<import("@reduxjs/toolkit/query").MutationDefinition<Omit<import("@strapi/types/dist/modules/webhook-store").Webhook, "id" | "isEnabled">, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("../../../../../utils/baseQuery").QueryArguments, unknown, BaseQueryError>, "Webhook", import("@strapi/types/dist/modules/webhook-store").Webhook, "adminApi">>;
+    updateWebhook: import("@reduxjs/toolkit/dist/query/react/buildHooks").MutationTrigger<import("@reduxjs/toolkit/query").MutationDefinition<Partial<import("@strapi/types/dist/modules/webhook-store").Webhook> & import("../../../../../../../shared/contracts/webhooks").UpdateWebhook.Params, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("../../../../../utils/baseQuery").QueryArguments, unknown, BaseQueryError>, "Webhook", import("@strapi/types/dist/modules/webhook-store").Webhook, "adminApi">>;
+    triggerWebhook: import("@reduxjs/toolkit/dist/query/react/buildHooks").MutationTrigger<import("@reduxjs/toolkit/query").MutationDefinition<string, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("../../../../../utils/baseQuery").QueryArguments, unknown, BaseQueryError>, "Webhook", {
         statusCode: number;
         message?: string | undefined;
     }, "adminApi">>;
     deleteManyWebhooks: import("@reduxjs/toolkit/dist/query/react/buildHooks").MutationTrigger<import("@reduxjs/toolkit/query").MutationDefinition<{
         ids: string[];
-    }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("../../../../../utils/baseQuery").QueryArguments, unknown, BaseQueryError>, "ApiToken" | "LicenseLimits" | "Me" | "ProjectSettings" | "ProvidersOptions" | "ReviewWorkflow" | "ReviewWorkflowStage" | "Role" | "RolePermissions" | "TransferToken" | "User" | "Webhook", {}, "adminApi">>;
+    }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("../../../../../utils/baseQuery").QueryArguments, unknown, BaseQueryError>, "Webhook", {}, "adminApi">>;
 };
 export { useWebhooks };