@hybridcore/ui 1.5.69 → 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';
@@ -63,6 +64,30 @@ 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 interface CandlestickChartProps<T extends CandlestickData> {
+    data: T[];
+    height?: string | number;
+    width?: string | number;
+    chartId?: string;
+    showVolume?: boolean;
+    risingColor?: string;
+    fallingColor?: string;
+    loading?: boolean;
+    emptyMessage?: string;
+    seriesName?: string;
+}
+
+export declare interface CandlestickData {
+    date: number | Date; // timestamp or Date object
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+    volume?: number; // optional volume
+}
+
 export declare const Card: React.FC<CardProps>;
 
 export declare const CardAlternate: FC<CardAlternateProps>;
@@ -270,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>;
@@ -522,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 }
@@ -627,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;
@@ -635,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

@@ -1,42 +1,44 @@
 import { ThemeProvider as Ht, createTheme as Ft } from "@mui/material";
-import { LocalizationProvider as It } from "@mui/x-date-pickers";
+import { LocalizationProvider as Ct } from "@mui/x-date-pickers";
 import { Access as Pt } from "./components/access/index.js";
 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 { CollapsibleCard as Nt } from "./components/collapsible-card/index.js";
-import { ConditionalWrapper as Vt } from "./components/conditional-wrapper/index.js";
-import { alert as qt, confirm as Gt } from "./components/confirm/index.js";
-import { Container as Qt } from "./components/container/index.js";
-import { ContextMenu as Xt } from "./components/context-menu/index.js";
-import { DisseminationList as ee } from "./components/data-security-selectors/dissemination-list/index.js";
-import { SecurityLevel as se } from "./components/data-security-selectors/security-level/index.js";
-import { DateTimePicker as oe } from "./components/date-time-picker/index.js";
-import { DocumentViewer as ie } from "./components/document-viewer/index.js";
-import { GeometryPicker as de } from "./components/geometry-picker/index.js";
-import { IconButton as ce } from "./components/icon-button/index.js";
-import { InstanceForm as me } from "./components/instance-form/index.js";
-import { InstanceHierarchyTable as pe } from "./components/instance-hierarchy-table/index.js";
-import { InstanceTable as Me } from "./components/instance-table/index.js";
-import { InstanceVariableList as De } from "./components/instance-variable-list/index.js";
-import { KeyProtectionMenu as Ye } from "./components/key-protection/menu.js";
-import { S as Te } from "./utils-Bq0ye5vf.js";
-import { LinearIndicator as ke } from "./components/linear-indicator/index.js";
-import { Loading as Oe } from "./components/loading/index.js";
-import { i as Se } from "./index-JrtqxUdI.js";
-import { PaginatedList as He } from "./components/paginated-list/index.js";
-import { PhoneInput as Be } from "./components/phone-input/index.js";
-import { SearchInput as Ce } from "./components/search-input/index.js";
-import { Tabs as je } from "./components/tabs/index.js";
-import { TemplateFilters as We } from "./components/template-filters/index.js";
-import { TemplateForm as Ue } from "./components/template-form/index.js";
-import { TemplatePropertyFilters as Ze } from "./components/template-property-filters/index.js";
-import { Property as Je } from "./components/template-property-filters/property.js";
-import { TreeSelect as _e } from "./components/tree-select/index.js";
-import { TreeViewFilter as Ge } from "./components/treeview-filter/index.js";
-import { Uploader as Qe } from "./components/uploader/index.js";
+import { CandlestickChart as Nt } from "./components/charts/candlestick/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 I from "dayjs";
+import C from "dayjs";
 import { h as U, j as z } from "./createTheme-DrgvKMA_.js";
 import { b as ut } from "./index-R_b1ETBe.js";
 var tt = { exports: {} };
@@ -130,8 +132,8 @@ var et = { exports: {} };
           return v || S.slice(1);
         });
       })).match(c), g = u.length, Y = 0; Y < g; Y += 1) {
-        var C = u[Y], O = Z[C], L = O && O[0], T = O && O[1];
-        u[Y] = T ? { regex: L, parser: T } : C.replace(/^\[|\]$/g, "");
+        var I = u[Y], O = Z[I], L = O && O[0], T = O && O[1];
+        u[Y] = T ? { regex: L, parser: T } : I.replace(/^\[|\]$/g, "");
       }
       return function(b) {
         for (var w = {}, M = 0, y = 0; M < g; M += 1) {
@@ -155,7 +157,7 @@ var et = { exports: {} };
       d.p.customParseFormat = !0, r && r.parseTwoDigitYear && (i = r.parseTwoDigitYear);
       var u = h.prototype, g = u.parse;
       u.parse = function(Y) {
-        var C = Y.date, O = Y.utc, L = Y.args;
+        var I = Y.date, O = Y.utc, L = Y.args;
         this.$u = O;
         var T = L[1];
         if (typeof T == "string") {
@@ -170,7 +172,7 @@ var et = { exports: {} };
             } catch {
               return /* @__PURE__ */ new Date("");
             }
-          }(C, T, O, d), this.init(), y && y !== !0 && (this.$L = this.locale(y).$L), M && C != this.format(T) && (this.$d = /* @__PURE__ */ new Date("")), n = {};
+          }(I, T, O, d), this.init(), y && y !== !0 && (this.$L = this.locale(y).$L), M && I != this.format(T) && (this.$d = /* @__PURE__ */ new Date("")), n = {};
         } else if (T instanceof Array) for (var k = T.length, v = 1; v <= k; v += 1) {
           L[1] = T[v - 1];
           var S = d.apply(this, L);
@@ -227,9 +229,9 @@ var st = { exports: {} };
 })(st);
 var Mt = st.exports;
 const xt = /* @__PURE__ */ z(Mt);
-I.extend(lt);
-I.extend(yt);
-I.extend(xt);
+C.extend(lt);
+C.extend(yt);
+C.extend(xt);
 const Dt = ut(["Your locale has not been found.", "Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale", "Or you forget to import the locale with `require('dayjs/locale/{localeUsed}')`", "fallback on English locale"]), gt = {
   // Year
   YY: "year",
@@ -352,7 +354,7 @@ class bt {
       end: "]"
     }, this.formatTokenMap = gt, this.getLocaleFormats = () => {
       var t;
-      const e = (t = this.rawDayJsInstance.Ls) != null ? t : I.Ls, s = this.locale || "en";
+      const e = (t = this.rawDayJsInstance.Ls) != null ? t : C.Ls, s = this.locale || "en";
       let o = e[s];
       return o === void 0 && (Dt(), o = e.en), o.formats;
     }, this.date = (t) => t === null ? null : this.dayjs(t), this.toJsDate = (t) => t.toDate(), this.parseISO = (t) => this.dayjs(t), this.toISO = (t) => t.toISOString(), this.parse = (t, e) => t === "" ? null : this.dayjs(t, e, this.locale, !0), this.getCurrentLocaleCode = () => this.locale || "en", this.is12HourCycleInCurrentLocale = () => /A|a/.test(this.getLocaleFormats().LT || ""), this.expandFormat = (t) => {
@@ -386,48 +388,50 @@ class bt {
       for (; i.isBefore(o); )
         n.push(i), i = i.add(1, "year");
       return n;
-    }, this.getMeridiemText = (t) => t === "am" ? "AM" : "PM", this.rawDayJsInstance = c || I, this.dayjs = Lt(this.rawDayJsInstance, x), this.locale = x, this.formats = dt({}, Yt, f), I.extend(ft);
+    }, this.getMeridiemText = (t) => t === "am" ? "AM" : "PM", this.rawDayJsInstance = c || C, this.dayjs = Lt(this.rawDayJsInstance, x), this.locale = x, this.formats = dt({}, Yt, f), C.extend(ft);
   }
 }
 export {
   Pt as Access,
   $t as AccessUtils,
   bt as AdapterDayjs,
+  Nt as CandlestickChart,
   Et as Card,
   zt as CardAlternate,
-  Nt as CollapsibleCard,
-  Vt as ConditionalWrapper,
-  Qt as Container,
-  Xt as ContextMenu,
-  oe as DateTimePicker,
-  ee as DisseminationList,
-  ie as DocumentViewer,
-  de as GeometryPicker,
-  ce as IconButton,
-  me as InstanceForm,
-  pe as InstanceHierarchyTable,
-  Me as InstanceTable,
-  De as InstanceVariableList,
-  Te as KeyProductionUtils,
-  Ye as KeyProtectionMenu,
-  ke as LinearIndicator,
-  Oe as Loading,
-  It as LocalizationProvider,
-  Se as Map,
-  He as PaginatedList,
-  Be as PhoneInput,
-  Je as PropertyFilterInput,
-  Ce as SearchInput,
-  se as SecurityLevel,
-  je as Tabs,
-  We as TemplateFilters,
-  Ue as TemplateForm,
-  Ze as TemplatePropertyFilters,
+  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,
+  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,
-  _e as TreeSelect,
-  Ge as TreeViewFilter,
-  Qe as Uploader,
-  qt as alert,
-  Gt 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.69",
+  "version": "1.5.73",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",
@@ -25,6 +25,7 @@
     "tsc": "tsc -b ./tsconfig.lib.json"
   },
   "dependencies": {
+    "@amcharts/amcharts5": "^5.14.4",
     "@cyntler/react-doc-viewer": "^1.17.0",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",