@hybridcore/ui 1.5.79 → 1.5.82

package/dist/main.d.ts

@@ -21,13 +21,14 @@ import { IconButtonProps } from '@mui/material/IconButton';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LocalizationProvider } from '@mui/x-date-pickers';
 import { Pixel } from 'ol/pixel';
+import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { Size } from 'ol/size';
 import { SxProps } from '@mui/material';
 import { SxProps as SxProps_2 } from '@mui/material/styles';
 import { TabsProps as TabsProps_2 } from '@mui/material';
-import { Theme } from '@mui/material/styles';
-import { Theme as Theme_2 } from '@mui/material';
+import { Theme } from '@mui/material';
+import { Theme as Theme_2 } from '@mui/material/styles';
 import { ThemeOptions } from '@mui/material';
 import { ThemeProvider } from '@mui/material';
 import { View } from 'ol';
@@ -64,10 +65,10 @@ declare interface ButtonType {
     onClick?(event?: React.MouseEvent<HTMLElement>): void;
 }
 
-export declare function CandlestickChart<T extends CandlestickData>({ data, seriesName, height, width, chartId, showVolume, risingColor, fallingColor, loading, emptyMessage, }: CandlestickChartProps<T>): JSX_2.Element;
+export declare function CandlestickChart(inProps: CandlestickChartProps): JSX_2.Element;
 
-export declare interface CandlestickChartProps<T extends CandlestickData> {
-    data: T[];
+export declare interface CandlestickChartProps {
+    data: CandlestickData[];
     height?: string | number;
     width?: string | number;
     chartId?: string;
@@ -77,6 +78,7 @@ export declare interface CandlestickChartProps<T extends CandlestickData> {
     loading?: boolean;
     emptyMessage?: string;
     seriesName?: string;
+    sx?: SxProps<Theme>;
 }
 
 export declare interface CandlestickData {
@@ -170,15 +172,15 @@ declare interface ContainerProps {
     /**
      *
      */
-    sx?: SxProps_2<Theme>;
+    sx?: SxProps_2<Theme_2>;
     /**
      *
      */
-    headerSx?: SxProps_2<Theme>;
+    headerSx?: SxProps_2<Theme_2>;
     /**
      *
      */
-    contentSx?: SxProps_2<Theme>;
+    contentSx?: SxProps_2<Theme_2>;
     /**
      *
      */
@@ -193,6 +195,11 @@ export declare const ContextMenu: React.FC<Props_3>;
 
 export { createTheme }
 
+declare interface DataPointType {
+    t: string; // ISO date
+    v: number;
+}
+
 declare interface DataType extends ItemProps {
     idKey?: string;
     children?: DataType[];
@@ -295,23 +302,24 @@ declare const hasDataAccess: (role: string, access: AccessType, permissions: AUT
 
 declare const hasUIAccess: <T extends string>(feature: FeatureType | T, permissions?: AUTH.PermissionType) => boolean;
 
-export declare function HighlightLineChart<T extends LineDataPoint>({ seriesData, height, width, chartId, showLegend, loading, emptyMessage, }: HighlightLineChartProps<T>): JSX_2.Element;
+export declare function HighlightLineChart(props: HighlightLineChartProps): JSX_2.Element;
 
-export declare interface HighlightLineChartProps<T extends LineDataPoint> {
-    seriesData: LineSeriesData<T>[];
+export declare interface HighlightLineChartProps {
+    seriesData: LineSeriesData[];
     height?: string | number;
     width?: string | number;
     chartId?: string;
     showLegend?: boolean;
     loading?: boolean;
     emptyMessage?: string;
+    sx?: SxProps<Theme>;
 }
 
 export declare const IconButton: default_2.FC<Props_6>;
 
 declare function importKey(jwk: any): Promise<CryptoKey>;
 
-export declare const InstanceForm: <T extends ONTOLOGY.Object | ONTOLOGY.Event | ONTOLOGY.Agent | ONTOLOGY.File, K extends INSTANCE.CreateObjectDTO | INSTANCE.UpdateObjectDTO | INSTANCE.CreateEventDTO | INSTANCE.UpdateEventDTO | INSTANCE.CreateAgentDTO | INSTANCE.CreateFileDTO | INSTANCE.UpdateFileDTO>(props: InstanceFormProps<T, K> & default_2.RefAttributes<InstanceFormHandle>) => default_2.ReactNode | null;
+export declare const InstanceForm: <T extends ONTOLOGY.Object | ONTOLOGY.Event | ONTOLOGY.Agent | ONTOLOGY.File | ONTOLOGY.System, K extends INSTANCE.CreateObjectDTO | INSTANCE.UpdateObjectDTO | INSTANCE.CreateEventDTO | INSTANCE.UpdateEventDTO | INSTANCE.CreateAgentDTO | INSTANCE.CreateFileDTO | INSTANCE.UpdateFileDTO | INSTANCE.CreateSystemDTO | INSTANCE.UpdateSystemDTO>(props: InstanceFormProps<T, K> & default_2.RefAttributes<InstanceFormHandle>) => default_2.ReactNode | null;
 
 export declare interface InstanceFormHandle {
     /**
@@ -342,7 +350,12 @@ export declare interface InstanceFormHandle {
 }
 
 declare interface InstanceFormProps<
-T extends ONTOLOGY.Object | ONTOLOGY.Event | ONTOLOGY.Agent | ONTOLOGY.File,
+T extends
+| ONTOLOGY.Object
+| ONTOLOGY.Event
+| ONTOLOGY.Agent
+| ONTOLOGY.File
+| ONTOLOGY.System,
 K extends
 | INSTANCE.CreateObjectDTO
 | INSTANCE.UpdateObjectDTO
@@ -351,6 +364,8 @@ K extends
 | INSTANCE.CreateAgentDTO
 | INSTANCE.CreateFileDTO
 | INSTANCE.UpdateFileDTO
+| INSTANCE.CreateSystemDTO
+| INSTANCE.UpdateSystemDTO
 > {
     /**
      *
@@ -560,14 +575,14 @@ declare interface LinearIndicatorProps {
 }
 
 export declare interface LineDataPoint {
-    date: number | Date; // timestamp veya Date
+    date: number; // timestamp
     value: number;
 }
 
-export declare interface LineSeriesData<T extends LineDataPoint> {
+export declare interface LineSeriesData {
     id: string; // unique seri ID'si
     name: string;
-    data: T[];
+    data: LineDataPoint[];
     color?: string;
 }
 
@@ -663,29 +678,42 @@ export declare namespace Map_2 {
     }
 }
 
-export declare const MetricCard: ({ label, value, change, changeType, trend, icon: Icon, iconPosition, description, variant, sx, }: MetricCardProps) => JSX_2.Element;
+export declare const MetricCard: (props: MetricCardProps & React_2.RefAttributes<HTMLDivElement>) => React_2.ReactNode | null;
 
 export declare interface MetricCardProps {
     label: string;
-    value: string | number;
-    change?: number;
-    changeType?: MetricChangeType;
-    trend?: MetricTrend;
-    icon?: React.ElementType;
-    iconPosition?:
-    | "left"
-    | "right"
-    | "top-left"
-    | "top-right"
-    | "bottom-left"
-    | "bottom-right";
+    value: DataPointType[];
     description?: string;
     variant?: MetricVariant;
-    sx?: SxProps<Theme_2>;
+    loading?: boolean;
+
+    showChange?: boolean;
+    changeType?: MetricChangeType;
+
+    showTrend?: boolean;
+
+    showIcon?: boolean;
+    icon?: React.ElementType;
+    iconPosition?: MetricIconPosition;
+
+    showChart?: boolean;
+    chartType?: MetricChartType;
+
+    sx?: SxProps<Theme>;
 }
 
 export declare type MetricChangeType = "percentage" | "absolute";
 
+declare type MetricChartType = "column" | "line";
+
+declare type MetricIconPosition =
+| "left"
+| "right"
+| "top-left"
+| "top-right"
+| "bottom-left"
+| "bottom-right";
+
 export declare type MetricTrend = "up" | "down" | "neutral";
 
 export declare type MetricVariant =
@@ -708,16 +736,23 @@ declare interface OptionsType {
 
 declare type OrientationType_2 = "portrait" | "landscape";
 
-export declare function PaginatedList({ title, data, payload, totalCount, onChange, onItemClick, sx, }: PaginatedListProps): JSX_2.Element;
+export declare function PaginatedList(inProps: PaginatedListProps): JSX_2.Element;
+
+declare interface PaginatedListItem {
+    id: number;
+    title: string;
+    description: string;
+    icon?: React.ReactNode;
+}
 
 export declare interface PaginatedListProps {
     title?: string;
-    data: API.Object[];
+    data: PaginatedListItem[];
     totalCount?: number;
     payload?: Partial<FV.SearchDTO>;
     onChange?: (params: Partial<FV.SearchDTO>) => void;
-    onItemClick?: (item: API.Object) => void;
-    sx?: SxProps<Theme_2>;
+    onItemClick?: (item: PaginatedListItem) => void;
+    sx?: SxProps<Theme>;
 }
 
 export declare const PhoneInput: React.FC<Props_9>;
@@ -919,7 +954,7 @@ declare interface SearchInputProps {
     variant?: "outlined" | "filled" | "standard";
     size?: "small" | "medium";
     iconSize?: "small" | "medium" | "large";
-    sx?: SxProps_2<Theme>;
+    sx?: SxProps_2<Theme_2>;
     onChange?(value: string): void;
     onSubmit?(value: string | undefined): void;
 }
@@ -1045,7 +1080,7 @@ declare interface TemplateFilterProps {
 
 export declare const TemplateFilters: React.FC<TemplateFilterProps>;
 
-export declare const TemplateForm: <T extends ONTOLOGY.Object | ONTOLOGY.Event | ONTOLOGY.Agent | ONTOLOGY.File, K extends ONTOLOGY.CreateObjectDTO | ONTOLOGY.CreateEventDTO | ONTOLOGY.CreateFileDTO | ONTOLOGY.CreateAgentDTO | ONTOLOGY.UpdateObjectDTO | ONTOLOGY.UpdateEventDTO | ONTOLOGY.UpdateFileDTO | ONTOLOGY.UpdateAgentDTO>(props: TemplateFormProps<T, K> & default_2.RefAttributes<TemplateFormHandle>) => default_2.ReactNode | null;
+export declare const TemplateForm: <T extends ONTOLOGY.Object | ONTOLOGY.Event | ONTOLOGY.Agent | ONTOLOGY.File | ONTOLOGY.System, K extends ONTOLOGY.CreateObjectDTO | ONTOLOGY.CreateEventDTO | ONTOLOGY.CreateFileDTO | ONTOLOGY.CreateAgentDTO | ONTOLOGY.UpdateObjectDTO | ONTOLOGY.UpdateEventDTO | ONTOLOGY.UpdateFileDTO | ONTOLOGY.UpdateAgentDTO | ONTOLOGY.CreateSystemDTO | ONTOLOGY.UpdateSystemDTO>(props: TemplateFormProps<T, K> & default_2.RefAttributes<TemplateFormHandle>) => default_2.ReactNode | null;
 
 export declare interface TemplateFormHandle {
     getValues: (key?: string) => any;
@@ -1064,12 +1099,12 @@ K extends
 | ONTOLOGY.CreateEventDTO
 | ONTOLOGY.CreateFileDTO
 | ONTOLOGY.CreateAgentDTO
-| ONTOLOGY.CreateSystemOntologyDTO
+| ONTOLOGY.CreateSystemDTO
 | ONTOLOGY.UpdateObjectDTO
 | ONTOLOGY.UpdateEventDTO
 | ONTOLOGY.UpdateFileDTO
 | ONTOLOGY.UpdateAgentDTO
-| ONTOLOGY.UpdateSystemOntologyDTO
+| ONTOLOGY.UpdateSystemDTO
 > {
     mappedTemplates: Map<string | number, T>;
 
@@ -1078,12 +1113,12 @@ K extends
     ONTOLOGY.CreateEventDTO &
     ONTOLOGY.CreateFileDTO &
     ONTOLOGY.CreateAgentDTO &
-    ONTOLOGY.CreateSystemOntologyDTO &
+    ONTOLOGY.CreateSystemDTO &
     ONTOLOGY.UpdateObjectDTO &
     ONTOLOGY.UpdateEventDTO &
     ONTOLOGY.UpdateFileDTO &
     ONTOLOGY.UpdateAgentDTO &
-    ONTOLOGY.UpdateSystemOntologyDTO
+    ONTOLOGY.UpdateSystemDTO
     >;
     loading?: boolean;
     agentTemplates?: Map<string | number, ONTOLOGY.Agent>;
@@ -1154,6 +1189,46 @@ export { }
 
 
 
+declare module "@mui/material/styles" {
+  interface ComponentNameToClassKey {
+    MuiCandlestickChart: "root";
+  }
+
+  interface ComponentsPropsList {
+    MuiCandlestickChart: CandlestickChartProps;
+  }
+
+  interface Components {
+    MuiCandlestickChart?: {
+      defaultProps?: ComponentsPropsList["MuiCandlestickChart"];
+      styleOverrides?: ComponentsOverrides<Theme>["MuiCandlestickChart"];
+      variants?: ComponentsVariants["MuiCandlestickChart"];
+    };
+  }
+}
+
+
+
+declare module "@mui/material/styles" {
+  interface ComponentNameToClassKey {
+    MuiHighlightLineChart: "root";
+  }
+
+  interface ComponentsPropsList {
+    MuiHighlightLineChart: HighlightLineChartProps;
+  }
+
+  interface Components {
+    MuiHighlightLineChart?: {
+      defaultProps?: ComponentsPropsList["MuiHighlightLineChart"];
+      styleOverrides?: ComponentsOverrides<Theme>["MuiHighlightLineChart"];
+      variants?: ComponentsVariants["MuiHighlightLineChart"];
+    };
+  }
+}
+
+
+
 declare namespace MAP {
   interface Coordinate {
     latitude: number;
@@ -1236,6 +1311,76 @@ declare namespace MAP {
   }
 }
 
+
+
+declare module "@mui/material/styles" {
+  interface ComponentNameToClassKey {
+    MuiMetricCard:
+      | "root"
+      | "content"
+      | "label"
+      | "value"
+      | "trendContainer"
+      | "trendValue"
+      | "description"
+      | "icon"
+      | "cornerIcon"
+      | "chart";
+  }
+
+  interface ComponentsPropsList {
+    MuiMetricCard: MetricCardProps;
+  }
+
+  interface Components {
+    MuiMetricCard?: {
+      defaultProps?: ComponentsPropsList["MuiMetricCard"];
+      styleOverrides?: ComponentsOverrides<Theme>["MuiMetricCard"];
+      variants?: ComponentsVariants["MuiMetricCard"];
+    };
+  }
+}
+
+
+
+declare module "@mui/material/styles" {
+  interface ComponentNameToClassKey {
+    MuiPaginatedList: "root" | "content" | "header" | "list" | "pagination";
+  }
+
+  interface ComponentsPropsList {
+    MuiPaginatedList: PaginatedListProps;
+  }
+
+  interface Components {
+    MuiPaginatedList?: {
+      defaultProps?: ComponentsPropsList["MuiPaginatedList"];
+      styleOverrides?: ComponentsOverrides<Theme>["MuiPaginatedList"];
+      variants?: ComponentsVariants["MuiPaginatedList"];
+    };
+  }
+}
+
+
+
+declare module "@mui/material/styles" {
+  interface ComponentNameToClassKey {
+    MuiProfileCard: "root" | "image" | "hierarchy" | "variables";
+  }
+
+  interface ComponentsPropsList {
+    MuiProfileCard: ProfileCardProps;
+  }
+
+  interface Components {
+    MuiProfileCard?: {
+      defaultProps?: ComponentsPropsList["MuiProfileCard"];
+      styleOverrides?: ComponentsOverrides<Theme>["MuiProfileCard"];
+      variants?: ComponentsVariants["MuiProfileCard"];
+    };
+  }
+}
+
 declare namespace AUTH {
   type ModuleType =
     | "UI"
@@ -1993,7 +2138,7 @@ declare namespace ONTOLOGY {
     editable: boolean;
   }
 
-  interface CreateSystemOntologyDTO {
+  interface CreateSystemDTO {
     templateKey: string;
     name: string;
     description: string;
@@ -2007,7 +2152,7 @@ declare namespace ONTOLOGY {
     editable: boolean;
   }
 
-  interface UpdateSystemOntologyDTO extends CreateSystemOntologyDTO {
+  interface UpdateSystemDTO extends CreateSystemDTO {
     id: number;
   }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.5.79",
+  "version": "1.5.82",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",