@donotdev/ui 0.0.9 → 0.0.11

package/dist/utils/index.d.ts

@@ -8,6 +8,7 @@
  */
 export * from './assetResolver';
 export * from './useAuthSafe';
+export * from './useFormStoreSafe';
 export * from './useAuthVisibility';
 export * from './useStripeBillingSafe';
 export * from './useBillingVisibility';

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/dist/utils/index.js

@@ -9,6 +9,7 @@
  */
 export * from './assetResolver';
 export * from './useAuthSafe';
+export * from './useFormStoreSafe';
 export * from './useAuthVisibility';
 export * from './useStripeBillingSafe';
 export * from './useBillingVisibility';

package/dist/utils/useFormStoreSafe.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Degraded FormStore state - returned when CRUD package not installed
+ * Matches FormStoreState & FormStoreActions interface
+ */
+declare const DEGRADED_FORM_STORE_STATE: {
+    readonly forms: {};
+    readonly startSubmit: () => void;
+    readonly setUploading: () => void;
+    readonly setValidating: () => void;
+    readonly setSubmitting: () => void;
+    readonly setSuccess: () => void;
+    readonly setError: () => void;
+    readonly reset: () => void;
+    readonly cleanup: () => void;
+    readonly setIsDirty: () => void;
+    readonly hasDirtyForms: () => boolean;
+    readonly getDirtyFormIds: () => never[];
+    readonly getStatus: () => "idle";
+    readonly isLoading: () => boolean;
+    readonly getUploadProgress: () => number;
+    readonly getError: () => null;
+    readonly getIsDirty: () => boolean;
+};
+/**
+ * Check if FormStore is available
+ */
+export declare const isFormStoreAvailable: boolean;
+/**
+ * Safe access to FormStore.
+ * Returns degraded state selector result if CRUD package not installed.
+ *
+ * @param selector - Zustand selector function
+ * @returns Selected state, or degraded state selection if CRUD not available
+ *
+ * @example
+ * ```tsx
+ * const hasDirtyForms = useFormStoreSafe((state) => state.hasDirtyForms());
+ * // Always safe to call - returns false when degraded
+ * ```
+ */
+export declare function useFormStoreSafe<T>(selector: (state: any) => T): T;
+export declare namespace useFormStoreSafe {
+    var getState: () => typeof DEGRADED_FORM_STORE_STATE;
+}
+/**
+ * Check if any forms are dirty (safe version).
+ * Returns false if CRUD package not available.
+ */
+export declare function useHasDirtyFormsSafe(): boolean;
+/**
+ * Check if navigation should be blocked (safe version).
+ * Returns a function that checks FormStore and shows confirmation if needed.
+ *
+ * @param message - Confirmation message
+ * @returns Promise<boolean> - true if navigation should proceed
+ */
+export declare function checkFormNavigationSafe(message?: string): Promise<boolean>;
+export {};
+//# sourceMappingURL=useFormStoreSafe.d.ts.map

package/dist/utils/useFormStoreSafe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormStoreSafe.d.ts","sourceRoot":"","sources":["../../src/utils/useFormStoreSafe.ts"],"names":[],"mappings":"AA8BA;;;GAGG;AACH,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;CAqBrB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,oBAAoB,SAAyC,CAAC;AAE3E;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAKlE;yBALe,gBAAgB;wBAmBA,OAAO,yBAAyB;;AAOhE;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAG9C;AAED;;;;;;GAMG;AACH,wBAAsB,uBAAuB,CAC3C,OAAO,SAA4C,GAClD,OAAO,CAAC,OAAO,CAAC,CAUlB"}

package/dist/utils/useFormStoreSafe.js

@@ -0,0 +1,115 @@
+// packages/ui/src/utils/useFormStoreSafe.ts
+/**
+ * @fileoverview Safe FormStore access for graceful degradation
+ * @description Provides FormStore functionality when @donotdev/crud is installed,
+ * gracefully degrades when not installed.
+ *
+ * ## CRITICAL: DO NOT USE DYNAMIC IMPORTS
+ *
+ * This file MUST use sync `import * as crudModule from '@donotdev/crud'`
+ * at module level. DO NOT refactor to use async `import('@donotdev/crud').then(...)`.
+ *
+ * @see packages/ui/src/utils/useAuthSafe.ts for pattern reference
+ * @see docs/development/GRACEFUL_DEGRADATION.md
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author AMBROISE PARK Consulting
+ */
+import * as crudModule from '@donotdev/crud';
+// Sync import - bundler aliases to empty module if not installed
+// Decision made ONCE at module load time, never changes
+// Extract useFormStore if available (undefined if package not installed/aliased)
+// Zustand stores have both the hook and getState method
+const realUseFormStore = crudModule?.useFormStore;
+/**
+ * Degraded FormStore state - returned when CRUD package not installed
+ * Matches FormStoreState & FormStoreActions interface
+ */
+const DEGRADED_FORM_STORE_STATE = {
+    forms: {},
+    // State transitions (no-ops)
+    startSubmit: () => { },
+    setUploading: () => { },
+    setValidating: () => { },
+    setSubmitting: () => { },
+    setSuccess: () => { },
+    setError: () => { },
+    reset: () => { },
+    cleanup: () => { },
+    // Dirty state management
+    setIsDirty: () => { },
+    hasDirtyForms: () => false, // Key method - returns false when degraded
+    getDirtyFormIds: () => [],
+    // Getters
+    getStatus: () => 'idle',
+    isLoading: () => false,
+    getUploadProgress: () => 0,
+    getError: () => null,
+    getIsDirty: () => false,
+};
+/**
+ * Check if FormStore is available
+ */
+export const isFormStoreAvailable = typeof realUseFormStore === 'function';
+/**
+ * Safe access to FormStore.
+ * Returns degraded state selector result if CRUD package not installed.
+ *
+ * @param selector - Zustand selector function
+ * @returns Selected state, or degraded state selection if CRUD not available
+ *
+ * @example
+ * ```tsx
+ * const hasDirtyForms = useFormStoreSafe((state) => state.hasDirtyForms());
+ * // Always safe to call - returns false when degraded
+ * ```
+ */
+export function useFormStoreSafe(selector) {
+    if (realUseFormStore) {
+        return realUseFormStore(selector);
+    }
+    return selector(DEGRADED_FORM_STORE_STATE);
+}
+/**
+ * Get FormStore state directly (non-hook version).
+ * Use this in non-React contexts or for one-time checks.
+ *
+ * @returns FormStore state, or degraded state if CRUD not available
+ *
+ * @example
+ * ```tsx
+ * const state = useFormStoreSafe.getState();
+ * const hasDirty = state.hasDirtyForms(); // Always safe to call
+ * ```
+ */
+useFormStoreSafe.getState = () => {
+    if (realUseFormStore && typeof realUseFormStore.getState === 'function') {
+        return realUseFormStore.getState();
+    }
+    return DEGRADED_FORM_STORE_STATE;
+};
+/**
+ * Check if any forms are dirty (safe version).
+ * Returns false if CRUD package not available.
+ */
+export function useHasDirtyFormsSafe() {
+    const hasDirtyForms = useFormStoreSafe((state) => state.hasDirtyForms());
+    return hasDirtyForms();
+}
+/**
+ * Check if navigation should be blocked (safe version).
+ * Returns a function that checks FormStore and shows confirmation if needed.
+ *
+ * @param message - Confirmation message
+ * @returns Promise<boolean> - true if navigation should proceed
+ */
+export async function checkFormNavigationSafe(message = 'You have unsaved changes. Discard them?') {
+    const state = useFormStoreSafe.getState();
+    const hasDirtyForms = state.hasDirtyForms();
+    if (!hasDirtyForms)
+        return true; // No dirty forms = allow navigation
+    if (typeof window !== 'undefined' && window.confirm) {
+        return window.confirm(message);
+    }
+    return true;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donotdev/ui",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "type": "module",
   "private": false,
   "license": "SEE LICENSE IN LICENSE.md",
@@ -49,22 +49,22 @@
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
     "react-helmet-async": "^2.0.5",
-    "react-hook-form": "^7.71.0"
+    "react-hook-form": "^7.71.1"
   },
   "peerDependencies": {
-    "@donotdev/adv-comps": "^0.0.8",
+    "@donotdev/adv-comps": "^0.0.9",
     "@donotdev/auth": "^0.0.5",
     "@donotdev/billing": "^0.0.5",
-    "@donotdev/components": "^0.0.12",
-    "@donotdev/core": "^0.0.12",
-    "@donotdev/crud": "^0.0.5",
-    "@donotdev/firebase": "^0.0.5",
+    "@donotdev/components": "^0.0.15",
+    "@donotdev/core": "^0.0.19",
+    "@donotdev/crud": "^0.0.10",
+    "@donotdev/firebase": "^0.0.8",
     "@donotdev/oauth": "^0.0.5",
-    "firebase": "^12.5.0",
-    "lucide-react": "^0.562.0",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "react-router-dom": "^7.1.3",
+    "firebase": "^12.8.0",
+    "lucide-react": "^0.563.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-router-dom": "^7.13.0",
     "valibot": "^1.2.0"
   },
   "peerDependenciesMeta": {

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

@@ -1,26 +0,0 @@
-import type { EntityField, FieldType, ValueTypeForField } from '@donotdev/core';
-import type { ReactElement } from 'react';
-interface DisplayFieldRendererBaseProps<T extends FieldType = FieldType> {
-    /** Field identifier */
-    name: string;
-    /** Field configuration */
-    config: EntityField<T>;
-    /** Translation function */
-    t: (key: string, options?: Record<string, any>) => string;
-    /** Field value to display */
-    value: ValueTypeForField<T>;
-    /** Additional CSS classes */
-    className?: string;
-}
-export type DisplayFieldRendererProps<T extends FieldType> = DisplayFieldRendererBaseProps<T>;
-/**
- * DisplayFieldRenderer selects and renders the appropriate display component
- * based on the field type for read-only display mode.
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export declare function DisplayFieldRenderer<T extends FieldType>({ name, config, t, value, className, }: DisplayFieldRendererProps<T>): ReactElement;
-export default DisplayFieldRenderer;
-//# sourceMappingURL=DisplayFieldRenderer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DisplayFieldRenderer.d.ts","sourceRoot":"","sources":["../../../src/crud/components/DisplayFieldRenderer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AA8BhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,UAAU,6BAA6B,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS;IACrE,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACvB,2BAA2B;IAC3B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC;IAC1D,6BAA6B;IAC7B,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC5B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,SAAS,IACvD,6BAA6B,CAAC,CAAC,CAAC,CAAC;AAEnC;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,SAAS,EAAE,EACxD,IAAI,EACJ,MAAM,EACN,CAAC,EACD,KAAK,EACL,SAAS,GACV,EAAE,yBAAyB,CAAC,CAAC,CAAC,GAAG,YAAY,CAgS7C;AAED,eAAe,oBAAoB,CAAC"}

package/dist/crud/components/DisplayFieldRenderer.js

@@ -1,107 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// packages/ui/src/crud/components/DisplayFieldRenderer.tsx
-/**
- * @fileoverview DisplayFieldRenderer component
- * @description Renders display fields based on field configuration
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { Stack } from '@donotdev/components';
-// Import display field components
-import { TextFieldDisplay, BadgeFieldDisplay, AvatarFieldDisplay, LinkFieldDisplay, DateFieldDisplay, NumberFieldDisplay, PhoneNumberDisplay, TextAreaDisplay, RichTextDisplay, CheckboxFieldDisplay, DropdownDisplay, MultiDropdownDisplay, MultiInputTextFieldDisplay, RadioFieldDisplay, RangeFieldDisplay, FileFieldDisplay, ImageFieldDisplay, GeoPointFieldDisplay, MapFieldDisplay, ReferenceFieldDisplay, TimestampFieldDisplay, HiddenFieldDisplay, ButtonFieldDisplay, } from './fields/display';
-import PasswordFieldDisplay from './fields/display/PasswordFieldDisplay';
-/**
- * DisplayFieldRenderer selects and renders the appropriate display component
- * based on the field type for read-only display mode.
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export function DisplayFieldRenderer({ name, config, t, value, className, }) {
-    /**
-     * Renders appropriate display component based on field type
-     */
-    const renderDisplayComponent = () => {
-        const type = config.type;
-        switch (type) {
-            case 'password':
-                return (_jsx(PasswordFieldDisplay, { config: config, value: value, t: t, className: className, loading: false }));
-            case 'text':
-            case 'email':
-            case 'month':
-            case 'week':
-            case 'time':
-                return (_jsx(TextFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'avatar':
-                return (_jsx(AvatarFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'badge':
-                return (_jsx(BadgeFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'boolean':
-            case 'checkbox':
-                return (_jsx(CheckboxFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'array':
-                return (_jsx(MultiInputTextFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'multiselect':
-                return (_jsx(MultiDropdownDisplay, { config: config, value: value, t: t, className: className }));
-            case 'image':
-                return (_jsx(ImageFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'url':
-                return (_jsx(LinkFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'tel':
-                return (_jsx(PhoneNumberDisplay, { config: config, value: value, t: t, className: className }));
-            case 'color':
-                if (value && typeof value === 'string') {
-                    return (_jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [_jsx("div", { style: {
-                                    backgroundColor: value,
-                                    width: '1.5rem',
-                                    height: '1.5rem',
-                                }, "aria-label": `Color: ${value}` }), _jsx("span", { style: { fontFamily: 'monospace' }, children: value })] }));
-                }
-                return _jsx("span", { style: { color: 'var(--muted-foreground)' }, children: "-" });
-            case 'number':
-            case 'range':
-                return (_jsx(NumberFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'date':
-            case 'datetime-local':
-                return (_jsx(DateFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'timestamp':
-                return (_jsx(TimestampFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'reference':
-                return (_jsx(ReferenceFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'file':
-                return (_jsx(FileFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'geopoint':
-                return (_jsx(GeoPointFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'map':
-                return (_jsx(MapFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'textarea':
-                return (_jsx(TextAreaDisplay, { config: config, value: value, t: t, className: className }));
-            case 'richtext':
-                return (_jsx(RichTextDisplay, { config: config, value: value, t: t, className: className }));
-            case 'select':
-                return (_jsx(DropdownDisplay, { config: config, value: value, t: t, className: className }));
-            case 'radio':
-                return (_jsx(RadioFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'hidden':
-                return (_jsx(HiddenFieldDisplay, { config: config, value: value, t: t, className: className }));
-            case 'submit':
-            case 'reset':
-                return (_jsx(ButtonFieldDisplay, { config: config, value: value, t: t, className: className }));
-            default:
-                return (_jsx(TextFieldDisplay, { config: config, value: value, t: t, className: className }));
-        }
-    };
-    // Don't render hidden fields
-    if (config.visibility === 'hidden') {
-        return _jsx(_Fragment, {});
-    }
-    const displayComponent = renderDisplayComponent();
-    if (!displayComponent) {
-        return _jsx(_Fragment, {});
-    }
-    return _jsx("div", { className: className, children: displayComponent });
-}
-export default DisplayFieldRenderer;

package/dist/crud/components/fields/display/AvatarFieldDisplay.d.ts

@@ -1,23 +0,0 @@
-import type { EntityField } from '@donotdev/core';
-export interface AvatarFieldDisplayProps {
-    /** Field configuration */
-    config: EntityField<'image'>;
-    /** Value to display (image URL) */
-    value: string;
-    /** Translation function */
-    t: (key: string, options?: Record<string, any>) => string;
-    /** Additional CSS classes */
-    className?: string;
-    /** Avatar size */
-    size?: 'sm' | 'md' | 'lg';
-}
-/**
- * AvatarFieldDisplay - Displays image values as avatars
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export declare const AvatarFieldDisplay: React.ComponentType<AvatarFieldDisplayProps>;
-export default AvatarFieldDisplay;
-//# sourceMappingURL=AvatarFieldDisplay.d.ts.map

package/dist/crud/components/fields/display/AvatarFieldDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarFieldDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/AvatarFieldDisplay.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,uBAAuB;IACtC,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC;IAC1D,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAClD,uBAAuB,CAiCxB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/crud/components/fields/display/AvatarFieldDisplay.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// packages/ui/src/crud/components/fields/display/AvatarFieldDisplay.tsx
-/**
- * @fileoverview AvatarFieldDisplay component
- * @description Displays image values as avatars
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { Avatar, Text } from '@donotdev/components';
-/**
- * AvatarFieldDisplay - Displays image values as avatars
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export const AvatarFieldDisplay = ({ config, value, t, className, size = 'md' }) => {
-    if (!value) {
-        return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
-    }
-    const sizeClasses = {
-        sm: 'size-touch',
-        md: 'size-touch',
-        lg: 'h-16 w-16',
-    };
-    const getInitials = (label) => {
-        return label
-            .split(' ')
-            .map((word) => word.charAt(0))
-            .slice(0, 2)
-            .join('')
-            .toUpperCase();
-    };
-    return (_jsx(Avatar, { src: value, alt: config.label || 'Avatar', fallback: getInitials(config.label || 'AV'), className: `${sizeClasses[size]} ${className || ''}` }));
-};
-export default AvatarFieldDisplay;

package/dist/crud/components/fields/display/BadgeFieldDisplay.d.ts

@@ -1,21 +0,0 @@
-import type { EntityField } from '@donotdev/core';
-export interface BadgeFieldDisplayProps {
-    /** Field configuration */
-    config: EntityField<'boolean' | 'checkbox' | 'select' | 'radio'>;
-    /** Value to display */
-    value: boolean | string;
-    /** Translation function */
-    t: (key: string, options?: Record<string, any>) => string;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * BadgeFieldDisplay - Displays boolean/select values as badges
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export declare const BadgeFieldDisplay: React.ComponentType<BadgeFieldDisplayProps>;
-export default BadgeFieldDisplay;
-//# sourceMappingURL=BadgeFieldDisplay.d.ts.map

package/dist/crud/components/fields/display/BadgeFieldDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeFieldDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/BadgeFieldDisplay.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,sBAAsB;IACrC,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;IACjE,uBAAuB;IACvB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,2BAA2B;IAC3B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC;IAC1D,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CA6BzE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/crud/components/fields/display/BadgeFieldDisplay.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// packages/ui/src/crud/components/fields/display/BadgeFieldDisplay.tsx
-/**
- * @fileoverview BadgeFieldDisplay component
- * @description Displays boolean/select values as badges
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { Badge, Text } from '@donotdev/components';
-/**
- * BadgeFieldDisplay - Displays boolean/select values as badges
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export const BadgeFieldDisplay = ({ config, value, t, className, }) => {
-    if (value === null || value === undefined) {
-        return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
-    }
-    const displayValue = typeof value === 'boolean'
-        ? value
-            ? t('common.yes')
-            : t('common.no')
-        : String(value);
-    const variant = typeof value === 'boolean' ? (value ? 'default' : 'secondary') : 'outline';
-    return (_jsx(Badge, { variant: variant, className: className, children: displayValue }));
-};
-export default BadgeFieldDisplay;

package/dist/crud/components/fields/display/ButtonFieldDisplay.d.ts

@@ -1,29 +0,0 @@
-/**
- * @fileoverview ButtonFieldDisplay component
- * @description Button fields are not displayed in read-only mode
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import type { EntityField } from '@donotdev/core';
-export interface ButtonFieldDisplayProps {
-    /** Field configuration */
-    config: EntityField<'submit' | 'reset'>;
-    /** Value to display */
-    value: any;
-    /** Translation function */
-    t: (key: string, options?: Record<string, any>) => string;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * ButtonFieldDisplay - Button fields are not displayed in read-only mode
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export declare const ButtonFieldDisplay: React.ComponentType<ButtonFieldDisplayProps>;
-export default ButtonFieldDisplay;
-//# sourceMappingURL=ButtonFieldDisplay.d.ts.map

package/dist/crud/components/fields/display/ButtonFieldDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonFieldDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/ButtonFieldDisplay.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,uBAAuB;IACtC,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC;IACxC,uBAAuB;IACvB,KAAK,EAAE,GAAG,CAAC;IACX,2BAA2B;IAC3B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC;IAC1D,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAClD,uBAAuB,CAGxB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/crud/components/fields/display/ButtonFieldDisplay.js

@@ -1,12 +0,0 @@
-// packages/ui/src/crud/components/fields/display/ButtonFieldDisplay.tsx
-/**
- * ButtonFieldDisplay - Button fields are not displayed in read-only mode
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export const ButtonFieldDisplay = () => {
-    return null;
-};
-export default ButtonFieldDisplay;

package/dist/crud/components/fields/display/CheckboxFieldDisplay.d.ts

@@ -1,21 +0,0 @@
-import type { EntityField } from '@donotdev/core';
-export interface CheckboxFieldDisplayProps {
-    /** Field configuration */
-    config: EntityField<'checkbox' | 'boolean'>;
-    /** Value to display */
-    value: boolean;
-    /** Translation function */
-    t: (key: string, options?: Record<string, any>) => string;
-    /** Additional CSS classes */
-    className?: string;
-}
-/**
- * CheckboxFieldDisplay - Displays checkbox/boolean values as badges
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export declare const CheckboxFieldDisplay: React.ComponentType<CheckboxFieldDisplayProps>;
-export default CheckboxFieldDisplay;
-//# sourceMappingURL=CheckboxFieldDisplay.d.ts.map

package/dist/crud/components/fields/display/CheckboxFieldDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxFieldDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/CheckboxFieldDisplay.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,yBAAyB;IACxC,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;IAC5C,uBAAuB;IACvB,KAAK,EAAE,OAAO,CAAC;IACf,2BAA2B;IAC3B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC;IAC1D,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,aAAa,CACpD,yBAAyB,CAkB1B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/crud/components/fields/display/CheckboxFieldDisplay.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// packages/ui/src/crud/components/fields/display/CheckboxFieldDisplay.tsx
-/**
- * @fileoverview CheckboxFieldDisplay component
- * @description Displays checkbox/boolean values as badges
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { Badge, Text } from '@donotdev/components';
-/**
- * CheckboxFieldDisplay - Displays checkbox/boolean values as badges
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export const CheckboxFieldDisplay = ({ config, value, t, className }) => {
-    if (value === null || value === undefined) {
-        return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
-    }
-    const displayValue = value ? t('common.yes') : t('common.no');
-    const variant = value ? 'default' : 'secondary';
-    return (_jsx(Badge, { variant: variant, className: className, children: displayValue }));
-};
-export default CheckboxFieldDisplay;

package/dist/crud/components/fields/display/DateFieldDisplay.d.ts

@@ -1,24 +0,0 @@
-import type { EntityField } from '@donotdev/core';
-import type { ComponentType } from 'react';
-export interface DateFieldDisplayProps {
-    /** Field configuration */
-    config: EntityField<'date' | 'datetime-local'>;
-    /** Value to display */
-    value: string;
-    /** Translation function */
-    t: (key: string, options?: Record<string, any>) => string;
-    /** Additional CSS classes */
-    className?: string;
-    /** Whether the field is loading */
-    loading?: boolean;
-}
-/**
- * DateFieldDisplay - Displays date values in read-only mode
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export declare const DateFieldDisplay: ComponentType<DateFieldDisplayProps>;
-export default DateFieldDisplay;
-//# sourceMappingURL=DateFieldDisplay.d.ts.map

package/dist/crud/components/fields/display/DateFieldDisplay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateFieldDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/DateFieldDisplay.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,qBAAqB;IACpC,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAC;IAC/C,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC;IAC1D,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,qBAAqB,CA+CjE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}