@pautena/react-design-system 0.12.2 → 0.13.0-alpha.1

package/dist/generators/types/components/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./value-displays";
+export * from "./feedback";
+export * from "./data-display";
+export * from "./containers";
+export * from "./drawers";
+export * from "./inputs";
+export * from "./navigation";
+export * from "./tables";
+export * from "./placeholders";
+export * from "./alerts";
+export * from "./dialogs";

package/dist/generators/types/components/inputs/action/action-header.d.ts

@@ -0,0 +1,10 @@
+import { Variant } from "@mui/material/styles/createTypography";
+import React from "react";
+type ActionVariant = "primary" | "error" | "warning" | "success";
+export interface ActionHeaderProps {
+    variant?: ActionVariant;
+    title: string;
+    titleVariant?: Extract<Variant, "h4" | "h5" | "h6">;
+}
+export declare const ActionHeader: ({ title, titleVariant, variant, }: ActionHeaderProps) => React.JSX.Element;
+export {};

package/dist/generators/types/components/inputs/action/action.d.ts

@@ -0,0 +1,19 @@
+import { Variant } from "@mui/material/styles/createTypography";
+import React, { ReactElement } from "react";
+export type ActionVariant = "primary" | "error" | "warning" | "success";
+export interface ActionProps {
+    variant: ActionVariant;
+    title: string;
+    titleVariant?: Extract<Variant, "h4" | "h5" | "h6">;
+    description?: string | ReactElement;
+    descriptionVariant?: Variant;
+    helperText?: string;
+    helperTextVariant?: Variant;
+    buttonText: string;
+    confirmable?: boolean;
+    confirmTitle?: string;
+    confirmDescription?: string;
+    passphrase?: string;
+    onAction: () => void;
+}
+export declare const Action: ({ variant, title, titleVariant, description, descriptionVariant, buttonText, helperText, helperTextVariant, confirmable, passphrase, confirmTitle, confirmDescription, onAction, }: ActionProps) => React.JSX.Element;

package/dist/generators/types/components/inputs/action/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./action";
+export * from "./action-header";

package/dist/generators/types/components/inputs/autocomplete/autocomplete.d.ts

@@ -0,0 +1,10 @@
+import { AutocompleteProps as MuiAutocompleteProps, ChipTypeMap } from "@mui/material";
+import React from "react";
+export interface AutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> extends Omit<MuiAutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, "renderInput" | "onChange" | "color"> {
+    label: string;
+    helperText?: string;
+    color?: string;
+    fetching?: boolean;
+    onChangeValue?: (value: T) => void;
+}
+export declare const Autocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType<any> = "div">(props: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React.JSX.Element;

package/dist/generators/types/components/inputs/autocomplete/index.d.ts

@@ -0,0 +1 @@
+export * from "./autocomplete";

package/dist/generators/types/components/inputs/date-range-calendar/date-range-calendar.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type DateRange = [Date, Date | undefined];
+export interface DateRangeCalendarProps {
+    defaultValue: DateRange;
+    onValueChange: (value: DateRange, updatedIndex: number) => void;
+}
+export declare const DateRangeCalendar: ({ defaultValue, onValueChange }: DateRangeCalendarProps) => React.JSX.Element;
+export {};

package/dist/generators/types/components/inputs/date-range-calendar/index.d.ts

@@ -0,0 +1 @@
+export * from "./date-range-calendar";

package/dist/generators/types/components/inputs/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type DateRange = [Date, Date | undefined];
+export interface DateRangePickerProps {
+    label: string;
+    defaultValue: DateRange;
+    format: string;
+    fullWidth?: boolean;
+    size?: "small" | "medium";
+    onValueChange: (value: DateRange, index: number) => void;
+}
+export declare const DateRangePicker: ({ defaultValue, format: fmt, label, fullWidth, onValueChange, size, }: DateRangePickerProps) => React.JSX.Element;
+export {};

package/dist/generators/types/components/inputs/date-range-picker/index.d.ts

@@ -0,0 +1 @@
+export * from "./date-range-picker";

package/dist/generators/types/components/inputs/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./select";
+export * from "./sign-in";
+export * from "./autocomplete";
+export * from "./date-range-picker";
+export * from "./date-range-calendar";
+export * from "./text-field";
+export * from "./action";

package/dist/generators/types/components/inputs/search-input/index.d.ts

@@ -0,0 +1 @@
+export * from "./search-input";

package/dist/generators/types/components/inputs/search-input/search-input.d.ts

@@ -0,0 +1,20 @@
+import { SxProps, Theme } from "@mui/material";
+import React from "react";
+export type SearchInputSize = "small" | "medium";
+export interface SearchFilter {
+    id: string;
+    label: string;
+    type: "text" | "number" | "boolean" | "datetime";
+}
+export interface SearchInputProps<T> {
+    label?: string;
+    placeholder?: string;
+    fullWidth?: boolean;
+    helperText?: string;
+    size?: SearchInputSize;
+    filters?: SearchFilter[];
+    sx?: SxProps<Theme>;
+    dateFormat?: string;
+    onSearch: (data: T) => void;
+}
+export declare const SearchInput: <T>({ label, placeholder, helperText, size, fullWidth, dateFormat, filters, onSearch, sx, }: SearchInputProps<T>) => React.JSX.Element;

package/dist/generators/types/components/inputs/select/index.d.ts

@@ -0,0 +1 @@
+export * from "./select";

package/dist/generators/types/components/inputs/select/select.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from "react";
+import { SelectInputProps } from "@mui/material/Select/SelectInput";
+export type SelectSize = "small" | "medium";
+export interface SelectProps<T> {
+    label: string;
+    value: T;
+    loading?: boolean;
+    fetching?: boolean;
+    size?: SelectSize;
+    color?: string;
+    fullWidth?: boolean;
+    children?: ReactNode;
+    onChange?: SelectInputProps<T>["onChange"];
+}
+export declare const Select: <T extends any>({ label, value, loading, fetching, size, fullWidth, color, children, onChange, }: SelectProps<T>) => React.JSX.Element;

package/dist/generators/types/components/inputs/sign-in/index.d.ts

@@ -0,0 +1 @@
+export * from "./sign-in";

package/dist/generators/types/components/inputs/sign-in/sign-in.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface SignInProps {
+    title: string;
+    subtitle: string;
+    error?: Error;
+    loading?: boolean;
+    onSubmitSignIn: (email: string, password: string) => void;
+}
+export declare const SignIn: ({ title, subtitle, loading, error, onSubmitSignIn }: SignInProps) => React.JSX.Element;

package/dist/generators/types/components/inputs/text-field/index.d.ts

@@ -0,0 +1 @@
+export * from "./text-field";

package/dist/generators/types/components/inputs/text-field/text-field.d.ts

@@ -0,0 +1,8 @@
+import { TextFieldProps as MuiTextFieldProps } from "@mui/material";
+import React from "react";
+export type TextFieldProps = MuiTextFieldProps & {
+    fetching?: boolean;
+    loading?: boolean;
+    hexColor?: string;
+};
+export declare const TextField: ({ id: overrideId, label, InputLabelProps, InputProps, fetching, loading, helperText, hexColor, size, fullWidth, sx, ...rest }: TextFieldProps) => React.JSX.Element;

package/dist/generators/types/components/navigation/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./tab-card";
+export * from "./tab-panel";

package/dist/generators/types/components/navigation/link/index.d.ts

@@ -0,0 +1 @@
+export * from "./link";

package/dist/generators/types/components/navigation/link/link.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { LinkProps as RouterLinkProps } from "react-router-dom";
+import { LinkProps } from "@mui/material";
+export declare const LinkBehaviour: React.ForwardRefExoticComponent<Omit<RouterLinkProps, "to"> & {
+    href: RouterLinkProps["to"];
+} & React.RefAttributes<any>>;
+export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<any>>;

package/dist/generators/types/components/navigation/tab-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./tab-card";
+export * from "./tab-card-panel";

package/dist/generators/types/components/navigation/tab-card/tab-card-panel.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from "react";
+import React from "react";
+import { SxProps, Theme } from "@mui/material";
+export type TabCardPanelProps = PropsWithChildren<{
+    index: number | number[];
+    sx?: SxProps<Theme>;
+}>;
+export declare const TabCardPanel: ({ index, children, sx }: TabCardPanelProps) => React.JSX.Element | null;

package/dist/generators/types/components/navigation/tab-card/tab-card.context.d.ts

@@ -0,0 +1,3 @@
+import { Dispatch, SetStateAction } from "react";
+export declare const TabCardContext: import("react").Context<[number, Dispatch<SetStateAction<number>>]>;
+export declare const TabCardContextProvider: import("react").Provider<[number, Dispatch<SetStateAction<number>>]>;

package/dist/generators/types/components/navigation/tab-card/tab-card.d.ts

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren, ReactElement } from "react";
+export interface TabData {
+    text: string;
+    icon?: ReactElement;
+}
+export type TabCardProps = PropsWithChildren<{
+    tabs: TabData[];
+    initialTab?: number;
+    onChangeTab?: (tab: TabData, index: number) => void;
+}>;
+export declare const TabCard: ({ children, tabs, initialTab, onChangeTab, }: TabCardProps) => React.JSX.Element;

package/dist/generators/types/components/navigation/tab-card/tab-card.dummy.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { TabData } from "./tab-card";
+export declare const DummyTabs: ({
+    text: string;
+    icon?: undefined;
+} | {
+    text: string;
+    icon: React.JSX.Element;
+})[];
+export interface TabCardDummyProps {
+    tabs: TabData[];
+    initialTab: number;
+    onChangeTab: (tab: TabData, index: number) => void;
+}
+export declare function TabCardDummy({ tabs, initialTab, onChangeTab }: TabCardDummyProps): React.JSX.Element;

package/dist/generators/types/components/navigation/tab-panel/index.d.ts

@@ -0,0 +1 @@
+export * from "./tab-panel";

package/dist/generators/types/components/navigation/tab-panel/tab-panel.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface TabPanelProps {
+    children?: React.ReactNode;
+    index: number | number[];
+}
+export declare function TabPanel({ children, index }: TabPanelProps): React.JSX.Element;
+export {};

package/dist/generators/types/components/placeholders/content-placeholder/content-placeholder.d.ts

@@ -0,0 +1,6 @@
+import React, { PropsWithChildren } from "react";
+export type ContentPlaceholderProps = PropsWithChildren<{
+    size?: number;
+    p?: number;
+}>;
+export declare const ContentPlaceholder: ({ size, children, p }: ContentPlaceholderProps) => React.JSX.Element;

package/dist/generators/types/components/placeholders/content-placeholder/index.d.ts

@@ -0,0 +1 @@
+export * from "./content-placeholder";

package/dist/generators/types/components/placeholders/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./placeholder";
+export * from "./skeleton-grid";
+export * from "./skeleton-card";
+export * from "./content-placeholder";
+export * from "./lorem-ipsum-placeholder";

package/dist/generators/types/components/placeholders/lorem-ipsum-placeholder/index.d.ts

@@ -0,0 +1 @@
+export * from "./lorem-ipsum-placeholder";

package/dist/generators/types/components/placeholders/lorem-ipsum-placeholder/lorem-ipsum-placeholder.d.ts

@@ -0,0 +1,9 @@
+import { Variant } from "@mui/material/styles/createTypography";
+import { LoremUnit } from "lorem-ipsum/types/src/constants/units";
+import React from "react";
+export interface LoremIpsumPlaceholderProps {
+    count?: number;
+    units?: LoremUnit;
+    variant?: Variant;
+}
+export declare const LoremIpsumPlaceholder: ({ count, units, variant, }: LoremIpsumPlaceholderProps) => React.JSX.Element;

package/dist/generators/types/components/placeholders/placeholder/index.d.ts

@@ -0,0 +1 @@
+export * from "./placeholder";

package/dist/generators/types/components/placeholders/placeholder/placeholder.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactElement } from "react";
+type IconColor = "inherit" | "action" | "disabled" | "primary" | "secondary" | "error" | "info" | "success" | "warning";
+export interface PlaceholderAction {
+    id: string;
+    text: string;
+    href?: string;
+    onClick?: () => void;
+}
+export interface PlaceholderIconArgs {
+    size: number;
+    color: IconColor;
+}
+export type PlaceholderIcon = ({ size, color }: PlaceholderIconArgs) => ReactElement;
+export interface PlaceholderProps {
+    title: string;
+    subtitle: string;
+    iconSize?: number;
+    icon?: PlaceholderIcon;
+    actions?: PlaceholderAction[];
+}
+export declare const Placeholder: ({ title, subtitle, icon, iconSize, actions, }: PlaceholderProps) => React.JSX.Element;
+export {};

package/dist/generators/types/components/placeholders/placeholder/placeholder.mock.d.ts

@@ -0,0 +1,2 @@
+import { PlaceholderAction } from "./placeholder";
+export declare const actions: PlaceholderAction[];

package/dist/generators/types/components/placeholders/skeleton-card/index.d.ts

@@ -0,0 +1 @@
+export * from "./skeleton-card";

package/dist/generators/types/components/placeholders/skeleton-card/skeleton-card.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface SkeletonCardProps {
+    width?: number | string;
+    animation?: "pulse" | "wave" | false;
+}
+export declare const SkeletonCard: ({ width, animation }: SkeletonCardProps) => React.JSX.Element;

package/dist/generators/types/components/placeholders/skeleton-grid/index.d.ts

@@ -0,0 +1 @@
+export * from "./skeleton-grid";

package/dist/generators/types/components/placeholders/skeleton-grid/skeleton-grid.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface SkeletonGridProps {
+    size?: number;
+}
+export declare const SkeletonGrid: ({ size }: SkeletonGridProps) => React.JSX.Element;

package/dist/generators/types/components/tables/enhanced-remote-table/enhanced-remote-table.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { ReactNode } from "react";
+import { HeadCell, Order } from "../enhanced-table";
+export interface EnhancedRemoteTableProps<T> {
+    data: T[];
+    loading: boolean;
+    defaultSort: keyof T;
+    defaultOrder?: Order;
+    columns: HeadCell<T>[];
+    children: (data: T, index: number) => ReactNode;
+    onRequestSort: (col: keyof T, orderBy: "asc" | "desc") => void;
+}
+export declare const EnhancedRemoteTable: <T>({ children, data, loading, columns, defaultSort, defaultOrder, onRequestSort, }: EnhancedRemoteTableProps<T>) => React.JSX.Element;

package/dist/generators/types/components/tables/enhanced-remote-table/enhanced-remote-table.mock.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { HeadCell, Order } from "../enhanced-table/enhanced-table-head";
+import { Data } from "../enhanced-table/enhanced-table.mock";
+export interface EnhancedRemoteDummyTableProps {
+    data: Data[];
+    loading: boolean;
+    defaultSort: keyof Data;
+    defaultOrder?: Order;
+    columns: HeadCell<Data>[];
+    onRequestSort: (col: string, orderBy: Order) => void;
+}
+export declare function EnhancedRemoteDummyTable(props: EnhancedRemoteDummyTableProps): React.JSX.Element;

package/dist/generators/types/components/tables/enhanced-remote-table/index.d.ts

@@ -0,0 +1 @@
+export * from "./enhanced-remote-table";

package/dist/generators/types/components/tables/enhanced-table/enhanced-table-head.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export type Order = "asc" | "desc";
+export interface HeadCell<T> {
+    disablePadding: boolean;
+    id: keyof T;
+    label: string;
+    numeric: boolean;
+    sort: boolean;
+}
+interface EnhancedTableHeadProps<T> {
+    onRequestSort: (property: keyof T) => void;
+    order: Order;
+    orderBy: keyof T;
+    headCells: HeadCell<T>[];
+}
+export declare const EnhancedTableHead: <T>({ order, orderBy, headCells, onRequestSort, }: EnhancedTableHeadProps<T>) => React.JSX.Element;
+export {};

package/dist/generators/types/components/tables/enhanced-table/enhanced-table.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { ReactNode } from "react";
+import { HeadCell, Order } from "./enhanced-table-head";
+interface Props<T> {
+    readonly data: T[];
+    search?: boolean;
+    defaultSort: keyof T;
+    defaultOrder?: Order;
+    loading?: boolean;
+    columns: HeadCell<T>[];
+    children: (data: T[]) => ReactNode;
+}
+export declare const EnhancedTable: {
+    <T>({ children, data, search, columns, defaultSort, defaultOrder, loading, }: Props<T>): React.JSX.Element;
+    defaultProps: {
+        defaultOrder: string;
+    };
+};
+export {};

package/dist/generators/types/components/tables/enhanced-table/enhanced-table.mock.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { HeadCell, Order } from "./enhanced-table-head";
+export declare const columns: HeadCell<Data>[];
+export interface Data {
+    id: number;
+    name: string;
+    startDate: string;
+}
+export declare const data: Data[];
+export interface TestTableProps {
+    data: Data[];
+    columns: HeadCell<Data>[];
+    defaultSort: keyof Data;
+    defaultOrder: Order;
+    loading: boolean;
+}
+export declare const TestTable: ({ data, columns, defaultOrder, defaultSort, loading, }: TestTableProps) => React.JSX.Element;

package/dist/generators/types/components/tables/enhanced-table/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./enhanced-table";
+export * from "./enhanced-table-head";

package/dist/generators/types/components/tables/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./enhanced-table";
+export * from "./enhanced-remote-table";

package/dist/generators/types/components/value-displays/group-value-card/group-value-card.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ValueItemElement } from "../value-item/value-item";
+export interface GroupValueCardProps {
+    title: string;
+    subtitle?: string;
+    centered?: boolean;
+    children: ValueItemElement | ValueItemElement[];
+    dense?: boolean;
+}
+export declare const GroupValueCard: ({ title, subtitle, centered, children, dense, }: GroupValueCardProps) => React.JSX.Element;

package/dist/generators/types/components/value-displays/group-value-card/group-value-card.mock.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { GroupValueCardProps } from "./group-value-card";
+export declare const GroupValueCardDummy: ({ dense, editable, ...rest }: GroupValueCardProps & {
+    editable?: boolean | undefined;
+}) => React.JSX.Element;

package/dist/generators/types/components/value-displays/group-value-card/index.d.ts

@@ -0,0 +1 @@
+export * from "./group-value-card";

package/dist/generators/types/components/value-displays/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./value-text";
+export * from "./value-card";
+export * from "./value-boolean";
+export * from "./value-datetime";
+export * from "./group-value-card";
+export * from "./value-base/value-displays.types";
+export * from "./value-rating";
+export * from "./value-base";
+export * from "./value-item";
+export * from "./value-label";

package/dist/generators/types/components/value-displays/value-base/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./value-edit";
+export * from "./value-displays.types";

package/dist/generators/types/components/value-displays/value-base/value-displays.types.d.ts

@@ -0,0 +1,30 @@
+export interface BaseValueProps<T> {
+    /**
+     * Name of the displayed value
+     */
+    label: string;
+    /**
+     * Value displayed
+     */
+    value?: T;
+    /**
+     * String rendered if value is undefined
+     */
+    placeholder?: string;
+    /**
+     * The value has to be displayed as compact or not.
+     * False by default
+     */
+    dense?: boolean;
+}
+export interface EditableValueProps<T> {
+    /**
+     * This field can be edited or not
+     */
+    editable?: boolean;
+    /**
+     * Callback executed when the value is edited
+     */
+    onEdit?: (value?: T) => void;
+}
+export declare const DefaultPlaceholder = "-";

package/dist/generators/types/components/value-displays/value-base/value-edit.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import { SxProps, Theme } from "@mui/material";
+export interface ValueEditButtonsProps {
+    onClickCancel: () => void;
+    onClickSubmit: () => void;
+    sx?: SxProps<Theme>;
+}
+export declare const ValueEditButtons: ({ onClickCancel, onClickSubmit, sx }: ValueEditButtonsProps) => React.JSX.Element;
+/**
+ * Hook to manage the editing behaviour
+ */
+export declare const useEditableValueDisplay: <T>(initialValue: T | undefined, onEdit: (value?: T | undefined) => void) => {
+    isEditing: boolean;
+    cancelEdit: () => void;
+    editValue: T | undefined;
+    setEditValue: React.Dispatch<React.SetStateAction<T | undefined>>;
+    startEdit: () => void;
+    submitEdit: () => void;
+};
+export interface ValueEditButtonProps {
+    dense?: boolean;
+    onClick: () => void;
+}
+export declare const ValueEditButton: ({ dense, onClick }: ValueEditButtonProps) => React.JSX.Element;

package/dist/generators/types/components/value-displays/value-boolean/index.d.ts

@@ -0,0 +1 @@
+export * from "./value-boolean";

package/dist/generators/types/components/value-displays/value-boolean/value-boolean.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { BaseValueProps, EditableValueProps } from "../value-base";
+export type ValueBooleanProps = BaseValueProps<boolean> & EditableValueProps<boolean>;
+/**
+ * Displays a boolean value with a label
+ */
+export declare const ValueBoolean: ({ label, value, placeholder, editable, dense, onEdit, }: ValueBooleanProps) => React.JSX.Element;

package/dist/generators/types/components/value-displays/value-card/index.d.ts

@@ -0,0 +1 @@
+export * from "./value-card";

package/dist/generators/types/components/value-displays/value-card/value-card.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { PropsWithChildren } from "react";
+export type ValueCardProps = PropsWithChildren;
+/**
+ * Container to show a labeled value
+ */
+export declare const ValueCard: ({ children }: ValueCardProps) => React.JSX.Element;

package/dist/generators/types/components/value-displays/value-content/index.d.ts

@@ -0,0 +1 @@
+export * from "./value-content";

package/dist/generators/types/components/value-displays/value-content/value-content.d.ts

@@ -0,0 +1,38 @@
+import { SxProps, Theme } from "@mui/material";
+import React from "react";
+export declare const getValueContentLabelId: (label: string) => string;
+export interface ValueContentProps {
+    /**
+     * Name of the displayed value
+     */
+    label: string;
+    /**
+     * If true, the label will not be shown
+     */
+    hideLabel?: boolean;
+    /**
+     * If defined, a tooltip is going to be added arround the children;
+     */
+    tooltip?: string;
+    /**
+     * Timeout before the tooltip appears when the user hovers the value
+     */
+    tooltipEnterDelay?: number;
+    /**
+     * Component that's going to be renderd under the label
+     */
+    children: React.ReactElement<any, any>;
+    /**
+     * The value has to be displayed as compact or not.
+     * False by default
+     */
+    dense?: boolean;
+    /**
+     * Custom styles for the root component
+     */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Displays a string value with a label
+ */
+export declare const ValueContent: ({ label, hideLabel, tooltip, tooltipEnterDelay, children, dense, sx, }: ValueContentProps) => React.JSX.Element;

package/dist/generators/types/components/value-displays/value-datetime/index.d.ts

@@ -0,0 +1 @@
+export * from "./value-datetime";

package/dist/generators/types/components/value-displays/value-datetime/value-datetime.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { BaseValueProps, EditableValueProps } from "../value-base/value-displays.types";
+export type EditInputType = "datetime" | "date" | "time";
+export interface ValueDatetimeProps extends BaseValueProps<Date>, EditableValueProps<Date> {
+    /**
+     * Datetime format
+     */
+    format: string;
+    /**
+     * Edit input type
+     */
+    editInputType?: EditInputType;
+}
+/**
+ * Displays a formated datetime with a label
+ */
+export declare const ValueDatetime: ({ label, value: valueProp, format: fmt, placeholder, editable, editInputType, dense, onEdit, }: ValueDatetimeProps) => React.JSX.Element;

package/dist/generators/types/components/value-displays/value-image/index.d.ts

@@ -0,0 +1 @@
+export * from "./value-image";