@zealicsolutions/web-ui 1.0.116 → 1.0.118

package/dist/cjs/organisms/DataGrid/ListView/hooks/useListItemTemplate.d.ts

@@ -1,10 +0,0 @@
-import type { GridColDef, GridListViewColDef } from '@mui/x-data-grid-pro';
-import type { Density } from '../templates/types';
-export declare const useListItemTemplate: (params: {
-    organism?: any;
-    density: Density;
-    onAction?: ((payload: {
-        action: any;
-        row: Record<string, unknown>;
-    }) => void) | undefined;
-}, hiddenColumns: GridColDef[]) => GridListViewColDef;

package/dist/cjs/organisms/DataGrid/ListView/stories/ListView.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ListView } from '../ListView';
-declare const meta: Meta<typeof ListView>;
-export default meta;
-type Story = StoryObj<typeof ListView>;
-export declare const Basic: Story;
-export declare const VisitCheckRow: Story;

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

@@ -1,23 +0,0 @@
-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/ListView/templates/components/FourItems.d.ts

@@ -1,24 +0,0 @@
-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/ListView/templates/components/StudyCard.d.ts

@@ -1,34 +0,0 @@
-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/ListView/templates/components/SubjectCard.d.ts

@@ -1,29 +0,0 @@
-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/ListView/templates/components/VisitCard.d.ts

@@ -1,22 +0,0 @@
-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/ListView/templates/components/VisitCardCheck.d.ts

@@ -1,22 +0,0 @@
-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/ListView/templates/registry.d.ts

@@ -1,15 +0,0 @@
-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/ListView/templates/stories/Custom.stories.d.ts

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ListView } from '../../ListView';
-declare const meta: Meta<typeof ListView>;
-export default meta;
-type Story = StoryObj<typeof ListView>;
-export declare const Basic: Story;
-export declare const FancyCard: Story;

package/dist/cjs/organisms/DataGrid/ListView/templates/stories/StudyCard.stories.d.ts

@@ -1,29 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ListView } from '../../ListView';
-declare const meta: Meta<typeof ListView>;
-export default meta;
-type Story = StoryObj<typeof ListView>;
-/**
- * Professional StudyCard with realistic clinical trial data
- */
-export declare const ProfessionalStudies: Story;
-/**
- * StudyCard with custom styling for different therapeutic areas
- */
-export declare const TherapeuticAreas: Story;
-/**
- * StudyCard with compact density for space efficiency
- */
-export declare const CompactView: Story;
-/**
- * StudyCard showing enrollment status with progress indicators
- */
-export declare const EnrollmentProgress: Story;
-/**
- * StudyCard with object-based status values (testing .value property extraction)
- */
-export declare const ObjectBasedStatus: Story;
-/**
- * StudyCard with edge cases and error handling
- */
-export declare const EdgeCases: Story;

package/dist/cjs/organisms/DataGrid/ListView/templates/stories/SubjectCard.stories.d.ts

@@ -1,9 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ListView } from '../../ListView';
-declare const meta: Meta<typeof ListView>;
-export default meta;
-type Story = StoryObj<typeof ListView>;
-export declare const Basic: Story;
-export declare const CustomColors: Story;
-export declare const WithActions: Story;
-export declare const Standalone: Story;

package/dist/cjs/organisms/DataGrid/ListView/templates/stories/VisitCard.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ListView } from '../../ListView';
-declare const meta: Meta<typeof ListView>;
-export default meta;
-type Story = StoryObj<typeof ListView>;
-export declare const Basic: Story;

package/dist/cjs/organisms/DataGrid/ListView/templates/stories/VisitCardCheck.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ListView } from '../../ListView';
-declare const meta: Meta<typeof ListView>;
-export default meta;
-type Story = StoryObj<typeof ListView>;
-export declare const Basic: Story;

package/dist/cjs/organisms/DataGrid/ListView/templates/types.d.ts

@@ -1,46 +0,0 @@
-export type Density = 'compact' | 'comfortable';
-export type ColumnCfg = {
-    id: string;
-    kind: 'data' | 'component';
-    headerName: string;
-    field?: string;
-    width?: number;
-    renderer?: string;
-    rendererProps?: Record<string, unknown>;
-    componentRenderer?: string;
-    componentProps?: Record<string, unknown>;
-    sortable?: boolean;
-    filterable?: boolean;
-};
-export type ListTemplateId = 'compact' | 'mediaLeft' | 'titleSubtitleMeta' | 'twoColumn' | 'custom' | 'visitCard' | 'visitCardCheck' | 'fourItems' | 'studyCard' | 'subjectCard';
-export type TemplateAreas = {
-    primary?: ColumnCfg | undefined;
-    secondary?: ColumnCfg | undefined;
-    meta?: ColumnCfg[];
-    trailing?: ColumnCfg[];
-    topLeft?: ColumnCfg | undefined;
-    topRight?: ColumnCfg | undefined;
-    bottomLeft?: ColumnCfg | undefined;
-    bottomRight?: ColumnCfg | undefined;
-};
-export type Mapping = {
-    primaryFieldId?: string;
-    secondaryFieldId?: string;
-    metaFieldIds?: string[];
-    trailingComponentIds?: string[];
-    topLeftFieldId?: string;
-    topRightFieldId?: string;
-    bottomLeftFieldId?: string;
-    bottomRightFieldId?: string;
-};
-export type LayoutCfg = {
-    templateColumns?: string;
-    gap?: number;
-    verticalGap?: number;
-    trailingDirection?: 'horizontal' | 'vertical';
-    itemPadding?: number;
-    itemBackgroundColor?: string;
-    itemBorderColor?: string;
-    itemBorderRadius?: number;
-    itemBoxShadow?: string;
-};

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

@@ -1,20 +0,0 @@
-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/TableView/TableView.d.ts

@@ -1,20 +0,0 @@
-import type { GridColDef } from '@mui/x-data-grid-pro';
-import type { FC } from 'react';
-type Props = {
-    rows: Array<Record<string, unknown>>;
-    total: number;
-    isLoading: boolean;
-    error?: Error | null;
-    page: number;
-    pageSize: number;
-    density: 'compact' | 'comfortable';
-    filterModel: Record<string, unknown>;
-    columns: GridColDef[];
-    columnsKey: string;
-    apiRef: React.MutableRefObject<unknown>;
-    setPage: (p: number) => void;
-    setPageSize: (s: number) => void;
-    gridStyles: Record<string, unknown>;
-};
-export declare const TableView: FC<Props>;
-export {};

package/dist/cjs/organisms/DataGrid/TableView/hooks/useTableColumns.d.ts

@@ -1,16 +0,0 @@
-import type { GridColDef } from '@mui/x-data-grid-pro';
-export type UseTableColumnsParams = {
-    organism?: any;
-    density: 'compact' | 'comfortable';
-    onAction?: (payload: {
-        action: any;
-        row: Record<string, unknown>;
-    }) => void;
-    apiRef: {
-        current?: any;
-    };
-};
-export declare const useTableColumns: ({ organism, density, onAction, apiRef, }: UseTableColumnsParams) => {
-    columns: GridColDef[];
-    columnsKey: string;
-};

package/dist/cjs/organisms/DataGrid/TableView/stories/TableView.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { TableView } from '../TableView';
-declare const meta: Meta<typeof TableView>;
-export default meta;
-type Story = StoryObj<typeof TableView>;
-export declare const Basic: Story;

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

@@ -1,25 +0,0 @@
-import type { FC } from 'react';
-import type { QuickFilterConfig } from './components/QuickFilters';
-type Density = 'compact' | 'comfortable';
-type Props = {
-    cfgRoot: any;
-    densityToggle: boolean;
-    quickFiltersCfg: Array<QuickFilterConfig>;
-    showSearchControl: boolean;
-    showExport: boolean;
-    search: string;
-    showSearch: boolean;
-    density: Density;
-    apiRef: {
-        current?: {
-            exportDataAsCsv?: () => void;
-        };
-    };
-    quickFilters: Record<string, string | string[]>;
-    setQuickFilter: (field: string, value: string) => void;
-    setDensity: (d: Density) => void;
-    setSearch: (s: string) => void;
-    setShowSearch: (v: boolean) => void;
-};
-export declare const Toolbar: FC<Props>;
-export {};

package/dist/cjs/organisms/DataGrid/Toolbar/components/DensityToggle.d.ts

@@ -1,16 +0,0 @@
-import type { FC } from 'react';
-export type Density = 'compact' | 'comfortable';
-export type DensityStyles = {
-    backgroundColor?: string;
-    borderRadius?: number;
-    selectedTextColor?: string;
-    selectedBackgroundColor?: string;
-};
-type Props = {
-    controlHeight: number;
-    density: Density;
-    styles?: DensityStyles;
-    setDensity: (d: Density) => void;
-};
-export declare const DensityToggle: FC<Props>;
-export {};

package/dist/cjs/organisms/DataGrid/Toolbar/components/ExportCsvButton.d.ts

@@ -1,18 +0,0 @@
-import type { FC } from 'react';
-export type ExportButtonStyles = {
-    borderRadius?: number;
-    backgroundColor?: string;
-    borderColor?: string;
-    iconColor?: string;
-};
-type Props = {
-    controlHeight: number;
-    styles?: ExportButtonStyles;
-    apiRef: {
-        current?: {
-            exportDataAsCsv?: () => void;
-        };
-    };
-};
-export declare const ExportCsvButton: FC<Props>;
-export {};

package/dist/cjs/organisms/DataGrid/Toolbar/components/QuickFilters.d.ts

@@ -1,25 +0,0 @@
-import type { FC } from 'react';
-export type Density = 'compact' | 'comfortable';
-export type QuickFilterConfig = {
-    label: string;
-    columnField: string;
-    value: string;
-    color?: string;
-};
-export type QuickFiltersStyles = {
-    chipGap?: number;
-    chipBackgroundColor?: string;
-    selectedChipColor?: string;
-    chipTextColor?: string;
-    chipBorderColor?: string;
-    chipBorderRadius?: number;
-};
-type Props = {
-    controlHeight: number;
-    quickFiltersCfg: QuickFilterConfig[];
-    quickFilters: Record<string, string | string[]>;
-    styles?: QuickFiltersStyles;
-    setQuickFilter: (field: string, value: string) => void;
-};
-export declare const QuickFilters: FC<Props>;
-export {};

package/dist/cjs/organisms/DataGrid/Toolbar/components/SearchControl.d.ts

@@ -1,19 +0,0 @@
-import type { FC } from 'react';
-export type SearchControlConfig = {
-    placeholder?: string;
-    autoFocus?: boolean;
-    borderRadius?: number;
-    backgroundColor?: string;
-    borderColor?: string;
-};
-type Props = {
-    controlHeight: number;
-    searchWidth: number;
-    search: string;
-    showSearch: boolean;
-    config?: SearchControlConfig;
-    setSearch: (s: string) => void;
-    setShowSearch: (v: boolean) => void;
-};
-export declare const SearchControl: FC<Props>;
-export {};