@rakun-kit/manager-react 1.2.0 → 1.3.0

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useEditFormController.js

@@ -0,0 +1,55 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+export const useEditFormController = ({ defaultData, hasVisibility, setSaveErrorVisible, visibility, }) => {
+    const iterablesRef = useRef(null);
+    const nonIterablesRef = useRef(null);
+    const seoRef = useRef(null);
+    const draft = useRef(defaultData);
+    const [formRevision, setFormRevision] = useState(0);
+    useEffect(() => {
+        draft.current = defaultData;
+        setFormRevision((revision) => revision + 1);
+    }, [defaultData]);
+    const saveState = useCallback(() => {
+        draft.current = {
+            ...iterablesRef.current?.getState(),
+            ...nonIterablesRef.current?.getState(),
+            ...seoRef.current?.getState(),
+        };
+    }, []);
+    const readFormData = useCallback(({ showSaveError = true } = {}) => {
+        saveState();
+        const iterablesValue = iterablesRef.current?.getValue();
+        const nonIterablesValue = nonIterablesRef.current?.getValue();
+        const seoValue = seoRef.current?.getValue();
+        if (iterablesValue?._error || nonIterablesValue?._error || seoValue?._error) {
+            if (showSaveError) {
+                setSaveErrorVisible(true);
+            }
+            return;
+        }
+        if (showSaveError) {
+            setSaveErrorVisible(false);
+        }
+        return {
+            ...(iterablesValue || {}),
+            ...(nonIterablesValue || {}),
+            ...(seoValue || {}),
+            ...(hasVisibility ? { _visibility: visibility } : {}),
+        };
+    }, [hasVisibility, saveState, setSaveErrorVisible, visibility]);
+    const replaceDraft = useCallback((nextDraft) => {
+        draft.current = nextDraft;
+        setFormRevision((revision) => revision + 1);
+    }, []);
+    return {
+        draft,
+        formRevision,
+        iterablesRef,
+        nonIterablesRef,
+        seoRef,
+        readFormData,
+        replaceDraft,
+        saveState,
+    };
+};
+//# sourceMappingURL=useEditFormController.js.map

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useEditFormController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditFormController.js","sourceRoot":"","sources":["../../../../../../../src/router/dashboard/[contentType]/[edit]/_hooks/useEditFormController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAahE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,UAAU,GACkB,EAAE,EAAE;IAChC,MAAM,YAAY,GAAG,MAAM,CAAW,IAAI,CAAC,CAAA;IAC3C,MAAM,eAAe,GAAG,MAAM,CAAW,IAAI,CAAC,CAAA;IAC9C,MAAM,MAAM,GAAG,MAAM,CAAW,IAAI,CAAC,CAAA;IACrC,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;IACjC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,OAAO,GAAG,WAAW,CAAA;QAC3B,eAAe,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;IAC7C,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,KAAK,CAAC,OAAO,GAAG;YACd,GAAI,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAa;YAC/C,GAAI,eAAe,CAAC,OAAO,EAAE,QAAQ,EAAa;YAClD,GAAI,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAa;SACZ,CAAA;IACjC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,EAAE,aAAa,GAAG,IAAI,KAAkC,EAAE,EAAE,EAAE;QAC7D,SAAS,EAAE,CAAA;QACX,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,EAExC,CAAA;QACb,MAAM,iBAAiB,GAAG,eAAe,CAAC,OAAO,EAAE,QAAQ,EAE9C,CAAA;QACb,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAgD,CAAA;QAEzF,IAAI,cAAc,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,EAAE,CAAC;YAC5E,IAAI,aAAa,EAAE,CAAC;gBAClB,mBAAmB,CAAC,IAAI,CAAC,CAAA;YAC3B,CAAC;YACD,OAAM;QACR,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,mBAAmB,CAAC,KAAK,CAAC,CAAA;QAC5B,CAAC;QAED,OAAO;YACL,GAAG,CAAC,cAAc,IAAI,EAAE,CAAC;YACzB,GAAG,CAAC,iBAAiB,IAAI,EAAE,CAAC;YAC5B,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC;YACnB,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SACtD,CAAA;IACH,CAAC,EACD,CAAC,aAAa,EAAE,SAAS,EAAE,mBAAmB,EAAE,UAAU,CAAC,CAC5D,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,SAAqC,EAAE,EAAE;QACzE,KAAK,CAAC,OAAO,GAAG,SAAS,CAAA;QACzB,eAAe,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;IAC7C,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO;QACL,KAAK;QACL,YAAY;QACZ,YAAY;QACZ,eAAe;QACf,MAAM;QACN,YAAY;QACZ,YAAY;QACZ,SAAS;KACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useEditTabErrors.d.ts

@@ -0,0 +1,15 @@
+import type { ContentTypeSections } from './useContentTypeSections.js';
+type EditError = {
+    id: string;
+};
+export declare const useEditTabErrors: ({ contentTypeName, editErrors, sections, }: {
+    contentTypeName: string;
+    editErrors: EditError[];
+    sections: ContentTypeSections;
+}) => {
+    info: boolean;
+    content: boolean;
+    seo: boolean;
+};
+export {};
+//# sourceMappingURL=useEditTabErrors.d.ts.map

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useEditTabErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditTabErrors.d.ts","sourceRoot":"","sources":["../../../../../../../src/router/dashboard/[contentType]/[edit]/_hooks/useEditTabErrors.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAgBD,eAAO,MAAM,gBAAgB,GAAI,4CAI9B;IACD,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,QAAQ,EAAE,mBAAmB,CAAA;CAC9B;;;;CA0BE,CAAA"}

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useEditTabErrors.js

@@ -0,0 +1,29 @@
+import { useMemo } from 'react';
+const hasErrorsInFields = ({ contentTypeName, editErrors, fields, }) => Object.keys(fields).some((fieldName) => {
+    const rootId = `${contentTypeName}.${fieldName}`;
+    return editErrors.some((error) => error.id === rootId || error.id.startsWith(`${rootId}.`));
+});
+export const useEditTabErrors = ({ contentTypeName, editErrors, sections, }) => useMemo(() => ({
+    info: hasErrorsInFields({
+        contentTypeName,
+        editErrors,
+        fields: sections.nonIterables.fields,
+    }),
+    content: hasErrorsInFields({
+        contentTypeName,
+        editErrors,
+        fields: sections.iterables.fields,
+    }),
+    seo: hasErrorsInFields({
+        contentTypeName,
+        editErrors,
+        fields: sections.seo.fields,
+    }),
+}), [
+    contentTypeName,
+    editErrors,
+    sections.iterables.fields,
+    sections.nonIterables.fields,
+    sections.seo.fields,
+]);
+//# sourceMappingURL=useEditTabErrors.js.map

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useEditTabErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditTabErrors.js","sourceRoot":"","sources":["../../../../../../../src/router/dashboard/[contentType]/[edit]/_hooks/useEditTabErrors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAS/B,MAAM,iBAAiB,GAAG,CAAC,EACzB,eAAe,EACf,UAAU,EACV,MAAM,GAKP,EAAE,EAAE,CACH,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE;IACrC,MAAM,MAAM,GAAG,GAAG,eAAe,IAAI,SAAS,EAAE,CAAA;IAChD,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,CAAA;AAC7F,CAAC,CAAC,CAAA;AAEJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,eAAe,EACf,UAAU,EACV,QAAQ,GAKT,EAAE,EAAE,CACH,OAAO,CACL,GAAG,EAAE,CAAC,CAAC;IACL,IAAI,EAAE,iBAAiB,CAAC;QACtB,eAAe;QACf,UAAU;QACV,MAAM,EAAE,QAAQ,CAAC,YAAY,CAAC,MAAM;KACrC,CAAC;IACF,OAAO,EAAE,iBAAiB,CAAC;QACzB,eAAe;QACf,UAAU;QACV,MAAM,EAAE,QAAQ,CAAC,SAAS,CAAC,MAAM;KAClC,CAAC;IACF,GAAG,EAAE,iBAAiB,CAAC;QACrB,eAAe;QACf,UAAU;QACV,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM;KAC5B,CAAC;CACH,CAAC,EACF;IACE,eAAe;IACf,UAAU;IACV,QAAQ,CAAC,SAAS,CAAC,MAAM;IACzB,QAAQ,CAAC,YAAY,CAAC,MAAM;IAC5B,QAAQ,CAAC,GAAG,CAAC,MAAM;CACpB,CACF,CAAA"}

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useRouteLayoutData.d.ts

@@ -0,0 +1,17 @@
+import type { LayoutModuleOption, RouteLayoutModuleOverrideRecord, RouteLayoutModuleRecord } from '../edit.types.js';
+export declare const useRouteLayoutData: ({ contentTypeName, contentTypeId, }: {
+    contentTypeName: string;
+    contentTypeId?: string;
+}) => {
+    layoutOptionsByContentType: Map<string, LayoutModuleOption[]>;
+    overridesByKey: Map<string, RouteLayoutModuleOverrideRecord>;
+    routeLayoutOverridesQuery: import("@tanstack/react-query").UseQueryResult<{
+        totalItems: number;
+        items: {
+            [x: string]: any;
+            _id: string;
+        }[];
+    }, Error>;
+    routeLayoutModules: RouteLayoutModuleRecord[];
+};
+//# sourceMappingURL=useRouteLayoutData.d.ts.map

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useRouteLayoutData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRouteLayoutData.d.ts","sourceRoot":"","sources":["../../../../../../../src/router/dashboard/[contentType]/[edit]/_hooks/useRouteLayoutData.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,kBAAkB,EAElB,+BAA+B,EAC/B,uBAAuB,EACxB,MAAM,eAAe,CAAA;AAStB,eAAO,MAAM,kBAAkB,GAAI,qCAGhC;IACD,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;;;;;;;;;;;CAyHA,CAAA"}

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useRouteLayoutData.js

@@ -0,0 +1,88 @@
+import { useMemo } from 'react';
+import { useQueries } from '@tanstack/react-query';
+import { createManagerQueryOptions, useManagerClient, useManagerQuery, } from '../../../../../client/react.js';
+import { useLanguage } from '../../../../../state/language.js';
+export const useRouteLayoutData = ({ contentTypeName, contentTypeId, }) => {
+    const managerClient = useManagerClient();
+    const { getTranslation } = useLanguage();
+    const routeLayoutModulesQuery = useManagerQuery({
+        name: 'manager.list',
+        input: {
+            contentType: 'RouteLayoutModule',
+            query: {
+                filter: { routeContentType: contentTypeName },
+                options: {
+                    limit: 'all',
+                    fields: [
+                        'routeId',
+                        'routeKey',
+                        'routeContentType',
+                        'key',
+                        'contentType',
+                        'order',
+                        'moduleId',
+                    ],
+                },
+            },
+        },
+        enabled: Boolean(contentTypeId),
+    });
+    const routeLayoutOverridesQuery = useManagerQuery({
+        name: 'manager.list',
+        input: {
+            contentType: 'RouteLayoutModuleOverride',
+            query: {
+                filter: { contentTypeId: contentTypeId ?? '' },
+                options: {
+                    limit: 'all',
+                    fields: ['routeId', 'routeKey', 'contentTypeId', 'key', 'contentType', 'moduleId'],
+                },
+            },
+        },
+        enabled: Boolean(contentTypeId),
+    });
+    const contentTypesQuery = useManagerQuery({
+        name: 'manager.contentTypes',
+        input: undefined,
+        enabled: Boolean(contentTypeId),
+    });
+    const routeLayoutModules = useMemo(() => (routeLayoutModulesQuery.data?.items ?? []), [routeLayoutModulesQuery.data?.items]);
+    const routeLayoutOverrides = useMemo(() => (routeLayoutOverridesQuery.data?.items ?? []), [routeLayoutOverridesQuery.data?.items]);
+    const overridesByKey = useMemo(() => new Map(routeLayoutOverrides.map((override) => [`${override.routeId}:${override.key}`, override])), [routeLayoutOverrides]);
+    const contentTypes = useMemo(() => (contentTypesQuery.data ?? []), [contentTypesQuery.data]);
+    const contentTypeByName = useMemo(() => new Map(contentTypes.map((contentType) => [contentType.name, contentType])), [contentTypes]);
+    const sortedRouteLayoutModules = useMemo(() => [...routeLayoutModules].sort((a, b) => a.order - b.order), [routeLayoutModules]);
+    const layoutContentTypes = useMemo(() => Array.from(new Set(routeLayoutModules.map((item) => item.contentType))), [routeLayoutModules]);
+    const layoutModuleOptionQueries = useQueries({
+        queries: layoutContentTypes.map((contentType) => {
+            const labelField = contentTypeByName.get(contentType)?.listFields?.[0] ?? '_id';
+            return createManagerQueryOptions(managerClient, 'manager.list', {
+                contentType,
+                query: {
+                    options: {
+                        limit: 'all',
+                        fields: labelField === '_id' ? ['_id'] : [labelField],
+                    },
+                },
+            });
+        }),
+    });
+    const layoutOptionsByContentType = useMemo(() => new Map(layoutContentTypes.map((contentType, index) => {
+        const labelField = contentTypeByName.get(contentType)?.listFields?.[0] ?? '_id';
+        const data = layoutModuleOptionQueries[index]?.data;
+        return [
+            contentType,
+            (data?.items ?? []).map((item) => ({
+                value: item._id,
+                label: String(getTranslation(item[labelField]) || item._id),
+            })),
+        ];
+    })), [contentTypeByName, getTranslation, layoutContentTypes, layoutModuleOptionQueries]);
+    return {
+        layoutOptionsByContentType,
+        overridesByKey,
+        routeLayoutOverridesQuery,
+        routeLayoutModules: sortedRouteLayoutModules,
+    };
+};
+//# sourceMappingURL=useRouteLayoutData.js.map

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useRouteLayoutData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRouteLayoutData.js","sourceRoot":"","sources":["../../../../../../../src/router/dashboard/[contentType]/[edit]/_hooks/useRouteLayoutData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AASlD,OAAO,EACL,yBAAyB,EACzB,gBAAgB,EAChB,eAAe,GAChB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,eAAe,EACf,aAAa,GAId,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,EAAE,cAAc,EAAE,GAAG,WAAW,EAAE,CAAA;IAExC,MAAM,uBAAuB,GAAG,eAAe,CAAC;QAC9C,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE;YACL,WAAW,EAAE,mBAAmB;YAChC,KAAK,EAAE;gBACL,MAAM,EAAE,EAAE,gBAAgB,EAAE,eAAe,EAAE;gBAC7C,OAAO,EAAE;oBACP,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE;wBACN,SAAS;wBACT,UAAU;wBACV,kBAAkB;wBAClB,KAAK;wBACL,aAAa;wBACb,OAAO;wBACP,UAAU;qBACX;iBACF;aACF;SACF;QACD,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC;KAChC,CAAC,CAAA;IACF,MAAM,yBAAyB,GAAG,eAAe,CAAC;QAChD,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE;YACL,WAAW,EAAE,2BAA2B;YACxC,KAAK,EAAE;gBACL,MAAM,EAAE,EAAE,aAAa,EAAE,aAAa,IAAI,EAAE,EAAE;gBAC9C,OAAO,EAAE;oBACP,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,CAAC;iBACnF;aACF;SACF;QACD,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC;KAChC,CAAC,CAAA;IACF,MAAM,iBAAiB,GAAG,eAAe,CAAC;QACxC,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,SAAkB;QACzB,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC;KAChC,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC,uBAAuB,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAA8B,EAC9E,CAAC,uBAAuB,CAAC,IAAI,EAAE,KAAK,CAAC,CACtC,CAAA;IACD,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,yBAAyB,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAsC,EACxF,CAAC,yBAAyB,CAAC,IAAI,EAAE,KAAK,CAAC,CACxC,CAAA;IACD,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CACH,IAAI,GAAG,CACL,oBAAoB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,GAAG,EAAE,EAAE,QAAQ,CAAC,CAAC,CAC1F,EACH,CAAC,oBAAoB,CAAC,CACvB,CAAA;IACD,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,IAAI,EAAE,CAA+B,EAClE,CAAC,iBAAiB,CAAC,IAAI,CAAC,CACzB,CAAA;IACD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,EACjF,CAAC,YAAY,CAAC,CACf,CAAA;IACD,MAAM,wBAAwB,GAAG,OAAO,CACtC,GAAG,EAAE,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,EAC/D,CAAC,kBAAkB,CAAC,CACrB,CAAA;IACD,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAC7E,CAAC,kBAAkB,CAAC,CACrB,CAAA;IAED,MAAM,yBAAyB,GAAG,UAAU,CAAC;QAC3C,OAAO,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;YAC9C,MAAM,UAAU,GAAG,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAA;YAE/E,OAAO,yBAAyB,CAAC,aAAa,EAAE,cAAc,EAAE;gBAC9D,WAAW;gBACX,KAAK,EAAE;oBACL,OAAO,EAAE;wBACP,KAAK,EAAE,KAAK;wBACZ,MAAM,EAAE,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;qBACtD;iBACF;aACF,CAAC,CAAA;QACJ,CAAC,CAAC;KACH,CAAC,CAAA;IAEF,MAAM,0BAA0B,GAAG,OAAO,CACxC,GAAG,EAAE,CACH,IAAI,GAAG,CACL,kBAAkB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;QAC5C,MAAM,UAAU,GAAG,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAA;QAC/E,MAAM,IAAI,GAAG,yBAAyB,CAAC,KAAK,CAAC,EAAE,IAElC,CAAA;QAEb,OAAO;YACL,WAAW;YACX,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACjC,KAAK,EAAE,IAAI,CAAC,GAAG;gBACf,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC;aAC5D,CAAC,CAAC;SACJ,CAAA;IACH,CAAC,CAAC,CACH,EACH,CAAC,iBAAiB,EAAE,cAAc,EAAE,kBAAkB,EAAE,yBAAyB,CAAC,CACnF,CAAA;IAED,OAAO;QACL,0BAA0B;QAC1B,cAAc;QACd,yBAAyB;QACzB,kBAAkB,EAAE,wBAAwB;KAC7C,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useTranslationDialogState.d.ts

@@ -0,0 +1,19 @@
+export type TranslationLanguage = {
+    code: string;
+    name: string;
+};
+export declare const useTranslationDialogState: ({ currentLanguageCode, languageList, }: {
+    currentLanguageCode: string;
+    languageList: TranslationLanguage[];
+}) => {
+    open: boolean;
+    overwrite: boolean;
+    reset: () => void;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setOverwrite: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    setSource: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setTargets: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    source: string;
+    targets: string[];
+};
+//# sourceMappingURL=useTranslationDialogState.d.ts.map

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useTranslationDialogState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslationDialogState.d.ts","sourceRoot":"","sources":["../../../../../../../src/router/dashboard/[contentType]/[edit]/_hooks/useTranslationDialogState.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,wCAGvC;IACD,mBAAmB,EAAE,MAAM,CAAA;IAC3B,YAAY,EAAE,mBAAmB,EAAE,CAAA;CACpC;;;;;;;;;;CAsCA,CAAA"}

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useTranslationDialogState.js

@@ -0,0 +1,30 @@
+import { useCallback, useEffect, useState } from 'react';
+export const useTranslationDialogState = ({ currentLanguageCode, languageList, }) => {
+    const [open, setOpen] = useState(false);
+    const [source, setSource] = useState(currentLanguageCode);
+    const [targets, setTargets] = useState(() => languageList.filter((item) => item.code !== currentLanguageCode).map((item) => item.code));
+    const [overwrite, setOverwrite] = useState(false);
+    const reset = useCallback(() => {
+        setSource(currentLanguageCode);
+        setTargets(languageList.filter((item) => item.code !== currentLanguageCode).map((item) => item.code));
+    }, [currentLanguageCode, languageList]);
+    useEffect(() => {
+        const codes = new Set(languageList.map((item) => item.code));
+        if (!codes.has(source)) {
+            setSource(currentLanguageCode);
+        }
+        setTargets((currentTargets) => currentTargets.filter((target) => codes.has(target) && target !== source));
+    }, [currentLanguageCode, languageList, source]);
+    return {
+        open,
+        overwrite,
+        reset,
+        setOpen,
+        setOverwrite,
+        setSource,
+        setTargets,
+        source,
+        targets,
+    };
+};
+//# sourceMappingURL=useTranslationDialogState.js.map

package/dist/esm/router/dashboard/[contentType]/[edit]/_hooks/useTranslationDialogState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslationDialogState.js","sourceRoot":"","sources":["../../../../../../../src/router/dashboard/[contentType]/[edit]/_hooks/useTranslationDialogState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAOxD,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,mBAAmB,EACnB,YAAY,GAIb,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IACzD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAW,GAAG,EAAE,CACpD,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,mBAAmB,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAC1F,CAAA;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,SAAS,CAAC,mBAAmB,CAAC,CAAA;QAC9B,UAAU,CACR,YAAY,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,mBAAmB,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAC1F,CAAA;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAA;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QAE5D,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YACvB,SAAS,CAAC,mBAAmB,CAAC,CAAA;QAChC,CAAC;QAED,UAAU,CAAC,CAAC,cAAc,EAAE,EAAE,CAC5B,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,MAAM,KAAK,MAAM,CAAC,CAC1E,CAAA;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO;QACL,IAAI;QACJ,SAAS;QACT,KAAK;QACL,OAAO;QACP,YAAY;QACZ,SAAS;QACT,UAAU;QACV,MAAM;QACN,OAAO;KACR,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/router/dashboard/[contentType]/[edit]/edit.d.ts

@@ -1,11 +1,4 @@
-import type { EncodedContentType } from "@rakun-kit/core/client";
-import { FieldValue } from "./_fields/shared/index.js";
-export declare const errorStyle: (props?: ({
-    error?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const EditPage: React.FC<{
-    contentType: EncodedContentType;
-    defaultData?: Record<string, FieldValue>;
-}>;
+import type { EditPageProps } from './edit.types.js';
+declare const EditPage: (props: EditPageProps) => import("react/jsx-runtime").JSX.Element;
 export default EditPage;
 //# sourceMappingURL=edit.d.ts.map

package/dist/esm/router/dashboard/[contentType]/[edit]/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../../../src/router/dashboard/[contentType]/[edit]/edit.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAcjE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AA6L9C,eAAO,MAAM,UAAU;;8EAMrB,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IACvB,WAAW,EAAE,kBAAkB,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;CAC1C,CA8WA,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../../../src/router/dashboard/[contentType]/[edit]/edit.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AA0DjD,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAIrC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/esm/router/dashboard/[contentType]/[edit]/edit.js

@@ -1,289 +1,31 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { toast } from "sonner";
-import { Seo } from "@rakun-kit/core/internal-content-types";
-import { GitBranch, Globe, LayoutPanelTop, NotepadText, ScrollText, } from "lucide-react";
-import { useQueries } from "@tanstack/react-query";
-import ContentTypeEdit from "./ContentTypeEdit.js";
-import { Button } from "../../../../components/ui/button.js";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../../components/ui/tabs.js";
-import LanguageSelector from "../../../../components/LanguageSelector.js";
-import { createManagerQueryOptions, useManagerClient, useManagerMutation, useManagerQuery, } from "../../../../client/react.js";
-import { useManagerNavigation } from "../../../../state/navigation.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../../../components/ui/select.js";
-import { useLanguage } from "../../../../state/language.js";
-const getLayoutOverrideValue = (override) => {
-    if (!override)
-        return "__default__";
-    return override.moduleId && override.moduleId.length > 0
-        ? override.moduleId
-        : "__none__";
-};
-const RouteLayoutModuleTabContent = ({ layoutModule, override, options, activeTab, contentTypeId, overridesByKey, routeLayoutOverridesQuery, }) => {
-    const [selected, setSelected] = useState(() => getLayoutOverrideValue(override));
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { EditTabPanels } from './_components/EditTabPanels.js';
+import { EditToolbar } from './_components/EditToolbar.js';
+import { PreviewPanel } from './_components/PreviewPanel.js';
+import { TrashDialogs } from './_components/TrashDialogs.js';
+import { EditPageProvider, useEditPageContext } from './_context/EditPageContext.js';
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '../../../../components/ui/resizable.js';
+import { Tabs } from '../../../../components/ui/tabs.js';
+const previewResizableQuery = '(min-width: 1280px)';
+const useCanResizePreview = () => {
+    const [canResizePreview, setCanResizePreview] = useState(false);
     useEffect(() => {
-        setSelected(getLayoutOverrideValue(override));
-    }, [override]);
-    const createOverrideMutation = useManagerMutation("manager.create");
-    const updateOverrideMutation = useManagerMutation("manager.update");
-    const deleteOverrideMutation = useManagerMutation("manager.delete");
-    const [isSaving, setIsSaving] = useState(false);
-    const saveLayoutOverride = async (layoutModule, selected) => {
-        if (!contentTypeId)
-            return;
-        setIsSaving(true);
-        const existing = overridesByKey.get(`${layoutModule.routeId}:${layoutModule.key}`);
-        if (selected === "__default__") {
-            if (existing) {
-                await deleteOverrideMutation.mutateAsync({
-                    contentType: "RouteLayoutModuleOverride",
-                    id: existing._id,
-                });
-                await routeLayoutOverridesQuery.refetch();
-            }
-            toast.success("Layout override updated successfully");
-            setIsSaving(false);
-            return;
-        }
-        const payload = {
-            _type: "RouteLayoutModuleOverride",
-            routeId: layoutModule.routeId,
-            routeKey: layoutModule.routeKey,
-            contentTypeId,
-            key: layoutModule.key,
-            contentType: layoutModule.contentType,
-            moduleId: selected === "__none__" ? "" : selected,
-        };
-        if (existing) {
-            await updateOverrideMutation.mutateAsync({
-                contentType: "RouteLayoutModuleOverride",
-                id: existing._id,
-                data: payload,
-            });
-        }
-        else {
-            await createOverrideMutation.mutateAsync({
-                contentType: "RouteLayoutModuleOverride",
-                data: payload,
-            });
-        }
-        toast.success("Layout override updated successfully");
-        await routeLayoutOverridesQuery.refetch();
-        setIsSaving(false);
-    };
-    const defaultOption = layoutModule.moduleId
-        ? (options.find((option) => option.value === layoutModule.moduleId)
-            ?.label ?? layoutModule.moduleId)
-        : "No module";
-    return (_jsx(TabsContent, { value: `layout:${layoutModule._id}`, forceMount: true, hidden: activeTab !== `layout:${layoutModule._id}`, className: "w-full", children: _jsxs("div", { className: "mx-auto flex w-full flex-col gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold", children: layoutModule.contentType }), _jsxs("p", { className: "text-muted-foreground text-sm", children: ["Default from route: ", defaultOption, ". Override only for this entry."] })] }), _jsxs(Select, { value: selected, onValueChange: setSelected, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select module" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "__default__", children: "Use route default" }), _jsx(SelectItem, { value: "__none__", children: "No module" }), options.map((option) => (_jsx(SelectItem, { value: option.value, children: option.label }, option.value)))] })] }), _jsx(Button, { className: "w-fit", loading: isSaving, onClick: () => saveLayoutOverride(layoutModule, selected), children: "Save override" })] }) }));
+        const mediaQuery = window.matchMedia(previewResizableQuery);
+        const update = () => setCanResizePreview(mediaQuery.matches);
+        mediaQuery.addEventListener('change', update);
+        update();
+        return () => mediaQuery.removeEventListener('change', update);
+    }, []);
+    return canResizePreview;
 };
-export const errorStyle = cva("", {
-    variants: {
-        error: {
-            true: "border-red-500",
-        },
-    },
-});
-const EditPage = ({ contentType, defaultData }) => {
-    const iterablesRef = useRef(null);
-    const nonIterablesRef = useRef(null);
-    const seoRef = useRef(null);
-    const navigation = useManagerNavigation();
-    const draft = useRef(defaultData);
-    const managerClient = useManagerClient();
-    const createMutation = useManagerMutation("manager.create");
-    const updateMutation = useManagerMutation("manager.update");
-    const { getTranslation } = useLanguage();
-    const contentTypeId = defaultData?._id;
-    const routeLayoutModulesQuery = useManagerQuery({
-        name: "manager.list",
-        input: {
-            contentType: "RouteLayoutModule",
-            query: {
-                filter: { routeContentType: contentType.name },
-                options: {
-                    limit: "all",
-                    fields: [
-                        "routeId",
-                        "routeKey",
-                        "routeContentType",
-                        "key",
-                        "contentType",
-                        "order",
-                        "moduleId",
-                    ],
-                },
-            },
-        },
-        enabled: Boolean(contentTypeId),
-    });
-    const routeLayoutOverridesQuery = useManagerQuery({
-        name: "manager.list",
-        input: {
-            contentType: "RouteLayoutModuleOverride",
-            query: {
-                filter: { contentTypeId: contentTypeId ?? "" },
-                options: {
-                    limit: "all",
-                    fields: [
-                        "routeId",
-                        "routeKey",
-                        "contentTypeId",
-                        "key",
-                        "contentType",
-                        "moduleId",
-                    ],
-                },
-            },
-        },
-        enabled: Boolean(contentTypeId),
-    });
-    const contentTypesQuery = useManagerQuery({
-        name: "manager.contentTypes",
-        input: undefined,
-        enabled: Boolean(contentTypeId),
-    });
-    const handleCreate = async (data) => {
-        const result = await createMutation.mutateAsync({
-            contentType: contentType.name,
-            data,
-        });
-        if (result && typeof result === "object" && "_id" in result) {
-            navigation.push?.({
-                name: "content.edit",
-                contentType: contentType.name,
-                id: String(result._id),
-            });
-        }
-        toast.success("Created successfully");
-    };
-    const handleUpdate = async (data) => {
-        const result = await updateMutation.mutateAsync({
-            contentType: contentType.name,
-            id: defaultData?._id,
-            data,
-        });
-        if (result && typeof result === "object" && "_id" in result) {
-            navigation.push?.({
-                name: "content.edit",
-                contentType: contentType.name,
-                id: String(result._id),
-            });
-        }
-        toast.success("Updated successfully");
-    };
-    const handleSave = async () => {
-        saveState();
-        if (iterablesRef.current?.getValue()?._error)
-            return;
-        if (nonIterablesRef.current?.getValue()?._error)
-            return;
-        if (seoRef.current?.getValue()?._error)
-            return;
-        const data = {
-            ...(iterablesRef.current?.getValue() || {}),
-            ...(nonIterablesRef.current?.getValue() || {}),
-            ...(seoRef.current?.getValue() || {}),
-        };
-        if (defaultData) {
-            await handleUpdate(data);
-        }
-        else {
-            await handleCreate(data);
-        }
-    };
-    const saveState = () => {
-        draft.current = {
-            ...iterablesRef.current?.getState(),
-            ...nonIterablesRef.current?.getState(),
-            ...seoRef.current?.getState(),
-        };
-    };
-    const { iterables, hasIterables, nonIterables, hasNonIterables, seo, hasSeo, } = useMemo(() => {
-        const iterables = {
-            ...contentType,
-            fields: {},
-        };
-        const nonIterables = {
-            ...contentType,
-            fields: {},
-        };
-        const seo = { ...contentType, fields: {} };
-        for (const [fieldName, fieldValue] of Object.entries(contentType.fields)) {
-            if (fieldValue.config.ui === "Iterator") {
-                iterables.fields[fieldName] = fieldValue;
-            }
-            else if ("contentType" in fieldValue &&
-                fieldValue.contentType.name === Seo.name) {
-                seo.fields[fieldName] = fieldValue;
-            }
-            else {
-                nonIterables.fields[fieldName] = fieldValue;
-            }
-        }
-        return {
-            iterables,
-            hasIterables: Object.keys(iterables.fields).length > 0,
-            nonIterables,
-            hasNonIterables: Object.keys(nonIterables.fields).length > 0,
-            seo,
-            hasSeo: Object.keys(seo.fields).length > 0,
-        };
-    }, [contentType]);
-    const routeLayoutModules = (routeLayoutModulesQuery.data?.items ??
-        []);
-    const routeLayoutOverrides = (routeLayoutOverridesQuery.data?.items ??
-        []);
-    const overridesByKey = new Map(routeLayoutOverrides.map((override) => [
-        `${override.routeId}:${override.key}`,
-        override,
-    ]));
-    const contentTypes = (contentTypesQuery.data ??
-        []);
-    const contentTypeByName = new Map(contentTypes.map((contentType) => [contentType.name, contentType]));
-    const layoutContentTypes = Array.from(new Set(routeLayoutModules.map((item) => item.contentType)));
-    const layoutModuleOptionQueries = useQueries({
-        queries: layoutContentTypes.map((contentType) => {
-            const labelField = contentTypeByName.get(contentType)?.listFields?.[0] ?? "_id";
-            return createManagerQueryOptions(managerClient, "manager.list", {
-                contentType,
-                query: {
-                    options: {
-                        limit: "all",
-                        fields: labelField === "_id" ? ["_id"] : [labelField],
-                    },
-                },
-            });
-        }),
-    });
-    const layoutOptionsByContentType = new Map(layoutContentTypes.map((contentType, index) => {
-        const labelField = contentTypeByName.get(contentType)?.listFields?.[0] ?? "_id";
-        const data = layoutModuleOptionQueries[index]?.data;
-        return [
-            contentType,
-            (data?.items ?? []).map((item) => ({
-                value: item._id,
-                label: String(getTranslation(item[labelField]) || item._id),
-            })),
-        ];
-    }));
-    const [activeTab, setActiveTab] = useState(hasNonIterables
-        ? "info"
-        : hasIterables
-            ? "content"
-            : hasSeo
-                ? "seo"
-                : "versions");
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "container py-10 px-4 mx-auto", children: _jsxs(Tabs, { value: activeTab, onValueChange: (v) => {
-                    saveState();
-                    setActiveTab(v);
-                }, className: "w-full", children: [_jsxs("div", { className: "flex gap-2 justify-between items-center sticky top-0 bg-background z-50 pb-3 mb-3 border-b", children: [_jsx("div", { className: "flex", children: _jsxs(TabsList, { variant: "line", children: [hasNonIterables ? (_jsxs(TabsTrigger, { value: "info", children: [_jsx(NotepadText, {}), "Info"] })) : null, hasIterables ? (_jsxs(TabsTrigger, { value: "content", children: [_jsx(ScrollText, {}), "Content"] })) : null, hasSeo ? (_jsxs(TabsTrigger, { value: "seo", children: [_jsx(Globe, {}), "Seo"] })) : null, [...routeLayoutModules]
-                                            .sort((a, b) => a.order - b.order)
-                                            .map((layoutModule) => (_jsxs(TabsTrigger, { value: `layout:${layoutModule._id}`, children: [_jsx(LayoutPanelTop, {}), layoutModule.contentType] }, layoutModule._id))), hasIterables ? (_jsxs(TabsTrigger, { value: "versions", children: [_jsx(GitBranch, {}), "Versions"] })) : null] }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(LanguageSelector, {}), _jsx(Button, { loading: createMutation.isPending || updateMutation.isPending, className: "cursor-pointer ml-auto", onClick: () => void handleSave(), children: "Save" })] })] }), hasIterables ? (_jsx(TabsContent, { value: "content", forceMount: true, hidden: activeTab !== "content", className: "w-full", children: _jsx(ContentTypeEdit, { defaultData: draft.current, ref: iterablesRef, contentType: iterables, id: contentType.name, collapsible: true, hideTitle: true }) })) : null, hasNonIterables ? (_jsx(TabsContent, { value: "info", forceMount: true, hidden: activeTab !== "info", className: "w-full", children: _jsx(ContentTypeEdit, { defaultData: draft.current, ref: nonIterablesRef, contentType: nonIterables, id: contentType.name }) })) : null, hasSeo ? (_jsx(TabsContent, { value: "seo", forceMount: true, hidden: activeTab !== "seo", className: "w-full", children: _jsx(ContentTypeEdit, { defaultData: draft.current, ref: seoRef, contentType: seo, id: contentType.name, hideTitle: true }) })) : null, [...routeLayoutModules]
-                        .sort((a, b) => a.order - b.order)
-                        .map((layoutModule) => (_jsx(RouteLayoutModuleTabContent, { routeLayoutOverridesQuery: routeLayoutOverridesQuery, layoutModule: layoutModule, override: overridesByKey.get(`${layoutModule.routeId}:${layoutModule.key}`), options: layoutOptionsByContentType.get(layoutModule.contentType) ?? [], activeTab: activeTab, contentTypeId: contentTypeId, overridesByKey: overridesByKey }, layoutModule._id))), hasIterables ? (_jsx(TabsContent, { value: "versions", children: "Comming soon" })) : null] }) }) }));
+const EditPageContent = () => {
+    const { activeTab, canPreview, handleTabChange, previewState } = useEditPageContext();
+    const canResizePreview = useCanResizePreview();
+    const previewOpen = canPreview && previewState.previewOpen;
+    return (_jsx("div", { className: "container py-10 px-4 mx-auto", children: _jsxs(Tabs, { value: activeTab, onValueChange: handleTabChange, className: "w-full", children: [_jsx(EditToolbar, {}), _jsx(TrashDialogs, {}), previewOpen && canResizePreview ? (_jsxs(ResizablePanelGroup, { className: "w-full", orientation: "horizontal", children: [_jsx(ResizablePanel, { className: "min-w-[320px]", defaultSize: 50, minSize: 20, children: _jsx("div", { className: "min-w-0 pr-2", children: _jsx(EditTabPanels, {}) }) }), _jsx(ResizableHandle, { withHandle: true, className: "mx-2" }), _jsx(ResizablePanel, { className: "min-w-130", defaultSize: 50, minSize: 35, children: _jsx("div", { className: "min-w-130 pl-2", children: _jsx(PreviewPanel, {}) }) })] })) : (_jsxs("div", { className: "grid gap-4", children: [_jsx(EditTabPanels, {}), previewOpen ? _jsx(PreviewPanel, {}) : null] }))] }) }));
 };
+const EditPage = (props) => (_jsx(EditPageProvider, { ...props, children: _jsx(EditPageContent, {}) }));
 export default EditPage;
 //# sourceMappingURL=edit.js.map