@hybridcore/ui 1.5.78 → 1.5.80

package/dist/components/paginated-list/styled.js

@@ -0,0 +1,49 @@
+import { styled as t, Card as e, CardHeader as a, CardContent as n, List as o } from "@mui/material";
+const s = t(e, {
+  name: "MuiPaginatedList",
+  slot: "Root"
+})(() => ({
+  display: "flex",
+  flexDirection: "column",
+  height: "100%"
+})), r = t(a, {
+  name: "MuiPaginatedList",
+  slot: "Header"
+})(({ theme: i }) => ({
+  padding: i.spacing(3),
+  paddingBottom: 0,
+  "& .MuiCardHeader-title": {
+    fontSize: "1rem",
+    fontWeight: 500
+  },
+  "& .MuiCardHeader-subheader": {
+    fontSize: ".875rem"
+  }
+})), l = t(n, {
+  name: "MuiPaginatedList",
+  slot: "Content"
+})(() => ({
+  padding: "0px !important",
+  display: "flex",
+  flexDirection: "column",
+  flex: 1,
+  overflow: "hidden"
+})), g = t(o, {
+  name: "MuiPaginatedList",
+  slot: "List"
+})(() => ({
+  flex: 1,
+  overflowY: "auto"
+})), m = t("div", {
+  name: "MuiPaginatedList",
+  slot: "Pagination"
+})(({ theme: i }) => ({
+  borderTop: `1px solid ${i.palette.divider}`
+}));
+export {
+  l as PaginatedListContent,
+  r as PaginatedListHeader,
+  g as PaginatedListList,
+  m as PaginatedListPagination,
+  s as PaginatedListRoot
+};

package/dist/components/profile-card/index.js

@@ -0,0 +1,80 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { ArrowRight as d } from "@mui/icons-material";
+import { Box as l, Typography as n } from "@mui/material";
+import p from "lodash";
+import x from "react";
+import b from "../instance-variable-list/variable.js";
+import { useProfileCardLogic as u } from "./logic.js";
+import { ProfileCardRoot as v, ProfileCardImage as P, ProfileCardHierarchy as C, ProfileCardVariables as I } from "./styled.js";
+function A(s) {
+  const {
+    instance: r,
+    imageUrl: h,
+    templateHierarchy: m,
+    propertyNames: c,
+    ownerState: a,
+    sx: f,
+    templateIconUrl: g,
+    other: y
+  } = u(s);
+  return console.log(c, 26), /* @__PURE__ */ i(v, { ownerState: a, sx: f, ...y, children: [
+    /* @__PURE__ */ e(l, { mb: 2, children: /* @__PURE__ */ e(
+      P,
+      {
+        src: h || "https://picsum.photos/600/400",
+        alt: "Profile",
+        ownerState: a
+      }
+    ) }),
+    /* @__PURE__ */ i(l, { display: "flex", alignItems: "center", mb: 1, children: [
+      /* @__PURE__ */ e("img", { src: g, alt: "Template Icon" }),
+      /* @__PURE__ */ e(n, { variant: "h5", component: "h2", gutterBottom: !0, children: r.title })
+    ] }),
+    r.description && /* @__PURE__ */ e(n, { variant: "body1", paragraph: !0, children: r.description }),
+    /* @__PURE__ */ i(C, { ownerState: a, children: [
+      m.map((t, o) => /* @__PURE__ */ i(l, { display: "inline", alignItems: "center", children: [
+        o > 0 && /* @__PURE__ */ e(
+          d,
+          {
+            sx: { height: 20, verticalAlign: "middle" },
+            color: "disabled"
+          }
+        ),
+        /* @__PURE__ */ e(n, { variant: "caption", color: "text.secondary", children: t.name })
+      ] }, t.id || o)),
+      /* @__PURE__ */ i(l, { display: "inline", alignItems: "center", children: [
+        m.length > 0 && /* @__PURE__ */ e(
+          d,
+          {
+            sx: { height: 20, verticalAlign: "middle" },
+            color: "disabled"
+          }
+        ),
+        /* @__PURE__ */ e(
+          n,
+          {
+            variant: "caption",
+            color: "text.secondary",
+            fontWeight: "bold",
+            children: r.template.name
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(I, { ownerState: a, children: p.keys(r.variables).map((t, o) => /* @__PURE__ */ e(
+      b,
+      {
+        type: t,
+        data: p.get(r.variables, t),
+        hashPrefix: `${r.template.type}-${r.template.templateKey}-`,
+        properties: c
+      },
+      o
+    )) })
+  ] });
+}
+const V = x.memo(A);
+export {
+  A as ProfileCard,
+  V as default
+};

package/dist/components/profile-card/logic.js

@@ -0,0 +1,33 @@
+import { useThemeProps as g } from "@mui/material";
+import { useMemo as n } from "react";
+import { getTemplateHierarchy as M } from "../../utils/ontology.js";
+const $ = (c) => {
+  const a = g({ props: c, name: "MuiProfileCard" }), { instance: t, templates: e, sx: m, ...i } = a, l = t.profileImageUrl, o = e.get(t.template.id), f = o == null ? void 0 : o.icon, h = n(() => {
+    const r = e.get(t.template.id);
+    return r ? M(e, r) : [];
+  }, [e, t.template.id]), u = n(() => {
+    const r = /* @__PURE__ */ new Map();
+    return e && e.forEach((s) => {
+      s.properties.forEach((p) => {
+        const d = `${s.type}-${s.templateKey}-${p.propertyId}`;
+        r.set(d, p.name);
+      });
+    }), r;
+  }, [e]), y = {
+    ...a
+  };
+  return {
+    instance: t,
+    templates: e,
+    imageUrl: l,
+    templateHierarchy: h,
+    propertyNames: u,
+    ownerState: y,
+    sx: m,
+    templateIconUrl: f,
+    other: i
+  };
+};
+export {
+  $ as useProfileCardLogic
+};

package/dist/components/profile-card/styled.js

@@ -0,0 +1,43 @@
+import { styled as e, Container as i, Box as a } from "@mui/material";
+const d = e(i, {
+  name: "MuiProfileCard",
+  slot: "Root",
+  overridesResolver: (r, o) => o.root
+})(({ theme: r }) => ({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  padding: r.spacing(3),
+  borderRadius: r.shape.borderRadius * 2,
+  boxShadow: r.shadows[1],
+  backgroundColor: r.palette.background.paper
+})), l = e("img", {
+  name: "MuiProfileCard",
+  slot: "Image",
+  overridesResolver: (r, o) => o.image
+})(({ theme: r }) => ({
+  maxWidth: 200,
+  borderRadius: "100%",
+  height: 200,
+  marginBottom: r.spacing(2)
+})), t = e(a, {
+  name: "MuiProfileCard",
+  slot: "Hierarchy",
+  overridesResolver: (r, o) => o.hierarchy
+})(({ theme: r }) => ({
+  marginLeft: 0,
+  marginBottom: r.spacing(2),
+  textAlign: "left"
+})), n = e(a, {
+  name: "MuiProfileCard",
+  slot: "Variables",
+  overridesResolver: (r, o) => o.variables
+})(({ theme: r }) => ({
+  paddingTop: r.spacing(2)
+}));
+export {
+  t as ProfileCardHierarchy,
+  l as ProfileCardImage,
+  d as ProfileCardRoot,
+  n as ProfileCardVariables
+};

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>;
     /**
      *
      */
@@ -295,23 +297,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 +345,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 +359,8 @@ K extends
 | INSTANCE.CreateAgentDTO
 | INSTANCE.CreateFileDTO
 | INSTANCE.UpdateFileDTO
+| INSTANCE.CreateSystemDTO
+| INSTANCE.UpdateSystemDTO
 > {
     /**
      *
@@ -560,14 +570,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,19 +673,25 @@ 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;
+    label?: string;
+    value?: string | number;
     change?: number;
     changeType?: MetricChangeType;
     trend?: MetricTrend;
     icon?: React.ElementType;
-    iconPosition?: "left" | "right" | "watermark";
+    iconPosition?:
+    | "left"
+    | "right"
+    | "top-left"
+    | "top-right"
+    | "bottom-left"
+    | "bottom-right";
     description?: string;
     variant?: MetricVariant;
-    sx?: SxProps<Theme_2>;
+    sx?: SxProps<Theme>;
 }
 
 export declare type MetricChangeType = "percentage" | "absolute";
@@ -702,16 +718,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>;
@@ -913,7 +936,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;
 }
@@ -1039,7 +1062,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;
@@ -1058,12 +1081,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>;
 
@@ -1072,12 +1095,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>;
@@ -1148,6 +1171,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;
@@ -1230,6 +1293,75 @@ declare namespace MAP {
   }
 }
 
+
+
+declare module "@mui/material/styles" {
+  interface ComponentNameToClassKey {
+    MuiMetricCard:
+      | "root"
+      | "content"
+      | "label"
+      | "value"
+      | "trendContainer"
+      | "trendValue"
+      | "description"
+      | "icon"
+      | "cornerIcon";
+  }
+
+  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"
@@ -1987,7 +2119,7 @@ declare namespace ONTOLOGY {
     editable: boolean;
   }
 
-  interface CreateSystemOntologyDTO {
+  interface CreateSystemDTO {
     templateKey: string;
     name: string;
     description: string;
@@ -2001,7 +2133,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.78",
+  "version": "1.5.80",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",