@donotdev/ui 0.0.10 → 0.0.11

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextFieldDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/TextFieldDisplay.tsx"],"names":[],"mappings":"AAwBA,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,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;IAClE,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;IAClB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAAC,qBAAqB,CA8JjE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1,97 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// packages/ui/src/crud/components/fields/display/TextFieldDisplay.tsx
-/**
- * @fileoverview TextFieldDisplay component
- * @description Enhanced text field display with modern UX features
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { Copy, Mail, Calendar, Clock } from 'lucide-react';
-import { useState } from 'react';
-import { Skeleton, Badge, BADGE_VARIANT, Button, Text, cn, CopyToClipboard, Stack, } from '@donotdev/components';
-import { getWeekFromISOString } from '@donotdev/core';
-/**
- * Enhanced TextFieldDisplay with modern UX features
- *
- * Features:
- * - Smart formatting based on field type
- * - Copy to clipboard functionality
- * - Truncation with tooltips
- * - Badge display option
- * - Loading states
- * - Responsive design
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export const TextFieldDisplay = ({ config, value, t, className, loading = false, showCopy = false, asBadge = false, truncate = false, maxLength = 50, showLabel = false, }) => {
-    const [copied, setCopied] = useState(false);
-    const handleCopy = async () => {
-        try {
-            await navigator.clipboard.writeText(value);
-            setCopied(true);
-            setTimeout(() => setCopied(false), 2000);
-        }
-        catch (err) {
-            console.error('Failed to copy text:', err);
-        }
-    };
-    const getFieldIcon = () => {
-        switch (config.type) {
-            case 'email':
-                return _jsx(Mail, {});
-            case 'month':
-            case 'week':
-                return _jsx(Calendar, {});
-            case 'time':
-                return _jsx(Clock, {});
-            default:
-                return null;
-        }
-    };
-    const formatValue = (val) => {
-        if (!val)
-            return null;
-        switch (config.type) {
-            case 'email':
-                return (_jsxs("a", { href: `mailto:${val}`, style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        gap: 'var(--gap-sm)',
-                    }, onMouseEnter: (e) => (e.currentTarget.style.textDecoration = 'underline'), onMouseLeave: (e) => (e.currentTarget.style.textDecoration = 'none'), children: [getFieldIcon(), val] }));
-            case 'month':
-                return new Date(val).toLocaleDateString('en-US', {
-                    year: 'numeric',
-                    month: 'long',
-                });
-            case 'week':
-                // Use the centralized date utility for week calculation
-                return getWeekFromISOString(val);
-            case 'time':
-                return new Date(`2000-01-01T${val}`).toLocaleTimeString();
-            default:
-                return val;
-        }
-    };
-    const getTruncatedValue = (val) => {
-        if (!truncate || val.length <= maxLength)
-            return val;
-        return `${val.substring(0, maxLength)}...`;
-    };
-    if (loading) {
-        return (_jsxs(Stack, { gap: "tight", children: [showLabel && _jsx(Skeleton, { style: { height: '1rem', width: '6rem' } }), _jsx(Skeleton, { className: "dndev-w-full", style: { height: '1.5rem' } })] }));
-    }
-    if (!value) {
-        return (_jsxs(Stack, { gap: "tight", children: [showLabel && (_jsx(Text, { as: "span", variant: "muted", children: config.label || config.name })), _jsx(Text, { as: "span", variant: "muted", className: cn(className), style: { fontStyle: 'italic' }, children: t('common.noValue', { defaultValue: 'No value' }) })] }));
-    }
-    const displayValue = formatValue(value);
-    const truncatedValue = getTruncatedValue(String(displayValue));
-    if (asBadge) {
-        return (_jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [getFieldIcon(), _jsx(Badge, { variant: BADGE_VARIANT.SECONDARY, className: className, children: truncatedValue }), showCopy && (_jsx(CopyToClipboard, { text: value, tooltipText: t('copyToClipboard') || 'Copy to clipboard', copiedTooltipText: t('copied') || 'Copied!', ariaLabel: t('copyToClipboard') || 'Copy to clipboard' }))] }));
-    }
-    return (_jsxs(Stack, { gap: "tight", children: [showLabel && (_jsx(Text, { as: "span", variant: "muted", children: config.label || config.name })), _jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [_jsx("div", { className: cn('dndev-flex-1', truncate && 'truncate', className), title: truncate && value.length > maxLength ? value : undefined, children: _jsx(Text, { as: "span", children: truncatedValue }) }), showCopy && (_jsx(CopyToClipboard, { text: value, tooltipText: t('copyToClipboard') || 'Copy to clipboard', copiedTooltipText: t('copied') || 'Copied!', ariaLabel: t('copyToClipboard') || 'Copy to clipboard' }))] })] }));
-};
-export default TextFieldDisplay;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"TimestampFieldDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/TimestampFieldDisplay.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,0BAA0B;IACzC,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACjC,uBAAuB;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,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,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAC/C,0BAA0B,CA8B3B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// packages/ui/src/crud/components/fields/display/TimestampFieldDisplay.tsx
-/**
- * @fileoverview TimestampFieldDisplay component
- * @description Displays timestamp values in read-only mode
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { Text } from '@donotdev/components';
-/**
- * TimestampFieldDisplay - Displays timestamp values in read-only mode
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export const TimestampFieldDisplay = ({ config, value, t, className }) => {
-    if (!value) {
-        return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
-    }
-    try {
-        const date = new Date(value);
-        const formattedDate = date.toLocaleDateString();
-        const formattedTime = date.toLocaleTimeString();
-        return (_jsxs("div", { className: className, children: [_jsx(Text, { as: "span", children: formattedDate }), _jsx(Text, { as: "span", variant: "muted", level: "small", children: formattedTime })] }));
-    }
-    catch (error) {
-        return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
-    }
-};
-export default TimestampFieldDisplay;

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

@@ -1,32 +0,0 @@
-/**
- * @fileoverview Display field components
- * @description Read-only display components for CRUD operations
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export { default as TextFieldDisplay } from './TextFieldDisplay';
-export { default as BadgeFieldDisplay } from './BadgeFieldDisplay';
-export { default as AvatarFieldDisplay } from './AvatarFieldDisplay';
-export { default as LinkFieldDisplay } from './LinkFieldDisplay';
-export { default as DateFieldDisplay } from './DateFieldDisplay';
-export { default as NumberFieldDisplay } from './NumberFieldDisplay';
-export { default as PhoneNumberDisplay } from './PhoneNumberDisplay';
-export { default as TextAreaDisplay } from './TextAreaDisplay';
-export { default as RichTextDisplay } from './RichTextDisplay';
-export { default as CheckboxFieldDisplay } from './CheckboxFieldDisplay';
-export { default as DropdownDisplay } from './DropdownDisplay';
-export { default as MultiDropdownDisplay } from './MultiDropdownDisplay';
-export { default as MultiInputTextFieldDisplay } from './MultiInputTextFieldDisplay';
-export { default as RadioFieldDisplay } from './RadioFieldDisplay';
-export { default as RangeFieldDisplay } from './RangeFieldDisplay';
-export { default as FileFieldDisplay } from './FileFieldDisplay';
-export { default as ImageFieldDisplay } from './ImageFieldDisplay';
-export { default as GeoPointFieldDisplay } from './GeoPointFieldDisplay';
-export { default as MapFieldDisplay } from './MapFieldDisplay';
-export { default as ReferenceFieldDisplay } from './ReferenceFieldDisplay';
-export { default as TimestampFieldDisplay } from './TimestampFieldDisplay';
-export { default as HiddenFieldDisplay } from './HiddenFieldDisplay';
-export { default as ButtonFieldDisplay } from './ButtonFieldDisplay';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -1,32 +0,0 @@
-// packages/ui/src/crud/components/fields/display/index.ts
-/**
- * @fileoverview Display field components
- * @description Read-only display components for CRUD operations
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-export { default as TextFieldDisplay } from './TextFieldDisplay';
-export { default as BadgeFieldDisplay } from './BadgeFieldDisplay';
-export { default as AvatarFieldDisplay } from './AvatarFieldDisplay';
-export { default as LinkFieldDisplay } from './LinkFieldDisplay';
-export { default as DateFieldDisplay } from './DateFieldDisplay';
-export { default as NumberFieldDisplay } from './NumberFieldDisplay';
-export { default as PhoneNumberDisplay } from './PhoneNumberDisplay';
-export { default as TextAreaDisplay } from './TextAreaDisplay';
-export { default as RichTextDisplay } from './RichTextDisplay';
-export { default as CheckboxFieldDisplay } from './CheckboxFieldDisplay';
-export { default as DropdownDisplay } from './DropdownDisplay';
-export { default as MultiDropdownDisplay } from './MultiDropdownDisplay';
-export { default as MultiInputTextFieldDisplay } from './MultiInputTextFieldDisplay';
-export { default as RadioFieldDisplay } from './RadioFieldDisplay';
-export { default as RangeFieldDisplay } from './RangeFieldDisplay';
-export { default as FileFieldDisplay } from './FileFieldDisplay';
-export { default as ImageFieldDisplay } from './ImageFieldDisplay';
-export { default as GeoPointFieldDisplay } from './GeoPointFieldDisplay';
-export { default as MapFieldDisplay } from './MapFieldDisplay';
-export { default as ReferenceFieldDisplay } from './ReferenceFieldDisplay';
-export { default as TimestampFieldDisplay } from './TimestampFieldDisplay';
-export { default as HiddenFieldDisplay } from './HiddenFieldDisplay';
-export { default as ButtonFieldDisplay } from './ButtonFieldDisplay';