@zealicsolutions/web-ui 1.0.121 → 1.0.123

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/stories/NotificationCard.stories.d.ts

@@ -0,0 +1,17 @@
+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>;
+/**
+ * Default NotificationCard with sample notification data
+ */
+export declare const DefaultNotifications: Story;
+/**
+ * NotificationCard with different priority levels
+ */
+export declare const PriorityLevels: Story;
+/**
+ * NotificationCard with custom styling
+ */
+export declare const CustomStyled: Story;

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

@@ -12,7 +12,7 @@ export type ColumnCfg = {
     sortable?: boolean;
     filterable?: boolean;
 };
-export type ListTemplateId = 'compact' | 'mediaLeft' | 'titleSubtitleMeta' | 'twoColumn' | 'custom' | 'visitCard' | 'visitCardCheck' | 'fourItems' | 'studyCard' | 'subjectCard' | 'applicationCard';
+export type ListTemplateId = 'compact' | 'mediaLeft' | 'titleSubtitleMeta' | 'twoColumn' | 'custom' | 'visitCard' | 'visitCardCheck' | 'fourItems' | 'studyCard' | 'subjectCard' | 'applicationCard' | 'notificationCard';
 export type TemplateAreas = {
     primary?: ColumnCfg | undefined;
     secondary?: ColumnCfg | undefined;

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

@@ -35,6 +35,14 @@ export declare const dataGridConfiguratorDescriptor: {
                 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";

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

@@ -32,6 +32,14 @@ export declare const viewGroup: {
             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";

package/dist/esm/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 {};