@zealicsolutions/web-ui 1.0.133 → 1.0.135

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

@@ -0,0 +1,33 @@
+export declare const rootWrapperStylesGroup: {
+    readonly id: "rootWrapperStyles";
+    readonly tool: "custom";
+    readonly titleKey: "config.datagrid.group.rootWrapperStyles";
+    readonly collapsible: true;
+    readonly initiallyExpanded: false;
+    readonly pathBase: "props.rootContainer.sx";
+    readonly fields: readonly [{
+        readonly type: "color";
+        readonly captureName: "backgroundColor";
+        readonly labelKey: "config.datagrid.rootWrapper.background";
+    }, {
+        readonly type: "number";
+        readonly captureName: "paddingX";
+        readonly labelKey: "config.datagrid.rootWrapper.paddingX";
+        readonly defaultValue: 0;
+    }, {
+        readonly type: "number";
+        readonly captureName: "paddingY";
+        readonly labelKey: "config.datagrid.rootWrapper.paddingY";
+        readonly defaultValue: 0;
+    }, {
+        readonly type: "number";
+        readonly captureName: "marginX";
+        readonly labelKey: "config.datagrid.rootWrapper.marginX";
+        readonly defaultValue: 0;
+    }, {
+        readonly type: "number";
+        readonly captureName: "marginY";
+        readonly labelKey: "config.datagrid.rootWrapper.marginY";
+        readonly defaultValue: 0;
+    }];
+};

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

@@ -0,0 +1,32 @@
+export declare const searchControlGroup: {
+    readonly id: "searchControl";
+    readonly tool: "custom";
+    readonly titleKey: "config.datagrid.group.searchControl";
+    readonly collapsible: true;
+    readonly initiallyExpanded: false;
+    readonly pathBase: "toolbar.searchControl";
+    readonly fields: readonly [{
+        readonly type: "text";
+        readonly captureName: "placeholder";
+        readonly labelKey: "config.datagrid.search.placeholder";
+        readonly defaultValue: "Search";
+    }, {
+        readonly type: "switch";
+        readonly captureName: "autoFocus";
+        readonly labelKey: "config.datagrid.search.autoFocus";
+        readonly defaultValue: false;
+    }, {
+        readonly type: "number";
+        readonly captureName: "borderRadius";
+        readonly labelKey: "config.datagrid.search.borderRadius";
+        readonly defaultValue: 2;
+    }, {
+        readonly type: "color";
+        readonly captureName: "backgroundColor";
+        readonly labelKey: "config.datagrid.search.background";
+    }, {
+        readonly type: "color";
+        readonly captureName: "borderColor";
+        readonly labelKey: "config.datagrid.search.borderColor";
+    }];
+};

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

@@ -0,0 +1,34 @@
+export declare const stylesGroup: {
+    readonly id: "styles";
+    readonly tool: "custom";
+    readonly titleKey: "config.datagrid.group.styles";
+    readonly collapsible: true;
+    readonly initiallyExpanded: false;
+    readonly pathBase: "props.dataGrid.sx";
+    readonly fields: readonly [{
+        readonly type: "color";
+        readonly captureName: "backgroundColor";
+        readonly labelKey: "config.datagrid.styles.background";
+        readonly defaultValue: "#FFFFFF";
+    }, {
+        readonly type: "color";
+        readonly captureName: "headerBackgroundColor";
+        readonly labelKey: "config.datagrid.styles.headerBackground";
+    }, {
+        readonly type: "number";
+        readonly captureName: "headerFontSize";
+        readonly labelKey: "config.datagrid.styles.headerFontSize";
+    }, {
+        readonly type: "color";
+        readonly captureName: "rowHoverColor";
+        readonly labelKey: "config.datagrid.styles.rowHoverColor";
+    }, {
+        readonly type: "number";
+        readonly captureName: "rowHeight";
+        readonly labelKey: "config.datagrid.styles.rowHeight";
+    }, {
+        readonly type: "number";
+        readonly captureName: "rowGap";
+        readonly labelKey: "config.datagrid.styles.rowGap";
+    }];
+};

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

@@ -0,0 +1,36 @@
+export declare const toolbarGroup: {
+    readonly id: "toolbar";
+    readonly tool: "custom";
+    readonly titleKey: "config.datagrid.group.toolbar";
+    readonly collapsible: true;
+    readonly initiallyExpanded: false;
+    readonly pathBase: "toolbar";
+    readonly fields: readonly [{
+        readonly type: "select";
+        readonly captureName: "densityDefault";
+        readonly labelKey: "config.datagrid.toolbar.densityDefault";
+        readonly defaultValue: "comfortable";
+        readonly options: readonly [{
+            readonly id: "compact";
+            readonly labelKey: "config.datagrid.toolbar.view.compact";
+        }, {
+            readonly id: "comfortable";
+            readonly labelKey: "config.datagrid.toolbar.view.comfortable";
+        }];
+    }, {
+        readonly type: "switch";
+        readonly captureName: "densityToggle";
+        readonly labelKey: "config.datagrid.toolbar.densityToggle";
+        readonly defaultValue: true;
+    }, {
+        readonly type: "switch";
+        readonly captureName: "search";
+        readonly labelKey: "config.datagrid.toolbar.search";
+        readonly defaultValue: true;
+    }, {
+        readonly type: "switch";
+        readonly captureName: "exportCsv";
+        readonly labelKey: "config.datagrid.toolbar.exportCsv";
+        readonly defaultValue: true;
+    }];
+};

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/config/toolDescriptor/view.d.ts

@@ -0,0 +1,61 @@
+export declare const viewGroup: {
+    readonly id: "view";
+    readonly tool: "dataGridListConfigurator";
+    readonly titleKey: "config.datagrid.group.view";
+    readonly collapsible: true;
+    readonly initiallyExpanded: true;
+    readonly pathBase: "view";
+    readonly defaultView: "listView";
+    readonly toolConfig: {
+        readonly basePathAliasKey: "meta.pathAliases.dataGridView";
+        readonly templates: readonly [{
+            readonly id: "custom";
+            readonly label: "Custom";
+            readonly labelKey: "config.datagrid.list.template.custom";
+        }, {
+            readonly id: "studyCard";
+            readonly label: "Study card";
+            readonly labelKey: "config.datagrid.list.template.studyCard";
+        }, {
+            readonly id: "subjectCard";
+            readonly label: "Subject card";
+            readonly labelKey: "config.datagrid.list.template.subjectCard";
+        }, {
+            readonly id: "visitCard";
+            readonly label: "Visit card";
+            readonly labelKey: "config.datagrid.list.template.visitCard";
+        }, {
+            readonly id: "visitCardCheck";
+            readonly label: "Visit card (check)";
+            readonly labelKey: "config.datagrid.list.template.visitCardCheck";
+        }, {
+            readonly id: "fourItems";
+            readonly label: "4 items view";
+            readonly labelKey: "config.datagrid.list.template.fourItems";
+        }, {
+            readonly id: "applicationCard";
+            readonly label: "Application card";
+            readonly labelKey: "config.datagrid.list.template.applicationCard";
+        }, {
+            readonly id: "notificationCard";
+            readonly label: "Notification card";
+            readonly labelKey: "config.datagrid.list.template.notificationCard";
+        }, {
+            readonly id: "compact";
+            readonly label: "Compact";
+            readonly labelKey: "config.datagrid.list.template.compact";
+        }, {
+            readonly id: "mediaLeft";
+            readonly label: "Media left";
+            readonly labelKey: "config.datagrid.list.template.mediaLeft";
+        }, {
+            readonly id: "titleSubtitleMeta";
+            readonly label: "Title + subtitle + meta";
+            readonly labelKey: "config.datagrid.list.template.titleSubtitleMeta";
+        }, {
+            readonly id: "twoColumn";
+            readonly label: "Two column";
+            readonly labelKey: "config.datagrid.list.template.twoColumn";
+        }];
+    };
+};

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

@@ -0,0 +1,51 @@
+export declare const wrapperStylesGroup: {
+    readonly id: "wrapperStyles";
+    readonly tool: "custom";
+    readonly titleKey: "config.datagrid.group.wrapperStyles";
+    readonly collapsible: true;
+    readonly initiallyExpanded: false;
+    readonly pathBase: "props.dataGridWrapper.sx";
+    readonly fields: readonly [{
+        readonly type: "color";
+        readonly captureName: "backgroundColor";
+        readonly labelKey: "config.datagrid.wrapper.background";
+    }, {
+        readonly type: "color";
+        readonly captureName: "borderColor";
+        readonly labelKey: "config.datagrid.wrapper.borderColor";
+    }, {
+        readonly type: "number";
+        readonly captureName: "borderRadius";
+        readonly labelKey: "config.datagrid.wrapper.borderRadius";
+        readonly defaultValue: 8;
+    }, {
+        readonly type: "number";
+        readonly captureName: "paddingX";
+        readonly labelKey: "config.datagrid.wrapper.paddingX";
+        readonly defaultValue: 0;
+    }, {
+        readonly type: "number";
+        readonly captureName: "paddingY";
+        readonly labelKey: "config.datagrid.wrapper.paddingY";
+        readonly defaultValue: 0;
+    }, {
+        readonly type: "number";
+        readonly captureName: "elevation";
+        readonly labelKey: "config.datagrid.wrapper.elevation";
+        readonly defaultValue: 0;
+    }, {
+        readonly type: "number";
+        readonly captureName: "marginX";
+        readonly labelKey: "config.datagrid.wrapper.marginX";
+        readonly defaultValue: 0;
+    }, {
+        readonly type: "number";
+        readonly captureName: "marginY";
+        readonly labelKey: "config.datagrid.wrapper.marginY";
+        readonly defaultValue: 0;
+    }, {
+        readonly type: "text";
+        readonly captureName: "boxShadow";
+        readonly labelKey: "config.datagrid.wrapper.boxShadow";
+    }];
+};

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

@@ -0,0 +1,109 @@
+import type { DataGridOrganismConfig } from '../types/types';
+export type FieldType = 'text' | 'number' | 'color' | 'select' | 'switch' | 'checkbox' | 'array';
+export type GridSpan = {
+    xs?: number;
+    sm?: number;
+    md?: number;
+};
+export type ValidationRules = {
+    required?: boolean | string;
+    min?: number;
+    max?: number;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+};
+export type WhenCondition = {
+    path: string;
+    equals: unknown;
+};
+export type BaseField = {
+    path: string;
+    labelKey: string;
+    helpTextKey?: string;
+    grid?: GridSpan;
+    defaultValue?: unknown;
+    rules?: ValidationRules;
+    groupId: string;
+    when?: WhenCondition;
+};
+export type SelectOption = {
+    id: string | number;
+    labelKey: string;
+};
+export type PrimitiveField = (BaseField & {
+    type: 'text' | 'number' | 'color' | 'switch' | 'checkbox';
+}) | (BaseField & {
+    type: 'select';
+    options: SelectOption[];
+});
+export type ArrayField = {
+    type: 'array';
+    path: string;
+    labelKey: string;
+    groupId: string;
+    itemLabelKey?: string;
+    itemDefault?: Record<string, unknown>;
+    itemFields: PrimitiveField[];
+    allowAdd?: boolean;
+    allowRemove?: boolean;
+    allowReorder?: boolean;
+    minItems?: number;
+    maxItems?: number;
+};
+export type CompositeTarget = {
+    path: string;
+    labelKey: string;
+    rules?: ValidationRules;
+};
+export type CompositeField = {
+    type: 'composite';
+    labelKey: string;
+    groupId: string;
+    grid?: GridSpan;
+    renderer: string;
+    targets: CompositeTarget[];
+    defaultValue?: Record<string, unknown>;
+    when?: WhenCondition;
+};
+export type UnionVariant = {
+    value: string | number;
+    labelKey?: string;
+    fields: Array<PrimitiveField | ArrayField | CompositeField>;
+};
+export type UnionField = {
+    type: 'union';
+    labelKey: string;
+    groupId: string;
+    discriminatorPath: string;
+    defaultValue?: string | number;
+    grid?: GridSpan;
+    variants: UnionVariant[];
+};
+export type Field = PrimitiveField | ArrayField | CompositeField | UnionField;
+export type ConfigGroup = {
+    id: string;
+    labelKey: string;
+    descriptionKey?: string;
+    collapsedByDefault?: boolean;
+};
+export type DataGridConfiguratorModel = DataGridOrganismConfig & {
+    styles?: {
+        backgroundColor?: string;
+        header?: {
+            backgroundColor?: string;
+            fontSize?: number;
+        };
+        row?: {
+            height?: number;
+            hoverColor?: string;
+            striped?: boolean;
+        };
+    };
+};
+export type ConfiguratorDescriptor<TConfig = unknown> = {
+    component: 'DataGridOrganism';
+    version: string;
+    groups: ConfigGroup[];
+    fields: Field[];
+};

package/dist/cjs/organisms/DataGrid/hooks/useDataGridOrganism.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import type { GridColDef, GridFilterModel } from '@mui/x-data-grid-pro';
+import type { DataGridOrganismConfig } from '../types/types';
+type Params = {
+    organism?: {
+        id?: string;
+        config?: {
+            dataGrid?: DataGridOrganismConfig;
+        };
+    };
+    onAction?: (payload: {
+        action: string;
+        row: Record<string, unknown>;
+    }) => void;
+    previewMode?: boolean;
+};
+export declare const useDataGridOrganism: (params: Params) => {
+    organismId: string;
+    configuration: DataGridOrganismConfig;
+    rows: Record<string, unknown>[];
+    total: number;
+    isLoading: boolean;
+    error: Error | null;
+    page: number;
+    pageSize: number;
+    search: string;
+    quickFilters: Record<string, string | string[]>;
+    density: "compact" | "comfortable";
+    showSearch: boolean;
+    filterModel: GridFilterModel;
+    densityToggle: boolean;
+    quickFiltersCfg: {};
+    showSearchControl: boolean;
+    showExport: boolean;
+    columnsKey: string;
+    apiRef: import("react").MutableRefObject<import("@mui/x-data-grid-pro").GridApiPro | null>;
+    columns: GridColDef<any, any, any>[];
+    listViewColumn: import("@mui/x-data-grid-pro").GridListViewColDef<any, any, any>;
+    resolvedView: "table" | "list";
+    setPage: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setPageSize: import("react").Dispatch<import("react").SetStateAction<number>>;
+    setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setQuickFilter: (columnField: string, value: string) => void;
+    setDensity: import("react").Dispatch<import("react").SetStateAction<"compact" | "comfortable">>;
+    setShowSearch: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    refetch: (options?: import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").al | undefined) => Promise<import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").aC<import("../types/types").DataGridPage, Error>>;
+};
+export {};

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

@@ -0,0 +1,5 @@
+export * from './config/descriptors';
+export * from './config/types';
+export { DataGridOrganism } from './DataGridOrganism';
+export * from './renderers';
+export * from './types/types';

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

@@ -0,0 +1,16 @@
+import type { DataGridPage, DataGridQuery } from '../types/types';
+type Params = {
+    organismId: string;
+    query: DataGridQuery;
+    previewMode?: boolean;
+    organismConfig?: Record<string, unknown>;
+};
+export declare const useDataGridRows: ({ organismId, query, previewMode, organismConfig }: Params) => {
+    rows: Record<string, unknown>[];
+    total: number;
+    isLoading: boolean;
+    error: Error | null;
+    refetch: (options?: import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").al | undefined) => Promise<import("@tanstack/query-core/build/legacy/hydration-BlEK5ylC").aC<DataGridPage, Error>>;
+    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;
+}