@strapi/content-manager 0.0.0-experimental.bffd3c1819cd08304e7d270e88b4973e9fcbc183 → 0.0.0-experimental.c23f51fc41b3ef5de081f427d07e87af93cdcb2c

package/dist/admin/services/relations.mjs

@@ -0,0 +1,141 @@
+import { generateNKeysBetween } from 'fractional-indexing';
+import { contentManagerApi } from './api.mjs';
+
+const relationsApi = contentManagerApi.injectEndpoints({
+    endpoints: (build)=>({
+            getRelations: build.query({
+                query: ({ model, id, targetField, params })=>{
+                    return {
+                        url: `/content-manager/relations/${model}/${id}/${targetField}`,
+                        method: 'GET',
+                        config: {
+                            params
+                        }
+                    };
+                },
+                serializeQueryArgs: (args)=>{
+                    const { endpointName, queryArgs } = args;
+                    return {
+                        endpointName,
+                        model: queryArgs.model,
+                        id: queryArgs.id,
+                        targetField: queryArgs.targetField,
+                        locale: queryArgs.params?.locale,
+                        status: queryArgs.params?.status
+                    };
+                },
+                merge: (currentCache, newItems)=>{
+                    if (currentCache.pagination && newItems.pagination) {
+                        if (currentCache.pagination.page < newItems.pagination.page) {
+                            /**
+             * Relations will always have unique IDs, so we can therefore assume
+             * that we only need to push the new items to the cache.
+             *
+             * Push new items at the beginning as latest items are shown first
+             */ currentCache.results = [
+                                ...prepareTempKeys(newItems.results, currentCache.results),
+                                ...currentCache.results
+                            ];
+                            currentCache.pagination = newItems.pagination;
+                        } else if (newItems.pagination.page === 1) {
+                            /**
+             * We're resetting the relations
+             */ currentCache.results = prepareTempKeys(newItems.results);
+                            currentCache.pagination = newItems.pagination;
+                        }
+                    }
+                },
+                forceRefetch ({ currentArg, previousArg }) {
+                    if (!currentArg?.params && !previousArg?.params) {
+                        return false;
+                    }
+                    return currentArg?.params?.page !== previousArg?.params?.page || currentArg?.params?.pageSize !== previousArg?.params?.pageSize;
+                },
+                transformResponse: (response)=>{
+                    if ('results' in response && response.results) {
+                        return {
+                            ...response,
+                            results: prepareTempKeys(response.results.toReversed())
+                        };
+                    } else {
+                        return response;
+                    }
+                },
+                providesTags: [
+                    'Relations'
+                ]
+            }),
+            searchRelations: build.query({
+                query: ({ model, targetField, params })=>{
+                    return {
+                        url: `/content-manager/relations/${model}/${targetField}`,
+                        method: 'GET',
+                        config: {
+                            params
+                        }
+                    };
+                },
+                serializeQueryArgs: (args)=>{
+                    const { endpointName, queryArgs } = args;
+                    return {
+                        endpointName,
+                        model: queryArgs.model,
+                        targetField: queryArgs.targetField,
+                        _q: queryArgs.params?._q,
+                        idsToOmit: queryArgs.params?.idsToOmit,
+                        idsToInclude: queryArgs.params?.idsToInclude
+                    };
+                },
+                merge: (currentCache, newItems)=>{
+                    if (currentCache.pagination && newItems.pagination) {
+                        if (currentCache.pagination.page < newItems.pagination.page) {
+                            /**
+             * Relations will always have unique IDs, so we can therefore assume
+             * that we only need to push the new items to the cache.
+             */ const existingIds = currentCache.results.map((item)=>item.documentId);
+                            const uniqueNewItems = newItems.results.filter((item)=>!existingIds.includes(item.documentId));
+                            currentCache.results.push(...uniqueNewItems);
+                            currentCache.pagination = newItems.pagination;
+                        } else if (newItems.pagination.page === 1) {
+                            /**
+             * We're resetting the relations
+             */ currentCache.results = newItems.results;
+                            currentCache.pagination = newItems.pagination;
+                        }
+                    }
+                },
+                forceRefetch ({ currentArg, previousArg }) {
+                    if (!currentArg?.params && !previousArg?.params) {
+                        return false;
+                    }
+                    return currentArg?.params?.page !== previousArg?.params?.page || currentArg?.params?.pageSize !== previousArg?.params?.pageSize;
+                },
+                transformResponse: (response)=>{
+                    if (response.results) {
+                        return {
+                            ...response,
+                            results: response.results
+                        };
+                    } else {
+                        return response;
+                    }
+                }
+            })
+        })
+});
+/**
+ * @internal
+ * @description Adds a `__temp_key__` to each relation item. This gives us
+ * a stable identifier regardless of it's ids etc. that we can then use for drag and drop.
+ */ const prepareTempKeys = (relations, existingRelations = [])=>{
+    const [firstItem] = existingRelations.slice(0);
+    const keys = generateNKeysBetween(null, firstItem?.__temp_key__ ?? null, relations.length);
+    return relations.map((datum, index)=>({
+            ...datum,
+            __temp_key__: keys[index]
+        }));
+};
+const { useGetRelationsQuery, useLazySearchRelationsQuery } = relationsApi;
+
+export { useGetRelationsQuery, useLazySearchRelationsQuery };
+//# sourceMappingURL=relations.mjs.map

package/dist/admin/services/relations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"relations.mjs","sources":["../../../admin/src/services/relations.ts"],"sourcesContent":["import { generateNKeysBetween } from 'fractional-indexing';\n\nimport {\n  RelationResult as RelResult,\n  FindAvailable,\n  FindExisting,\n} from '../../../shared/contracts/relations';\n\nimport { contentManagerApi } from './api';\n\nimport type { Modules } from '@strapi/types';\nimport type { errors } from '@strapi/utils';\n\ninterface RelationResult extends RelResult {\n  __temp_key__: string;\n}\n\ntype GetRelationsResponse =\n  | {\n      results: Array<RelationResult>;\n      pagination: {\n        page: NonNullable<Modules.EntityService.Params.Pagination.PageNotation['page']>;\n        pageSize: NonNullable<Modules.EntityService.Params.Pagination.PageNotation['pageSize']>;\n        pageCount: number;\n        total: number;\n      } | null;\n      error?: never;\n    }\n  | {\n      results?: never;\n      pagination?: never;\n      error: errors.ApplicationError | errors.YupValidationError;\n    };\n\nconst relationsApi = contentManagerApi.injectEndpoints({\n  endpoints: (build) => ({\n    getRelations: build.query<\n      GetRelationsResponse,\n      FindExisting.Params & {\n        params?: FindExisting.Request['query'];\n      }\n    >({\n      query: ({ model, id, targetField, params }) => {\n        return {\n          url: `/content-manager/relations/${model}/${id}/${targetField}`,\n          method: 'GET',\n          config: {\n            params,\n          },\n        };\n      },\n      serializeQueryArgs: (args) => {\n        const { endpointName, queryArgs } = args;\n        return {\n          endpointName,\n          model: queryArgs.model,\n          id: queryArgs.id,\n          targetField: queryArgs.targetField,\n          locale: queryArgs.params?.locale,\n          status: queryArgs.params?.status,\n        };\n      },\n      merge: (currentCache, newItems) => {\n        if (currentCache.pagination && newItems.pagination) {\n          if (currentCache.pagination.page < newItems.pagination.page) {\n            /**\n             * Relations will always have unique IDs, so we can therefore assume\n             * that we only need to push the new items to the cache.\n             *\n             * Push new items at the beginning as latest items are shown first\n             */\n            currentCache.results = [\n              ...prepareTempKeys(newItems.results, currentCache.results),\n              ...currentCache.results,\n            ];\n            currentCache.pagination = newItems.pagination;\n          } else if (newItems.pagination.page === 1) {\n            /**\n             * We're resetting the relations\n             */\n            currentCache.results = prepareTempKeys(newItems.results);\n            currentCache.pagination = newItems.pagination;\n          }\n        }\n      },\n      forceRefetch({ currentArg, previousArg }) {\n        if (!currentArg?.params && !previousArg?.params) {\n          return false;\n        }\n\n        return (\n          currentArg?.params?.page !== previousArg?.params?.page ||\n          currentArg?.params?.pageSize !== previousArg?.params?.pageSize\n        );\n      },\n      transformResponse: (response: FindExisting.Response) => {\n        if ('results' in response && response.results) {\n          return {\n            ...response,\n            results: prepareTempKeys(response.results.toReversed()),\n          };\n        } else {\n          return response;\n        }\n      },\n      providesTags: ['Relations'],\n    }),\n    searchRelations: build.query<\n      FindAvailable.Response,\n      FindAvailable.Params & {\n        params?: FindAvailable.Request['query'];\n      }\n    >({\n      query: ({ model, targetField, params }) => {\n        return {\n          url: `/content-manager/relations/${model}/${targetField}`,\n          method: 'GET',\n          config: {\n            params,\n          },\n        };\n      },\n      serializeQueryArgs: (args) => {\n        const { endpointName, queryArgs } = args;\n        return {\n          endpointName,\n          model: queryArgs.model,\n          targetField: queryArgs.targetField,\n          _q: queryArgs.params?._q,\n          idsToOmit: queryArgs.params?.idsToOmit,\n          idsToInclude: queryArgs.params?.idsToInclude,\n        };\n      },\n      merge: (currentCache, newItems) => {\n        if (currentCache.pagination && newItems.pagination) {\n          if (currentCache.pagination.page < newItems.pagination.page) {\n            /**\n             * Relations will always have unique IDs, so we can therefore assume\n             * that we only need to push the new items to the cache.\n             */\n            const existingIds = currentCache.results.map((item) => item.documentId);\n            const uniqueNewItems = newItems.results.filter(\n              (item) => !existingIds.includes(item.documentId)\n            );\n            currentCache.results.push(...uniqueNewItems);\n            currentCache.pagination = newItems.pagination;\n          } else if (newItems.pagination.page === 1) {\n            /**\n             * We're resetting the relations\n             */\n            currentCache.results = newItems.results;\n            currentCache.pagination = newItems.pagination;\n          }\n        }\n      },\n      forceRefetch({ currentArg, previousArg }) {\n        if (!currentArg?.params && !previousArg?.params) {\n          return false;\n        }\n\n        return (\n          currentArg?.params?.page !== previousArg?.params?.page ||\n          currentArg?.params?.pageSize !== previousArg?.params?.pageSize\n        );\n      },\n      transformResponse: (response: FindAvailable.Response) => {\n        if (response.results) {\n          return {\n            ...response,\n            results: response.results,\n          };\n        } else {\n          return response;\n        }\n      },\n    }),\n  }),\n});\n\n/**\n * @internal\n * @description Adds a `__temp_key__` to each relation item. This gives us\n * a stable identifier regardless of it's ids etc. that we can then use for drag and drop.\n */\nconst prepareTempKeys = (relations: RelResult[], existingRelations: RelationResult[] = []) => {\n  const [firstItem] = existingRelations.slice(0);\n  const keys = generateNKeysBetween(null, firstItem?.__temp_key__ ?? null, relations.length);\n\n  return relations.map((datum, index) => ({\n    ...datum,\n    __temp_key__: keys[index],\n  }));\n};\n\nconst { useGetRelationsQuery, useLazySearchRelationsQuery } = relationsApi;\n\nexport { useGetRelationsQuery, useLazySearchRelationsQuery };\nexport type { RelationResult };\n"],"names":["relationsApi","contentManagerApi","injectEndpoints","endpoints","build","getRelations","query","model","id","targetField","params","url","method","config","serializeQueryArgs","args","endpointName","queryArgs","locale","status","merge","currentCache","newItems","pagination","page","results","prepareTempKeys","forceRefetch","currentArg","previousArg","pageSize","transformResponse","response","toReversed","providesTags","searchRelations","_q","idsToOmit","idsToInclude","existingIds","map","item","documentId","uniqueNewItems","filter","includes","push","relations","existingRelations","firstItem","slice","keys","generateNKeysBetween","__temp_key__","length","datum","index","useGetRelationsQuery","useLazySearchRelationsQuery"],"mappings":"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"}

package/dist/admin/services/uid.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var api = require('./api.js');
+
+const uidApi = api.contentManagerApi.injectEndpoints({
+    endpoints: (builder)=>({
+            getDefaultUID: builder.query({
+                query: ({ params, ...data })=>{
+                    return {
+                        url: '/content-manager/uid/generate',
+                        method: 'POST',
+                        data,
+                        config: {
+                            params
+                        }
+                    };
+                },
+                transformResponse: (response)=>response.data
+            }),
+            generateUID: builder.mutation({
+                query: ({ params, ...data })=>({
+                        url: '/content-manager/uid/generate',
+                        method: 'POST',
+                        data,
+                        config: {
+                            params
+                        }
+                    }),
+                transformResponse: (response)=>response.data
+            }),
+            getAvailability: builder.query({
+                query: ({ params, ...data })=>({
+                        url: '/content-manager/uid/check-availability',
+                        method: 'POST',
+                        data,
+                        config: {
+                            params
+                        }
+                    }),
+                providesTags: (_res, _error, params)=>[
+                        {
+                            type: 'UidAvailability',
+                            id: params.contentTypeUID
+                        }
+                    ]
+            })
+        })
+});
+const { useGenerateUIDMutation, useGetDefaultUIDQuery, useGetAvailabilityQuery } = uidApi;
+
+exports.useGenerateUIDMutation = useGenerateUIDMutation;
+exports.useGetAvailabilityQuery = useGetAvailabilityQuery;
+exports.useGetDefaultUIDQuery = useGetDefaultUIDQuery;
+//# sourceMappingURL=uid.js.map

package/dist/admin/services/uid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uid.js","sources":["../../../admin/src/services/uid.ts"],"sourcesContent":["/**\n * Related to the InputUID component, not the UIDs of content-types.\n */\n\nimport { GenerateUID, CheckUIDAvailability } from '../../../shared/contracts/uid';\n\nimport { contentManagerApi } from './api';\n\nconst uidApi = contentManagerApi.injectEndpoints({\n  endpoints: (builder) => ({\n    getDefaultUID: builder.query<\n      GenerateUID.Response['data'],\n      GenerateUID.Request['body'] & {\n        params: GenerateUID.Request['query'];\n      }\n    >({\n      query: ({ params, ...data }) => {\n        return {\n          url: '/content-manager/uid/generate',\n          method: 'POST',\n          data,\n          config: {\n            params,\n          },\n        };\n      },\n      transformResponse: (response: GenerateUID.Response) => response.data,\n    }),\n    generateUID: builder.mutation<\n      GenerateUID.Response['data'],\n      GenerateUID.Request['body'] & {\n        params: GenerateUID.Request['query'];\n      }\n    >({\n      query: ({ params, ...data }) => ({\n        url: '/content-manager/uid/generate',\n        method: 'POST',\n        data,\n        config: {\n          params,\n        },\n      }),\n      transformResponse: (response: GenerateUID.Response) => response.data,\n    }),\n    getAvailability: builder.query<\n      CheckUIDAvailability.Response,\n      CheckUIDAvailability.Request['body'] & {\n        params: CheckUIDAvailability.Request['query'];\n      }\n    >({\n      query: ({ params, ...data }) => ({\n        url: '/content-manager/uid/check-availability',\n        method: 'POST',\n        data,\n        config: {\n          params,\n        },\n      }),\n      providesTags: (_res, _error, params) => [\n        { type: 'UidAvailability', id: params.contentTypeUID },\n      ],\n    }),\n  }),\n});\n\nconst { useGenerateUIDMutation, useGetDefaultUIDQuery, useGetAvailabilityQuery } = uidApi;\n\nexport { useGenerateUIDMutation, useGetDefaultUIDQuery, useGetAvailabilityQuery };\n"],"names":["uidApi","contentManagerApi","injectEndpoints","endpoints","builder","getDefaultUID","query","params","data","url","method","config","transformResponse","response","generateUID","mutation","getAvailability","providesTags","_res","_error","type","id","contentTypeUID","useGenerateUIDMutation","useGetDefaultUIDQuery","useGetAvailabilityQuery"],"mappings":";;;;AAQA,MAAMA,MAAAA,GAASC,qBAAkBC,CAAAA,eAAe,CAAC;IAC/CC,SAAW,EAAA,CAACC,WAAa;YACvBC,aAAeD,EAAAA,OAAAA,CAAQE,KAAK,CAK1B;AACAA,gBAAAA,KAAAA,EAAO,CAAC,EAAEC,MAAM,EAAE,GAAGC,IAAM,EAAA,GAAA;oBACzB,OAAO;wBACLC,GAAK,EAAA,+BAAA;wBACLC,MAAQ,EAAA,MAAA;AACRF,wBAAAA,IAAAA;wBACAG,MAAQ,EAAA;AACNJ,4BAAAA;AACF;AACF,qBAAA;AACF,iBAAA;gBACAK,iBAAmB,EAAA,CAACC,QAAmCA,GAAAA,QAAAA,CAASL;AAClE,aAAA,CAAA;YACAM,WAAaV,EAAAA,OAAAA,CAAQW,QAAQ,CAK3B;AACAT,gBAAAA,KAAAA,EAAO,CAAC,EAAEC,MAAM,EAAE,GAAGC,IAAAA,EAAM,IAAM;wBAC/BC,GAAK,EAAA,+BAAA;wBACLC,MAAQ,EAAA,MAAA;AACRF,wBAAAA,IAAAA;wBACAG,MAAQ,EAAA;AACNJ,4BAAAA;AACF;qBACF,CAAA;gBACAK,iBAAmB,EAAA,CAACC,QAAmCA,GAAAA,QAAAA,CAASL;AAClE,aAAA,CAAA;YACAQ,eAAiBZ,EAAAA,OAAAA,CAAQE,KAAK,CAK5B;AACAA,gBAAAA,KAAAA,EAAO,CAAC,EAAEC,MAAM,EAAE,GAAGC,IAAAA,EAAM,IAAM;wBAC/BC,GAAK,EAAA,yCAAA;wBACLC,MAAQ,EAAA,MAAA;AACRF,wBAAAA,IAAAA;wBACAG,MAAQ,EAAA;AACNJ,4BAAAA;AACF;qBACF,CAAA;gBACAU,YAAc,EAAA,CAACC,IAAMC,EAAAA,MAAAA,EAAQZ,MAAW,GAAA;AACtC,wBAAA;4BAAEa,IAAM,EAAA,iBAAA;AAAmBC,4BAAAA,EAAAA,EAAId,OAAOe;AAAe;AACtD;AACH,aAAA;SACF;AACF,CAAA,CAAA;AAEA,MAAM,EAAEC,sBAAsB,EAAEC,qBAAqB,EAAEC,uBAAuB,EAAE,GAAGzB;;;;;;"}

package/dist/admin/services/uid.mjs

@@ -0,0 +1,50 @@
+import { contentManagerApi } from './api.mjs';
+
+const uidApi = contentManagerApi.injectEndpoints({
+    endpoints: (builder)=>({
+            getDefaultUID: builder.query({
+                query: ({ params, ...data })=>{
+                    return {
+                        url: '/content-manager/uid/generate',
+                        method: 'POST',
+                        data,
+                        config: {
+                            params
+                        }
+                    };
+                },
+                transformResponse: (response)=>response.data
+            }),
+            generateUID: builder.mutation({
+                query: ({ params, ...data })=>({
+                        url: '/content-manager/uid/generate',
+                        method: 'POST',
+                        data,
+                        config: {
+                            params
+                        }
+                    }),
+                transformResponse: (response)=>response.data
+            }),
+            getAvailability: builder.query({
+                query: ({ params, ...data })=>({
+                        url: '/content-manager/uid/check-availability',
+                        method: 'POST',
+                        data,
+                        config: {
+                            params
+                        }
+                    }),
+                providesTags: (_res, _error, params)=>[
+                        {
+                            type: 'UidAvailability',
+                            id: params.contentTypeUID
+                        }
+                    ]
+            })
+        })
+});
+const { useGenerateUIDMutation, useGetDefaultUIDQuery, useGetAvailabilityQuery } = uidApi;
+
+export { useGenerateUIDMutation, useGetAvailabilityQuery, useGetDefaultUIDQuery };
+//# sourceMappingURL=uid.mjs.map

package/dist/admin/services/uid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"uid.mjs","sources":["../../../admin/src/services/uid.ts"],"sourcesContent":["/**\n * Related to the InputUID component, not the UIDs of content-types.\n */\n\nimport { GenerateUID, CheckUIDAvailability } from '../../../shared/contracts/uid';\n\nimport { contentManagerApi } from './api';\n\nconst uidApi = contentManagerApi.injectEndpoints({\n  endpoints: (builder) => ({\n    getDefaultUID: builder.query<\n      GenerateUID.Response['data'],\n      GenerateUID.Request['body'] & {\n        params: GenerateUID.Request['query'];\n      }\n    >({\n      query: ({ params, ...data }) => {\n        return {\n          url: '/content-manager/uid/generate',\n          method: 'POST',\n          data,\n          config: {\n            params,\n          },\n        };\n      },\n      transformResponse: (response: GenerateUID.Response) => response.data,\n    }),\n    generateUID: builder.mutation<\n      GenerateUID.Response['data'],\n      GenerateUID.Request['body'] & {\n        params: GenerateUID.Request['query'];\n      }\n    >({\n      query: ({ params, ...data }) => ({\n        url: '/content-manager/uid/generate',\n        method: 'POST',\n        data,\n        config: {\n          params,\n        },\n      }),\n      transformResponse: (response: GenerateUID.Response) => response.data,\n    }),\n    getAvailability: builder.query<\n      CheckUIDAvailability.Response,\n      CheckUIDAvailability.Request['body'] & {\n        params: CheckUIDAvailability.Request['query'];\n      }\n    >({\n      query: ({ params, ...data }) => ({\n        url: '/content-manager/uid/check-availability',\n        method: 'POST',\n        data,\n        config: {\n          params,\n        },\n      }),\n      providesTags: (_res, _error, params) => [\n        { type: 'UidAvailability', id: params.contentTypeUID },\n      ],\n    }),\n  }),\n});\n\nconst { useGenerateUIDMutation, useGetDefaultUIDQuery, useGetAvailabilityQuery } = uidApi;\n\nexport { useGenerateUIDMutation, useGetDefaultUIDQuery, useGetAvailabilityQuery };\n"],"names":["uidApi","contentManagerApi","injectEndpoints","endpoints","builder","getDefaultUID","query","params","data","url","method","config","transformResponse","response","generateUID","mutation","getAvailability","providesTags","_res","_error","type","id","contentTypeUID","useGenerateUIDMutation","useGetDefaultUIDQuery","useGetAvailabilityQuery"],"mappings":";;AAQA,MAAMA,MAAAA,GAASC,iBAAkBC,CAAAA,eAAe,CAAC;IAC/CC,SAAW,EAAA,CAACC,WAAa;YACvBC,aAAeD,EAAAA,OAAAA,CAAQE,KAAK,CAK1B;AACAA,gBAAAA,KAAAA,EAAO,CAAC,EAAEC,MAAM,EAAE,GAAGC,IAAM,EAAA,GAAA;oBACzB,OAAO;wBACLC,GAAK,EAAA,+BAAA;wBACLC,MAAQ,EAAA,MAAA;AACRF,wBAAAA,IAAAA;wBACAG,MAAQ,EAAA;AACNJ,4BAAAA;AACF;AACF,qBAAA;AACF,iBAAA;gBACAK,iBAAmB,EAAA,CAACC,QAAmCA,GAAAA,QAAAA,CAASL;AAClE,aAAA,CAAA;YACAM,WAAaV,EAAAA,OAAAA,CAAQW,QAAQ,CAK3B;AACAT,gBAAAA,KAAAA,EAAO,CAAC,EAAEC,MAAM,EAAE,GAAGC,IAAAA,EAAM,IAAM;wBAC/BC,GAAK,EAAA,+BAAA;wBACLC,MAAQ,EAAA,MAAA;AACRF,wBAAAA,IAAAA;wBACAG,MAAQ,EAAA;AACNJ,4BAAAA;AACF;qBACF,CAAA;gBACAK,iBAAmB,EAAA,CAACC,QAAmCA,GAAAA,QAAAA,CAASL;AAClE,aAAA,CAAA;YACAQ,eAAiBZ,EAAAA,OAAAA,CAAQE,KAAK,CAK5B;AACAA,gBAAAA,KAAAA,EAAO,CAAC,EAAEC,MAAM,EAAE,GAAGC,IAAAA,EAAM,IAAM;wBAC/BC,GAAK,EAAA,yCAAA;wBACLC,MAAQ,EAAA,MAAA;AACRF,wBAAAA,IAAAA;wBACAG,MAAQ,EAAA;AACNJ,4BAAAA;AACF;qBACF,CAAA;gBACAU,YAAc,EAAA,CAACC,IAAMC,EAAAA,MAAAA,EAAQZ,MAAW,GAAA;AACtC,wBAAA;4BAAEa,IAAM,EAAA,iBAAA;AAAmBC,4BAAAA,EAAAA,EAAId,OAAOe;AAAe;AACtD;AACH,aAAA;SACF;AACF,CAAA,CAAA;AAEA,MAAM,EAAEC,sBAAsB,EAAEC,qBAAqB,EAAEC,uBAAuB,EAAE,GAAGzB;;;;"}

package/dist/admin/src/components/InjectionZone.d.ts

@@ -11,6 +11,9 @@ declare const INJECTION_ZONES: {
         publishModalAdditionalInfos: never[];
         unpublishModalAdditionalInfos: never[];
     };
+    preview: {
+        actions: never[];
+    };
 };
 interface InjectionZones {
     editView: {
@@ -23,8 +26,11 @@ interface InjectionZones {
         publishModalAdditionalInfos: InjectionZoneComponent[];
         unpublishModalAdditionalInfos: InjectionZoneComponent[];
     };
+    preview: {
+        actions: InjectionZoneComponent[];
+    };
 }
-type InjectionZoneArea = 'editView.informations' | 'editView.right-links' | 'listView.actions' | 'listView.unpublishModalAdditionalInfos' | 'listView.deleteModalAdditionalInfos' | 'listView.publishModalAdditionalInfos' | 'listView.deleteModalAdditionalInfos';
+type InjectionZoneArea = 'editView.informations' | 'editView.right-links' | 'listView.actions' | 'listView.unpublishModalAdditionalInfos' | 'listView.deleteModalAdditionalInfos' | 'listView.publishModalAdditionalInfos' | 'listView.deleteModalAdditionalInfos' | 'preview.actions';
 type InjectionZoneModule = InjectionZoneArea extends `${infer Word}.${string}` ? Word : never;
 type InjectionZoneContainer = InjectionZoneArea extends `${string}.${infer Word}.${string}` ? Word : never;
 type InjectionZoneBlock = InjectionZoneArea extends `${string}.${string}.${infer Word}` ? Word : never;

package/dist/admin/src/content-manager.d.ts

@@ -57,6 +57,7 @@ interface PanelComponent extends DescriptionComponent<PanelComponentProps, Panel
     type?: 'actions' | 'releases';
 }
 interface DocumentActionProps extends EditViewContext {
+    onPreview?: () => void;
 }
 interface DocumentActionComponent extends DescriptionComponent<DocumentActionProps, DocumentActionDescription> {
     type?: 'clone' | 'configure-the-view' | 'delete' | 'discard' | 'edit' | 'edit-the-model' | 'history' | 'publish' | 'unpublish' | 'update';
@@ -105,6 +106,9 @@ declare class ContentManagerPlugin {
                 publishModalAdditionalInfos: never[];
                 unpublishModalAdditionalInfos: never[];
             };
+            preview: {
+                actions: never[];
+            };
         };
         apis: {
             addBulkAction: {

package/dist/admin/src/history/services/historyVersion.d.ts

@@ -1,5 +1,5 @@
-import { Data } from '@strapi/types';
 import { GetHistoryVersions, RestoreHistoryVersion } from '../../../../shared/contracts/history-versions';
+import type { Data } from '@strapi/types';
 interface RestoreVersion extends RestoreHistoryVersion.Request {
     documentId: Data.ID;
     collectionType?: string;

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

@@ -4,12 +4,12 @@
  * being a cache layer so if nothing invalidates the cache, we don't fetch again.
  */
 import { FormErrors } from '@strapi/admin/strapi-admin';
-import { Modules } from '@strapi/types';
 import { type AnyData } from '../pages/EditView/utils/data';
 import { useGetDocumentQuery } from '../services/documents';
 import { ComponentsDictionary } from './useContentTypeSchema';
 import type { FindOne } from '../../../shared/contracts/collection-types';
 import type { ContentType } from '../../../shared/contracts/content-types';
+import type { Modules } from '@strapi/types';
 interface UseDocumentArgs {
     collectionType: string;
     model: string;
@@ -34,6 +34,7 @@ type UseDocument = (args: UseDocumentArgs, opts?: UseDocumentOpts) => {
     schema?: Schema;
     schemas?: Schema[];
     hasError?: boolean;
+    refetch: () => void;
     validate: (document: Document) => null | FormErrors;
     /**
      * Get the document's title
@@ -91,6 +92,7 @@ declare const useDoc: () => {
     schema?: ContentType | undefined;
     schemas?: ContentType[] | undefined;
     hasError?: boolean | undefined;
+    refetch: () => void;
     validate: (document: Document) => null | FormErrors;
     /**
      * Get the document's title
@@ -123,7 +125,7 @@ declare const useContentManagerContext: () => {
     components: ComponentsDictionary;
     contentType: ContentType | undefined;
     contentTypes: ContentType[] | undefined;
-    form: import("@strapi/admin/strapi-admin").FormContextValue<import("@strapi/admin/strapi-admin").FormValues>;
+    form: unknown;
     layout: {
         error?: import("@reduxjs/toolkit").SerializedError | import("../utils/api").BaseQueryError | undefined;
         isLoading: boolean;

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

@@ -22,6 +22,7 @@ type UseDocumentActions = () => {
      * This will return a list of the fields as an error if it's unable to clone.
      * You most likely want to use the `clone` action instead.
      */
+    isLoading: boolean;
     autoClone: (args: {
         model: string;
         sourceId: string;

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

@@ -1,3 +1,4 @@
+import 'prismjs';
 declare const _default: {
     register(app: any): void;
     bootstrap(app: any): void;

package/dist/admin/src/pages/EditView/components/DocumentActions.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { NotificationConfig } from '@strapi/admin/strapi-admin';
 import { ButtonProps } from '@strapi/design-system';
 import type { DocumentActionComponent } from '../../../content-manager';
-type DocumentActionPosition = 'panel' | 'header' | 'table-row';
+type DocumentActionPosition = 'panel' | 'header' | 'table-row' | 'preview';
 interface DocumentActionDescription {
     label: string;
     onClick?: (event: React.SyntheticEvent) => Promise<boolean | void> | boolean | void;
@@ -21,6 +21,7 @@ interface DocumentActionDescription {
      * @default 'secondary'
      */
     variant?: ButtonProps['variant'];
+    loading?: ButtonProps['loading'];
 }
 interface DialogOptions {
     type: 'dialog';

package/dist/admin/src/pages/EditView/components/EditorToolbarObserver.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { Menu } from '@strapi/design-system';
+export interface ObservedComponent {
+    toolbar: React.ReactNode;
+    menu: React.ReactNode;
+    key: string;
+}
+export declare const EditorToolbarObserver: ({ observedComponents, menuTriggerVariant, }: {
+    observedComponents: ObservedComponent[];
+    menuTriggerVariant?: Menu.TriggerProps['variant'];
+}) => import("react/jsx-runtime").JSX.Element[];

package/dist/admin/src/pages/EditView/components/FormInputs/BlocksInput/Blocks/Code.d.ts

@@ -1,7 +1,55 @@
 import { BaseRange, NodeEntry } from 'slate';
 import { type BlocksStore } from '../BlocksEditor';
 import 'prismjs/themes/prism-solarizedlight.css';
-import './utils/prismLanguages';
+import 'prismjs/components/prism-asmatmel';
+import 'prismjs/components/prism-bash';
+import 'prismjs/components/prism-basic';
+import 'prismjs/components/prism-c';
+import 'prismjs/components/prism-clojure';
+import 'prismjs/components/prism-cobol';
+import 'prismjs/components/prism-cpp';
+import 'prismjs/components/prism-csharp';
+import 'prismjs/components/prism-dart';
+import 'prismjs/components/prism-docker';
+import 'prismjs/components/prism-elixir';
+import 'prismjs/components/prism-erlang';
+import 'prismjs/components/prism-fortran';
+import 'prismjs/components/prism-fsharp';
+import 'prismjs/components/prism-go';
+import 'prismjs/components/prism-graphql';
+import 'prismjs/components/prism-groovy';
+import 'prismjs/components/prism-haskell';
+import 'prismjs/components/prism-haxe';
+import 'prismjs/components/prism-ini';
+import 'prismjs/components/prism-java';
+import 'prismjs/components/prism-javascript';
+import 'prismjs/components/prism-jsx';
+import 'prismjs/components/prism-json';
+import 'prismjs/components/prism-julia';
+import 'prismjs/components/prism-kotlin';
+import 'prismjs/components/prism-latex';
+import 'prismjs/components/prism-lua';
+import 'prismjs/components/prism-markdown';
+import 'prismjs/components/prism-matlab';
+import 'prismjs/components/prism-makefile';
+import 'prismjs/components/prism-objectivec';
+import 'prismjs/components/prism-perl';
+import 'prismjs/components/prism-php';
+import 'prismjs/components/prism-powershell';
+import 'prismjs/components/prism-python';
+import 'prismjs/components/prism-r';
+import 'prismjs/components/prism-ruby';
+import 'prismjs/components/prism-rust';
+import 'prismjs/components/prism-sas';
+import 'prismjs/components/prism-scala';
+import 'prismjs/components/prism-scheme';
+import 'prismjs/components/prism-sql';
+import 'prismjs/components/prism-stata';
+import 'prismjs/components/prism-swift';
+import 'prismjs/components/prism-typescript';
+import 'prismjs/components/prism-tsx';
+import 'prismjs/components/prism-vbnet';
+import 'prismjs/components/prism-yaml';
 type BaseRangeCustom = BaseRange & {
     className: string;
 };

package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygNav.d.ts

@@ -5,13 +5,12 @@ interface WysiwygNavProps {
     editorRef: React.MutableRefObject<EditorFromTextArea>;
     isExpandMode?: boolean;
     isPreviewMode?: boolean;
-    onActionClick: (action: string, editorRef: React.MutableRefObject<EditorFromTextArea>, callback?: () => void) => void;
     onToggleMediaLib: () => void;
     onTogglePreviewMode?: () => void;
 }
 /**
  * TODO: refactor this mess.
  */
-declare const WysiwygNav: ({ disabled, editorRef, isExpandMode, isPreviewMode, onActionClick, onToggleMediaLib, onTogglePreviewMode, }: WysiwygNavProps) => import("react/jsx-runtime").JSX.Element;
+declare const WysiwygNav: ({ disabled, editorRef, isPreviewMode, onToggleMediaLib, onTogglePreviewMode, }: WysiwygNavProps) => import("react/jsx-runtime").JSX.Element;
 export { WysiwygNav };
 export type { WysiwygNavProps };

package/dist/admin/src/pages/EditView/components/FormLayout.d.ts

@@ -27,6 +27,7 @@ export declare const ResponsiveGridItem: import("styled-components").IStyledComp
     ref?: any;
 }, never>> & Omit<Grid.ItemComponent<"div">, keyof import("react").Component<any, {}, any>>;
 interface FormLayoutProps extends Pick<EditLayout, 'layout'> {
+    hasBackground?: boolean;
 }
-declare const FormLayout: ({ layout }: FormLayoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const FormLayout: ({ layout, hasBackground }: FormLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export { FormLayout, FormLayoutProps };

package/dist/admin/src/preview/components/PreviewHeader.d.ts

@@ -1,2 +1,3 @@
+declare const UnstablePreviewHeader: () => import("react/jsx-runtime").JSX.Element;
 declare const PreviewHeader: () => import("react/jsx-runtime").JSX.Element;
-export { PreviewHeader };
+export { PreviewHeader, UnstablePreviewHeader };

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

@@ -1,4 +1,3 @@
-declare const previewAdmin: {
-    bootstrap(app: Pick<import("@strapi/admin/strapi-admin").StrapiApp, "getPlugin" | "addSettingsLink" | "addSettingsLinks" | "registerHook">): void;
-};
+import type { PluginDefinition } from '@strapi/admin/strapi-admin';
+declare const previewAdmin: Partial<PluginDefinition>;
 export { previewAdmin };

package/dist/admin/src/preview/pages/Preview.d.ts

@@ -1,10 +1,14 @@
+import * as React from 'react';
 import { type UseDocument } from '../../hooks/useDocument';
+import { type EditLayout } from '../../hooks/useDocumentLayout';
 interface PreviewContextValue {
     url: string;
     title: string;
     document: NonNullable<ReturnType<UseDocument>['document']>;
     meta: NonNullable<ReturnType<UseDocument>['meta']>;
     schema: NonNullable<ReturnType<UseDocument>['schema']>;
+    layout: EditLayout;
+    iframeRef?: React.RefObject<HTMLIFrameElement>;
 }
 declare const usePreviewContext: <Selected>(consumerName: string, selector: (value: PreviewContextValue) => Selected) => Selected;
 declare const ProtectedPreviewPage: () => import("react/jsx-runtime").JSX.Element;