@zealicsolutions/web-ui 1.1.63 → 1.1.64

package/dist/cjs/molecules/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,42 @@
+import { SxProps, Theme, TypographyProps } from '@mui/material';
+import { ConfigurationItemInfo, LinkProperties } from 'containers';
+import React from 'react';
+export interface BreadcrumbItem {
+    id?: string;
+    text: string;
+    link?: LinkProperties;
+    disabled?: boolean;
+    iconName?: string;
+    sx?: SxProps<Theme>;
+}
+export interface BreadcrumbsMoleculeProps {
+    text?: string;
+    items?: BreadcrumbItem[];
+    separator?: string;
+    maxItems?: number;
+    expandText?: string;
+    textColor?: string;
+    activeTextColor?: string;
+    separatorColor?: string;
+    fontSize?: number | string;
+    fontFamily?: TypographyProps['fontFamily'];
+    fontWeight?: TypographyProps['fontWeight'];
+    iconColor?: string;
+    iconSize?: number | string;
+    wrap?: boolean;
+    marginTop?: string | number;
+    marginRight?: string | number;
+    marginBottom?: string | number;
+    marginLeft?: string | number;
+    paddingTop?: string | number;
+    paddingRight?: string | number;
+    paddingBottom?: string | number;
+    paddingLeft?: string | number;
+    width?: string | number;
+    height?: string | number;
+    sx?: SxProps<Theme>;
+    moleculeId?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
+    onNavigate?: (link?: LinkProperties, item?: BreadcrumbItem) => void;
+}
+export declare const BreadcrumbsMolecule: React.FC<BreadcrumbsMoleculeProps>;

package/dist/cjs/molecules/Progress/Progress.d.ts

@@ -0,0 +1,34 @@
+import { LinearProgressProps, SxProps, Theme } from '@mui/material';
+import { ConfigurationItemInfo } from 'containers';
+import React from 'react';
+export interface ProgressMoleculeProps extends Omit<LinearProgressProps, 'value' | 'valueBuffer'> {
+    text?: string;
+    value?: number;
+    valueBuffer?: number;
+    showValueLabel?: boolean;
+    valueLabelSuffix?: string;
+    trackColor?: string;
+    barColor?: string;
+    thickness?: number;
+    borderRadius?: string | number;
+    textColor?: string;
+    fontSize?: number | string;
+    fontFamily?: string;
+    fontWeight?: string | number;
+    marginTop?: string | number;
+    marginRight?: string | number;
+    marginBottom?: string | number;
+    marginLeft?: string | number;
+    paddingTop?: string | number;
+    paddingRight?: string | number;
+    paddingBottom?: string | number;
+    paddingLeft?: string | number;
+    width?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    sx?: SxProps<Theme>;
+    moleculeId?: string;
+    configurationItemInfo?: ConfigurationItemInfo;
+    sourceDataModelField?: string;
+}
+export declare const ProgressMolecule: React.FC<ProgressMoleculeProps>;

package/dist/cjs/molecules/index.d.ts

@@ -4,6 +4,7 @@ export * from './Avatar/Avatar';
 export * from './Badge/Badge';
 export * from './BasicTextField/BasicTextField';
 export * from './BinaryRadioButtons/BinaryRadioButtons';
+export * from './Breadcrumbs/Breadcrumbs';
 export * from './Button';
 export * from './Checkbox/Checkbox';
 export * from './Checklist/Checklist';
@@ -25,6 +26,7 @@ export * from './NumericInputField/NumericInputField';
 export * from './PasswordSetup/PasswordSetup';
 export { passwordValidationMapper } from './PasswordSetup/utils';
 export * from './PhoneNumberInputField/PhoneNumberInputField';
+export * from './Progress/Progress';
 export * from './Rating/Rating';
 export * from './RichText/TextMolecule';
 export * from './Select/Select';

package/dist/cjs/organisms/DataGrid/ListViewComponent/templates/components/ApplicationCard.d.ts

@@ -0,0 +1,26 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
+import type { ColumnCfg } from '../types';
+type ApplicationCardConfig = {
+    backgroundColor?: string;
+    borderColor?: string;
+    borderRadius?: number;
+    imageSize?: number;
+    imageBorderRadius?: number;
+    textColor?: string;
+    secondaryTextColor?: string;
+    statusColors?: {
+        ACTIVE?: string;
+        INACTIVE?: string;
+        [key: string]: string | undefined;
+    };
+};
+type Props = {
+    params: GridRenderCellParams;
+    cfgCols: ColumnCfg[];
+    columns: Array<{
+        field: string;
+    }>;
+    config?: ApplicationCardConfig;
+};
+export declare const ApplicationCard: ({ params, cfgCols, columns, config }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/organisms/DataGrid/ListViewComponent/templates/components/Custom.d.ts

@@ -0,0 +1,23 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
+import type { ColumnCfg, TemplateAreas } from '../types';
+type Layout = {
+    gap: number;
+    verticalGap: number;
+    trailingDirection: 'horizontal' | 'vertical';
+    templateColumns?: string;
+    item?: {
+        padding?: number;
+        backgroundColor?: string;
+        borderColor?: string;
+        borderRadius?: number;
+        boxShadow?: string;
+    };
+};
+type Props = {
+    params: GridRenderCellParams;
+    items?: ColumnCfg[];
+    areas?: TemplateAreas;
+    layout: Layout;
+};
+export declare const Custom: ({ params, items, areas, layout }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/organisms/DataGrid/ListViewComponent/templates/components/FourItems.d.ts

@@ -0,0 +1,24 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
+import type { ColumnCfg } from '../types';
+type Layout = {
+    gap: number;
+    verticalGap: number;
+    trailingDirection: 'horizontal' | 'vertical';
+    item?: {
+        padding?: number;
+        backgroundColor?: string;
+        borderColor?: string;
+        borderRadius?: number;
+        boxShadow?: string;
+    };
+};
+type Props = {
+    params: GridRenderCellParams;
+    cfgCols: ColumnCfg[];
+    columns: Array<{
+        field: string;
+    }>;
+    layout: Layout;
+};
+export declare const FourItems: ({ params, cfgCols, layout }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/organisms/DataGrid/ListViewComponent/templates/components/NotificationCard.d.ts

@@ -0,0 +1,22 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
+import type { ColumnCfg } from '../types';
+type Props = {
+    params: GridRenderCellParams;
+    cfgCols: ColumnCfg[];
+    columns: Array<{
+        field: string;
+    }>;
+    config?: NotificationCardConfig;
+    onDismiss?: (row: Record<string, unknown>) => void;
+};
+type NotificationCardConfig = {
+    backgroundColor?: string;
+    borderColor?: string;
+    borderRadius?: number;
+    textColor?: string;
+    secondaryTextColor?: string;
+    priorityIndicatorColor?: string;
+    priorityIndicatorTextColor?: string;
+};
+export declare const NotificationCard: ({ params, cfgCols, columns, config, onDismiss }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/organisms/DataGrid/ListViewComponent/templates/components/StudyCard.d.ts

@@ -0,0 +1,34 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
+type Props = {
+    params: GridRenderCellParams;
+    borderRadius?: number;
+    backgroundColor?: string;
+    borderColor?: string;
+    avatarBackgroundColor?: string;
+    avatarTextColor?: string;
+    stripeColor?: string;
+    titleColor?: string;
+    subtitleColor?: string;
+    companyColor?: string;
+    statusMapping?: Record<string, {
+        label: string;
+        color?: 'default' | 'success' | 'error' | 'warning' | 'info';
+    }>;
+    columns?: Array<{
+        field: string;
+    }>;
+};
+/**
+ * StudyCard Template Component
+ *
+ * Reads data from row object using UUID-based column field names:
+ * - Column 0: Title (uuid-col-0)
+ * - Column 1: Status (uuid-col-1)
+ * - Column 2: Sponsor (uuid-col-2) - used for avatar initials
+ * - Column 3: Subtitle (uuid-col-3)
+ * - Column 4: Company (uuid-col-4)
+ *
+ * The component handles object values by extracting .value, .label, .name, .text, etc.
+ */
+export declare const StudyCard: ({ params, borderRadius, backgroundColor, borderColor, avatarBackgroundColor, avatarTextColor, stripeColor, titleColor, subtitleColor, companyColor, statusMapping, columns, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/organisms/DataGrid/ListViewComponent/templates/components/SubjectCard.d.ts

@@ -0,0 +1,29 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
+import type { ColumnCfg } from '../types';
+type SubjectCardConfig = {
+    backgroundColor?: string;
+    borderColor?: string;
+    borderRadius?: number;
+    avatarBgColor?: string;
+    avatarTextColor?: string;
+    textColor?: string;
+    secondaryTextColor?: string;
+    statusColors?: {
+        ACTIVE?: string;
+        INACTIVE?: string;
+        [key: string]: string | undefined;
+    };
+};
+type Props = {
+    params: GridRenderCellParams;
+    cfgCols: ColumnCfg[];
+    columns: Array<{
+        field: string;
+    }>;
+    config?: SubjectCardConfig;
+    onEdit?: (row: Record<string, unknown>) => void;
+    onDelete?: (row: Record<string, unknown>) => void;
+    onView?: (row: Record<string, unknown>) => void;
+};
+export declare const SubjectCard: ({ params, cfgCols, columns, config, onEdit, onDelete, onView, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/organisms/DataGrid/ListViewComponent/templates/components/VisitCard.d.ts

@@ -0,0 +1,22 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
+type Props = {
+    params: GridRenderCellParams;
+    columns: Array<{
+        field: string;
+    }>;
+    layout?: {
+        item?: {
+            padding?: number;
+            paddingX?: number;
+            paddingY?: number;
+            marginX?: number;
+            marginY?: number;
+            backgroundColor?: string;
+            borderColor?: string;
+            borderRadius?: number | string;
+            boxShadow?: string;
+        };
+    };
+};
+export declare const VisitCard: ({ params, columns, layout }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/organisms/DataGrid/ListViewComponent/templates/components/VisitCardCheck.d.ts

@@ -0,0 +1,22 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid-pro';
+type Props = {
+    params: GridRenderCellParams;
+    columns: Array<{
+        field: string;
+    }>;
+    layout?: {
+        item?: {
+            padding?: number;
+            paddingX?: number;
+            paddingY?: number;
+            marginX?: number;
+            marginY?: number;
+            backgroundColor?: string;
+            borderColor?: string;
+            borderRadius?: number | string;
+            boxShadow?: string;
+        };
+    };
+};
+export declare const VisitCardCheck: ({ params, columns, layout }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/organisms/DataGrid/ListViewComponent/templates/registry.d.ts

@@ -0,0 +1,15 @@
+import type { GridColDef, GridListViewColDef } from '@mui/x-data-grid-pro';
+import type { ColumnCfg, ListTemplateId, TemplateAreas } from './types';
+export declare const buildTemplateRenderer: (templateType: ListTemplateId, _areas: TemplateAreas, _layout: {
+    gap: number;
+    verticalGap: number;
+    trailingDirection: 'horizontal' | 'vertical';
+    templateColumns?: string;
+    item?: {
+        padding?: number;
+        backgroundColor?: string;
+        borderColor?: string;
+        borderRadius?: number;
+        boxShadow?: string;
+    };
+}, cfgCols: ColumnCfg[], hiddenColumns: GridColDef[]) => GridListViewColDef | undefined;

package/dist/cjs/organisms/DataGrid/ListViewComponent/templates/utils.d.ts

@@ -0,0 +1,20 @@
+import type { GridColDef } from '@mui/x-data-grid-pro';
+import type { ColumnCfg, LayoutCfg, ListTemplateId, Mapping, TemplateAreas } from './types';
+export declare const pickById: (cols: ColumnCfg[], id?: string) => ColumnCfg | undefined;
+export declare const getTemplateAreas: (templateType: ListTemplateId, cfgCols: ColumnCfg[], mapping: Mapping) => TemplateAreas;
+export declare const getTemplateLayout: (templateType: ListTemplateId, layoutCfg: LayoutCfg) => {
+    gap: number;
+    verticalGap: number;
+    trailingDirection: 'horizontal' | 'vertical';
+    templateColumns?: string | undefined;
+    item?: {
+        padding?: number | undefined;
+        backgroundColor?: string | undefined;
+        borderColor?: string | undefined;
+        borderRadius?: number | undefined;
+        boxShadow?: string | undefined;
+    } | undefined;
+};
+export declare const hiddenToSimpleColumns: (hiddenColumns: GridColDef[]) => Array<{
+    field: string;
+}>;

package/dist/cjs/organisms/DataGrid/config/toolDescriptor/toolbarStyles.d.ts

@@ -0,0 +1,27 @@
+export declare const toolbarStylesGroup: {
+    readonly id: "toolbarStyles";
+    readonly tool: "custom";
+    readonly titleKey: "config.datagrid.group.toolbarStyles";
+    readonly collapsible: true;
+    readonly initiallyExpanded: false;
+    readonly pathBase: "props.toolbarContainer.sx";
+    readonly fields: readonly [{
+        readonly type: "color";
+        readonly captureName: "backgroundColor";
+        readonly labelKey: "config.datagrid.toolbarStyles.background";
+    }, {
+        readonly type: "color";
+        readonly captureName: "borderColor";
+        readonly labelKey: "config.datagrid.toolbarStyles.borderColor";
+    }, {
+        readonly type: "number";
+        readonly captureName: "borderRadius";
+        readonly labelKey: "config.datagrid.toolbarStyles.borderRadius";
+        readonly defaultValue: 8;
+    }, {
+        readonly type: "number";
+        readonly captureName: "gap";
+        readonly labelKey: "config.datagrid.toolbarStyles.gap";
+        readonly defaultValue: 1.5;
+    }];
+};

package/dist/cjs/organisms/DataGrid/queries/useDataGridRows.d.ts

@@ -0,0 +1,17 @@
+import type { DataGridQuery } from '../types/types';
+type Params = {
+    organismId: string;
+    query: DataGridQuery;
+    previewMode?: boolean;
+    organismConfig?: Record<string, unknown>;
+    sourceDataPointerId?: string;
+};
+export declare const useDataGridRows: ({ organismId, query, previewMode, organismConfig, sourceDataPointerId, }: Params) => {
+    rows: any[];
+    total: number;
+    isLoading: boolean;
+    error: null;
+    refetch: () => Promise<void>;
+    refreshSignal: number;
+};
+export {};

package/dist/cjs/organisms/DataGrid/renderers/ActionButtonCell.d.ts

@@ -0,0 +1,12 @@
+import type { FC } from 'react';
+export type ActionButtonCellProps = {
+    tooltip?: string;
+    label?: string;
+    icon?: React.ReactNode | string;
+    variant?: 'text' | 'outlined' | 'contained';
+    color?: 'primary' | 'secondary' | 'error' | 'info' | 'inherit';
+    size?: 'small' | 'medium';
+    disabled?: boolean;
+    onClick?: () => void;
+};
+export declare const ActionButtonCell: FC<ActionButtonCellProps>;

package/dist/cjs/organisms/DataGrid/renderers/AvatarTextCell.d.ts

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+export type AvatarTextCellProps = {
+    row: Record<string, unknown>;
+    avatarField: string;
+    textField: string;
+};
+export declare const AvatarTextCell: FC<AvatarTextCellProps>;

package/dist/cjs/organisms/DataGrid/renderers/BooleanIconCell.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+export type BooleanIconCellProps = {
+    value: boolean | string | number | null | undefined | object;
+    trueLabel?: string;
+    falseLabel?: string;
+};
+export declare const BooleanIconCell: FC<BooleanIconCellProps>;

package/dist/cjs/organisms/DataGrid/renderers/CurrencyCell.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+export type CurrencyCellProps = {
+    value: number | string | null | undefined | object;
+    currency?: string;
+    locale?: string;
+};
+export declare const CurrencyCell: FC<CurrencyCellProps>;

package/dist/cjs/organisms/DataGrid/renderers/DateCell.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+export type DateCellProps = {
+    value: string | number | Date | null | undefined | object;
+    formatString?: string;
+};
+export declare const DateCell: FC<DateCellProps>;

package/dist/cjs/organisms/DataGrid/renderers/DefaultTextCell.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+export type DefaultTextCellProps = {
+    value: string | number | boolean | null | undefined | object;
+};
+export declare const DefaultTextCell: FC<DefaultTextCellProps>;

package/dist/cjs/organisms/DataGrid/renderers/EmailLinkCell.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+export type EmailLinkCellProps = {
+    value: string | null | undefined | object;
+};
+export declare const EmailLinkCell: FC<EmailLinkCellProps>;

package/dist/cjs/organisms/DataGrid/renderers/PhoneLinkCell.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+export type PhoneLinkCellProps = {
+    value: string | number | null | undefined | object;
+};
+export declare const PhoneLinkCell: FC<PhoneLinkCellProps>;

package/dist/cjs/organisms/DataGrid/renderers/RatingCell.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+export type RatingCellProps = {
+    value: number | string | null | undefined | object;
+    max?: number;
+};
+export declare const RatingCell: FC<RatingCellProps>;

package/dist/cjs/organisms/DataGrid/renderers/StatusChipCell.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+export type StatusChipCellProps = {
+    value: string;
+    mapping?: Record<string, {
+        label: string;
+        color?: 'default' | 'success' | 'error' | 'warning' | 'info';
+        bgColor?: string;
+        textColor?: string;
+    }>;
+};
+export declare const StatusChipCell: FC<StatusChipCellProps>;

package/dist/cjs/organisms/DataGrid/renderers/index.d.ts

@@ -0,0 +1,11 @@
+export { ActionButtonCell } from './ActionButtonCell';
+export { AvatarTextCell } from './AvatarTextCell';
+export { BooleanIconCell } from './BooleanIconCell';
+export { CurrencyCell } from './CurrencyCell';
+export { DateCell } from './DateCell';
+export { DefaultTextCell } from './DefaultTextCell';
+export { EmailLinkCell } from './EmailLinkCell';
+export { PhoneLinkCell } from './PhoneLinkCell';
+export { RatingCell } from './RatingCell';
+export { CellRendererRegistry } from './rendererRegistry';
+export { StatusChipCell } from './StatusChipCell';

package/dist/cjs/organisms/DataGrid/renderers/rendererRegistry.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+export type RendererComponent = FC<Record<string, unknown>>;
+export declare const CellRendererRegistry: Record<string, RendererComponent>;

package/dist/cjs/organisms/DataGrid/types/hostTypes.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+import type { OrganismDTO } from '../../types';
+import type { ColumnActionConfig, DataGridOrganismConfig } from './types';
+export interface DataGridOrganismHostProps {
+    organism: OrganismDTO & {
+        config: {
+            dataGrid: DataGridOrganismConfig;
+        };
+    };
+    onAction?: (payload: {
+        action: ColumnActionConfig;
+        row: Record<string, unknown>;
+    }) => void;
+    errorState?: (error: Error) => ReactNode;
+    previewMode?: boolean;
+}