@pautena/react-design-system 0.4.2 → 0.4.4

package/dist/cjs/types/components/{app-bar → app-bars/app-bar}/app-bar.types.d.ts

@@ -10,5 +10,5 @@ export interface AppBarProps extends MuiAppBarProps {
     profile?: AppBarProfile;
     onClickSignOut: () => void;
 }
-export declare type AppBarComponent = FunctionComponent<AppBarProps>;
-export declare type AppBarElement = ReactElement<AppBarProps, AppBarComponent>;
+export type AppBarComponent = FunctionComponent<AppBarProps>;
+export type AppBarElement = ReactElement<AppBarProps, AppBarComponent>;

package/dist/cjs/types/components/app-bars/index.d.ts

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

package/dist/cjs/types/components/containers/content/content.types.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren, FunctionComponent, ReactElement } from "react";
+export type ContentProps = PropsWithChildren;
+export type ContentComponent = FunctionComponent<ContentProps>;
+export type ContentElement = ReactElement<ContentElement, ContentComponent>;

package/dist/cjs/types/components/containers/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./content";
+export * from "./center-container";

package/dist/cjs/types/components/{bullet → data-display/bullet}/bullet.d.ts

@@ -1,4 +1,4 @@
-export declare type BulletVariant = "primary" | "secondary" | "default" | "info" | "warning" | "error";
+export type BulletVariant = "primary" | "secondary" | "default" | "info" | "warning" | "error";
 export declare const bulletClasses: {
     root: string;
 };

package/dist/cjs/types/components/{header → data-display/header}/header.dummy.d.ts

@@ -1,4 +1,4 @@
-import { HeaderBreadcrumb, HeaderAction, HeaderTab } from "./header";
+import { HeaderBreadcrumb, HeaderAction, HeaderTab } from "./header.types";
 export declare const breadcrumbs: HeaderBreadcrumb[];
 export declare const actions: HeaderAction[];
 export declare const tabs: HeaderTab[];

package/dist/cjs/types/components/{header → data-display/header}/header.types.d.ts

@@ -1,8 +1,8 @@
 import { PropTypes } from "@mui/material";
 import { FunctionComponent, ReactElement } from "react";
-export declare type HeaderPreset = PropTypes.Color | "transparent";
-export declare type HeaderActionVariant = "text" | "outlined" | "contained";
-export declare type HeaderAction = {
+export type HeaderPreset = PropTypes.Color | "transparent";
+export type HeaderActionVariant = "text" | "outlined" | "contained";
+export type HeaderAction = {
     id: string;
     text: string;
     disabled?: boolean;
@@ -19,7 +19,7 @@ export interface HeaderTab {
     label: string;
     disabled?: boolean;
 }
-export declare type HeaderProps = {
+export type HeaderProps = {
     /**
      * Title of the header
      */
@@ -51,5 +51,5 @@ export declare type HeaderProps = {
      */
     tabs?: HeaderTab[];
 };
-export declare type HeaderComponent = FunctionComponent<HeaderProps>;
-export declare type HeaderElement = ReactElement<HeaderProps, HeaderComponent>;
+export type HeaderComponent = FunctionComponent<HeaderProps>;
+export type HeaderElement = ReactElement<HeaderProps, HeaderComponent>;

package/dist/cjs/types/components/data-display/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./bullet";
+export * from "./label";
+export * from "./header";

package/dist/{esm/types/components → cjs/types/components/data-display}/label/label.d.ts

@@ -1,4 +1,4 @@
-export declare type LabelVariant = "primary" | "secondary" | "default" | "info" | "warning" | "error";
+export type LabelVariant = "primary" | "secondary" | "default" | "info" | "warning" | "error";
 export declare const labelClasses: {
     root: string;
 };

package/dist/cjs/types/components/{drawer → drawers/drawer}/drawer.provider.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from "react";
-declare type Props = PropsWithChildren<{
+type Props = PropsWithChildren<{
     initialOpen?: boolean;
 }>;
 export declare const DrawerProvider: ({ children, initialOpen }: Props) => JSX.Element;

package/dist/cjs/types/components/{drawer → drawers/drawer}/drawer.types.d.ts

@@ -1,6 +1,5 @@
 import { FunctionComponent, ReactElement } from "react";
-import { BulletVariant } from "../bullet";
-import { LabelVariant } from "../label";
+import { BulletVariant, LabelVariant } from "../../data-display";
 import { DrawerProps as MuiDrawerProps } from "@mui/material";
 export interface NavItemAvatar {
     src: string;
@@ -13,7 +12,7 @@ export interface NavItemLabel {
 export interface NavItemBullet {
     variant: BulletVariant;
 }
-export interface NavItem {
+export interface NavItemLink {
     id: string;
     text: string;
     href: string;
@@ -22,6 +21,10 @@ export interface NavItem {
     label?: NavItemLabel;
     bullet?: NavItemBullet;
 }
+export type NavItemCollapsable = Pick<NavItemLink, "id" | "text" | "icon"> & {
+    items: NavItemLink[];
+};
+export type NavItem = NavItemLink | NavItemCollapsable;
 export interface NavSection {
     title?: string;
     items: NavItem[];
@@ -30,15 +33,19 @@ export interface Nav {
     items: NavSection[];
 }
 export interface DrawerContentProps {
+    /**
+     * Item currently selected in the navigation
+     */
+    selectedItem?: string;
     /**
      * Object with the content that has to be rendered
      */
     nav: Nav;
 }
-export declare type DrawerContentComponent = FunctionComponent<DrawerContentProps>;
-export declare type DrawerContentElement = ReactElement<DrawerContentProps, DrawerContentComponent>;
+export type DrawerContentComponent = FunctionComponent<DrawerContentProps>;
+export type DrawerContentElement = ReactElement<DrawerContentProps, DrawerContentComponent>;
 export interface DrawerProps extends MuiDrawerProps {
     children: DrawerContentElement;
 }
-export declare type DrawerComponent = FunctionComponent<DrawerProps>;
-export declare type DrawerElement = ReactElement<DrawerProps, DrawerComponent>;
+export type DrawerComponent = FunctionComponent<DrawerProps>;
+export type DrawerElement = ReactElement<DrawerProps, DrawerComponent>;

package/dist/cjs/types/components/drawers/drawer-collapsable-item/drawer-collapsable-item.d.ts

@@ -0,0 +1,26 @@
+import { ReactElement } from "react";
+import { NavItemLink } from "../drawer/drawer.types";
+export interface DrawerCollapsableItemProps {
+    /**
+     * Text displayed inside the item
+     */
+    text: string;
+    /**
+     * Icon displayed to the left
+     */
+    icon?: ReactElement;
+    /**
+     * The item has to be marked as selected
+     */
+    selected?: boolean;
+    /**
+     * Id of the item that has to be marked as selected;
+     */
+    selectedItem?: string;
+    /**
+     * Items that are going to be displayed inside
+     * the collapsable
+     */
+    items: NavItemLink[];
+}
+export declare const DrawerCollapsableItem: ({ text, icon, selected, selectedItem, items, }: DrawerCollapsableItemProps) => JSX.Element;

package/dist/cjs/types/components/drawers/drawer-collapsable-item/index.d.ts

@@ -0,0 +1 @@
+export * from "./drawer-collapsable-item";

package/dist/cjs/types/components/{drawer-item → drawers/drawer-item}/drawer-item.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement } from "react";
+import { SxProps, Theme } from "@mui/material";
 import { NavItemAvatar, NavItemBullet, NavItemLabel } from "../drawer/drawer.types";
 export interface DrawerItemProps {
     /**
@@ -26,8 +27,16 @@ export interface DrawerItemProps {
      * Bullet to attract the user attention displyed to the right
      */
     bullet?: NavItemBullet;
+    /**
+     * The item has to be marked as selected
+     */
+    selected?: boolean;
+    /**
+     * Custom styles
+     */
+    sx?: SxProps<Theme>;
 }
 /**
  * Clicable item inside a drawer
  */
-export declare const DrawerItem: ({ text, icon, avatar, label, bullet, href }: DrawerItemProps) => JSX.Element;
+export declare const DrawerItem: ({ text, icon, avatar, label, bullet, href, selected, sx, }: DrawerItemProps) => JSX.Element;

package/dist/{esm/types/components → cjs/types/components/drawers}/drawer-section/drawer-section.d.ts

@@ -8,9 +8,13 @@ export interface DrawerSectionProps {
      * List of items of that section
      */
     items: NavItem[];
+    /**
+     * Id of the item that has to be marked as selected
+     */
+    selectedItem?: string;
 }
 /**
  * Render a group of items inside the drawer
  * with an optional title
  */
-export declare const DrawerSection: ({ title, items }: DrawerSectionProps) => JSX.Element;
+export declare const DrawerSection: ({ title, items, selectedItem }: DrawerSectionProps) => JSX.Element;

package/dist/cjs/types/components/drawers/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./drawer";
+export * from "./drawer-content";
+export * from "./drawer-item";
+export * from "./drawer-section";

package/dist/cjs/types/components/feedback/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./loading-area";
+export * from "./query-container";

package/dist/cjs/types/components/{query-container → feedback/query-container}/query-container.d.ts

@@ -19,7 +19,7 @@ export interface QueryContainerSuccess {
      */
     message: string;
 }
-export declare type QueryContainerProps = PropsWithChildren<{
+export type QueryContainerProps = PropsWithChildren<{
     /**
      * There is a query in progress
      */

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

@@ -1,19 +1,10 @@
-export * from "./header";
-export * from "./link";
-export * from "./query-container";
-export * from "./sign-in";
-export * from "./tab";
-export * from "./table";
-export * from "./app-bar";
-export * from "./drawer";
-export * from "./table-list";
-export * from "./placeholder";
-export * from "./label";
-export * from "./bullet";
-export * from "./drawer-content";
-export * from "./drawer-section";
-export * from "./drawer-item";
-export * from "./center-container";
 export * from "./value-displays";
-export * from "./content";
-export * from "./enhanced-select";
+export * from "./feedback";
+export * from "./app-bars";
+export * from "./data-display";
+export * from "./containers";
+export * from "./drawers";
+export * from "./inputs";
+export * from "./navigation";
+export * from "./tables";
+export * from "./placeholders";

package/dist/cjs/types/components/{enhanced-select → inputs/enhanced-select}/enhanced-select.d.ts

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

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

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

package/dist/cjs/types/components/{sign-in → inputs/sign-in}/sign-in.d.ts

@@ -1,9 +1,8 @@
-interface Props {
+export interface SignInProps {
     title: string;
     subtitle: string;
     error?: Error;
     loading?: boolean;
     onSubmitSignIn: (email: string, password: string) => void;
 }
-export declare function SignIn({ title, subtitle, loading, error, onSubmitSignIn }: Props): JSX.Element;
-export {};
+export declare const SignIn: ({ title, subtitle, loading, error, onSubmitSignIn }: SignInProps) => JSX.Element;

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

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

package/dist/cjs/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<"a", {}>, "ref"> & React.RefAttributes<any>>;

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

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+export type TabCardProps = PropsWithChildren<{
+    tabs: string[];
+}>;
+export declare const TabCard: ({ children, tabs }: TabCardProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+export declare const DummyTabs: string[];
+export interface TabCardDummyProps {
+    tabs: string[];
+    initialTab: number;
+}
+export declare function TabCardDummy({ tabs, initialTab }: TabCardDummyProps): JSX.Element;

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

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

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

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

package/dist/cjs/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/cjs/types/components/placeholders/lorem-ipsum-placeholder/index.d.ts

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

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

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

package/dist/{esm/types/components → cjs/types/components/placeholders}/placeholder/placeholder.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from "react";
-declare type IconColor = "inherit" | "action" | "disabled" | "primary" | "secondary" | "error" | "info" | "success" | "warning";
+type IconColor = "inherit" | "action" | "disabled" | "primary" | "secondary" | "error" | "info" | "success" | "warning";
 export interface PlaceholderAction {
     id: string;
     text: string;

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+export interface SkeletonGridProps {
+    size?: number;
+}
+export declare const SkeletonGrid: ({ size }: SkeletonGridProps) => JSX.Element;

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

@@ -0,0 +1,12 @@
+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>) => JSX.Element;

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

@@ -0,0 +1,11 @@
+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): JSX.Element;

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

@@ -0,0 +1,16 @@
+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>) => JSX.Element;
+export {};

package/dist/{esm/types/components/table → cjs/types/components/tables}/enhanced-table/enhanced-table.d.ts

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

package/dist/cjs/types/components/{table → tables}/enhanced-table/enhanced-table.mock.d.ts

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

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

@@ -1,8 +1,10 @@
 import { GridProps } from "@mui/material";
 import { FunctionComponent, PropsWithChildren, ReactElement } from "react";
-export declare type GroupValueItemProps = PropsWithChildren<Omit<GridProps, "item" | "container">>;
-export declare type GroupValueItemComponent = FunctionComponent<GroupValueItemProps>;
-export declare type GroupValueItemElement = ReactElement<GroupValueItemProps, GroupValueItemComponent>;
+export type GroupValueItemProps = PropsWithChildren<Omit<GridProps, "item" | "container"> & {
+    bordered?: boolean;
+}>;
+export type GroupValueItemComponent = FunctionComponent<GroupValueItemProps>;
+export type GroupValueItemElement = ReactElement<GroupValueItemProps, GroupValueItemComponent>;
 export declare const groupValueItemClasses: {
     root: string;
 };
@@ -10,6 +12,7 @@ export declare const GroupValueItem: GroupValueItemComponent;
 export interface GroupValueCardProps {
     title: string;
     subtitle?: string;
+    centered?: boolean;
     children: GroupValueItemElement | GroupValueItemElement[];
 }
-export declare const GroupValueCard: ({ title, subtitle, children }: GroupValueCardProps) => JSX.Element;
+export declare const GroupValueCard: ({ title, subtitle, centered, children }: GroupValueCardProps) => JSX.Element;

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

@@ -1 +1,2 @@
-export declare const GroupValueCardDummy: (props: any) => JSX.Element;
+import { GroupValueCardProps } from "./group-value-card";
+export declare const GroupValueCardDummy: (props: GroupValueCardProps) => JSX.Element;

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

@@ -3,3 +3,4 @@ export * from "./value-card";
 export * from "./value-boolean";
 export * from "./value-datetime";
 export * from "./group-value-card";
+export * from "./value-displays.types";

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

@@ -1,14 +1,6 @@
-export interface ValueBooleanProps {
-    /**
-     * Name of the displayed value
-     */
-    label: string;
-    /**
-     * Value displayed
-     */
-    value: boolean;
-}
+import { BaseValueProps } from "../value-displays.types";
+export type ValueBooleanProps = BaseValueProps<boolean>;
 /**
  * Displays a boolean value with a label
  */
-export declare const ValueBoolean: ({ label, value }: ValueBooleanProps) => JSX.Element;
+export declare const ValueBoolean: ({ label, value, placeholder, }: ValueBooleanProps) => JSX.Element;

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

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from "react";
-export declare type ValueCardProps = PropsWithChildren;
+export type ValueCardProps = PropsWithChildren;
 /**
  * Container to show a labeled value
  */

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

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

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

@@ -0,0 +1,24 @@
+import React from "react";
+export declare const getValueContentLabelId: (label: string) => string;
+export interface ValueContentProps {
+    /**
+     * Name of the displayed value
+     */
+    label: string;
+    /**
+     * 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>;
+}
+/**
+ * Displays a string value with a label
+ */
+export declare const ValueContent: ({ label, tooltip, tooltipEnterDelay, children, }: ValueContentProps) => JSX.Element;

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

@@ -1,12 +1,5 @@
-export interface ValueDatetimeProps {
-    /**
-     * Name of the displayed value
-     */
-    label: string;
-    /**
-     * Value displayed
-     */
-    value: Date;
+import { BaseValueProps } from "../value-displays.types";
+export interface ValueDatetimeProps extends BaseValueProps<Date> {
     /**
      * Datetime format
      */
@@ -15,4 +8,4 @@ export interface ValueDatetimeProps {
 /**
  * Displays a formated datetime with a label
  */
-export declare const ValueDatetime: ({ label, value, format: fmt }: ValueDatetimeProps) => JSX.Element;
+export declare const ValueDatetime: ({ label, value: valueProp, format: fmt, placeholder, }: ValueDatetimeProps) => JSX.Element;

package/dist/cjs/types/components/value-displays/value-displays.types.d.ts

@@ -0,0 +1,15 @@
+export interface BaseValueProps<T> {
+    /**
+     * Name of the displayed value
+     */
+    label: string;
+    /**
+     * Value displayed
+     */
+    value?: T;
+    /**
+     * String rendered if value is undefined
+     */
+    placeholder?: string;
+}
+export declare const DefaultPlaceholder = "-";

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

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

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

@@ -0,0 +1,11 @@
+import { BaseValueProps } from "../value-displays.types";
+export interface ValueImageProps extends BaseValueProps<string> {
+    /**
+     * Image size
+     */
+    size?: number;
+}
+/**
+ * Displays a image value with a label
+ */
+export declare const ValueImage: ({ label, value, size }: ValueImageProps) => JSX.Element;

package/dist/cjs/types/components/value-displays/value-text/value-text.d.ts

@@ -1,14 +1,6 @@
-export interface ValueTextProps {
-    /**
-     * Name of the displayed value
-     */
-    label: string;
-    /**
-     * Value displayed
-     */
-    value: string;
-}
+import { BaseValueProps } from "../value-displays.types";
+export type ValueTextProps = BaseValueProps<string>;
 /**
  * Displays a string value with a label
  */
-export declare const ValueText: ({ label, value }: ValueTextProps) => JSX.Element;
+export declare const ValueText: ({ label, value: valueProp, placeholder, }: ValueTextProps) => JSX.Element;