@hybridcore/ui 1.5.70 → 1.5.73

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

@@ -1,84 +1,116 @@
-import { jsxs as s, jsx as t, Fragment as i } from "react/jsx-runtime";
-import { List as S, Box as E, Divider as l, ListItem as I, ListItemText as O, Typography as C, Button as P, TablePagination as j } from "@mui/material";
-import k from "lodash";
-import { useState as c } from "react";
-import { Container as z } from "../container/index.js";
-const A = [5, 10, 25, 50];
-function U({
-  title: h,
-  data: a = [],
+import { jsxs as c, jsx as o, Fragment as p } from "react/jsx-runtime";
+import { List as y, Box as j, Divider as P, ListItem as z, ListItemText as A, Typography as B, Button as u, TablePagination as F } from "@mui/material";
+import G from "lodash";
+import { useState as g } from "react";
+import { Container as M } from "../container/index.js";
+const U = [5, 10, 25, 50];
+function K({
+  title: f,
+  data: l = [],
   payload: n,
-  totalCount: m,
-  onChange: o
+  totalCount: v,
+  onChange: s,
+  onItemClick: t,
+  sx: w
 }) {
-  const [x, p] = c(0), [u, w] = c(5), [v, d] = c([]), f = (n == null ? void 0 : n.pageNumber) !== void 0 ? n.pageNumber : x, g = (n == null ? void 0 : n.rows) !== void 0 ? n.rows : u, L = (e, r) => {
-    p(r), o && o({ ...n, pageNumber: r, rows: g });
-  }, b = (e) => {
+  const [m, h] = g(0), [b, L] = g(5), [R, x] = g([]), a = (n == null ? void 0 : n.pageNumber) !== void 0 ? n.pageNumber : m, i = (n == null ? void 0 : n.rows) !== void 0 ? n.rows : b, T = (e, r) => {
+    h(r), s && s({ ...n, pageNumber: r, rows: i });
+  }, _ = (e) => {
     const r = parseInt(e.target.value, 10);
-    w(r), p(0), o && o({ ...n, pageNumber: 0, rows: r });
-  }, R = (e) => () => {
-    d((r) => [...r, e]);
-  }, T = (e) => () => {
-    d((r) => r.filter((N) => N !== e));
-  }, _ = o ? m || 0 : a.length;
-  return /* @__PURE__ */ s(
-    z,
+    L(r), h(0), s && s({ ...n, pageNumber: 0, rows: r });
+  }, D = (e) => (r) => {
+    r.stopPropagation(), x((d) => [...d, e]);
+  }, N = (e) => (r) => {
+    r.stopPropagation(), x((d) => d.filter((O) => O !== e));
+  }, S = s ? v || 0 : l.length, E = s ? l : l.slice(a * i, (a + 1) * i);
+  return /* @__PURE__ */ c(
+    M,
     {
-      title: h,
+      title: f,
       headerSx: {
         py: 2,
         px: 3
       },
-      contentSx: { p: "0px !important" },
+      contentSx: {
+        p: "0px !important",
+        display: "flex",
+        flexDirection: "column",
+        flex: 1,
+        overflow: "hidden"
+      },
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        ...w
+      },
       children: [
-        /* @__PURE__ */ t(S, { disablePadding: !0, children: a.map((e, r) => /* @__PURE__ */ s(E, { children: [
-          r === 0 && /* @__PURE__ */ t(l, { component: "li" }),
-          /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
-            O,
+        /* @__PURE__ */ o(y, { disablePadding: !0, sx: { flex: 1, overflowY: "auto" }, children: E.map((e, r) => /* @__PURE__ */ c(j, { children: [
+          r === 0 && /* @__PURE__ */ o(P, { component: "li" }),
+          /* @__PURE__ */ o(
+            z,
             {
-              primary: e.title,
-              secondaryTypographyProps: {
-                component: "div"
+              onClick: () => t == null ? void 0 : t(e),
+              sx: {
+                cursor: t ? "pointer" : "default",
+                "&:hover": t ? { backgroundColor: "action.hover" } : void 0
               },
-              secondary: /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(C, { variant: "body2", children: v.includes(e.id) ? /* @__PURE__ */ s(i, { children: [
-                e.description,
-                /* @__PURE__ */ t(
-                  P,
-                  {
-                    variant: "text",
-                    size: "small",
-                    sx: { py: 0, px: 1 },
-                    onClick: T(e.id),
-                    children: "show less"
-                  }
-                )
-              ] }) : /* @__PURE__ */ s(i, { children: [
-                k.truncate(e.description, { length: 100 }),
-                e.description && e.description.length > 100 && /* @__PURE__ */ t(
-                  P,
-                  {
-                    variant: "text",
-                    size: "small",
-                    sx: { py: 0, px: 1 },
-                    onClick: R(e.id),
-                    children: "read more"
-                  }
-                )
-              ] }) }) })
+              children: /* @__PURE__ */ o(
+                A,
+                {
+                  primary: e.title,
+                  secondaryTypographyProps: {
+                    component: "div"
+                  },
+                  secondary: /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(B, { variant: "body2", children: R.includes(e.id) ? /* @__PURE__ */ c(p, { children: [
+                    e.description,
+                    /* @__PURE__ */ o(
+                      u,
+                      {
+                        variant: "text",
+                        size: "small",
+                        sx: { py: 0, px: 1 },
+                        onClick: N(e.id),
+                        children: "show less"
+                      }
+                    )
+                  ] }) : /* @__PURE__ */ c(p, { children: [
+                    G.truncate(e.description, { length: 100 }),
+                    e.description && e.description.length > 100 && /* @__PURE__ */ o(
+                      u,
+                      {
+                        variant: "text",
+                        size: "small",
+                        sx: { py: 0, px: 1 },
+                        onClick: D(e.id),
+                        children: "read more"
+                      }
+                    )
+                  ] }) }) })
+                }
+              )
             }
-          ) }),
-          /* @__PURE__ */ t(l, { component: "li" })
+          ),
+          /* @__PURE__ */ o(P, { component: "li" })
         ] }, e.id || r)) }),
-        /* @__PURE__ */ t(
-          j,
+        /* @__PURE__ */ o(
+          "div",
           {
-            component: "div",
-            count: _,
-            page: f,
-            rowsPerPage: g,
-            rowsPerPageOptions: A,
-            onPageChange: L,
-            onRowsPerPageChange: b
+            style: {
+              borderTop: "1px solid lightgray"
+            },
+            children: /* @__PURE__ */ o(
+              F,
+              {
+                component: "div",
+                count: S,
+                page: a,
+                rowsPerPage: i,
+                rowsPerPageOptions: U,
+                onPageChange: T,
+                onRowsPerPageChange: _
+              }
+            )
           }
         )
       ]
@@ -86,5 +118,5 @@ function U({
   );
 }
 export {
-  U as PaginatedList
+  K as PaginatedList
 };

package/dist/main.d.ts

@@ -27,6 +27,7 @@ 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 { ThemeOptions } from '@mui/material';
 import { ThemeProvider } from '@mui/material';
 import { View } from 'ol';
@@ -294,6 +295,18 @@ 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 interface HighlightLineChartProps<T extends LineDataPoint> {
+    seriesData: LineSeriesData<T>[];
+    height?: string | number;
+    width?: string | number;
+    chartId?: string;
+    showLegend?: boolean;
+    loading?: boolean;
+    emptyMessage?: string;
+}
+
 export declare const IconButton: default_2.FC<Props_6>;
 
 declare function importKey(jwk: any): Promise<CryptoKey>;
@@ -546,6 +559,18 @@ declare interface LinearIndicatorProps {
     showMiddle?: boolean;
 }
 
+export declare interface LineDataPoint {
+    date: number | Date; // timestamp veya Date
+    value: number;
+}
+
+export declare interface LineSeriesData<T extends LineDataPoint> {
+    id: string; // unique seri ID'si
+    name: string;
+    data: T[];
+    color?: string;
+}
+
 export declare const Loading: React.FC<Props_8>;
 
 export { LocalizationProvider }
@@ -651,7 +676,7 @@ declare interface OptionsType {
 
 declare type OrientationType_2 = "portrait" | "landscape";
 
-export declare function PaginatedList({ title, data, payload, totalCount, onChange, }: PaginatedListProps): JSX_2.Element;
+export declare function PaginatedList({ title, data, payload, totalCount, onChange, onItemClick, sx, }: PaginatedListProps): JSX_2.Element;
 
 export declare interface PaginatedListProps {
     title?: string;
@@ -659,6 +684,8 @@ export declare interface PaginatedListProps {
     totalCount?: number;
     payload?: Partial<FV.SearchDTO>;
     onChange?: (params: Partial<FV.SearchDTO>) => void;
+    onItemClick?: (item: API.Object) => void;
+    sx?: SxProps<Theme_2>;
 }
 
 export declare const PhoneInput: React.FC<Props_9>;

package/dist/main.js

@@ -5,37 +5,38 @@ import { b as $t } from "./helpers-DaCoWmi2.js";
 import { Card as Et } from "./components/card/index.js";
 import { CardAlternate as zt } from "./components/card-alternate/index.js";
 import { CandlestickChart as Nt } from "./components/charts/candlestick/index.js";
-import { CollapsibleCard as Vt } from "./components/collapsible-card/index.js";
-import { ConditionalWrapper as qt } from "./components/conditional-wrapper/index.js";
-import { alert as Kt, confirm as Qt } from "./components/confirm/index.js";
-import { Container as Xt } from "./components/container/index.js";
-import { ContextMenu as ee } from "./components/context-menu/index.js";
-import { DisseminationList as se } from "./components/data-security-selectors/dissemination-list/index.js";
-import { SecurityLevel as oe } from "./components/data-security-selectors/security-level/index.js";
-import { DateTimePicker as ie } from "./components/date-time-picker/index.js";
-import { DocumentViewer as de } from "./components/document-viewer/index.js";
-import { GeometryPicker as ce } from "./components/geometry-picker/index.js";
-import { IconButton as me } from "./components/icon-button/index.js";
-import { InstanceForm as pe } from "./components/instance-form/index.js";
-import { InstanceHierarchyTable as Me } from "./components/instance-hierarchy-table/index.js";
-import { InstanceTable as De } from "./components/instance-table/index.js";
-import { InstanceVariableList as Ye } from "./components/instance-variable-list/index.js";
-import { KeyProtectionMenu as Te } from "./components/key-protection/menu.js";
-import { S as ke } from "./utils-Bq0ye5vf.js";
-import { LinearIndicator as Oe } from "./components/linear-indicator/index.js";
-import { Loading as Se } from "./components/loading/index.js";
-import { i as He } from "./index-JrtqxUdI.js";
-import { PaginatedList as Be } from "./components/paginated-list/index.js";
-import { PhoneInput as Ie } from "./components/phone-input/index.js";
-import { SearchInput as je } from "./components/search-input/index.js";
-import { Tabs as We } from "./components/tabs/index.js";
-import { TemplateFilters as Ue } from "./components/template-filters/index.js";
-import { TemplateForm as Ze } from "./components/template-form/index.js";
-import { TemplatePropertyFilters as Je } from "./components/template-property-filters/index.js";
-import { Property as _e } from "./components/template-property-filters/property.js";
-import { TreeSelect as Ge } from "./components/tree-select/index.js";
-import { TreeViewFilter as Qe } from "./components/treeview-filter/index.js";
-import { Uploader as Xe } from "./components/uploader/index.js";
+import { HighlightLineChart as Vt } from "./components/charts/highlighting-line-data/index.js";
+import { CollapsibleCard as qt } from "./components/collapsible-card/index.js";
+import { ConditionalWrapper as Kt } from "./components/conditional-wrapper/index.js";
+import { alert as Rt, confirm as Xt } from "./components/confirm/index.js";
+import { Container as ee } from "./components/container/index.js";
+import { ContextMenu as se } from "./components/context-menu/index.js";
+import { DisseminationList as oe } from "./components/data-security-selectors/dissemination-list/index.js";
+import { SecurityLevel as ie } from "./components/data-security-selectors/security-level/index.js";
+import { DateTimePicker as de } from "./components/date-time-picker/index.js";
+import { DocumentViewer as ce } from "./components/document-viewer/index.js";
+import { GeometryPicker as me } from "./components/geometry-picker/index.js";
+import { IconButton as pe } from "./components/icon-button/index.js";
+import { InstanceForm as Me } from "./components/instance-form/index.js";
+import { InstanceHierarchyTable as De } from "./components/instance-hierarchy-table/index.js";
+import { InstanceTable as Ye } from "./components/instance-table/index.js";
+import { InstanceVariableList as Te } from "./components/instance-variable-list/index.js";
+import { KeyProtectionMenu as ke } from "./components/key-protection/menu.js";
+import { S as Oe } from "./utils-Bq0ye5vf.js";
+import { LinearIndicator as Se } from "./components/linear-indicator/index.js";
+import { Loading as He } from "./components/loading/index.js";
+import { i as Be } from "./index-JrtqxUdI.js";
+import { PaginatedList as Ie } from "./components/paginated-list/index.js";
+import { PhoneInput as je } from "./components/phone-input/index.js";
+import { SearchInput as We } from "./components/search-input/index.js";
+import { Tabs as Ue } from "./components/tabs/index.js";
+import { TemplateFilters as Ze } from "./components/template-filters/index.js";
+import { TemplateForm as Je } from "./components/template-form/index.js";
+import { TemplatePropertyFilters as _e } from "./components/template-property-filters/index.js";
+import { Property as Ge } from "./components/template-property-filters/property.js";
+import { TreeSelect as Qe } from "./components/tree-select/index.js";
+import { TreeViewFilter as Xe } from "./components/treeview-filter/index.js";
+import { Uploader as er } from "./components/uploader/index.js";
 import { a as dt } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import C from "dayjs";
 import { h as U, j as z } from "./createTheme-DrgvKMA_.js";
@@ -397,39 +398,40 @@ export {
   Nt as CandlestickChart,
   Et as Card,
   zt as CardAlternate,
-  Vt as CollapsibleCard,
-  qt as ConditionalWrapper,
-  Xt as Container,
-  ee as ContextMenu,
-  ie as DateTimePicker,
-  se as DisseminationList,
-  de as DocumentViewer,
-  ce as GeometryPicker,
-  me as IconButton,
-  pe as InstanceForm,
-  Me as InstanceHierarchyTable,
-  De as InstanceTable,
-  Ye as InstanceVariableList,
-  ke as KeyProductionUtils,
-  Te as KeyProtectionMenu,
-  Oe as LinearIndicator,
-  Se as Loading,
+  qt as CollapsibleCard,
+  Kt as ConditionalWrapper,
+  ee as Container,
+  se as ContextMenu,
+  de as DateTimePicker,
+  oe as DisseminationList,
+  ce as DocumentViewer,
+  me as GeometryPicker,
+  Vt as HighlightLineChart,
+  pe as IconButton,
+  Me as InstanceForm,
+  De as InstanceHierarchyTable,
+  Ye as InstanceTable,
+  Te as InstanceVariableList,
+  Oe as KeyProductionUtils,
+  ke as KeyProtectionMenu,
+  Se as LinearIndicator,
+  He as Loading,
   Ct as LocalizationProvider,
-  He as Map,
-  Be as PaginatedList,
-  Ie as PhoneInput,
-  _e as PropertyFilterInput,
-  je as SearchInput,
-  oe as SecurityLevel,
-  We as Tabs,
-  Ue as TemplateFilters,
-  Ze as TemplateForm,
-  Je as TemplatePropertyFilters,
+  Be as Map,
+  Ie as PaginatedList,
+  je as PhoneInput,
+  Ge as PropertyFilterInput,
+  We as SearchInput,
+  ie as SecurityLevel,
+  Ue as Tabs,
+  Ze as TemplateFilters,
+  Je as TemplateForm,
+  _e as TemplatePropertyFilters,
   Ht as ThemeProvider,
-  Ge as TreeSelect,
-  Qe as TreeViewFilter,
-  Xe as Uploader,
-  Kt as alert,
-  Qt as confirm,
+  Qe as TreeSelect,
+  Xe as TreeViewFilter,
+  er as Uploader,
+  Rt as alert,
+  Xt as confirm,
   Ft as createTheme
 };

package/package.json

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