@donotdev/ui 0.0.10 → 0.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/layout/GameContainer.d.ts +3 -1
- package/dist/components/layout/GameContainer.d.ts.map +1 -1
- package/dist/components/layout/GameContainer.js +3 -2
- package/dist/components/layout/PageContainer.d.ts +1 -1
- package/dist/components/layout/PageContainer.d.ts.map +1 -1
- package/dist/crud/components/EntityCardList.d.ts +16 -0
- package/dist/crud/components/EntityCardList.d.ts.map +1 -0
- package/dist/crud/components/EntityCardList.js +175 -0
- package/dist/crud/components/EntityDisplayRenderer.d.ts +13 -21
- package/dist/crud/components/EntityDisplayRenderer.d.ts.map +1 -1
- package/dist/crud/components/EntityDisplayRenderer.js +138 -23
- package/dist/crud/components/EntityFormRenderer.d.ts +18 -0
- package/dist/crud/components/EntityFormRenderer.d.ts.map +1 -0
- package/dist/crud/components/EntityFormRenderer.js +286 -0
- package/dist/crud/components/EntityList.d.ts +14 -0
- package/dist/crud/components/EntityList.d.ts.map +1 -0
- package/dist/crud/components/EntityList.js +203 -0
- package/dist/crud/components/index.d.ts +7 -5
- package/dist/crud/components/index.d.ts.map +1 -1
- package/dist/crud/components/index.js +6 -5
- package/dist/dndev.css +287 -123
- package/dist/index.js +4 -64
- package/dist/internal/layout/components/AutoMetaTags.d.ts.map +1 -1
- package/dist/internal/layout/components/AutoMetaTags.js +36 -6
- package/dist/internal/layout/components/NextJsAutoMetaTags.d.ts.map +1 -1
- package/dist/internal/layout/components/NextJsAutoMetaTags.js +38 -10
- package/dist/internal/layout/components/footer/FooterBranding.js +2 -2
- package/dist/internal/layout/config/presets/game.d.ts.map +1 -1
- package/dist/internal/layout/config/presets/game.js +10 -5
- package/dist/styles/index.css +287 -123
- package/package.json +13 -13
- package/dist/crud/components/DisplayFieldRenderer.d.ts +0 -26
- package/dist/crud/components/DisplayFieldRenderer.d.ts.map +0 -1
- package/dist/crud/components/DisplayFieldRenderer.js +0 -107
- package/dist/crud/components/fields/display/AvatarFieldDisplay.d.ts +0 -23
- package/dist/crud/components/fields/display/AvatarFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/AvatarFieldDisplay.js +0 -38
- package/dist/crud/components/fields/display/BadgeFieldDisplay.d.ts +0 -21
- package/dist/crud/components/fields/display/BadgeFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/BadgeFieldDisplay.js +0 -31
- package/dist/crud/components/fields/display/ButtonFieldDisplay.d.ts +0 -29
- package/dist/crud/components/fields/display/ButtonFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/ButtonFieldDisplay.js +0 -12
- package/dist/crud/components/fields/display/CheckboxFieldDisplay.d.ts +0 -21
- package/dist/crud/components/fields/display/CheckboxFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/CheckboxFieldDisplay.js +0 -27
- package/dist/crud/components/fields/display/DateFieldDisplay.d.ts +0 -24
- package/dist/crud/components/fields/display/DateFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/DateFieldDisplay.js +0 -41
- package/dist/crud/components/fields/display/DropdownDisplay.d.ts +0 -21
- package/dist/crud/components/fields/display/DropdownDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/DropdownDisplay.js +0 -25
- package/dist/crud/components/fields/display/FileFieldDisplay.d.ts +0 -21
- package/dist/crud/components/fields/display/FileFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/FileFieldDisplay.js +0 -25
- package/dist/crud/components/fields/display/GeoPointFieldDisplay.d.ts +0 -25
- package/dist/crud/components/fields/display/GeoPointFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/GeoPointFieldDisplay.js +0 -25
- package/dist/crud/components/fields/display/HiddenFieldDisplay.d.ts +0 -30
- package/dist/crud/components/fields/display/HiddenFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/HiddenFieldDisplay.js +0 -12
- package/dist/crud/components/fields/display/ImageFieldDisplay.d.ts +0 -24
- package/dist/crud/components/fields/display/ImageFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/ImageFieldDisplay.js +0 -38
- package/dist/crud/components/fields/display/LinkFieldDisplay.d.ts +0 -22
- package/dist/crud/components/fields/display/LinkFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/LinkFieldDisplay.js +0 -48
- package/dist/crud/components/fields/display/MapFieldDisplay.d.ts +0 -25
- package/dist/crud/components/fields/display/MapFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/MapFieldDisplay.js +0 -25
- package/dist/crud/components/fields/display/MultiDropdownDisplay.d.ts +0 -22
- package/dist/crud/components/fields/display/MultiDropdownDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/MultiDropdownDisplay.js +0 -25
- package/dist/crud/components/fields/display/MultiInputTextFieldDisplay.d.ts +0 -22
- package/dist/crud/components/fields/display/MultiInputTextFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/MultiInputTextFieldDisplay.js +0 -25
- package/dist/crud/components/fields/display/NumberFieldDisplay.d.ts +0 -24
- package/dist/crud/components/fields/display/NumberFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/NumberFieldDisplay.js +0 -28
- package/dist/crud/components/fields/display/PasswordFieldDisplay.d.ts +0 -24
- package/dist/crud/components/fields/display/PasswordFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/PasswordFieldDisplay.js +0 -31
- package/dist/crud/components/fields/display/PhoneNumberDisplay.d.ts +0 -22
- package/dist/crud/components/fields/display/PhoneNumberDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/PhoneNumberDisplay.js +0 -25
- package/dist/crud/components/fields/display/RadioFieldDisplay.d.ts +0 -22
- package/dist/crud/components/fields/display/RadioFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/RadioFieldDisplay.js +0 -25
- package/dist/crud/components/fields/display/RangeFieldDisplay.d.ts +0 -22
- package/dist/crud/components/fields/display/RangeFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/RangeFieldDisplay.js +0 -25
- package/dist/crud/components/fields/display/ReferenceFieldDisplay.d.ts +0 -22
- package/dist/crud/components/fields/display/ReferenceFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/ReferenceFieldDisplay.js +0 -26
- package/dist/crud/components/fields/display/RichTextDisplay.d.ts +0 -25
- package/dist/crud/components/fields/display/RichTextDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/RichTextDisplay.js +0 -104
- package/dist/crud/components/fields/display/TextAreaDisplay.d.ts +0 -22
- package/dist/crud/components/fields/display/TextAreaDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/TextAreaDisplay.js +0 -25
- package/dist/crud/components/fields/display/TextFieldDisplay.d.ts +0 -42
- package/dist/crud/components/fields/display/TextFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/TextFieldDisplay.js +0 -97
- package/dist/crud/components/fields/display/TimestampFieldDisplay.d.ts +0 -22
- package/dist/crud/components/fields/display/TimestampFieldDisplay.d.ts.map +0 -1
- package/dist/crud/components/fields/display/TimestampFieldDisplay.js +0 -33
- package/dist/crud/components/fields/display/index.d.ts +0 -32
- package/dist/crud/components/fields/display/index.d.ts.map +0 -1
- package/dist/crud/components/fields/display/index.js +0 -32
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
// packages/ui/src/crud/components/DisplayFieldRenderer.tsx
|
|
3
|
-
/**
|
|
4
|
-
* @fileoverview DisplayFieldRenderer component
|
|
5
|
-
* @description Renders display fields based on field configuration
|
|
6
|
-
*
|
|
7
|
-
* @version 0.0.1
|
|
8
|
-
* @since 0.0.1
|
|
9
|
-
* @author AMBROISE PARK Consulting
|
|
10
|
-
*/
|
|
11
|
-
import { Stack } from '@donotdev/components';
|
|
12
|
-
// Import display field components
|
|
13
|
-
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';
|
|
14
|
-
import PasswordFieldDisplay from './fields/display/PasswordFieldDisplay';
|
|
15
|
-
/**
|
|
16
|
-
* DisplayFieldRenderer selects and renders the appropriate display component
|
|
17
|
-
* based on the field type for read-only display mode.
|
|
18
|
-
*
|
|
19
|
-
* @version 0.0.1
|
|
20
|
-
* @since 0.0.1
|
|
21
|
-
* @author AMBROISE PARK Consulting
|
|
22
|
-
*/
|
|
23
|
-
export function DisplayFieldRenderer({ name, config, t, value, className, }) {
|
|
24
|
-
/**
|
|
25
|
-
* Renders appropriate display component based on field type
|
|
26
|
-
*/
|
|
27
|
-
const renderDisplayComponent = () => {
|
|
28
|
-
const type = config.type;
|
|
29
|
-
switch (type) {
|
|
30
|
-
case 'password':
|
|
31
|
-
return (_jsx(PasswordFieldDisplay, { config: config, value: value, t: t, className: className, loading: false }));
|
|
32
|
-
case 'text':
|
|
33
|
-
case 'email':
|
|
34
|
-
case 'month':
|
|
35
|
-
case 'week':
|
|
36
|
-
case 'time':
|
|
37
|
-
return (_jsx(TextFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
38
|
-
case 'avatar':
|
|
39
|
-
return (_jsx(AvatarFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
40
|
-
case 'badge':
|
|
41
|
-
return (_jsx(BadgeFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
42
|
-
case 'boolean':
|
|
43
|
-
case 'checkbox':
|
|
44
|
-
return (_jsx(CheckboxFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
45
|
-
case 'array':
|
|
46
|
-
return (_jsx(MultiInputTextFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
47
|
-
case 'multiselect':
|
|
48
|
-
return (_jsx(MultiDropdownDisplay, { config: config, value: value, t: t, className: className }));
|
|
49
|
-
case 'image':
|
|
50
|
-
return (_jsx(ImageFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
51
|
-
case 'url':
|
|
52
|
-
return (_jsx(LinkFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
53
|
-
case 'tel':
|
|
54
|
-
return (_jsx(PhoneNumberDisplay, { config: config, value: value, t: t, className: className }));
|
|
55
|
-
case 'color':
|
|
56
|
-
if (value && typeof value === 'string') {
|
|
57
|
-
return (_jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [_jsx("div", { style: {
|
|
58
|
-
backgroundColor: value,
|
|
59
|
-
width: '1.5rem',
|
|
60
|
-
height: '1.5rem',
|
|
61
|
-
}, "aria-label": `Color: ${value}` }), _jsx("span", { style: { fontFamily: 'monospace' }, children: value })] }));
|
|
62
|
-
}
|
|
63
|
-
return _jsx("span", { style: { color: 'var(--muted-foreground)' }, children: "-" });
|
|
64
|
-
case 'number':
|
|
65
|
-
case 'range':
|
|
66
|
-
return (_jsx(NumberFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
67
|
-
case 'date':
|
|
68
|
-
case 'datetime-local':
|
|
69
|
-
return (_jsx(DateFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
70
|
-
case 'timestamp':
|
|
71
|
-
return (_jsx(TimestampFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
72
|
-
case 'reference':
|
|
73
|
-
return (_jsx(ReferenceFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
74
|
-
case 'file':
|
|
75
|
-
return (_jsx(FileFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
76
|
-
case 'geopoint':
|
|
77
|
-
return (_jsx(GeoPointFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
78
|
-
case 'map':
|
|
79
|
-
return (_jsx(MapFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
80
|
-
case 'textarea':
|
|
81
|
-
return (_jsx(TextAreaDisplay, { config: config, value: value, t: t, className: className }));
|
|
82
|
-
case 'richtext':
|
|
83
|
-
return (_jsx(RichTextDisplay, { config: config, value: value, t: t, className: className }));
|
|
84
|
-
case 'select':
|
|
85
|
-
return (_jsx(DropdownDisplay, { config: config, value: value, t: t, className: className }));
|
|
86
|
-
case 'radio':
|
|
87
|
-
return (_jsx(RadioFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
88
|
-
case 'hidden':
|
|
89
|
-
return (_jsx(HiddenFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
90
|
-
case 'submit':
|
|
91
|
-
case 'reset':
|
|
92
|
-
return (_jsx(ButtonFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
93
|
-
default:
|
|
94
|
-
return (_jsx(TextFieldDisplay, { config: config, value: value, t: t, className: className }));
|
|
95
|
-
}
|
|
96
|
-
};
|
|
97
|
-
// Don't render hidden fields
|
|
98
|
-
if (config.visibility === 'hidden') {
|
|
99
|
-
return _jsx(_Fragment, {});
|
|
100
|
-
}
|
|
101
|
-
const displayComponent = renderDisplayComponent();
|
|
102
|
-
if (!displayComponent) {
|
|
103
|
-
return _jsx(_Fragment, {});
|
|
104
|
-
}
|
|
105
|
-
return _jsx("div", { className: className, children: displayComponent });
|
|
106
|
-
}
|
|
107
|
-
export default DisplayFieldRenderer;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { EntityField } from '@donotdev/core';
|
|
2
|
-
export interface AvatarFieldDisplayProps {
|
|
3
|
-
/** Field configuration */
|
|
4
|
-
config: EntityField<'image'>;
|
|
5
|
-
/** Value to display (image URL) */
|
|
6
|
-
value: string;
|
|
7
|
-
/** Translation function */
|
|
8
|
-
t: (key: string, options?: Record<string, any>) => string;
|
|
9
|
-
/** Additional CSS classes */
|
|
10
|
-
className?: string;
|
|
11
|
-
/** Avatar size */
|
|
12
|
-
size?: 'sm' | 'md' | 'lg';
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* AvatarFieldDisplay - Displays image values as avatars
|
|
16
|
-
*
|
|
17
|
-
* @version 0.0.1
|
|
18
|
-
* @since 0.0.1
|
|
19
|
-
* @author AMBROISE PARK Consulting
|
|
20
|
-
*/
|
|
21
|
-
export declare const AvatarFieldDisplay: React.ComponentType<AvatarFieldDisplayProps>;
|
|
22
|
-
export default AvatarFieldDisplay;
|
|
23
|
-
//# sourceMappingURL=AvatarFieldDisplay.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
// packages/ui/src/crud/components/fields/display/AvatarFieldDisplay.tsx
|
|
3
|
-
/**
|
|
4
|
-
* @fileoverview AvatarFieldDisplay component
|
|
5
|
-
* @description Displays image values as avatars
|
|
6
|
-
*
|
|
7
|
-
* @version 0.0.1
|
|
8
|
-
* @since 0.0.1
|
|
9
|
-
* @author AMBROISE PARK Consulting
|
|
10
|
-
*/
|
|
11
|
-
import { Avatar, Text } from '@donotdev/components';
|
|
12
|
-
/**
|
|
13
|
-
* AvatarFieldDisplay - Displays image values as avatars
|
|
14
|
-
*
|
|
15
|
-
* @version 0.0.1
|
|
16
|
-
* @since 0.0.1
|
|
17
|
-
* @author AMBROISE PARK Consulting
|
|
18
|
-
*/
|
|
19
|
-
export const AvatarFieldDisplay = ({ config, value, t, className, size = 'md' }) => {
|
|
20
|
-
if (!value) {
|
|
21
|
-
return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
|
|
22
|
-
}
|
|
23
|
-
const sizeClasses = {
|
|
24
|
-
sm: 'size-touch',
|
|
25
|
-
md: 'size-touch',
|
|
26
|
-
lg: 'h-16 w-16',
|
|
27
|
-
};
|
|
28
|
-
const getInitials = (label) => {
|
|
29
|
-
return label
|
|
30
|
-
.split(' ')
|
|
31
|
-
.map((word) => word.charAt(0))
|
|
32
|
-
.slice(0, 2)
|
|
33
|
-
.join('')
|
|
34
|
-
.toUpperCase();
|
|
35
|
-
};
|
|
36
|
-
return (_jsx(Avatar, { src: value, alt: config.label || 'Avatar', fallback: getInitials(config.label || 'AV'), className: `${sizeClasses[size]} ${className || ''}` }));
|
|
37
|
-
};
|
|
38
|
-
export default AvatarFieldDisplay;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { EntityField } from '@donotdev/core';
|
|
2
|
-
export interface BadgeFieldDisplayProps {
|
|
3
|
-
/** Field configuration */
|
|
4
|
-
config: EntityField<'boolean' | 'checkbox' | 'select' | 'radio'>;
|
|
5
|
-
/** Value to display */
|
|
6
|
-
value: boolean | string;
|
|
7
|
-
/** Translation function */
|
|
8
|
-
t: (key: string, options?: Record<string, any>) => string;
|
|
9
|
-
/** Additional CSS classes */
|
|
10
|
-
className?: string;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* BadgeFieldDisplay - Displays boolean/select values as badges
|
|
14
|
-
*
|
|
15
|
-
* @version 0.0.1
|
|
16
|
-
* @since 0.0.1
|
|
17
|
-
* @author AMBROISE PARK Consulting
|
|
18
|
-
*/
|
|
19
|
-
export declare const BadgeFieldDisplay: React.ComponentType<BadgeFieldDisplayProps>;
|
|
20
|
-
export default BadgeFieldDisplay;
|
|
21
|
-
//# sourceMappingURL=BadgeFieldDisplay.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
// packages/ui/src/crud/components/fields/display/BadgeFieldDisplay.tsx
|
|
3
|
-
/**
|
|
4
|
-
* @fileoverview BadgeFieldDisplay component
|
|
5
|
-
* @description Displays boolean/select values as badges
|
|
6
|
-
*
|
|
7
|
-
* @version 0.0.1
|
|
8
|
-
* @since 0.0.1
|
|
9
|
-
* @author AMBROISE PARK Consulting
|
|
10
|
-
*/
|
|
11
|
-
import { Badge, Text } from '@donotdev/components';
|
|
12
|
-
/**
|
|
13
|
-
* BadgeFieldDisplay - Displays boolean/select values as badges
|
|
14
|
-
*
|
|
15
|
-
* @version 0.0.1
|
|
16
|
-
* @since 0.0.1
|
|
17
|
-
* @author AMBROISE PARK Consulting
|
|
18
|
-
*/
|
|
19
|
-
export const BadgeFieldDisplay = ({ config, value, t, className, }) => {
|
|
20
|
-
if (value === null || value === undefined) {
|
|
21
|
-
return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
|
|
22
|
-
}
|
|
23
|
-
const displayValue = typeof value === 'boolean'
|
|
24
|
-
? value
|
|
25
|
-
? t('common.yes')
|
|
26
|
-
: t('common.no')
|
|
27
|
-
: String(value);
|
|
28
|
-
const variant = typeof value === 'boolean' ? (value ? 'default' : 'secondary') : 'outline';
|
|
29
|
-
return (_jsx(Badge, { variant: variant, className: className, children: displayValue }));
|
|
30
|
-
};
|
|
31
|
-
export default BadgeFieldDisplay;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview ButtonFieldDisplay component
|
|
3
|
-
* @description Button fields are not displayed in read-only mode
|
|
4
|
-
*
|
|
5
|
-
* @version 0.0.1
|
|
6
|
-
* @since 0.0.1
|
|
7
|
-
* @author AMBROISE PARK Consulting
|
|
8
|
-
*/
|
|
9
|
-
import type { EntityField } from '@donotdev/core';
|
|
10
|
-
export interface ButtonFieldDisplayProps {
|
|
11
|
-
/** Field configuration */
|
|
12
|
-
config: EntityField<'submit' | 'reset'>;
|
|
13
|
-
/** Value to display */
|
|
14
|
-
value: any;
|
|
15
|
-
/** Translation function */
|
|
16
|
-
t: (key: string, options?: Record<string, any>) => string;
|
|
17
|
-
/** Additional CSS classes */
|
|
18
|
-
className?: string;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* ButtonFieldDisplay - Button fields are not displayed in read-only mode
|
|
22
|
-
*
|
|
23
|
-
* @version 0.0.1
|
|
24
|
-
* @since 0.0.1
|
|
25
|
-
* @author AMBROISE PARK Consulting
|
|
26
|
-
*/
|
|
27
|
-
export declare const ButtonFieldDisplay: React.ComponentType<ButtonFieldDisplayProps>;
|
|
28
|
-
export default ButtonFieldDisplay;
|
|
29
|
-
//# sourceMappingURL=ButtonFieldDisplay.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// packages/ui/src/crud/components/fields/display/ButtonFieldDisplay.tsx
|
|
2
|
-
/**
|
|
3
|
-
* ButtonFieldDisplay - Button fields are not displayed in read-only mode
|
|
4
|
-
*
|
|
5
|
-
* @version 0.0.1
|
|
6
|
-
* @since 0.0.1
|
|
7
|
-
* @author AMBROISE PARK Consulting
|
|
8
|
-
*/
|
|
9
|
-
export const ButtonFieldDisplay = () => {
|
|
10
|
-
return null;
|
|
11
|
-
};
|
|
12
|
-
export default ButtonFieldDisplay;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { EntityField } from '@donotdev/core';
|
|
2
|
-
export interface CheckboxFieldDisplayProps {
|
|
3
|
-
/** Field configuration */
|
|
4
|
-
config: EntityField<'checkbox' | 'boolean'>;
|
|
5
|
-
/** Value to display */
|
|
6
|
-
value: boolean;
|
|
7
|
-
/** Translation function */
|
|
8
|
-
t: (key: string, options?: Record<string, any>) => string;
|
|
9
|
-
/** Additional CSS classes */
|
|
10
|
-
className?: string;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* CheckboxFieldDisplay - Displays checkbox/boolean values as badges
|
|
14
|
-
*
|
|
15
|
-
* @version 0.0.1
|
|
16
|
-
* @since 0.0.1
|
|
17
|
-
* @author AMBROISE PARK Consulting
|
|
18
|
-
*/
|
|
19
|
-
export declare const CheckboxFieldDisplay: React.ComponentType<CheckboxFieldDisplayProps>;
|
|
20
|
-
export default CheckboxFieldDisplay;
|
|
21
|
-
//# sourceMappingURL=CheckboxFieldDisplay.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
// packages/ui/src/crud/components/fields/display/CheckboxFieldDisplay.tsx
|
|
3
|
-
/**
|
|
4
|
-
* @fileoverview CheckboxFieldDisplay component
|
|
5
|
-
* @description Displays checkbox/boolean values as badges
|
|
6
|
-
*
|
|
7
|
-
* @version 0.0.1
|
|
8
|
-
* @since 0.0.1
|
|
9
|
-
* @author AMBROISE PARK Consulting
|
|
10
|
-
*/
|
|
11
|
-
import { Badge, Text } from '@donotdev/components';
|
|
12
|
-
/**
|
|
13
|
-
* CheckboxFieldDisplay - Displays checkbox/boolean values as badges
|
|
14
|
-
*
|
|
15
|
-
* @version 0.0.1
|
|
16
|
-
* @since 0.0.1
|
|
17
|
-
* @author AMBROISE PARK Consulting
|
|
18
|
-
*/
|
|
19
|
-
export const CheckboxFieldDisplay = ({ config, value, t, className }) => {
|
|
20
|
-
if (value === null || value === undefined) {
|
|
21
|
-
return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
|
|
22
|
-
}
|
|
23
|
-
const displayValue = value ? t('common.yes') : t('common.no');
|
|
24
|
-
const variant = value ? 'default' : 'secondary';
|
|
25
|
-
return (_jsx(Badge, { variant: variant, className: className, children: displayValue }));
|
|
26
|
-
};
|
|
27
|
-
export default CheckboxFieldDisplay;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { EntityField } from '@donotdev/core';
|
|
2
|
-
import type { ComponentType } from 'react';
|
|
3
|
-
export interface DateFieldDisplayProps {
|
|
4
|
-
/** Field configuration */
|
|
5
|
-
config: EntityField<'date' | 'datetime-local'>;
|
|
6
|
-
/** Value to display */
|
|
7
|
-
value: string;
|
|
8
|
-
/** Translation function */
|
|
9
|
-
t: (key: string, options?: Record<string, any>) => string;
|
|
10
|
-
/** Additional CSS classes */
|
|
11
|
-
className?: string;
|
|
12
|
-
/** Whether the field is loading */
|
|
13
|
-
loading?: boolean;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* DateFieldDisplay - Displays date values in read-only mode
|
|
17
|
-
*
|
|
18
|
-
* @version 0.0.1
|
|
19
|
-
* @since 0.0.1
|
|
20
|
-
* @author AMBROISE PARK Consulting
|
|
21
|
-
*/
|
|
22
|
-
export declare const DateFieldDisplay: ComponentType<DateFieldDisplayProps>;
|
|
23
|
-
export default DateFieldDisplay;
|
|
24
|
-
//# sourceMappingURL=DateFieldDisplay.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"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;AAElD,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"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
// packages/ui/src/crud/components/fields/display/DateFieldDisplay.tsx
|
|
3
|
-
/**
|
|
4
|
-
* @fileoverview DateFieldDisplay component
|
|
5
|
-
* @description Displays date values in read-only mode
|
|
6
|
-
*
|
|
7
|
-
* @version 0.0.1
|
|
8
|
-
* @since 0.0.1
|
|
9
|
-
* @author AMBROISE PARK Consulting
|
|
10
|
-
*/
|
|
11
|
-
import { Text, Spinner } from '@donotdev/components';
|
|
12
|
-
/**
|
|
13
|
-
* DateFieldDisplay - Displays date values in read-only mode
|
|
14
|
-
*
|
|
15
|
-
* @version 0.0.1
|
|
16
|
-
* @since 0.0.1
|
|
17
|
-
* @author AMBROISE PARK Consulting
|
|
18
|
-
*/
|
|
19
|
-
export const DateFieldDisplay = ({ config, value, t, className, loading = false, }) => {
|
|
20
|
-
if (loading) {
|
|
21
|
-
return _jsx(Spinner, { className: className });
|
|
22
|
-
}
|
|
23
|
-
if (!value) {
|
|
24
|
-
return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
|
|
25
|
-
}
|
|
26
|
-
try {
|
|
27
|
-
const date = new Date(value);
|
|
28
|
-
const formattedDate = date.toLocaleDateString();
|
|
29
|
-
const formattedTime = date.toLocaleTimeString();
|
|
30
|
-
if (config.type === 'date') {
|
|
31
|
-
return (_jsx(Text, { as: "span", className: className, children: formattedDate }));
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
return (_jsxs("div", { className: className, children: [_jsx(Text, { as: "span", children: formattedDate }), _jsx(Text, { as: "span", variant: "muted", level: "small", children: formattedTime })] }));
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
catch (error) {
|
|
38
|
-
return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
export default DateFieldDisplay;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { EntityField } from '@donotdev/core';
|
|
2
|
-
export interface DropdownDisplayProps {
|
|
3
|
-
/** Field configuration */
|
|
4
|
-
config: EntityField<'select'>;
|
|
5
|
-
/** Value to display */
|
|
6
|
-
value: string;
|
|
7
|
-
/** Translation function */
|
|
8
|
-
t: (key: string, options?: Record<string, any>) => string;
|
|
9
|
-
/** Additional CSS classes */
|
|
10
|
-
className?: string;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* DropdownDisplay - Displays select values as badges
|
|
14
|
-
*
|
|
15
|
-
* @version 0.0.1
|
|
16
|
-
* @since 0.0.1
|
|
17
|
-
* @author AMBROISE PARK Consulting
|
|
18
|
-
*/
|
|
19
|
-
export declare const DropdownDisplay: React.ComponentType<DropdownDisplayProps>;
|
|
20
|
-
export default DropdownDisplay;
|
|
21
|
-
//# sourceMappingURL=DropdownDisplay.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/DropdownDisplay.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,oBAAoB;IACnC,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,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;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAmBrE,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
// packages/ui/src/crud/components/fields/display/DropdownDisplay.tsx
|
|
3
|
-
/**
|
|
4
|
-
* @fileoverview DropdownDisplay component
|
|
5
|
-
* @description Displays select values as badges
|
|
6
|
-
*
|
|
7
|
-
* @version 0.0.1
|
|
8
|
-
* @since 0.0.1
|
|
9
|
-
* @author AMBROISE PARK Consulting
|
|
10
|
-
*/
|
|
11
|
-
import { Badge, BADGE_VARIANT, Text } from '@donotdev/components';
|
|
12
|
-
/**
|
|
13
|
-
* DropdownDisplay - Displays select values as badges
|
|
14
|
-
*
|
|
15
|
-
* @version 0.0.1
|
|
16
|
-
* @since 0.0.1
|
|
17
|
-
* @author AMBROISE PARK Consulting
|
|
18
|
-
*/
|
|
19
|
-
export const DropdownDisplay = ({ config, value, t, className, }) => {
|
|
20
|
-
if (!value) {
|
|
21
|
-
return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
|
|
22
|
-
}
|
|
23
|
-
return (_jsx(Badge, { variant: BADGE_VARIANT.OUTLINE, className: className, children: value }));
|
|
24
|
-
};
|
|
25
|
-
export default DropdownDisplay;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { EntityField } from '@donotdev/core';
|
|
2
|
-
export interface FileFieldDisplayProps {
|
|
3
|
-
/** Field configuration */
|
|
4
|
-
config: EntityField<'file'>;
|
|
5
|
-
/** Value to display */
|
|
6
|
-
value: File | null;
|
|
7
|
-
/** Translation function */
|
|
8
|
-
t: (key: string, options?: Record<string, any>) => string;
|
|
9
|
-
/** Additional CSS classes */
|
|
10
|
-
className?: string;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* FileFieldDisplay - Displays file values in read-only mode
|
|
14
|
-
*
|
|
15
|
-
* @version 0.0.1
|
|
16
|
-
* @since 0.0.1
|
|
17
|
-
* @author AMBROISE PARK Consulting
|
|
18
|
-
*/
|
|
19
|
-
export declare const FileFieldDisplay: React.ComponentType<FileFieldDisplayProps>;
|
|
20
|
-
export default FileFieldDisplay;
|
|
21
|
-
//# sourceMappingURL=FileFieldDisplay.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileFieldDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/FileFieldDisplay.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,qBAAqB;IACpC,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,uBAAuB;IACvB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,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,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CA0BvE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
// packages/ui/src/crud/components/fields/display/FileFieldDisplay.tsx
|
|
3
|
-
/**
|
|
4
|
-
* @fileoverview FileFieldDisplay component
|
|
5
|
-
* @description Displays file values in read-only mode
|
|
6
|
-
*
|
|
7
|
-
* @version 0.0.1
|
|
8
|
-
* @since 0.0.1
|
|
9
|
-
* @author AMBROISE PARK Consulting
|
|
10
|
-
*/
|
|
11
|
-
import { Badge, BADGE_VARIANT, Text, Stack } from '@donotdev/components';
|
|
12
|
-
/**
|
|
13
|
-
* FileFieldDisplay - Displays file values in read-only mode
|
|
14
|
-
*
|
|
15
|
-
* @version 0.0.1
|
|
16
|
-
* @since 0.0.1
|
|
17
|
-
* @author AMBROISE PARK Consulting
|
|
18
|
-
*/
|
|
19
|
-
export const FileFieldDisplay = ({ config, value, t, className, }) => {
|
|
20
|
-
if (!value) {
|
|
21
|
-
return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
|
|
22
|
-
}
|
|
23
|
-
return (_jsxs(Stack, { direction: "row", align: "center", gap: "medium", className: className, children: [_jsx(Text, { as: "span", level: "small", children: value.name }), value.size && (_jsxs(Badge, { variant: BADGE_VARIANT.SECONDARY, children: [(value.size / 1024).toFixed(1), " KB"] }))] }));
|
|
24
|
-
};
|
|
25
|
-
export default FileFieldDisplay;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import type { EntityField } from '@donotdev/core';
|
|
2
|
-
import type { ComponentType } from 'react';
|
|
3
|
-
export interface GeoPointFieldDisplayProps {
|
|
4
|
-
/** Field configuration */
|
|
5
|
-
config: EntityField<'geopoint'>;
|
|
6
|
-
/** Value to display */
|
|
7
|
-
value: {
|
|
8
|
-
lat: number;
|
|
9
|
-
lng: number;
|
|
10
|
-
} | null;
|
|
11
|
-
/** Translation function */
|
|
12
|
-
t: (key: string, options?: Record<string, any>) => string;
|
|
13
|
-
/** Additional CSS classes */
|
|
14
|
-
className?: string;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* GeoPointFieldDisplay - Displays geopoint values in read-only mode
|
|
18
|
-
*
|
|
19
|
-
* @version 0.0.1
|
|
20
|
-
* @since 0.0.1
|
|
21
|
-
* @author AMBROISE PARK Consulting
|
|
22
|
-
*/
|
|
23
|
-
export declare const GeoPointFieldDisplay: ComponentType<GeoPointFieldDisplayProps>;
|
|
24
|
-
export default GeoPointFieldDisplay;
|
|
25
|
-
//# sourceMappingURL=GeoPointFieldDisplay.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GeoPointFieldDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/GeoPointFieldDisplay.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,yBAAyB;IACxC,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAChC,uBAAuB;IACvB,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC3C,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,aAAa,CAAC,yBAAyB,CAmBzE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
// packages/ui/src/crud/components/fields/display/GeoPointFieldDisplay.tsx
|
|
3
|
-
/**
|
|
4
|
-
* @fileoverview GeoPointFieldDisplay component
|
|
5
|
-
* @description Displays geopoint values in read-only mode
|
|
6
|
-
*
|
|
7
|
-
* @version 0.0.1
|
|
8
|
-
* @since 0.0.1
|
|
9
|
-
* @author AMBROISE PARK Consulting
|
|
10
|
-
*/
|
|
11
|
-
import { Text } from '@donotdev/components';
|
|
12
|
-
/**
|
|
13
|
-
* GeoPointFieldDisplay - Displays geopoint values in read-only mode
|
|
14
|
-
*
|
|
15
|
-
* @version 0.0.1
|
|
16
|
-
* @since 0.0.1
|
|
17
|
-
* @author AMBROISE PARK Consulting
|
|
18
|
-
*/
|
|
19
|
-
export const GeoPointFieldDisplay = ({ config, value, t, className, }) => {
|
|
20
|
-
if (!value || (value.lat === undefined && value.lng === undefined)) {
|
|
21
|
-
return (_jsx(Text, { as: "span", variant: "muted", className: className, children: "-" }));
|
|
22
|
-
}
|
|
23
|
-
return (_jsxs(Text, { as: "div", level: "small", className: `font-mono ${className || ''}`, children: [value.lat?.toFixed(6), ", ", value.lng?.toFixed(6)] }));
|
|
24
|
-
};
|
|
25
|
-
export default GeoPointFieldDisplay;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @fileoverview HiddenFieldDisplay component
|
|
3
|
-
* @description Hidden fields are not displayed
|
|
4
|
-
*
|
|
5
|
-
* @version 0.0.1
|
|
6
|
-
* @since 0.0.1
|
|
7
|
-
* @author AMBROISE PARK Consulting
|
|
8
|
-
*/
|
|
9
|
-
import type { EntityField } from '@donotdev/core';
|
|
10
|
-
import type { ComponentType } from 'react';
|
|
11
|
-
export interface HiddenFieldDisplayProps {
|
|
12
|
-
/** Field configuration */
|
|
13
|
-
config: EntityField<'hidden'>;
|
|
14
|
-
/** Value to display */
|
|
15
|
-
value: string;
|
|
16
|
-
/** Translation function */
|
|
17
|
-
t: (key: string, options?: Record<string, any>) => string;
|
|
18
|
-
/** Additional CSS classes */
|
|
19
|
-
className?: string;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* HiddenFieldDisplay - Hidden fields are not displayed
|
|
23
|
-
*
|
|
24
|
-
* @version 0.0.1
|
|
25
|
-
* @since 0.0.1
|
|
26
|
-
* @author AMBROISE PARK Consulting
|
|
27
|
-
*/
|
|
28
|
-
export declare const HiddenFieldDisplay: ComponentType<HiddenFieldDisplayProps>;
|
|
29
|
-
export default HiddenFieldDisplay;
|
|
30
|
-
//# sourceMappingURL=HiddenFieldDisplay.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HiddenFieldDisplay.d.ts","sourceRoot":"","sources":["../../../../../src/crud/components/fields/display/HiddenFieldDisplay.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,uBAAuB;IACtC,0BAA0B;IAC1B,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,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;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,aAAa,CAC5C,uBAAuB,CAGxB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// packages/ui/src/crud/components/fields/display/HiddenFieldDisplay.tsx
|
|
2
|
-
/**
|
|
3
|
-
* HiddenFieldDisplay - Hidden fields are not displayed
|
|
4
|
-
*
|
|
5
|
-
* @version 0.0.1
|
|
6
|
-
* @since 0.0.1
|
|
7
|
-
* @author AMBROISE PARK Consulting
|
|
8
|
-
*/
|
|
9
|
-
export const HiddenFieldDisplay = () => {
|
|
10
|
-
return null;
|
|
11
|
-
};
|
|
12
|
-
export default HiddenFieldDisplay;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { EntityField } from '@donotdev/core';
|
|
2
|
-
import type { ComponentType } from 'react';
|
|
3
|
-
export interface ImageFieldDisplayProps {
|
|
4
|
-
/** Field configuration */
|
|
5
|
-
config: EntityField<'image'>;
|
|
6
|
-
/** Value to display (image URL) */
|
|
7
|
-
value: string;
|
|
8
|
-
/** Translation function */
|
|
9
|
-
t: (key: string, options?: Record<string, any>) => string;
|
|
10
|
-
/** Additional CSS classes */
|
|
11
|
-
className?: string;
|
|
12
|
-
/** Image size */
|
|
13
|
-
size?: 'sm' | 'md' | 'lg';
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* ImageFieldDisplay - Displays image values as avatars
|
|
17
|
-
*
|
|
18
|
-
* @version 0.0.1
|
|
19
|
-
* @since 0.0.1
|
|
20
|
-
* @author AMBROISE PARK Consulting
|
|
21
|
-
*/
|
|
22
|
-
export declare const ImageFieldDisplay: ComponentType<ImageFieldDisplayProps>;
|
|
23
|
-
export default ImageFieldDisplay;
|
|
24
|
-
//# sourceMappingURL=ImageFieldDisplay.d.ts.map
|