@strato-admin/cloudscape 0.1.0

package/dist/create/Create.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { type RaRecord } from '@strato-admin/core';
+export interface CreateProps<RecordType extends RaRecord = RaRecord> {
+    children?: React.ReactNode;
+    inputSchema?: React.ReactNode;
+    title?: React.ReactNode;
+    actions?: React.ReactNode;
+    resource?: string;
+    record?: Partial<RecordType>;
+    redirect?: any;
+    transform?: any;
+    mutationOptions?: any;
+    include?: string[];
+    exclude?: string[];
+}
+/**
+ * A Create component that provides record context and a Cloudscape Container.
+ *
+ * @example
+ * <Create>
+ *   <Form>
+ *     <TextInput source="name" />
+ *   </Form>
+ * </Create>
+ *
+ * @example
+ * // Using InputSchema from context
+ * <Create include={['name', 'price']} />
+ *
+ * @example
+ * // Passing a custom input schema
+ * <Create inputSchema={<InputSchema>...</InputSchema>}>
+ *   <Form />
+ * </Create>
+ */
+export declare const Create: {
+    <RecordType extends RaRecord = RaRecord<import("@strato-admin/ra-core").Identifier>>({ children, inputSchema, title, actions, include, exclude, ...props }: CreateProps<RecordType>): import("react/jsx-runtime").JSX.Element;
+    Header: ({ title, actions, ...props }: import("./CreateHeader").CreateHeaderProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Create;

package/dist/create/Create.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CreateBase, ResourceSchemaProvider } from '@strato-admin/core';
+import Container from '@cloudscape-design/components/container';
+import { CreateHeader } from './CreateHeader';
+import Form from '../form/Form';
+const CreateUI = ({ children, resource, inputSchema, title, actions, include, exclude, }) => {
+    const finalChildren = children || _jsx(Form, { include: include, exclude: exclude });
+    return (_jsx(ResourceSchemaProvider, { resource: resource, inputSchema: inputSchema, children: _jsx(Container, { header: _jsx(CreateHeader, { title: title, actions: actions }), children: finalChildren }) }));
+};
+/**
+ * A Create component that provides record context and a Cloudscape Container.
+ *
+ * @example
+ * <Create>
+ *   <Form>
+ *     <TextInput source="name" />
+ *   </Form>
+ * </Create>
+ *
+ * @example
+ * // Using InputSchema from context
+ * <Create include={['name', 'price']} />
+ *
+ * @example
+ * // Passing a custom input schema
+ * <Create inputSchema={<InputSchema>...</InputSchema>}>
+ *   <Form />
+ * </Create>
+ */
+export const Create = ({ children, inputSchema, title, actions, include, exclude, ...props }) => {
+    return (_jsx(CreateBase, { ...props, children: _jsx(CreateUI, { resource: props.resource, title: title, actions: actions, include: include, exclude: exclude, inputSchema: inputSchema, children: children }) }));
+};
+Create.Header = CreateHeader;
+export default Create;

package/dist/create/CreateHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { HeaderProps } from '@cloudscape-design/components/header';
+export interface CreateHeaderProps extends Omit<HeaderProps, 'children'> {
+    title?: React.ReactNode;
+}
+export declare const CreateHeader: ({ title, actions, ...props }: CreateHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default CreateHeader;

package/dist/create/CreateHeader.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import Header from '@cloudscape-design/components/header';
+import SpaceBetween from '@cloudscape-design/components/space-between';
+import { useCreateContext, useTranslate } from '@strato-admin/core';
+export const CreateHeader = ({ title, actions, ...props }) => {
+    const translate = useTranslate();
+    const { defaultTitle } = useCreateContext();
+    const headerTitle = React.useMemo(() => {
+        if (title !== undefined) {
+            return typeof title === 'string' ? translate(title, { _: title }) : title;
+        }
+        return defaultTitle;
+    }, [title, defaultTitle, translate]);
+    const headerActions = actions || (_jsx(SpaceBetween, { direction: "horizontal", size: "xs" }));
+    return (_jsx(Header, { variant: "h2", ...props, actions: headerActions, children: headerTitle }));
+};
+export default CreateHeader;

package/dist/create/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Create';
+export * from './CreateHeader';

package/dist/create/index.js

@@ -0,0 +1,2 @@
+export * from './Create';
+export * from './CreateHeader';

package/dist/detail/KeyValuePairs.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { type KeyValuePairsProps as CloudscapeKeyValuePairsProps } from '@cloudscape-design/components/key-value-pairs';
+import { type RaRecord } from '@strato-admin/core';
+export interface KeyValuePairsProps extends Partial<Omit<CloudscapeKeyValuePairsProps, 'items'>> {
+    children?: React.ReactNode;
+    include?: string[];
+    exclude?: string[];
+    columns?: number;
+    minColumnWidth?: number;
+}
+export interface KeyValueFieldProps {
+    source?: string;
+    label?: string;
+    children?: React.ReactNode;
+    field?: React.ComponentType<any>;
+}
+/**
+ * KeyValuePairs.Field is a helper component to define a field in a KeyValuePairs component.
+ * It mirrors the DataTable.Col pattern.
+ */
+export declare const KeyValueField: ({ children, source, field: FieldComponent }: KeyValueFieldProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * A KeyValuePairs component that mirrors the Cloudscape KeyValuePairs component
+ * but automatically handles labels and record context for its children.
+ *
+ * @example
+ * <KeyValuePairs columns={2}>
+ *   <TextField source="name" label="Full Name" />
+ *   <KeyValuePairs.Field source="age" label="Age" />
+ * </KeyValuePairs>
+ */
+export declare const KeyValuePairs: {
+    <RecordType extends RaRecord = RaRecord<import("@strato-admin/ra-core").Identifier>>({ children, include, exclude, columns, minColumnWidth, ...props }: KeyValuePairsProps): import("react/jsx-runtime").JSX.Element;
+    Field: ({ children, source, field: FieldComponent }: KeyValueFieldProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default KeyValuePairs;

package/dist/detail/KeyValuePairs.js

@@ -0,0 +1,58 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import CloudscapeKeyValuePairs from '@cloudscape-design/components/key-value-pairs';
+import { useResourceContext, useRecordContext, FieldTitle, RecordContextProvider, useFieldSchema, } from '@strato-admin/core';
+import TextField from '../field/TextField';
+/**
+ * KeyValuePairs.Field is a helper component to define a field in a KeyValuePairs component.
+ * It mirrors the DataTable.Col pattern.
+ */
+export const KeyValueField = ({ children, source, field: FieldComponent }) => {
+    if (children) {
+        return (_jsx(_Fragment, { children: React.Children.map(children, (child) => React.isValidElement(child) ? React.cloneElement(child, { source }) : child) }));
+    }
+    if (FieldComponent) {
+        return _jsx(FieldComponent, { source: source });
+    }
+    return _jsx(TextField, { source: source });
+};
+/**
+ * A KeyValuePairs component that mirrors the Cloudscape KeyValuePairs component
+ * but automatically handles labels and record context for its children.
+ *
+ * @example
+ * <KeyValuePairs columns={2}>
+ *   <TextField source="name" label="Full Name" />
+ *   <KeyValuePairs.Field source="age" label="Age" />
+ * </KeyValuePairs>
+ */
+export const KeyValuePairs = ({ children, include, exclude, columns = 3, // Default to 3 columns if not specified
+minColumnWidth, ...props }) => {
+    const resource = useResourceContext();
+    const record = useRecordContext();
+    const schemaChildren = useFieldSchema();
+    const finalChildren = React.useMemo(() => {
+        const baseChildren = children || schemaChildren;
+        let result = React.Children.toArray(baseChildren);
+        if (include) {
+            result = result.filter((child) => React.isValidElement(child) && include.includes(child.props.source));
+        }
+        else if (exclude) {
+            result = result.filter((child) => React.isValidElement(child) && !exclude.includes(child.props.source));
+        }
+        return result;
+    }, [children, schemaChildren, include, exclude]);
+    const items = React.Children.map(finalChildren, (child) => {
+        if (!React.isValidElement(child)) {
+            return null;
+        }
+        const { source, label } = child.props;
+        return {
+            label: _jsx(FieldTitle, { source: source, resource: resource, label: label }),
+            value: _jsx(RecordContextProvider, { value: record, children: child }),
+        };
+    })?.filter((item) => item !== null) || [];
+    return _jsx(CloudscapeKeyValuePairs, { ...props, items: items, columns: columns, minColumnWidth: minColumnWidth });
+};
+KeyValuePairs.Field = KeyValueField;
+export default KeyValuePairs;

package/dist/detail/Show.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { type RaRecord } from '@strato-admin/core';
+export interface ShowProps<_RecordType extends RaRecord = RaRecord> {
+    children?: React.ReactNode;
+    fieldSchema?: React.ReactNode;
+    title?: React.ReactNode;
+    actions?: React.ReactNode;
+    resource?: string;
+    id?: any;
+    queryOptions?: any;
+    include?: string[];
+    exclude?: string[];
+}
+/**
+ * A Show component that provides record context and a Cloudscape Container.
+ *
+ * @example
+ * <Show>
+ *   <KeyValuePairs>
+ *     <TextField source="name" />
+ *     <NumberField source="price" />
+ *   </KeyValuePairs>
+ * </Show>
+ *
+ * @example
+ * // Using FieldSchema from context
+ * <Show include={['name', 'price']} />
+ *
+ * @example
+ * // Passing a custom field schema
+ * <Show fieldSchema={<FieldSchema>...</FieldSchema>}>
+ *   <KeyValuePairs />
+ * </Show>
+ */
+export declare const Show: {
+    <RecordType extends RaRecord = RaRecord<import("@strato-admin/ra-core").Identifier>>({ children, fieldSchema, title, actions, include, exclude, ...props }: ShowProps<RecordType>): import("react/jsx-runtime").JSX.Element;
+    Header: ({ title, actions, ...props }: import("./ShowHeader").ShowHeaderProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Show;

package/dist/detail/Show.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ShowBase, useShowContext, ResourceSchemaProvider } from '@strato-admin/core';
+import Container from '@cloudscape-design/components/container';
+import SpaceBetween from '@cloudscape-design/components/space-between';
+import { ShowHeader } from './ShowHeader';
+import KeyValuePairs from './KeyValuePairs';
+const ShowUI = ({ children, resource, fieldSchema, title, actions, include, exclude, }) => {
+    const { record, isLoading } = useShowContext();
+    if (isLoading || !record) {
+        return null;
+    }
+    const finalChildren = children || _jsx(KeyValuePairs, { include: include, exclude: exclude });
+    return (_jsx(ResourceSchemaProvider, { resource: resource, fieldSchema: fieldSchema, children: _jsx(Container, { header: _jsx(ShowHeader, { title: title, actions: actions }), children: _jsx(SpaceBetween, { direction: "vertical", size: "l", children: finalChildren }) }) }));
+};
+/**
+ * A Show component that provides record context and a Cloudscape Container.
+ *
+ * @example
+ * <Show>
+ *   <KeyValuePairs>
+ *     <TextField source="name" />
+ *     <NumberField source="price" />
+ *   </KeyValuePairs>
+ * </Show>
+ *
+ * @example
+ * // Using FieldSchema from context
+ * <Show include={['name', 'price']} />
+ *
+ * @example
+ * // Passing a custom field schema
+ * <Show fieldSchema={<FieldSchema>...</FieldSchema>}>
+ *   <KeyValuePairs />
+ * </Show>
+ */
+export const Show = ({ children, fieldSchema, title, actions, include, exclude, ...props }) => {
+    return (_jsx(ShowBase, { ...props, children: _jsx(ShowUI, { resource: props.resource, title: title, actions: actions, include: include, exclude: exclude, fieldSchema: fieldSchema, children: children }) }));
+};
+Show.Header = ShowHeader;
+export default Show;

package/dist/detail/ShowHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { HeaderProps } from '@cloudscape-design/components/header';
+export interface ShowHeaderProps extends Omit<HeaderProps, 'children'> {
+    title?: React.ReactNode;
+}
+export declare const ShowHeader: ({ title, actions, ...props }: ShowHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default ShowHeader;

package/dist/detail/ShowHeader.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import Header from '@cloudscape-design/components/header';
+import SpaceBetween from '@cloudscape-design/components/space-between';
+import { useShowContext, useTranslate } from '@strato-admin/core';
+import { EditButton } from '../button/EditButton';
+export const ShowHeader = ({ title, actions, ...props }) => {
+    const translate = useTranslate();
+    const { record, defaultTitle } = useShowContext();
+    const headerTitle = React.useMemo(() => {
+        if (title !== undefined) {
+            return typeof title === 'string' ? translate(title, { _: title }) : title;
+        }
+        return defaultTitle;
+    }, [title, defaultTitle, translate]);
+    const headerActions = actions || (_jsx(SpaceBetween, { direction: "horizontal", size: "xs", children: _jsx(EditButton, { record: record }) }));
+    return (_jsx(Header, { variant: "h2", ...props, actions: headerActions, children: headerTitle }));
+};
+export default ShowHeader;

package/dist/detail/index.d.ts

@@ -0,0 +1,3 @@
+export * from './KeyValuePairs';
+export * from './Show';
+export * from './ShowHeader';

package/dist/detail/index.js

@@ -0,0 +1,3 @@
+export * from './KeyValuePairs';
+export * from './Show';
+export * from './ShowHeader';

package/dist/edit/Edit.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { type RaRecord } from '@strato-admin/core';
+export interface EditProps<_RecordType extends RaRecord = RaRecord> {
+    children?: React.ReactNode;
+    inputSchema?: React.ReactNode;
+    title?: React.ReactNode;
+    actions?: React.ReactNode;
+    resource?: string;
+    id?: any;
+    mutationMode?: 'pessimistic' | 'optimistic' | 'undoable';
+    mutationOptions?: any;
+    queryOptions?: any;
+    redirect?: any;
+    transform?: any;
+    include?: string[];
+    exclude?: string[];
+}
+/**
+ * An Edit component that provides record context and a Cloudscape Container.
+ *
+ * @example
+ * <Edit>
+ *   <Form>
+ *     <TextInput source="name" />
+ *   </Form>
+ * </Edit>
+ *
+ * @example
+ * // Using InputSchema from context
+ * <Edit include={['name', 'price']} />
+ *
+ * @example
+ * // Passing a custom input schema
+ * <Edit inputSchema={<InputSchema>...</InputSchema>}>
+ *   <Form />
+ * </Edit>
+ */
+export declare const Edit: {
+    <RecordType extends RaRecord = any>({ children, inputSchema, title, actions, include, exclude, ...props }: EditProps<RecordType>): import("react/jsx-runtime").JSX.Element;
+    Header: ({ title, actions, ...props }: import("./EditHeader").EditHeaderProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Edit;

package/dist/edit/Edit.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EditBase, useEditContext, ResourceSchemaProvider } from '@strato-admin/core';
+import Container from '@cloudscape-design/components/container';
+import { EditHeader } from './EditHeader';
+import Form from '../form/Form';
+const EditUI = ({ children, resource, inputSchema, title, actions, include, exclude, }) => {
+    const { record, isLoading } = useEditContext();
+    if (isLoading || !record) {
+        return null;
+    }
+    const finalChildren = children || _jsx(Form, { include: include, exclude: exclude });
+    return (_jsx(ResourceSchemaProvider, { resource: resource, inputSchema: inputSchema, children: _jsx(Container, { header: _jsx(EditHeader, { title: title, actions: actions }), children: finalChildren }) }));
+};
+/**
+ * An Edit component that provides record context and a Cloudscape Container.
+ *
+ * @example
+ * <Edit>
+ *   <Form>
+ *     <TextInput source="name" />
+ *   </Form>
+ * </Edit>
+ *
+ * @example
+ * // Using InputSchema from context
+ * <Edit include={['name', 'price']} />
+ *
+ * @example
+ * // Passing a custom input schema
+ * <Edit inputSchema={<InputSchema>...</InputSchema>}>
+ *   <Form />
+ * </Edit>
+ */
+export const Edit = ({ children, inputSchema, title, actions, include, exclude, ...props }) => {
+    return (_jsx(EditBase, { ...props, children: _jsx(EditUI, { resource: props.resource, title: title, actions: actions, include: include, exclude: exclude, inputSchema: inputSchema, children: children }) }));
+};
+Edit.Header = EditHeader;
+export default Edit;

package/dist/edit/EditHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { HeaderProps } from '@cloudscape-design/components/header';
+export interface EditHeaderProps extends Omit<HeaderProps, 'children'> {
+    title?: React.ReactNode;
+}
+export declare const EditHeader: ({ title, actions, ...props }: EditHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default EditHeader;

package/dist/edit/EditHeader.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import Header from '@cloudscape-design/components/header';
+import SpaceBetween from '@cloudscape-design/components/space-between';
+import { useEditContext, useTranslate } from '@strato-admin/core';
+export const EditHeader = ({ title, actions, ...props }) => {
+    const translate = useTranslate();
+    const { defaultTitle } = useEditContext();
+    const headerTitle = React.useMemo(() => {
+        if (title !== undefined) {
+            return typeof title === 'string' ? translate(title, { _: title }) : title;
+        }
+        return defaultTitle;
+    }, [title, defaultTitle, translate]);
+    const headerActions = actions || (_jsx(SpaceBetween, { direction: "horizontal", size: "xs" }));
+    return (_jsx(Header, { variant: "h2", ...props, actions: headerActions, children: headerTitle }));
+};
+export default EditHeader;

package/dist/edit/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Edit';
+export * from './EditHeader';

package/dist/edit/index.js

@@ -0,0 +1,2 @@
+export * from './Edit';
+export * from './EditHeader';

package/dist/field/ArrayField.d.ts

@@ -0,0 +1,29 @@
+import { type RaRecord } from '@strato-admin/core';
+import { type FieldProps } from './types';
+export interface ArrayFieldProps<RecordType extends RaRecord = RaRecord> extends FieldProps<RecordType> {
+    /**
+     * Thecomponents to render for each item in the array.
+     */
+    children: React.ReactNode;
+    /**
+     * Number of items per page if pagination is used within the field.
+     */
+    perPage?: number;
+}
+/**
+ * ArrayField component that wraps its children with a ListContextProvider
+ * and ResourceContextProvider initialized with the array data and resource name.
+ *
+ * This allows using components that expect a ListContext or ResourceContext
+ * (like DataTable) to display nested arrays within a record.
+ *
+ * @example
+ * <ArrayField source="products" resource="products">
+ *   <DataTable variant="embedded">
+ *     <DataTable.Col source="title" label="Title" />
+ *     <DataTable.NumberCol source="price" label="Price" />
+ *   </DataTable>
+ * </ArrayField>
+ */
+export declare const ArrayField: <RecordType extends RaRecord = any>(props: ArrayFieldProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export default ArrayField;

package/dist/field/ArrayField.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRecordContext, useList, ListContextProvider, ResourceContextProvider } from '@strato-admin/core';
+/**
+ * ArrayField component that wraps its children with a ListContextProvider
+ * and ResourceContextProvider initialized with the array data and resource name.
+ *
+ * This allows using components that expect a ListContext or ResourceContext
+ * (like DataTable) to display nested arrays within a record.
+ *
+ * @example
+ * <ArrayField source="products" resource="products">
+ *   <DataTable variant="embedded">
+ *     <DataTable.Col source="title" label="Title" />
+ *     <DataTable.NumberCol source="price" label="Price" />
+ *   </DataTable>
+ * </ArrayField>
+ */
+export const ArrayField = (props) => {
+    const { source, resource, children, perPage = 10 } = props;
+    const record = useRecordContext();
+    const data = (source && record?.[source]) || [];
+    const targetResource = resource || source || '';
+    const listContext = useList({
+        data,
+        resource: targetResource,
+        perPage,
+    });
+    return (_jsx(ResourceContextProvider, { value: targetResource, children: _jsx(ListContextProvider, { value: listContext, children: children }) }));
+};
+export default ArrayField;

package/dist/field/BadgeField.d.ts

@@ -0,0 +1,12 @@
+import { type BadgeProps } from '@cloudscape-design/components/badge';
+import { type RaRecord } from '@strato-admin/core';
+import { type FieldProps } from './types';
+export interface BadgeFieldProps<RecordType extends RaRecord = RaRecord> extends FieldProps<RecordType> {
+    /**
+     * The color of the badge.
+     * @default "grey"
+     */
+    color?: BadgeProps['color'];
+}
+declare const BadgeField: <RecordType extends RaRecord = RaRecord>(props: BadgeFieldProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export default BadgeField;

package/dist/field/BadgeField.js

@@ -0,0 +1,15 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import Badge from '@cloudscape-design/components/badge';
+import { useFieldValue, useRecordContext } from '@strato-admin/core';
+import RecordLink from '../RecordLink';
+const BadgeField = (props) => {
+    const { source, record: recordProp, emptyText, link, color = 'grey' } = props;
+    const record = useRecordContext({ record: recordProp });
+    const value = useFieldValue({ source: source, record });
+    const hasValue = value !== null && value !== undefined && value !== '';
+    if (!hasValue) {
+        return _jsx(_Fragment, { children: emptyText ?? null });
+    }
+    return (_jsx(RecordLink, { link: link, children: _jsx(Badge, { color: color, children: String(value) }) }));
+};
+export default BadgeField;

package/dist/field/BooleanField.d.ts

@@ -0,0 +1,18 @@
+import { RaRecord } from '@strato-admin/core';
+import { type FieldProps } from './types';
+export type BooleanFieldProps<RecordType extends RaRecord = RaRecord> = FieldProps<RecordType> & {
+    /**
+     * The label to display when the value is true. Defaults to "Yes".
+     */
+    trueLabel?: string;
+    /**
+     * The label to display when the value is false. Defaults to "No".
+     */
+    falseLabel?: string;
+    /**
+     * Whether to show the text label alongside the icon.
+     */
+    showLabel?: boolean;
+};
+declare const BooleanField: <RecordType extends RaRecord = RaRecord>(props: BooleanFieldProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export default BooleanField;

package/dist/field/BooleanField.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import StatusIndicator from '@cloudscape-design/components/status-indicator';
+import { useFieldValue, useRecordContext, useTranslate } from '@strato-admin/core';
+import RecordLink from '../RecordLink';
+const BooleanField = (props) => {
+    const { source, record: recordProp, trueLabel, falseLabel, showLabel = false, link } = props;
+    const record = useRecordContext({ record: recordProp });
+    const value = useFieldValue({ source: source, record });
+    const translate = useTranslate();
+    const isTrue = !!value;
+    const content = isTrue ? (_jsx(StatusIndicator, { type: "success", colorOverride: "green", children: showLabel ? (trueLabel ?? translate('ra.boolean.true', { _: 'Yes' })) : null })) : (_jsx(StatusIndicator, { type: "not-started", children: showLabel ? (falseLabel ?? translate('ra.boolean.false', { _: 'No' })) : null }));
+    return _jsx(RecordLink, { link: link, children: content });
+};
+export default BooleanField;

package/dist/field/CurrencyField.d.ts

@@ -0,0 +1,19 @@
+import { type RaRecord } from '@strato-admin/core';
+import { type FieldProps } from './types';
+export type CurrencyFieldProps<RecordType extends RaRecord = RaRecord> = FieldProps<RecordType> & {
+    /**
+     * Options for Intl.NumberFormat.
+     */
+    options?: Intl.NumberFormatOptions;
+    /**
+     * Locale(s) to use for formatting. Defaults to the current app locale.
+     */
+    locales?: string | string[];
+    /**
+     * The currency to use in currency formatting.
+     * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#currency_2
+     */
+    currency: string;
+};
+declare const CurrencyField: <RecordType extends RaRecord = RaRecord>(props: CurrencyFieldProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export default CurrencyField;

package/dist/field/CurrencyField.js

@@ -0,0 +1,23 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useFieldValue, useRecordContext, useLocale } from '@strato-admin/core';
+import RecordLink from '../RecordLink';
+const CurrencyField = (props) => {
+    const { source, record: recordProp, emptyText, options, locales, link, currency } = props;
+    const record = useRecordContext({ record: recordProp });
+    const value = useFieldValue({ source: source, record });
+    const currentLocale = useLocale();
+    const hasValue = value !== null && value !== undefined && value !== '';
+    if (!hasValue) {
+        return _jsx(_Fragment, { children: emptyText ?? null });
+    }
+    const numberValue = typeof value === 'string' ? parseFloat(value) : value;
+    const formatOptions = {
+        style: 'currency',
+        currency,
+        ...options,
+    };
+    const formattedValue = new Intl.NumberFormat(locales || currentLocale, formatOptions).format(numberValue);
+    return _jsx(RecordLink, { link: link, children: formattedValue });
+};
+CurrencyField.isNumberColumn = true;
+export default CurrencyField;

package/dist/field/DateField.d.ts

@@ -0,0 +1,14 @@
+import { type RaRecord } from '@strato-admin/core';
+import { type FieldProps } from './types';
+export type DateFieldProps<RecordType extends RaRecord = RaRecord> = FieldProps<RecordType> & {
+    /**
+     * Options for Intl.DateTimeFormat.
+     */
+    options?: Intl.DateTimeFormatOptions;
+    /**
+     * Locale(s) to use for formatting. Defaults to the current app locale.
+     */
+    locales?: string | string[];
+};
+declare const DateField: <RecordType extends RaRecord = RaRecord>(props: DateFieldProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export default DateField;