@donotdev/ui 0.0.11 → 0.0.12

package/dist/components/layout/GameContainer.d.ts

@@ -18,6 +18,8 @@ export interface GameContainerProps {
     justify?: 'center' | 'start' | 'end' | 'between';
     /** Disable ScrollArea (use plain overflow) - for interactive content */
     disableScrollArea?: boolean;
+    /** Content width: 'full' (default) or 'narrow' (constrained by --narrow-content-max) */
+    contentVariant?: 'full' | 'narrow';
     /** Additional className for content wrapper */
     contentClassName?: string;
     /** Additional className for CTA button */
@@ -70,5 +72,5 @@ export interface GameContainerProps {
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export declare function GameContainer({ content, cta, align, justify, disableScrollArea, contentClassName, ctaClassName, }: GameContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare function GameContainer({ content, cta, align, justify, disableScrollArea, contentVariant, contentClassName, ctaClassName, }: GameContainerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=GameContainer.d.ts.map

package/dist/components/layout/GameContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GameContainer.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GameContainer.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,0DAA0D;IAC1D,OAAO,EAAE,SAAS,CAAC;IAEnB,0CAA0C;IAC1C,GAAG,CAAC,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;KACpD,CAAC;IAEF,yCAAyC;IACzC,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAEvC,uCAAuC;IACvC,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IAEjD,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,GAAG,EACH,KAAgB,EAChB,OAAkB,EAClB,iBAAyB,EACzB,gBAAgB,EAChB,YAAY,GACb,EAAE,kBAAkB,2CAmCpB"}
+{"version":3,"file":"GameContainer.d.ts","sourceRoot":"","sources":["../../../src/components/layout/GameContainer.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,0DAA0D;IAC1D,OAAO,EAAE,SAAS,CAAC;IAEnB,0CAA0C;IAC1C,GAAG,CAAC,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;KACpD,CAAC;IAEF,yCAAyC;IACzC,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAEvC,uCAAuC;IACvC,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IAEjD,wEAAwE;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,wFAAwF;IACxF,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAEnC,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,GAAG,EACH,KAAgB,EAChB,OAAkB,EAClB,iBAAyB,EACzB,cAAuB,EACvB,gBAAgB,EAChB,YAAY,GACb,EAAE,kBAAkB,2CA0CpB"}

package/dist/components/layout/GameContainer.js

@@ -57,6 +57,7 @@ import { cn } from '@donotdev/components';
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export function GameContainer({ content, cta, align = 'center', justify = 'center', disableScrollArea = false, contentClassName, ctaClassName, }) {
-    return (_jsxs("div", { className: "dndev-game-container", children: [_jsx("div", { className: cn('dndev-game-container__content', contentClassName), "data-align": align, "data-justify": justify, children: disableScrollArea ? (_jsx("div", { style: { overflow: 'auto', overscrollBehavior: 'contain' }, children: content })) : (_jsx(ScrollArea, { className: "dndev-game-container__scroll", children: content })) }), cta && (_jsx("div", { className: cn('dndev-game-container__cta', ctaClassName), children: _jsx(Button, { onClick: cta.onClick, disabled: cta.disabled ?? false, variant: cta.variant ?? 'default', className: "dndev-game-container__cta-button", children: cta.label }) }))] }));
+export function GameContainer({ content, cta, align = 'center', justify = 'center', disableScrollArea = false, contentVariant = 'full', contentClassName, ctaClassName, }) {
+    const contentInner = disableScrollArea ? (_jsx("div", { style: { overflow: 'auto', overscrollBehavior: 'contain' }, children: content })) : (_jsx(ScrollArea, { className: "dndev-game-container__scroll", children: content }));
+    return (_jsxs("div", { className: "dndev-game-container", children: [_jsx("div", { className: cn('dndev-game-container__content', contentClassName), "data-align": align, "data-justify": justify, "data-content-variant": contentVariant, children: contentVariant === 'narrow' ? (_jsx("div", { className: "dndev-game-container__content-narrow", children: contentInner })) : (contentInner) }), cta && (_jsx("div", { className: cn('dndev-game-container__cta', ctaClassName), children: _jsx(Button, { onClick: cta.onClick, disabled: cta.disabled ?? false, variant: cta.variant ?? 'default', className: "dndev-game-container__cta-button", children: cta.label }) }))] }));
 }

package/dist/components/layout/PageContainer.d.ts

@@ -3,7 +3,7 @@ import type { ComponentType, ReactNode } from 'react';
 /**
  * Page container variants - semantic layout patterns
  */
-export type PageContainerVariant = 'full' | 'standard' | 'docs' | 'fixed';
+export type PageContainerVariant = 'full' | 'standard' | 'docs' | 'narrow' | 'fixed';
 /**
  * PageContainer component props
  */

package/dist/components/layout/PageContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PageContainer.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAK9C,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAC5B,MAAM,GACN,UAAU,GACV,MAAM,GACN,OAAO,CAAC;AAEZ;;GAEG;AACH,UAAU,kBAAkB;IAC1B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAE/B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IAEpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,kBAAkB,CA4B3D,CAAC"}
+{"version":3,"file":"PageContainer.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PageContainer.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAK9C,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAC5B,MAAM,GACN,UAAU,GACV,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AAEZ;;GAEG;AACH,UAAU,kBAAkB;IAC1B,4BAA4B;IAC5B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAE/B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;IAEpB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,kBAAkB,CA4B3D,CAAC"}

package/dist/crud/components/EntityFormRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityFormRenderer.d.ts","sourceRoot":"","sources":["../../../src/crud/components/EntityFormRenderer.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EACV,uBAAuB,EACvB,YAAY,EAEb,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,uBAAuB,EAAE,CAAC;AAExC;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,EAAE,EACxE,MAAM,EACN,QAAQ,EACR,CAAC,EACD,SAAc,EACd,UAAU,EACV,OAAe,EACf,aAAa,EACb,aAAyB,EACzB,mBAAmB,EACnB,sBAAkC,EAClC,iBAAiB,EACjB,UAAU,EACV,SAA6C,EAC7C,QAAiC,EACjC,MAAM,EAAE,cAAc,EACtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,EACR,oBAA2B,EAC3B,qBAAqB,EACrB,kBAA0B,GAC3B,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA+a5B;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"EntityFormRenderer.d.ts","sourceRoot":"","sources":["../../../src/crud/components/EntityFormRenderer.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EACV,uBAAuB,EACvB,YAAY,EAEb,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,uBAAuB,EAAE,CAAC;AAExC;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,EAAE,EACxE,MAAM,EACN,QAAQ,EACR,CAAC,EACD,SAAc,EACd,UAAU,EACV,OAAe,EACf,aAAa,EACb,aAAyB,EACzB,mBAAmB,EACnB,sBAAkC,EAClC,iBAAiB,EACjB,UAAU,EACV,SAA6C,EAC7C,QAAiC,EACjC,MAAM,EAAE,cAAc,EACtB,UAAU,EACV,UAAU,EACV,WAAW,EACX,QAAQ,EACR,oBAA2B,EAC3B,qBAAqB,EACrB,kBAA0B,GAC3B,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA+b5B;AAED,eAAe,kBAAkB,CAAC"}

package/dist/crud/components/EntityFormRenderer.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useMemo, useState } from 'react';
 import { FormProvider } from 'react-hook-form';
 import { Badge, Button, DropdownMenu, Grid, Stack, Spinner, } from '@donotdev/components';
-import { useTranslation } from '@donotdev/core';
+import { hasRoleAccess, useTranslation } from '@donotdev/core';
 import { useNavigate } from '../../routing';
 import { DisplayFieldRenderer, FormFieldRenderer, UploadProvider, useEntityForm, useUnsavedChangesWarning, useConfirmNavigation, useFormStore, } from '@donotdev/crud';
 /**
@@ -34,12 +34,19 @@ export function EntityFormRenderer({ entity, onSubmit, t, className = '', submit
     // Generate stable form ID
     const generatedFormId = useId();
     const formId = externalFormId ?? `entity-form-${entity.name}-${generatedFormId}`;
-    // Use entity name as i18n namespace
-    const { t: translationFn } = useTranslation(entity.namespace);
+    // Entity + crud namespaces so translateLabel can resolve crud:status.* etc.
+    const { t: translationFn } = useTranslation([entity.namespace, 'crud']);
     const { t: tCrud } = useTranslation('crud');
     const translate = t || translationFn;
-    // Preview role state for View As toggle (only used when visibility info is shown)
-    const [previewRole, setPreviewRole] = useState('super');
+    // Visibility badges (developer-facing) are for admins/super only
+    const isAdminOrSuper = viewerRole === 'admin' || viewerRole === 'super';
+    const showVisibilityBadges = !hideVisibilityInfo && isAdminOrSuper;
+    // Preview dropdown (View As) is available for user/admin/super
+    const canPreviewRole = viewerRole === 'user' || viewerRole === 'admin' || viewerRole === 'super';
+    // Preview role state for View As toggle
+    const [previewRole, setPreviewRole] = useState(viewerRole === 'admin' || viewerRole === 'super' || viewerRole === 'user'
+        ? viewerRole
+        : 'guest');
     // Visibility → Badge variant mapping (inline, no separate file needed)
     const visibilityBadgeVariant = {
         guest: 'muted',
@@ -47,6 +54,7 @@ export function EntityFormRenderer({ entity, onSubmit, t, className = '', submit
         admin: 'warning',
         super: 'destructive',
         technical: 'accent',
+        owner: 'secondary',
     };
     // Role hierarchy for filtering (higher index = more access)
     const roleHierarchy = ['guest', 'user', 'admin', 'super'];
@@ -58,12 +66,14 @@ export function EntityFormRenderer({ entity, onSubmit, t, className = '', submit
         super: 'Super',
         technical: 'System',
     };
-    // Preview dropdown menu items
-    const previewMenuItems = useMemo(() => roleHierarchy.map((role) => ({
+    // Preview dropdown menu items (roles current viewer can assume)
+    const previewMenuItems = useMemo(() => roleHierarchy
+        .filter((role) => hasRoleAccess(viewerRole, role))
+        .map((role) => ({
         label: roleLabels[role],
         checked: previewRole === role,
         onClick: () => setPreviewRole(role),
-    })), [previewRole]);
+    })), [previewRole, viewerRole]);
     // useEntityForm handles all orchestration
     const form = useEntityForm(entity, {
         formId,
@@ -73,10 +83,11 @@ export function EntityFormRenderer({ entity, onSubmit, t, className = '', submit
         t: translate,
         autoSave,
     });
-    const { control, handleSubmit, formState: { errors }, fields: rawFields, formStatus, uploadProgress, cleanup, isDirty, resetForm, } = form;
+    const { control, handleSubmit, formState: { errors }, fields: rawFields, formStatus, uploadProgress, cleanup, isDirty, hasUserInteracted, resetForm, } = form;
+    const isDirtyForBlocking = isDirty && hasUserInteracted;
     // Filter fields based on previewRole when visibility info is shown
     const renderableFields = useMemo(() => {
-        if (hideVisibilityInfo)
+        if (!canPreviewRole)
             return rawFields;
         const previewRoleIndex = roleHierarchy.indexOf(previewRole);
         return rawFields.filter(({ config }) => {
@@ -89,13 +100,13 @@ export function EntityFormRenderer({ entity, onSubmit, t, className = '', submit
             const fieldRoleIndex = roleHierarchy.indexOf(fieldVisibility);
             return fieldRoleIndex <= previewRoleIndex;
         });
-    }, [rawFields, hideVisibilityInfo, previewRole]);
+    }, [rawFields, canPreviewRole, previewRole]);
     // Sync isDirty to FormStore (single source of truth)
     useEffect(() => {
         if (formId) {
-            useFormStore.getState().setIsDirty(formId, isDirty);
+            useFormStore.getState().setIsDirty(formId, isDirtyForBlocking);
         }
-    }, [formId, isDirty]);
+    }, [formId, isDirtyForBlocking]);
     // Cleanup on unmount
     useEffect(() => {
         return cleanup;
@@ -112,15 +123,15 @@ export function EntityFormRenderer({ entity, onSubmit, t, className = '', submit
     // Warn about unsaved changes when navigating away (browser refresh/close)
     // SPA navigation blocking is handled by router hooks via FormStore
     useUnsavedChangesWarning({
-        isDirty,
+        isDirty: isDirtyForBlocking,
         enabled: warnOnUnsavedChanges,
         message: unsavedChangesLeaveMessage,
     });
     // Use framework helper for cancel confirmation (DRY, SSR-safe)
-    const confirmNavigation = useConfirmNavigation(isDirty, unsavedChangesDiscardMessage);
+    const confirmNavigation = useConfirmNavigation(isDirtyForBlocking, unsavedChangesDiscardMessage);
     // Handle cancel with confirmation
     const handleCancel = async () => {
-        if (isDirty) {
+        if (isDirtyForBlocking) {
             const confirmed = await confirmNavigation();
             if (!confirmed)
                 return;
@@ -212,8 +223,8 @@ export function EntityFormRenderer({ entity, onSubmit, t, className = '', submit
                     gridColumn: '1 / -1',
                     display: 'contents',
                 }, children: [isLoading && _jsx(Spinner, { overlay: true }), _jsxs("form", { onSubmit: handleSubmit(handleFormSubmit), noValidate: true, className: className, style: { width: '100%', gridColumn: '1 / -1', display: 'contents' }, children: [renderableFields.map(({ name, config, editable }) => {
-                                // Show visibility badge for non-guest fields when visibility info is enabled
-                                const showBadge = !hideVisibilityInfo && config.visibility !== 'guest';
+                                // Show visibility badge for non-guest fields when visibility badges are enabled (admins/super only)
+                                const showBadge = showVisibilityBadges && config.visibility !== 'guest';
                                 const badgeVariant = config.visibility !== 'hidden'
                                     ? visibilityBadgeVariant[config.visibility]
                                     : undefined;
@@ -239,8 +250,8 @@ export function EntityFormRenderer({ entity, onSubmit, t, className = '', submit
                                 if (showCancelButton && cancelButtonText) {
                                     buttons.push(_jsx(Button, { type: "button", onClick: handleCancel, disabled: buttonState.loading, variant: "outline", className: "dndev-w-full", children: cancelButtonText }, "cancel"));
                                 }
-                                // Preview dropdown
-                                if (!hideVisibilityInfo) {
+                                // Preview dropdown (user/admin/super only)
+                                if (canPreviewRole) {
                                     const previewVariant = visibilityBadgeVariant[previewRole] || 'muted';
                                     buttons.push(_jsx(DropdownMenu, { trigger: _jsxs(Button, { type: "button", variant: previewVariant, disabled: buttonState.loading, className: "dndev-w-full", children: [tCrud('visibility.preview', {
                                                     defaultValue: 'Preview',

package/dist/crud/components/EntityList.d.ts

@@ -10,5 +10,5 @@ export type { EntityListProps };
  * - Edit and Delete actions (admin only)
  * - Auto-routing when handlers not provided
  */
-export declare function EntityList({ entity, userRole, basePath, onClick, hideFilters, pagination, pageSize: pageSizeProp, queryOptions, }: EntityListProps): import("react/jsx-runtime").JSX.Element;
+export declare function EntityList({ entity, userRole, basePath, onClick, hideFilters, pagination, pageSize: pageSizeProp, queryOptions, exportable, }: EntityListProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EntityList.d.ts.map

package/dist/crud/components/EntityList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityList.d.ts","sourceRoot":"","sources":["../../../src/crud/components/EntityList.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAkB,EAClB,QAAQ,EACR,OAAO,EACP,WAAmB,EACnB,UAAqB,EACrB,QAAQ,EAAE,YAAY,EACtB,YAAY,GACb,EAAE,eAAe,2CAsTjB"}
+{"version":3,"file":"EntityList.d.ts","sourceRoot":"","sources":["../../../src/crud/components/EntityList.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAkB,EAClB,QAAQ,EACR,OAAO,EACP,WAAmB,EACnB,UAAqB,EACrB,QAAQ,EAAE,YAAY,EACtB,YAAY,EACZ,UAAiB,GAClB,EAAE,eAAe,2CA0TjB"}

package/dist/crud/components/EntityList.js

@@ -29,7 +29,7 @@ import { translateFieldLabel, useCrud, useCrudList, EntityFilters, matchesFilter
  * - Edit and Delete actions (admin only)
  * - Auto-routing when handlers not provided
  */
-export function EntityList({ entity, userRole = 'guest', basePath, onClick, hideFilters = false, pagination = 'client', pageSize: pageSizeProp, queryOptions, }) {
+export function EntityList({ entity, userRole = 'guest', basePath, onClick, hideFilters = false, pagination = 'client', pageSize: pageSizeProp, queryOptions, exportable = true, }) {
     const navigate = useNavigate();
     const base = basePath ?? `/${entity.collection}`;
     // Server-side pagination state (only used when pagination='server')
@@ -197,5 +197,7 @@ export function EntityList({ entity, userRole = 'guest', basePath, onClick, hide
                         total: listData?.total,
                         onPageChange: setCurrentPage,
                         onPageSizeChange: setServerPageSize,
-                    }) }) })] }));
+                    }), 
+                    // Export functionality
+                    exportable: exportable, exportFilename: `${entity.collection}-export`, exportLabel: tCrud('export', { defaultValue: 'Export' }) }) })] }));
 }