@rakun-kit/manager-react 1.2.0 → 1.3.0

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

@@ -0,0 +1,201 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useState, } from 'react';
+import { useContentDocumentActions } from '../_hooks/useContentDocumentActions.js';
+import { useContentPreview, } from '../_hooks/useContentPreview.js';
+import { useContentTypeSections } from '../_hooks/useContentTypeSections.js';
+import { useEditFormController } from '../_hooks/useEditFormController.js';
+import { useEditTabErrors } from '../_hooks/useEditTabErrors.js';
+import { useRouteLayoutData } from '../_hooks/useRouteLayoutData.js';
+import { useTranslationDialogState } from '../_hooks/useTranslationDialogState.js';
+import { useEditErrorStore } from '../../../../../hooks/app-store.js';
+import { useOptionalManagerNavigation } from '../../../../../state/navigation.js';
+import { useLanguage } from '../../../../../state/language.js';
+import { useSession } from '../../../../../state/session.js';
+const getDefaultVisibility = (defaultData) => (defaultData?._visibility ??
+    'draft');
+const getInitialTab = ({ hasIterables, hasNonIterables, hasSeo, }) => hasNonIterables ? 'info' : hasIterables ? 'content' : hasSeo ? 'seo' : 'versions';
+const managerPreviewSelectedClassName = 'rakun-manager-preview-selected';
+const escapeCssValue = (value) => {
+    if (typeof window.CSS?.escape === 'function') {
+        return window.CSS.escape(value);
+    }
+    return value.replace(/\\/g, '\\\\').replace(/"/g, '\\"');
+};
+const highlightManagerPreviewTarget = (selectors) => {
+    const run = () => {
+        const target = selectors
+            .map((selector) => document.querySelector(selector))
+            .find((element) => Boolean(element));
+        if (!target)
+            return;
+        target.scrollIntoView({ block: 'center', behavior: 'smooth' });
+        target.classList.remove(managerPreviewSelectedClassName);
+        void target.offsetWidth;
+        target.classList.add(managerPreviewSelectedClassName);
+        window.setTimeout(() => {
+            target.classList.remove(managerPreviewSelectedClassName);
+        }, 2200);
+    };
+    window.requestAnimationFrame(() => window.requestAnimationFrame(run));
+};
+const getContentModuleSelectors = (message) => {
+    const rootSelector = '[data-rakun-manager-tab-panel="content"]';
+    const selectors = [];
+    if (message.moduleId) {
+        selectors.push(`${rootSelector} [data-rakun-manager-module-id="${escapeCssValue(message.moduleId)}"]`);
+    }
+    if (message.moduleIndex !== undefined) {
+        selectors.push(`${rootSelector} [data-rakun-manager-module-index="${message.moduleIndex}"]`);
+    }
+    return selectors;
+};
+const EditPageContext = createContext(null);
+export const EditPageProvider = ({ children, contentType, defaultData, preview, onAfterRestore, }) => {
+    const { language, languageList } = useLanguage();
+    const { hasPermissions } = useSession();
+    const navigation = useOptionalManagerNavigation();
+    const editErrors = useEditErrorStore((state) => state.errors);
+    const sections = useContentTypeSections(contentType);
+    const contentTypeId = defaultData?._id;
+    const hasVisibility = Boolean(contentType.documentVisibility);
+    const canReadVersions = hasPermissions(['manager.versions.readAny']);
+    const canRestoreVersions = hasPermissions(['manager.versions.updateAny']);
+    const hasVersioning = Boolean(contentType.versioning) && canReadVersions;
+    const isTrashed = defaultData?._trashed === true ||
+        defaultData?._visibility === 'trash';
+    const [visibility, setVisibility] = useState(() => getDefaultVisibility(defaultData));
+    const visibilityBeforeTrash = (defaultData?._visibilityBeforeTrash ?? 'published');
+    const editableVisibility = (visibility === 'trash' ? visibilityBeforeTrash : visibility);
+    const [activeTab, setActiveTab] = useState(() => getInitialTab(sections));
+    const [showSaveErrorTooltip, setShowSaveErrorTooltip] = useState(false);
+    const [moveToTrashOpen, setMoveToTrashOpen] = useState(false);
+    const [permanentDeleteOpen, setPermanentDeleteOpen] = useState(false);
+    const form = useEditFormController({
+        defaultData,
+        hasVisibility,
+        setSaveErrorVisible: setShowSaveErrorTooltip,
+        visibility,
+    });
+    const saveFormState = form.saveState;
+    const documentActions = useContentDocumentActions({
+        closeMoveToTrashDialog: () => setMoveToTrashOpen(false),
+        closePermanentDeleteDialog: () => setPermanentDeleteOpen(false),
+        contentTypeId,
+        contentTypeName: contentType.name,
+        defaultData,
+        hasVersioning,
+        onAfterRestore,
+        readFormData: form.readFormData,
+        replaceDraft: form.replaceDraft,
+        setVisibility,
+        visibilityBeforeTrash,
+    });
+    const routeLayout = useRouteLayoutData({
+        contentTypeName: contentType.name,
+        contentTypeId,
+    });
+    const translation = useTranslationDialogState({
+        currentLanguageCode: language.code,
+        languageList,
+    });
+    const previewRoute = (contentType.routes ?? []).find((route) => route.hasPage);
+    const canPreview = Boolean(preview && previewRoute && !isTrashed);
+    const handlePreviewModuleSelect = useCallback((message) => {
+        if (message.entryType === 'content') {
+            if (!sections.hasIterables)
+                return;
+            saveFormState();
+            setActiveTab('content');
+            highlightManagerPreviewTarget(getContentModuleSelectors(message));
+            return;
+        }
+        if (message.moduleId && message.moduleType && navigation?.push) {
+            navigation.push({
+                name: 'content.edit',
+                contentType: message.moduleType,
+                id: message.moduleId,
+            });
+            return;
+        }
+        const layoutModule = routeLayout.routeLayoutModules.find((item) => item.key === message.layoutKey &&
+            (!previewRoute || item.routeKey === previewRoute.key));
+        if (!layoutModule)
+            return;
+        saveFormState();
+        setActiveTab(`layout:${layoutModule._id}`);
+        highlightManagerPreviewTarget([
+            `[data-rakun-manager-layout-key="${escapeCssValue(layoutModule.key)}"]`,
+        ]);
+    }, [navigation, previewRoute, routeLayout.routeLayoutModules, saveFormState, sections.hasIterables]);
+    const previewState = useContentPreview({
+        canPreview,
+        contentTypeName: contentType.name,
+        contentTypeId,
+        languageCode: language.code,
+        onModuleSelect: handlePreviewModuleSelect,
+        preview,
+        previewRoute,
+        readFormData: form.readFormData,
+    });
+    const tabErrors = useEditTabErrors({
+        contentTypeName: contentType.name,
+        editErrors,
+        sections,
+    });
+    const translationEnabled = Boolean(contentTypeId && !isTrashed && languageList.length > 1);
+    useEffect(() => {
+        setVisibility(getDefaultVisibility(defaultData));
+    }, [defaultData]);
+    useEffect(() => {
+        if (editErrors.length === 0) {
+            setShowSaveErrorTooltip(false);
+        }
+    }, [editErrors.length]);
+    const handleTabChange = (value) => {
+        form.saveState();
+        setActiveTab(value);
+    };
+    const handleVisibilityChange = (nextVisibility) => {
+        setVisibility(nextVisibility);
+    };
+    return (_jsx(EditPageContext.Provider, { value: {
+            activeTab,
+            canPreview,
+            canRestoreVersions,
+            contentTypeId,
+            contentTypeName: contentType.name,
+            documentActions,
+            editableVisibility,
+            form,
+            handleTabChange,
+            handleVisibilityChange,
+            hasVersioning,
+            hasVisibility,
+            isTrashed,
+            languageCode: language.code,
+            languageList,
+            moveToTrashOpen,
+            onAfterRestore,
+            openMoveToTrashDialog: () => setMoveToTrashOpen(true),
+            openPermanentDeleteDialog: () => setPermanentDeleteOpen(true),
+            permanentDeleteOpen,
+            previewState,
+            routeLayout,
+            sections,
+            setMoveToTrashOpen,
+            setPermanentDeleteOpen,
+            showSaveErrorTooltip,
+            tabErrors,
+            translation,
+            translationEnabled,
+        }, children: children }));
+};
+export const useEditPageContext = () => {
+    const context = useContext(EditPageContext);
+    if (!context) {
+        throw new Error('useEditPageContext must be used inside EditPageProvider');
+    }
+    return context;
+};
+//# sourceMappingURL=EditPageContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditPageContext.js","sourceRoot":"","sources":["../../../../../../../src/router/dashboard/[contentType]/[edit]/_context/EditPageContext.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { errorStyle } from '../../edit.js';
+import { errorStyle } from '../../edit.styles.js';
 import { FieldWrapper } from '../shared/FieldWrapper.js';
 import { useDateFieldValues } from './index.js';
 import { isTranslatableData } from '../shared/index.js';

package/dist/esm/router/dashboard/[contentType]/[edit]/_fields/Date/DateTimeUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeUI.js","sourceRoot":"","sources":["../../../../../../../../src/router/dashboard/[contentType]/[edit]/_fields/Date/DateTimeUI.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;AACtC,OAAO,EAAoB,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAEhE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAE7C,MAAM,UAAU,GAA2B,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,GACxD,kBAAkB,CAAC;QACjB,EAAE;QACF,IAAI,EAAE,UAAU;QAChB,GAAG,KAAK;KACT,CAAC,CAAA;IAEJ,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAA;IAEpD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;QAExB,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAA;QACxB,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,QAAQ,IAAI,KAAK;YAAE,OAAO,KAAK,CAAA;QAEhE,IAAI,kBAAkB,CAAC,KAAkC,CAAC,EAAE,CAAC;YAC3D,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;gBACvC,IAAI,CAAC,GAAG;oBAAE,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;gBAC3B,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAA;gBAC1B,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;YAClD,CAAC,CAAC,CACa,CAAA;QACnB,CAAC;QAED,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAA;QACxB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAe,CAAC,CAAA;QACtC,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;IAC7C,CAAC,CAAA;IAED,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAER,KAAC,KAAK,IACJ,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,EACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC9C,GACW,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"DateTimeUI.js","sourceRoot":"","sources":["../../../../../../../../src/router/dashboard/[contentType]/[edit]/_fields/Date/DateTimeUI.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;AACtC,OAAO,EAAoB,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAEhE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAE7C,MAAM,UAAU,GAA2B,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,GACxD,kBAAkB,CAAC;QACjB,EAAE;QACF,IAAI,EAAE,UAAU;QAChB,GAAG,KAAK;KACT,CAAC,CAAA;IAEJ,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAA;IAEpD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;QAExB,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAA;QACxB,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,QAAQ,IAAI,KAAK;YAAE,OAAO,KAAK,CAAA;QAEhE,IAAI,kBAAkB,CAAC,KAAkC,CAAC,EAAE,CAAC;YAC3D,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;gBACvC,IAAI,CAAC,GAAG;oBAAE,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;gBAC3B,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAA;gBAC1B,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;YAClD,CAAC,CAAC,CACa,CAAA;QACnB,CAAC;QAED,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAA;QACxB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAe,CAAC,CAAA;QACtC,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;IAC7C,CAAC,CAAA;IAED,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAER,KAAC,KAAK,IACJ,IAAI,EAAC,gBAAgB,EACrB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,EACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC9C,GACW,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { errorStyle } from '../../edit.js';
+import { errorStyle } from '../../edit.styles.js';
 import { FieldWrapper } from '../shared/FieldWrapper.js';
 import { useDateFieldValues } from './index.js';
 import { isTranslatableData } from '../shared/index.js';

package/dist/esm/router/dashboard/[contentType]/[edit]/_fields/Date/DateUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateUI.js","sourceRoot":"","sources":["../../../../../../../../src/router/dashboard/[contentType]/[edit]/_fields/Date/DateUI.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;AACtC,OAAO,EAAoB,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAEhE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAE7C,MAAM,MAAM,GAA2B,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,GACxD,kBAAkB,CAAC;QACjB,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,GAAG,KAAK;KACT,CAAC,CAAA;IAEJ,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAA;IAEpD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;QAExB,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAA;QACxB,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,QAAQ,IAAI,KAAK;YAAE,OAAO,KAAK,CAAA;QAEhE,IAAI,kBAAkB,CAAC,KAAkC,CAAC,EAAE,CAAC;YAC3D,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;gBACvC,IAAI,CAAC,GAAG;oBAAE,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;gBAC3B,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAA;gBAC1B,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;YAClD,CAAC,CAAC,CACa,CAAA;QACnB,CAAC;QAED,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAA;QACxB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAe,CAAC,CAAA;QACtC,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;IAC7C,CAAC,CAAA;IAED,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAER,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,EACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC9C,GACW,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"DateUI.js","sourceRoot":"","sources":["../../../../../../../../src/router/dashboard/[contentType]/[edit]/_fields/Date/DateUI.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;AACtC,OAAO,EAAoB,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAEhE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAE7C,MAAM,MAAM,GAA2B,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,GACxD,kBAAkB,CAAC;QACjB,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,GAAG,KAAK;KACT,CAAC,CAAA;IAEJ,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAA;IAEpD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;QAExB,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAA;QACxB,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,QAAQ,IAAI,KAAK;YAAE,OAAO,KAAK,CAAA;QAEhE,IAAI,kBAAkB,CAAC,KAAkC,CAAC,EAAE,CAAC;YAC3D,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE;gBACvC,IAAI,CAAC,GAAG;oBAAE,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;gBAC3B,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAA;gBAC1B,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;YAClD,CAAC,CAAC,CACa,CAAA;QACnB,CAAC;QAED,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAA;QACxB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAe,CAAC,CAAA;QACtC,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;IAC7C,CAAC,CAAA;IAED,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAER,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,EACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC9C,GACW,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useDateFieldValues } from './index.js';
-import { errorStyle } from '../../edit.js';
+import { errorStyle } from '../../edit.styles.js';
 import { FieldWrapper } from '../shared/FieldWrapper.js';
 import { Input } from '../../../../../../components/ui/input.js';
 const TimeUI = ({ id, ref, ...props }) => {

package/dist/esm/router/dashboard/[contentType]/[edit]/_fields/Date/TimeUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeUI.js","sourceRoot":"","sources":["../../../../../../../../src/router/dashboard/[contentType]/[edit]/_fields/Date/TimeUI.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAKZ,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAE7C,MAAM,MAAM,GAA2B,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,GACxD,kBAAkB,CAAC;QACjB,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,GAAG,KAAK;KACT,CAAC,CAAA;IAEJ,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAA;IAEpD,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAER,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,EACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC9C,GACW,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"TimeUI.js","sourceRoot":"","sources":["../../../../../../../../src/router/dashboard/[contentType]/[edit]/_fields/Date/TimeUI.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAKZ,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAE7C,MAAM,MAAM,GAA2B,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,GACxD,kBAAkB,CAAC;QACjB,EAAE;QACF,IAAI,EAAE,MAAM;QACZ,GAAG,KAAK;KACT,CAAC,CAAA;IAEJ,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,CAAA;IAEpD,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,YAER,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,EACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC9C,GACW,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/router/dashboard/[contentType]/[edit]/_fields/FileField/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAYhD,KAAK,cAAc,GAAG,gBAAgB,GAAG;IACvC,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;CACzB,CAAA;AAkED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8YvC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/router/dashboard/[contentType]/[edit]/_fields/FileField/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAkBhD,KAAK,cAAc,GAAG,gBAAgB,GAAG;IACvC,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;CACzB,CAAA;AAoID,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0cvC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -1,15 +1,16 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ImagePlus, Trash2 } from 'lucide-react';
+import { GripVertical, ImagePlus, Trash2 } from 'lucide-react';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useQuery } from '@tanstack/react-query';
 import { toast } from 'sonner';
 import { FieldWrapper } from '../shared/FieldWrapper.js';
 import { Button } from '../../../../../../components/ui/button.js';
 import { Card } from '../../../../../../components/ui/card.js';
+import { Sortable, SortableContent, SortableItem, SortableItemHandle, } from '../../../../../../components/ui/sortable.js';
 import { useTRPC, useTRPCClient } from '../../../../../../components/trpc-provider.js';
 import { useEditErrorStore } from '../../../../../../hooks/app-store.js';
-import { formatList } from '../../../../../../lib/formatList.js';
+import { formatFileSize } from '../../../../../../components/media/previews/utils/mediaPreview.js';
 import { useMedia } from '../../../../../../lib/providers/media/MediaClientProvider.js';
 import { useLanguage } from '../../../../../../lib/providers/language/LanguageClientProvider.js';
 const isMediaRelation = (value) => {
@@ -23,19 +24,13 @@ const isMediaRelation = (value) => {
         value.contentType === 'Media');
 };
 const isTranslatableMediaRelation = (value) => {
-    return (!!value &&
-        typeof value === 'object' &&
-        '_tag' in value &&
-        value._tag === 'Translatable');
+    return !!value && typeof value === 'object' && '_tag' in value && value._tag === 'Translatable';
 };
 const isMediaRelationArray = (value) => {
     return Array.isArray(value) && value.every((item) => isMediaRelation(item));
 };
 const isTranslatableMediaRelationArray = (value) => {
-    return (!!value &&
-        typeof value === 'object' &&
-        '_tag' in value &&
-        value._tag === 'Translatable');
+    return !!value && typeof value === 'object' && '_tag' in value && value._tag === 'Translatable';
 };
 const isValidType = (mediaType, mime) => {
     const normalized = mediaType.toLowerCase();
@@ -50,6 +45,39 @@ const isValidType = (mediaType, mime) => {
     }
     return true;
 };
+const SelectedMediaListItem = ({ media, onDelete, }) => {
+    const trpcClient = useTRPCClient();
+    const canResolvePreview = Boolean(media.mime?.startsWith('image/') && media.access && (media.previewKey || media.key));
+    const { data: previewUrl } = useQuery({
+        queryKey: [
+            'file-field-media-list-preview-url',
+            media._id,
+            media.previewKey || media.key,
+            media.access,
+        ],
+        enabled: canResolvePreview,
+        queryFn: async () => {
+            if (media.previewUrl)
+                return media.previewUrl;
+            if (media.url)
+                return media.url;
+            if (!media.key || !media.access)
+                return '';
+            const result = (await trpcClient.manager.media.getUrl.query({
+                key: media.previewKey || media.key,
+                access: media.access,
+            }));
+            return result.url;
+        },
+    });
+    const metadata = [
+        typeof media.size === 'number' ? formatFileSize(media.size) : null,
+        media.mime || null,
+    ]
+        .filter(Boolean)
+        .join(' • ');
+    return (_jsxs("div", { className: "flex min-w-0 items-center gap-3 rounded-md border bg-background p-2", children: [_jsx(SortableItemHandle, { asChild: true, children: _jsxs(Button, { type: "button", variant: "ghost", size: "icon", className: "size-8 shrink-0", children: [_jsx(GripVertical, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Reorder media" })] }) }), _jsx("div", { className: "flex h-14 w-14 shrink-0 items-center justify-center overflow-hidden rounded-md border bg-muted", children: previewUrl ? (_jsx("img", { src: previewUrl, alt: media.name || 'Selected image', className: "h-full w-full object-cover", loading: "lazy" })) : (_jsx(ImagePlus, { className: "text-muted-foreground size-5" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium", children: media.name || media._id }), metadata ? _jsx("p", { className: "text-muted-foreground truncate text-xs", children: metadata }) : null] }), _jsxs(Button, { type: "button", variant: "ghost", size: "icon", className: "text-destructive hover:text-destructive size-8 shrink-0", onClick: () => onDelete(media._id), children: [_jsx(Trash2, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Remove media" })] })] }));
+};
 const FileField = ({ ref, ...props }) => {
     const { language } = useLanguage();
     const { openMediaLibrary } = useMedia();
@@ -60,9 +88,7 @@ const FileField = ({ ref, ...props }) => {
     const error = useEditErrorStore((state) => state.errors.find((item) => item.id === props.id)?.error);
     const [selectedMedia, setSelectedMedia] = useState(null);
     const [selectedMediaList, setSelectedMediaList] = useState([]);
-    const [translations, setTranslations] = useState(() => props.isTranslatable &&
-        !props.isMultiple &&
-        isTranslatableMediaRelation(props.defaultData)
+    const [translations, setTranslations] = useState(() => props.isTranslatable && !props.isMultiple && isTranslatableMediaRelation(props.defaultData)
         ? props.defaultData
         : { _tag: 'Translatable' });
     const [translationsList, setTranslationsList] = useState(() => props.isTranslatable &&
@@ -70,9 +96,7 @@ const FileField = ({ ref, ...props }) => {
         isTranslatableMediaRelationArray(props.defaultData)
         ? props.defaultData
         : { _tag: 'Translatable' });
-    const [value, setValue] = useState(() => props.isTranslatable &&
-        !props.isMultiple &&
-        isTranslatableMediaRelation(props.defaultData)
+    const [value, setValue] = useState(() => props.isTranslatable && !props.isMultiple && isTranslatableMediaRelation(props.defaultData)
         ? (() => {
             const translated = props.defaultData[language.code];
             return isMediaRelation(translated) ? translated : null;
@@ -80,16 +104,12 @@ const FileField = ({ ref, ...props }) => {
         : !props.isMultiple && isMediaRelation(props.defaultData)
             ? props.defaultData
             : null);
-    const [valueList, setValueList] = useState(() => props.isTranslatable &&
-        props.isMultiple &&
-        isTranslatableMediaRelationArray(props.defaultData)
+    const [valueList, setValueList] = useState(() => props.isTranslatable && props.isMultiple && isTranslatableMediaRelationArray(props.defaultData)
         ? (() => {
             const translated = props.defaultData[language.code];
             return isMediaRelationArray(translated) ? translated : [];
         })()
-        : !props.isTranslatable &&
-            props.isMultiple &&
-            isMediaRelationArray(props.defaultData)
+        : !props.isTranslatable && props.isMultiple && isMediaRelationArray(props.defaultData)
             ? props.defaultData
             : []);
     useEffect(() => {
@@ -103,12 +123,7 @@ const FileField = ({ ref, ...props }) => {
             return;
         const translated = translationsList[language.code];
         setValueList(isMediaRelationArray(translated) ? translated : []);
-    }, [
-        language.code,
-        props.isMultiple,
-        props.isTranslatable,
-        translationsList,
-    ]);
+    }, [language.code, props.isMultiple, props.isTranslatable, translationsList]);
     const { data: defaultMedia } = useQuery({
         ...trpc.manager.get.queryOptions({
             contentType: 'Media',
@@ -128,20 +143,38 @@ const FileField = ({ ref, ...props }) => {
                 options: { limit: 'all' },
             },
         }),
-        enabled: props.isMultiple &&
-            valueList.length > 0 &&
-            selectedMediaList.length === 0,
+        enabled: props.isMultiple && valueList.length > 0,
     });
     const defaultMediaListData = defaultMediaListRaw;
-    const defaultMediaList = useMemo(() => (defaultMediaListData?.items ?? []).filter(Boolean), [defaultMediaListData?.items]);
+    const defaultMediaList = useMemo(() => {
+        const mediaById = new Map((defaultMediaListData?.items ?? [])
+            .filter(Boolean)
+            .map((item) => [item._id, item]));
+        return valueList.flatMap((relation) => {
+            const media = mediaById.get(relation._id);
+            return media ? [media] : [];
+        });
+    }, [defaultMediaListData?.items, valueList]);
     const mediaForPreview = (selectedMedia ??
         defaultMedia ??
         null);
     const mediaListForPreview = useMemo(() => {
-        if (selectedMediaList.length > 0)
-            return selectedMediaList;
-        return defaultMediaList;
-    }, [defaultMediaList, selectedMediaList]);
+        const mediaById = new Map(defaultMediaList.map((item) => [item._id, item]));
+        for (const media of selectedMediaList) {
+            mediaById.set(media._id, media);
+        }
+        return valueList.flatMap((relation) => {
+            const media = mediaById.get(relation._id);
+            return media ? [media] : [];
+        });
+    }, [defaultMediaList, selectedMediaList, valueList]);
+    const selectedMediaItems = useMemo(() => {
+        const mediaById = new Map(mediaListForPreview.map((item) => [item._id, item]));
+        return valueList.map((relation) => mediaById.get(relation._id) ?? {
+            _id: relation._id,
+            name: relation._id,
+        });
+    }, [mediaListForPreview, valueList]);
     const { data: previewUrl } = useQuery({
         queryKey: [
             'file-field-media-preview-url',
@@ -172,9 +205,7 @@ const FileField = ({ ref, ...props }) => {
                     [language.code]: valueList,
                     _tag: 'Translatable',
                 };
-                const hasAnyValue = Object.entries(normalized).some(([lang, relationValue]) => lang !== '_tag' &&
-                    Array.isArray(relationValue) &&
-                    relationValue.length > 0);
+                const hasAnyValue = Object.entries(normalized).some(([lang, relationValue]) => lang !== '_tag' && Array.isArray(relationValue) && relationValue.length > 0);
                 if (props.isRequired && !hasAnyValue) {
                     const _error = 'This field is required';
                     addError(props.id, _error);
@@ -239,6 +270,47 @@ const FileField = ({ ref, ...props }) => {
         }
         return null;
     }, [mediaForPreview, props.defaultData, props.isMultiple, value?._id]);
+    const handleMultipleSort = useCallback((items) => {
+        const orderedIds = items.map((item) => item._id);
+        const relationById = new Map(valueList.map((relation) => [relation._id, relation]));
+        const mediaById = new Map(mediaListForPreview.map((media) => [media._id, media]));
+        const relationList = orderedIds.flatMap((id) => {
+            const relation = relationById.get(id);
+            return relation ? [relation] : [];
+        });
+        const mediaList = orderedIds.flatMap((id) => {
+            const media = mediaById.get(id);
+            return media ? [media] : [];
+        });
+        setValueList(relationList);
+        setSelectedMediaList(mediaList);
+        if (props.isTranslatable) {
+            setTranslationsList((prev) => ({
+                ...prev,
+                [language.code]: relationList,
+            }));
+        }
+    }, [language.code, mediaListForPreview, props.isTranslatable, valueList]);
+    const handleMultipleDelete = useCallback((mediaId) => {
+        removeRelatedErrors(props.id);
+        const relationList = valueList.filter((relation) => relation._id !== mediaId);
+        const mediaList = mediaListForPreview.filter((media) => media._id !== mediaId);
+        setValueList(relationList);
+        setSelectedMediaList(mediaList);
+        if (props.isTranslatable) {
+            setTranslationsList((prev) => ({
+                ...prev,
+                [language.code]: relationList,
+            }));
+        }
+    }, [
+        language.code,
+        mediaListForPreview,
+        props.id,
+        props.isTranslatable,
+        removeRelatedErrors,
+        valueList,
+    ]);
     const onSelectMedia = useCallback(async () => {
         const mediaOrList = await openMediaLibrary({
             mediaType: props.mediaType,
@@ -249,9 +321,7 @@ const FileField = ({ ref, ...props }) => {
         if (!mediaOrList)
             return;
         if (props.isMultiple) {
-            const mediaList = (Array.isArray(mediaOrList)
-                ? mediaOrList
-                : [mediaOrList]).filter((item) => isValidType(props.mediaType, item.mime));
+            const mediaList = (Array.isArray(mediaOrList) ? mediaOrList : [mediaOrList]).filter((item) => isValidType(props.mediaType, item.mime));
             if (mediaList.length === 0) {
                 toast.error(`Selected files are not valid ${props.mediaType} media`);
                 return;
@@ -302,7 +372,7 @@ const FileField = ({ ref, ...props }) => {
         props.optimizeOptions,
         props.uploadMethod,
     ]);
-    return (_jsx(FieldWrapper, { id: props.id, errors: error ? [{ id: props.id, error }] : [], getValue: getValue, getState: getState, ref: ref, children: _jsxs("div", { className: 'flex flex-col gap-3', children: [_jsxs("div", { className: 'flex items-center gap-2', children: [_jsxs(Button, { type: 'button', variant: 'outline', onClick: onSelectMedia, children: [_jsx(ImagePlus, { className: 'size-4' }), props.isMultiple ? 'Select media files' : 'Select media'] }), props.isMultiple ? (valueList.length > 0 ? (_jsxs(Button, { type: 'button', variant: 'outline', onClick: () => {
+    return (_jsx(FieldWrapper, { id: props.id, errors: error ? [{ id: props.id, error }] : [], getValue: getValue, getState: getState, ref: ref, children: _jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { type: "button", variant: "outline", onClick: onSelectMedia, children: [_jsx(ImagePlus, { className: "size-4" }), props.isMultiple ? 'Select media files' : 'Select media'] }), props.isMultiple ? (valueList.length > 0 ? (_jsxs(Button, { type: "button", variant: "outline", onClick: () => {
                                 removeRelatedErrors(props.id);
                                 setSelectedMediaList([]);
                                 setValueList([]);
@@ -312,7 +382,7 @@ const FileField = ({ ref, ...props }) => {
                                         [language.code]: [],
                                     }));
                                 }
-                            }, children: [_jsx(Trash2, { className: 'size-4' }), "Clear"] })) : null) : value ? (_jsxs(Button, { type: 'button', variant: 'outline', onClick: () => {
+                            }, children: [_jsx(Trash2, { className: "size-4" }), "Clear"] })) : null) : value ? (_jsxs(Button, { type: "button", variant: "outline", onClick: () => {
                                 removeRelatedErrors(props.id);
                                 setSelectedMedia(null);
                                 setValue(null);
@@ -322,7 +392,7 @@ const FileField = ({ ref, ...props }) => {
                                         [language.code]: null,
                                     }));
                                 }
-                            }, children: [_jsx(Trash2, { className: 'size-4' }), "Clear"] })) : null] }), props.isMultiple ? (valueList.length > 0 ? (_jsx(Card, { className: 'p-3 text-sm', children: _jsxs("div", { className: 'space-y-1', children: [_jsxs("p", { className: 'font-medium', children: [valueList.length, " media selected"] }), _jsx("div", { className: 'text-muted-foreground', children: formatList(mediaListForPreview.map((item) => item.name), language.code) })] }) })) : null) : value ? (_jsx(Card, { className: 'p-3 text-sm', children: _jsxs("div", { className: 'flex items-center gap-3', children: [mediaForPreview?.mime?.startsWith('image/') && previewUrl ? (_jsx("img", { src: previewUrl, alt: preview?.name || 'Selected image', className: 'h-20 w-20 shrink-0 rounded-md border object-cover', loading: 'lazy' })) : null, _jsxs("div", { className: 'min-w-0', children: [_jsx("p", { className: 'truncate font-medium', children: preview?.name || value._id }), _jsx("p", { className: 'text-muted-foreground', children: preview?.mime || 'Unknown mime' })] })] }) })) : null] }) }));
+                            }, children: [_jsx(Trash2, { className: "size-4" }), "Clear"] })) : null] }), props.isMultiple ? (valueList.length > 0 ? (_jsx(Card, { className: "p-3 text-sm", children: _jsxs("div", { className: "space-y-3", children: [_jsxs("p", { className: "font-medium", children: [valueList.length, " media selected"] }), _jsx(Sortable, { value: selectedMediaItems, onValueChange: handleMultipleSort, getItemValue: (item) => item._id, children: _jsx(SortableContent, { className: "flex flex-col gap-2", children: selectedMediaItems.map((media) => (_jsx(SortableItem, { value: media._id, asChild: true, children: _jsx("div", { children: _jsx(SelectedMediaListItem, { media: media, onDelete: handleMultipleDelete }) }) }, media._id))) }) })] }) })) : null) : value ? (_jsx(Card, { className: "p-3 text-sm", children: _jsxs("div", { className: "flex items-center gap-3", children: [mediaForPreview?.mime?.startsWith('image/') && previewUrl ? (_jsx("img", { src: previewUrl, alt: preview?.name || 'Selected image', className: "h-20 w-20 shrink-0 rounded-[calc(var(--radius)-8px)] border object-cover", loading: "lazy" })) : null, _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate font-medium", children: preview?.name || value._id }), _jsx("p", { className: "text-muted-foreground", children: preview?.mime || 'Unknown mime' })] })] }) })) : null] }) }));
 };
 export default FileField;
 //# sourceMappingURL=index.js.map