@movable/ui 3.20.3 → 3.20.5

package/lib/components/Header/HeaderMetadata.d.ts

@@ -1,10 +1,4 @@
-type HeaderMetadataType = {
-    icon?: string | JSX.Element;
-    label: string;
-    value?: string | JSX.Element | null;
-};
-type MetaDataProps = {
-    metadata: HeaderMetadataType[];
-};
-export declare function HeaderMetadata({ metadata }: MetaDataProps): import("react/jsx-runtime").JSX.Element;
-export {};
+/**
+ * @deprecated Use `MetadataList` instead. This alias will be removed in a future release.
+ */
+export { MetadataList as HeaderMetadata } from '../MetadataList/MetadataList';

package/lib/components/Header/index.d.ts

@@ -1,4 +1,5 @@
 export { HeaderMetadata } from './HeaderMetadata';
+export { MetadataList, type MetadataListProps, type MetadataItem, } from '../MetadataList';
 export { InkPageHeader } from './InkPageHeader';
 export { LinkBreadcrumbs } from './LinkBreadcrumbs';
 export { PageHeaderActionButtons } from './PageHeaderActionButtons';

package/lib/components/InkMetricCard/InkMetricCard.d.ts

@@ -0,0 +1,48 @@
+import { SxProps, Theme } from '@mui/material';
+import { ReactNode } from 'react';
+export type MetricTrend = {
+    value: string;
+    direction: 'up' | 'down';
+};
+export type PrimaryMetricData = {
+    value: string;
+    label: string;
+    trend?: MetricTrend;
+};
+export type SecondaryMetricData = {
+    value: string;
+    label: string;
+};
+export type DirectIndirectData = {
+    directPercent: number;
+    directLabel?: string;
+    indirectLabel?: string;
+};
+type BaseProps = {
+    isEmpty?: boolean;
+    sx?: SxProps<Theme>;
+};
+type RobustCardProps = BaseProps & {
+    variant: 'robust';
+    title: string;
+    primaryMetric: PrimaryMetricData;
+    secondaryMetrics?: SecondaryMetricData[];
+    graph?: ReactNode;
+    directIndirect?: DirectIndirectData;
+};
+type InsightCardProps = BaseProps & {
+    variant: 'insight';
+    title: string;
+    primaryMetric: PrimaryMetricData;
+    secondaryMetrics?: SecondaryMetricData[];
+    graph?: ReactNode;
+};
+type SimpleCardProps = BaseProps & {
+    variant: 'simple';
+    metric: SecondaryMetricData;
+    href?: string;
+    onClick?: () => void;
+};
+export type InkMetricCardProps = RobustCardProps | InsightCardProps | SimpleCardProps;
+export declare function InkMetricCard(props: InkMetricCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/InkMetricCard/index.d.ts

@@ -0,0 +1 @@
+export { InkMetricCard, type InkMetricCardProps, type PrimaryMetricData, type SecondaryMetricData, type MetricTrend, type DirectIndirectData, } from './InkMetricCard';

package/lib/components/InkToggleIcon/InkToggleIcon.d.ts

@@ -5,5 +5,5 @@ type InkToggleIconProps = ToggleButtonProps & {
     icon: JSX.Element;
     value: string | number;
 };
-export declare function InkToggleIcon({ value, size, ariaLabel, icon, ...rest }: InkToggleIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkToggleIcon({ value, size, ariaLabel, icon, sx, ...rest }: InkToggleIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/InkToggleText/InkToggleText.d.ts

@@ -5,5 +5,5 @@ type InkToggleTextProps = ToggleButtonProps & {
     label?: string;
     value: string | number;
 };
-export declare function InkToggleText({ value, label, size, ariaLabel, ...rest }: InkToggleTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkToggleText({ value, label, size, ariaLabel, sx, ...rest }: InkToggleTextProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/MetadataList/MetadataList.d.ts

@@ -0,0 +1,9 @@
+export type MetadataItem = {
+    icon?: string | JSX.Element;
+    label: string;
+    value?: string | JSX.Element | null;
+};
+export type MetadataListProps = {
+    metadata: MetadataItem[];
+};
+export declare function MetadataList({ metadata }: MetadataListProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/MetadataList/index.d.ts

@@ -0,0 +1 @@
+export { MetadataList, type MetadataListProps, type MetadataItem, } from './MetadataList';

package/lib/components/index.d.ts

@@ -3,8 +3,9 @@ export { InkChip } from './Chip';
 export { InkChipGroup } from './ChipGroup';
 export { InkDialog, type InkDialogProps } from './Dialog';
 export { InkPersistentFilterDrawer } from './PersistentFilterDrawer';
-export { HeaderMetadata, LinkBreadcrumbs, InkPageHeader, InkWorkflowHeader, PageHeaderActionButtons, HeaderSubtitle, } from './Header';
+export { HeaderMetadata, MetadataList, type MetadataListProps, type MetadataItem, LinkBreadcrumbs, InkPageHeader, InkWorkflowHeader, PageHeaderActionButtons, HeaderSubtitle, } from './Header';
 export { InkPaper, type InkPaperProps } from './surfaces';
+export { InkAccordion, type InkAccordionProps } from './surfaces';
 export { InkRadioTiles, type InkRadioTilesProps } from './InkRadioTiles';
 export { InkToggleText } from './InkToggleText';
 export { InkToggleTextGroup } from './InkToggleTextGroup';
@@ -27,3 +28,4 @@ export { InkCard } from './InkCard';
 export { InkGridToolBar } from './InkGridToolBar';
 export { InkDataGrid, InkDataGridEmpty, InkDataGridTextWrapCell, createEmptyColumns, createTextWrapColumn, type InkDataGridProps, type InkDataGridEmptyProps, type InkDataGridTextWrapCellProps, } from './InkDataGrid';
 export { InkHighlightAlert, InkAlert, type InkAlertProps } from './Alert';
+export { InkMetricCard, type InkMetricCardProps, type PrimaryMetricData, type SecondaryMetricData, type MetricTrend, type DirectIndirectData, } from './InkMetricCard';

package/lib/components/surfaces/InkAccordion.d.ts

@@ -0,0 +1,11 @@
+import { AccordionProps } from '@mui/material/Accordion';
+import { ReactNode } from 'react';
+export type InkAccordionProps = Omit<AccordionProps, 'children'> & {
+    label: ReactNode;
+    children?: ReactNode;
+    leftAdornment?: ReactNode;
+    chip?: ReactNode;
+    details?: ReactNode;
+    onDelete?: () => void;
+};
+export declare function InkAccordion({ label, children, leftAdornment, chip, details, onDelete, sx, ...accordionProps }: InkAccordionProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/surfaces/index.d.ts

@@ -1 +1,2 @@
 export * from './InkPaper';
+export * from './InkAccordion';

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+import { AccordionProps } from '@mui/material/Accordion';
 import { AlertProps } from '@mui/material';
 import { AlertProps as AlertProps_2 } from '@mui/material/Alert';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
@@ -95,6 +96,11 @@ declare type BaseContentLayoutProps = {
     rightProps?: Grid2Props_2;
 };
 
+declare type BaseProps = {
+    isEmpty?: boolean;
+    sx?: SxProps<Theme_2>;
+};
+
 declare type BreadcrumbProps = {
     breadcrumbs: HeaderLink[];
 };
@@ -185,6 +191,12 @@ declare const defaultDrawerWidths: {
 
 export declare function DetailsLayout({ Header, children, sx, itemProps, ...rest }: LayoutDetailsProps): JSX_2.Element;
 
+export declare type DirectIndirectData = {
+    directPercent: number;
+    directLabel?: string;
+    indirectLabel?: string;
+};
+
 declare type DrawerType = 'basic' | 'panel' | 'filter';
 
 declare type DropdownActionType = {
@@ -256,20 +268,12 @@ declare type HeaderLink = {
     } & LinkProps;
 };
 
-export declare function HeaderMetadata({ metadata }: MetaDataProps): JSX_2.Element;
-
 declare class HeaderMetaDataPageObject {
     baseSelector: string;
     get element(): Cypress.Chainable<JQuery<HTMLElement>>;
     getDatum(label: string): Cypress.Chainable<JQuery<HTMLElement>>;
 }
 
-declare type HeaderMetadataType = {
-    icon?: string | JSX.Element;
-    label: string;
-    value?: string | JSX.Element | null;
-};
-
 export declare function HeaderSubtitle({ subtitle, sx, ...rest }: HeaderSubtitleType): JSX_2.Element;
 
 declare type HeaderSubtitleType = TypographyProps & {
@@ -327,6 +331,17 @@ declare type IndexLayoutProps = Grid2Props & {
     children: React.ReactNode;
 };
 
+export declare function InkAccordion({ label, children, leftAdornment, chip, details, onDelete, sx, ...accordionProps }: InkAccordionProps): JSX_2.Element;
+
+export declare type InkAccordionProps = Omit<AccordionProps, 'children'> & {
+    label: ReactNode;
+    children?: ReactNode;
+    leftAdornment?: ReactNode;
+    chip?: ReactNode;
+    details?: ReactNode;
+    onDelete?: () => void;
+};
+
 /**
  * InkAlert component provides a consistent way to display alerts with proper
  * alignment and styling. It handles the vertical alignment issues when
@@ -697,6 +712,10 @@ declare type InkImageProps = BoxProps_2 & {
     fallbackText?: string;
 };
 
+export declare function InkMetricCard(props: InkMetricCardProps): JSX_2.Element;
+
+export declare type InkMetricCardProps = RobustCardProps | InsightCardProps | SimpleCardProps;
+
 export declare function InkPageHeader({ Breadcrumbs, Subtitle, Metadata, Chips, ButtonGroup, Tabs, sx, }: InkPageHeaderProps): JSX_2.Element;
 
 export declare const inkPageHeader: InkPageHeaderPageObject;
@@ -927,7 +946,7 @@ export declare interface InkTileIconProps {
     size?: 'small' | 'normal';
 }
 
-export declare function InkToggleIcon({ value, size, ariaLabel, icon, ...rest }: InkToggleIconProps): JSX_2.Element;
+export declare function InkToggleIcon({ value, size, ariaLabel, icon, sx, ...rest }: InkToggleIconProps): JSX_2.Element;
 
 export declare function InkToggleIconGroup({ id, toggleButtons, ariaLabel, size, single, value, enforceValueSet, onChange, sx, ...rest }: InkToggleIconGroupProps): JSX_2.Element;
 
@@ -951,7 +970,7 @@ declare type InkToggleIconProps = ToggleButtonProps & {
     value: string | number;
 };
 
-export declare function InkToggleText({ value, label, size, ariaLabel, ...rest }: InkToggleTextProps): JSX_2.Element;
+export declare function InkToggleText({ value, label, size, ariaLabel, sx, ...rest }: InkToggleTextProps): JSX_2.Element;
 
 export declare function InkToggleTextGroup({ id, toggleButtons, ariaLabel, value, size, single, enforceValueSet, sx, onChange, ...rest }: InkToggleTextGroupProps): JSX_2.Element;
 
@@ -995,6 +1014,14 @@ declare type InkWorkflowHeaderProps = {
     subtitle?: string;
 };
 
+declare type InsightCardProps = BaseProps & {
+    variant: 'insight';
+    title: string;
+    primaryMetric: PrimaryMetricData;
+    secondaryMetrics?: SecondaryMetricData[];
+    graph?: ReactNode;
+};
+
 export declare function InternalUseOnlyAlert({ message, sx, messageSx, }: InternalUseOnlyAlertProp): JSX_2.Element;
 
 declare type InternalUseOnlyAlertProp = {
@@ -1041,12 +1068,45 @@ declare type MenuOptionType = {
     menuItemProps?: Partial<MenuItemProps>;
 };
 
-declare type MetaDataProps = {
-    metadata: HeaderMetadataType[];
+export declare type MetadataItem = {
+    icon?: string | JSX.Element;
+    label: string;
+    value?: string | JSX.Element | null;
+};
+
+declare function MetadataList({ metadata }: MetadataListProps): JSX_2.Element;
+export { MetadataList as HeaderMetadata }
+export { MetadataList }
+
+export declare type MetadataListProps = {
+    metadata: MetadataItem[];
+};
+
+export declare type MetricTrend = {
+    value: string;
+    direction: 'up' | 'down';
 };
 
 export declare const MovableUITheme: Theme;
 
+export declare class MuiDatePickerPageObject {
+    baseAttribute: string;
+    name: string;
+    static create(name: string): MuiDatePickerPageObject;
+    constructor(name: string);
+    get element(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get input(): Cypress.Chainable<JQuery<HTMLInputElement>>;
+    get openButton(): Cypress.Chainable<JQuery<HTMLElement>>;
+    get calendarHeader(): Cypress.Chainable<JQuery<HTMLElement>>;
+    openCalendar(): void;
+    previousMonth(): void;
+    nextMonth(): void;
+    selectDay(day: number): void;
+    setValue(isoDateString: string): void;
+    hasValue(value: string): Cypress.Chainable<JQuery<HTMLInputElement>>;
+    isDisabled(): Cypress.Chainable<JQuery<HTMLInputElement>>;
+}
+
 declare type MuiSelectProps = SelectProps<string>;
 
 declare interface Option_2 {
@@ -1101,6 +1161,26 @@ declare type PrimaryButtonType = ButtonProps & {
     loading?: boolean;
 };
 
+export declare type PrimaryMetricData = {
+    value: string;
+    label: string;
+    trend?: MetricTrend;
+};
+
+declare type RobustCardProps = BaseProps & {
+    variant: 'robust';
+    title: string;
+    primaryMetric: PrimaryMetricData;
+    secondaryMetrics?: SecondaryMetricData[];
+    graph?: ReactNode;
+    directIndirect?: DirectIndirectData;
+};
+
+export declare type SecondaryMetricData = {
+    value: string;
+    label: string;
+};
+
 export declare function SevenThreeSplitContentLayout({ leftContent, rightContent, containerProps, leftProps, rightProps, }: SevenThreeSplitContentLayoutProps): JSX_2.Element;
 
 declare type SevenThreeSplitContentLayoutProps = {
@@ -1111,6 +1191,13 @@ declare type SevenThreeSplitContentLayoutProps = {
     rightProps?: Grid2Props;
 };
 
+declare type SimpleCardProps = BaseProps & {
+    variant: 'simple';
+    metric: SecondaryMetricData;
+    href?: string;
+    onClick?: () => void;
+};
+
 declare type SkeletonGridType = {
     skeletonRows: number;
     skeletonColumns: number;