@hybridcore/ui 1.5.80 → 1.5.83

package/dist/main.d.ts

@@ -1,4 +1,5 @@
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { BoxOwnProps } from '@mui/system';
 import { BoxProps } from '@mui/material';
 import { Collection } from 'ol';
 import { Coordinate } from 'ol/coordinate';
@@ -10,20 +11,26 @@ import { default as default_4 } from 'ol/layer/Group';
 import { DefaultsOptions } from 'ol/interaction/defaults';
 import { DefaultsOptions as DefaultsOptions_2 } from 'ol/control/defaults';
 import { DefaultValues } from 'react-hook-form';
+import { DetailedHTMLProps } from 'react';
+import { DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES } from 'react';
 import { Extent } from 'ol/extent';
 import { FC } from 'react';
 import { Feature } from 'ol';
 import { Geometry } from 'ol/geom';
 import { GridRenderCellParams } from '@mui/x-data-grid';
 import { GridRowParams } from '@mui/x-data-grid';
+import { HTMLAttributes } from 'react';
 import { IconButtonClasses } from '@mui/material';
 import { IconButtonProps } from '@mui/material/IconButton';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { LocalizationProvider } from '@mui/x-date-pickers';
+import { MUIStyledCommonProps } from '@mui/system';
 import { Pixel } from 'ol/pixel';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
+import { RefObject } from 'react';
 import { Size } from 'ol/size';
+import { StyledComponent } from '@emotion/styled';
 import { SxProps } from '@mui/material';
 import { SxProps as SxProps_2 } from '@mui/material/styles';
 import { TabsProps as TabsProps_2 } from '@mui/material';
@@ -195,6 +202,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[];
@@ -280,6 +292,14 @@ declare interface FieldOptions {
     [key: string]: string | number | object | boolean;
 }
 
+export declare const FlexCol: StyledComponent<BoxOwnProps<Theme> & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
+}, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
+
+export declare const FlexRow: StyledComponent<BoxOwnProps<Theme> & Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
+}, keyof BoxOwnProps<Theme>> & MUIStyledCommonProps<Theme>, {}, {}>;
+
 declare function generateKey(): Promise<CryptoKey>;
 
 export declare const GeometryPicker: React.FC<Props_5>;
@@ -676,26 +696,39 @@ export declare namespace Map_2 {
 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";
+    label: string;
+    value: DataPointType[];
     description?: string;
     variant?: MetricVariant;
+    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 =
@@ -1306,7 +1339,8 @@ declare module "@mui/material/styles" {
       | "trendValue"
       | "description"
       | "icon"
-      | "cornerIcon";
+      | "cornerIcon"
+      | "chart";
   }
 
   interface ComponentsPropsList {

package/dist/main.js

@@ -1,14 +1,14 @@
-import { ThemeProvider as Ht, createTheme as Ft } from "@mui/material";
-import { LocalizationProvider as Ct } from "@mui/x-date-pickers";
+import { ThemeProvider as Ft, createTheme as Ht } from "@mui/material";
+import { LocalizationProvider as Bt } 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 { 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 { CollapsibleCard as Rt } from "./components/collapsible-card/index.js";
+import { ConditionalWrapper as Gt } from "./components/conditional-wrapper/index.js";
+import { alert as Qt, 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";
@@ -24,8 +24,8 @@ import { InstanceVariableList as Te } from "./components/instance-variable-list/
 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 { Loading as Fe } from "./components/loading/index.js";
+import { i as Ce } from "./index-JrtqxUdI.js";
 import { MetricCard as Ie } from "./components/metric-card/index.js";
 import { PaginatedList as je } from "./components/paginated-list/index.js";
 import { PhoneInput as We } from "./components/phone-input/index.js";
@@ -33,15 +33,17 @@ import { SearchInput as Ue } from "./components/search-input/index.js";
 import { Tabs as Ze } from "./components/tabs/index.js";
 import { TemplateFilters as Je } from "./components/template-filters/index.js";
 import { TemplateForm as _e } from "./components/template-form/index.js";
-import { TemplatePropertyFilters as Ge } from "./components/template-property-filters/index.js";
-import { Property as Qe } from "./components/template-property-filters/property.js";
+import { TemplatePropertyFilters as qe } from "./components/template-property-filters/index.js";
+import { Property as Ke } from "./components/template-property-filters/property.js";
 import { TreeSelect as Xe } from "./components/tree-select/index.js";
 import { TreeViewFilter as er } from "./components/treeview-filter/index.js";
 import { Uploader as sr } from "./components/uploader/index.js";
+import { FlexCol as or } from "./components/flex-col/index.js";
+import { FlexRow as ir } from "./components/flex-row/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";
-import { b as ut } from "./index-R_b1ETBe.js";
+import B from "dayjs";
+import { c as U, a as z } from "./index-DMSHuq6l.js";
+import { b as ut } from "./index-NNOChRJ7.js";
 var tt = { exports: {} };
 (function(l, x) {
   (function(f, c) {
@@ -57,8 +59,8 @@ var tt = { exports: {} };
           var a = s(this).startOf(c).add(1, c).date(i), D = s(this).endOf(f);
           if (a.isBefore(D)) return 1;
         }
-        var p = s(this).startOf(c).date(i).startOf(f).subtract(1, "millisecond"), H = this.diff(p, f, !0);
-        return H < 0 ? s(this).startOf("week").week() : Math.ceil(H);
+        var p = s(this).startOf(c).date(i).startOf(f).subtract(1, "millisecond"), F = this.diff(p, f, !0);
+        return F < 0 ? s(this).startOf("week").week() : Math.ceil(F);
       }, o.weeks = function(n) {
         return n === void 0 && (n = null), this.week(n);
       };
@@ -87,7 +89,7 @@ var et = { exports: {} };
     }], p = function(r) {
       var h = n[r];
       return h && (h.indexOf ? h : h.s.concat(h.f));
-    }, H = function(r, h) {
+    }, F = function(r, h) {
       var d, u = n.meridiem;
       if (u) {
         for (var g = 1; g <= 24; g += 1) if (r.indexOf(u(g, 0, h)) > -1) {
@@ -97,9 +99,9 @@ var et = { exports: {} };
       } else d = r === (h ? "pm" : "PM");
       return d;
     }, Z = { A: [o, function(r) {
-      this.afternoon = H(r, !1);
+      this.afternoon = F(r, !1);
     }], a: [o, function(r) {
-      this.afternoon = H(r, !0);
+      this.afternoon = F(r, !0);
     }], Q: [t, function(r) {
       this.month = 3 * (r - 1) + 1;
     }], S: [t, function(r) {
@@ -124,7 +126,7 @@ var et = { exports: {} };
     }], Y: [/[+-]?\d+/, a("year")], YY: [e, function(r) {
       this.year = i(r);
     }], YYYY: [/\d{4}/, a("year")], Z: D, ZZ: D };
-    function F(r) {
+    function H(r) {
       var h, d;
       h = r, d = n && n.formats;
       for (var u = (r = h.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(b, w, M) {
@@ -141,8 +143,8 @@ var et = { exports: {} };
           var k = u[M];
           if (typeof k == "string") y += k.length;
           else {
-            var v = k.regex, S = k.parser, P = b.slice(y), B = v.exec(P)[0];
-            S.call(w, B), b = b.replace(B, "");
+            var v = k.regex, S = k.parser, P = b.slice(y), C = v.exec(P)[0];
+            S.call(w, C), b = b.replace(C, "");
           }
         }
         return function(A) {
@@ -163,13 +165,13 @@ var et = { exports: {} };
         var T = L[1];
         if (typeof T == "string") {
           var b = L[2] === !0, w = L[3] === !0, M = b || w, y = L[2];
-          w && (y = L[2]), n = this.$locale(), !b && y && (n = d.Ls[y]), this.$d = function(P, B, A, j) {
+          w && (y = L[2]), n = this.$locale(), !b && y && (n = d.Ls[y]), this.$d = function(P, C, A, j) {
             try {
-              if (["x", "X"].indexOf(B) > -1) return new Date((B === "X" ? 1e3 : 1) * P);
-              var m = F(B)(P), N = m.year, $ = m.month, nt = m.day, ot = m.hours, at = m.minutes, it = m.seconds, ht = m.milliseconds, R = m.zone, X = m.week, J = /* @__PURE__ */ new Date(), V = nt || (N || $ ? 1 : J.getDate()), _ = N || J.getFullYear(), W = 0;
+              if (["x", "X"].indexOf(C) > -1) return new Date((C === "X" ? 1e3 : 1) * P);
+              var m = H(C)(P), N = m.year, $ = m.month, nt = m.day, ot = m.hours, at = m.minutes, it = m.seconds, ht = m.milliseconds, Q = m.zone, X = m.week, J = /* @__PURE__ */ new Date(), V = nt || (N || $ ? 1 : J.getDate()), _ = N || J.getFullYear(), W = 0;
               N && !$ || (W = $ > 0 ? $ - 1 : J.getMonth());
-              var E, q = ot || 0, G = at || 0, K = it || 0, Q = ht || 0;
-              return R ? new Date(Date.UTC(_, W, V, q, G, K, Q + 60 * R.offset * 1e3)) : A ? new Date(Date.UTC(_, W, V, q, G, K, Q)) : (E = new Date(_, W, V, q, G, K, Q), X && (E = j(E).week(X).toDate()), E);
+              var E, R = ot || 0, q = at || 0, G = it || 0, K = ht || 0;
+              return Q ? new Date(Date.UTC(_, W, V, R, q, G, K + 60 * Q.offset * 1e3)) : A ? new Date(Date.UTC(_, W, V, R, q, G, K)) : (E = new Date(_, W, V, R, q, G, K), X && (E = j(E).week(X).toDate()), E);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
@@ -201,9 +203,9 @@ var rt = { exports: {} };
       e.en.formats = f, s.format = function(n) {
         n === void 0 && (n = "YYYY-MM-DDTHH:mm:ssZ");
         var i = this.$locale().formats, a = function(D, p) {
-          return D.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(H, Z, F) {
-            var r = F && F.toUpperCase();
-            return Z || p[F] || f[F] || p[r].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(h, d, u) {
+          return D.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(F, Z, H) {
+            var r = H && H.toUpperCase();
+            return Z || p[H] || f[H] || p[r].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(h, d, u) {
               return d || u.slice(1);
             });
           });
@@ -230,9 +232,9 @@ var st = { exports: {} };
 })(st);
 var Mt = st.exports;
 const xt = /* @__PURE__ */ z(Mt);
-C.extend(lt);
-C.extend(yt);
-C.extend(xt);
+B.extend(lt);
+B.extend(yt);
+B.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",
@@ -355,7 +357,7 @@ class bt {
       end: "]"
     }, this.formatTokenMap = gt, this.getLocaleFormats = () => {
       var t;
-      const e = (t = this.rawDayJsInstance.Ls) != null ? t : C.Ls, s = this.locale || "en";
+      const e = (t = this.rawDayJsInstance.Ls) != null ? t : B.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) => {
@@ -389,7 +391,7 @@ 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 || C, this.dayjs = Lt(this.rawDayJsInstance, x), this.locale = x, this.formats = dt({}, Yt, f), C.extend(ft);
+    }, this.getMeridiemText = (t) => t === "am" ? "AM" : "PM", this.rawDayJsInstance = c || B, this.dayjs = Lt(this.rawDayJsInstance, x), this.locale = x, this.formats = dt({}, Yt, f), B.extend(ft);
   }
 }
 export {
@@ -399,13 +401,15 @@ export {
   Nt as CandlestickChart,
   Et as Card,
   zt as CardAlternate,
-  qt as CollapsibleCard,
-  Kt as ConditionalWrapper,
+  Rt as CollapsibleCard,
+  Gt as ConditionalWrapper,
   ee as Container,
   se as ContextMenu,
   de as DateTimePicker,
   oe as DisseminationList,
   ce as DocumentViewer,
+  or as FlexCol,
+  ir as FlexRow,
   me as GeometryPicker,
   Vt as HighlightLineChart,
   pe as IconButton,
@@ -416,24 +420,24 @@ export {
   Oe as KeyProductionUtils,
   ke as KeyProtectionMenu,
   Se as LinearIndicator,
-  He as Loading,
-  Ct as LocalizationProvider,
-  Be as Map,
+  Fe as Loading,
+  Bt as LocalizationProvider,
+  Ce as Map,
   Ie as MetricCard,
   je as PaginatedList,
   We as PhoneInput,
-  Qe as PropertyFilterInput,
+  Ke as PropertyFilterInput,
   Ue as SearchInput,
   ie as SecurityLevel,
   Ze as Tabs,
   Je as TemplateFilters,
   _e as TemplateForm,
-  Ge as TemplatePropertyFilters,
-  Ht as ThemeProvider,
+  qe as TemplatePropertyFilters,
+  Ft as ThemeProvider,
   Xe as TreeSelect,
   er as TreeViewFilter,
   sr as Uploader,
-  Rt as alert,
+  Qt as alert,
   Xt as confirm,
-  Ft as createTheme
+  Ht as createTheme
 };

package/dist/{property-list-form-B7SCqmD0.js → property-list-form-BvnaooEW.js}

@@ -2,22 +2,22 @@ import H, { jsx as t, jsxs as d, Fragment as K } from "react/jsx-runtime";
 import * as J from "react";
 import I from "react";
 import Q from "lodash";
-import { r as X, i as Z } from "./createSvgIcon-CsckVnG-.js";
+import { r as X, i as Z } from "./createSvgIcon-DLPYMuH1.js";
 import { DATA_TYPES as R, COORDINATE_FORMAT as ee, PRIVACY_PRESERVATION_METHOD as L } from "./constants/index.js";
-import { T as w } from "./TextField-Db_pNPbv.js";
-import { f as te, F as C, I as F } from "./InputLabel-ClDXuWBr.js";
-import { S as _ } from "./Select-BQ4C15bt.js";
-import { M as g } from "./MenuItem-Lcjh1XlV.js";
+import { T as w } from "./TextField-Bf46COnQ.js";
+import { f as te, F as C, I as F } from "./InputLabel-rrSJo8M_.js";
+import { S as _ } from "./Select-jjAc5JX1.js";
+import { M as g } from "./MenuItem-C6qlUyV3.js";
 import { a as M, _ as re } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import { P as n } from "./createTheme-DrgvKMA_.js";
-import { g as ae, u as oe, c as le, a as ne } from "./useThemeProps-BlXpIqSE.js";
-import { s as ie } from "./styled-DkqItiLo.js";
-import { g as se } from "./createTheme-DVoJnXAT.js";
+import { P as n } from "./index-DMSHuq6l.js";
+import { g as ae, u as oe, c as le, a as ne } from "./useThemeProps-DRP1dikX.js";
+import { s as ie } from "./styled-B8ugzvji.js";
+import { g as se } from "./createTheme-CNnKNxwL.js";
 import { u as me } from "./useFormControl-CatNKXAi.js";
-import { F as p } from "./FormControlLabel-BNT5EI0b.js";
-import { C as f } from "./Checkbox-B0P8LhCl.js";
-import { B as ce } from "./Box-SSMZuKnS.js";
-import { B as Y } from "./Button-jy67CcTH.js";
+import { F as p } from "./FormControlLabel-DzNokgFD.js";
+import { C as f } from "./Checkbox-CrU2hpWB.js";
+import { B as ce } from "./Box-B1AVyJ_s.js";
+import { B as Y } from "./Button-eqWvpDuh.js";
 function de(a) {
   return se("MuiFormGroup", a);
 }

package/dist/{styled-DkqItiLo.js → styled-B8ugzvji.js}

@@ -1,5 +1,5 @@
-import { c as r } from "./createTheme-DVoJnXAT.js";
-import { c as a, s } from "./createStyled-CUatW1r9.js";
+import { c as r } from "./createTheme-CNnKNxwL.js";
+import { c as a, s } from "./createStyled-BGx1I94c.js";
 const t = r(), e = (o) => s(o) && o !== "classes", l = s, m = a({
   defaultTheme: t,
   rootShouldForwardProp: e

package/dist/{useTheme-GN5Dc3mG.js → useTheme-C15Eq8KG.js}

@@ -1,6 +1,6 @@
 import * as n from "react";
 import { ThemeContext as o } from "@emotion/react";
-import { b as m } from "./createTheme-DrgvKMA_.js";
+import { b as m } from "./createTheme-CyC5HawC.js";
 function r(e) {
   return Object.keys(e).length === 0;
 }

package/dist/{useTheme-B6oa3v5u.js → useTheme-D-uii9iX.js}

@@ -1,6 +1,6 @@
 import * as o from "react";
-import { d as r } from "./styled-DkqItiLo.js";
-import { u as t } from "./useTheme-GN5Dc3mG.js";
+import { d as r } from "./styled-B8ugzvji.js";
+import { u as t } from "./useTheme-C15Eq8KG.js";
 function s() {
   const e = t(r);
   return process.env.NODE_ENV !== "production" && o.useDebugValue(e), e;

package/dist/{useThemeProps-BlXpIqSE.js → useThemeProps-DRP1dikX.js}

@@ -1,7 +1,7 @@
-import { g as h } from "./createTheme-DVoJnXAT.js";
-import { d as a } from "./styled-DkqItiLo.js";
+import { g as h } from "./createTheme-CNnKNxwL.js";
+import { d as a } from "./styled-B8ugzvji.js";
 import { a as u } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import { u as g } from "./useTheme-GN5Dc3mG.js";
+import { u as g } from "./useTheme-C15Eq8KG.js";
 function c(n) {
   var e, s, t = "";
   if (typeof n == "string" || typeof n == "number") t += n;

package/dist/{utils-BRsEqTye.js → utils-CsOZUsQj.js}

@@ -1,6 +1,6 @@
 import { _ as D } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import { _ as C, T as S } from "./ButtonBase-CgQC8DUB.js";
-import { P as i } from "./createTheme-DrgvKMA_.js";
+import { _ as C, T as S } from "./ButtonBase-DsX-jMQJ.js";
+import { P as i } from "./index-DMSHuq6l.js";
 import v from "react";
 import b from "react-dom";
 const N = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.5.80",
+  "version": "1.5.83",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",
@@ -42,6 +42,7 @@
     "lodash": "^4.17.21",
     "mapbox-gl": "^2.15.0",
     "ol": "^7.3.0",
+    "react-ace": "^14.0.1",
     "react-confirm": "^0.3.0-2",
     "react-custom-scroll": "^7.0.0",
     "react-drag-drop-files": "^2.4.0",