@hybridcore/ui 1.1.3 → 1.3.0

package/dist/index-DHnXB0CB.js

@@ -0,0 +1,287 @@
+import { jsxs as h, Fragment as P, jsx as n } from "react/jsx-runtime";
+import T from "lodash";
+import v from "dayjs";
+import { Typography as F, Chip as B, Dialog as S, DialogTitle as j, DialogContent as N, DialogActions as W, Button as w, InputAdornment as Y, Tooltip as O, Stack as _ } from "@mui/material";
+import { Container as y, Values as E, MiniButton as G } from "./components/data-management/instance-form/components/composite-list/styled.js";
+import { Add as H, LockOutlined as R } from "@mui/icons-material";
+import $ from "./hooks/useToggle.js";
+import { GeometryPicker as q } from "./components/geometry-picker/index.js";
+import { PhoneInput as J } from "./components/phone-input/index.js";
+import { DateTimePicker as K } from "./components/date-time-picker/index.js";
+import { T as D, F as Q } from "./FormControlLabel-j_atSYQA.js";
+import { B as x, C as U } from "./Checkbox-DP6_qp1v.js";
+import { F as X, I as Z } from "./FormControl-Cj5nc-Nv.js";
+import { S as M } from "./Select-BGt6e73I.js";
+import { M as z } from "./MenuItem-BejUFNIP.js";
+import { useState as ee } from "react";
+function ne({
+  property: m,
+  mapboxAccessToken: e,
+  value: l,
+  variant: u = "standard",
+  size: o = "medium",
+  onChange: a
+}) {
+  var V;
+  const s = $(!1), [d, C] = ee(), g = (c) => {
+    C(T.get(c, m.propertyId));
+  }, k = () => {
+    a([...l || [], d]), C(""), s.action.close();
+  }, A = (c) => () => {
+    if (l) {
+      let r = [...l];
+      r.splice(c, 1), a(r);
+    }
+  };
+  return /* @__PURE__ */ h(P, { children: [
+    /* @__PURE__ */ h(y, { variant: u, children: [
+      /* @__PURE__ */ n(F, { children: m.name }),
+      /* @__PURE__ */ n(E, { children: T.isArray(l) && l.map((c, r) => {
+        var f, t;
+        return /* @__PURE__ */ n(
+          B,
+          {
+            label: ((t = (f = m.dataTypeInfo) == null ? void 0 : f.innerType) == null ? void 0 : t.type) === "date" ? v(c).format("DD/MM/YYYY HH:mm:ss") : c,
+            size: o,
+            onDelete: A(r)
+          },
+          r
+        );
+      }) }),
+      /* @__PURE__ */ n(
+        G,
+        {
+          startIcon: /* @__PURE__ */ n(H, {}),
+          variant: "text",
+          onClick: s.action.open,
+          children: "Add"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ h(
+      S,
+      {
+        open: s.state.isOpen,
+        onClose: s.action.close,
+        maxWidth: "sm",
+        fullWidth: !0,
+        children: [
+          /* @__PURE__ */ n(j, { children: "Add List Value" }),
+          /* @__PURE__ */ n(N, { children: (V = m.dataTypeInfo) != null && V.innerType ? /* @__PURE__ */ n(
+            te,
+            {
+              mapboxAccessToken: e,
+              property: {
+                ...m,
+                name: "Value",
+                type: m.dataTypeInfo.innerType.type
+              },
+              value: d,
+              onChange: g
+            }
+          ) : null }),
+          /* @__PURE__ */ h(W, { children: [
+            /* @__PURE__ */ n(
+              w,
+              {
+                variant: "contained",
+                color: "inherit",
+                onClick: s.action.close,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ n(w, { variant: "contained", color: "primary", onClick: k, children: "Ok" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function te({
+  mapboxAccessToken: m,
+  property: e,
+  value: l,
+  variant: u = "standard",
+  size: o = "medium",
+  disableMargin: a = !1,
+  defaultExtent: s,
+  // keyAuth,
+  onChange: d
+}) {
+  var f;
+  const C = (t) => {
+    const I = t.target.value.split(",").map((p) => p.trimStart());
+    d({
+      [e.propertyId]: I
+    });
+  }, g = (t) => {
+    const { name: i, type: I, checked: p, value: L } = t.target;
+    let b = L;
+    e.type === "double" && (b = b.replace(",", "."), b = b.replace(/[^\d.-]+/g, "")), d({
+      [i]: I === "checkbox" ? p : b
+    });
+  }, k = (t) => {
+    d({
+      [e.propertyId]: t
+    });
+  }, A = (t) => {
+    d({
+      [e.propertyId]: t.target.value
+    });
+  }, V = (t) => (i) => {
+    d({
+      [t]: i
+    });
+  }, c = (t) => (i) => {
+    d({
+      [t]: i
+    });
+  }, r = (t) => (i) => {
+    d({
+      [t]: i
+    });
+  };
+  if ([
+    "string",
+    "integer",
+    "double",
+    "text",
+    "long",
+    "byte",
+    "bank-account"
+  ].includes(e.type))
+    return /* @__PURE__ */ n(
+      D,
+      {
+        label: e.name,
+        name: e.propertyId,
+        value: l ?? e.defaultValue ?? "",
+        defaultValue: l,
+        onChange: g,
+        variant: u,
+        type: "text",
+        multiline: e.type === "text",
+        disabled: !e.editable,
+        fullWidth: !0,
+        sx: { mb: a ? 0 : 2 },
+        InputProps: {
+          size: o,
+          ...e.privacyPreservationMethod === "ENCRYPTION" ? {
+            endAdornment: /* @__PURE__ */ n(Y, { position: "end", children: /* @__PURE__ */ n(O, { title: "Encrypted Field", children: /* @__PURE__ */ n(R, {}) }) })
+          } : {}
+        }
+      }
+    );
+  if (e.type === "date") {
+    const t = l !== void 0 ? v(l).format() : "";
+    return /* @__PURE__ */ h(_, { mb: a ? 0 : 2, children: [
+      /* @__PURE__ */ n(F, { variant: "subtitle2", children: e.name }),
+      /* @__PURE__ */ n(
+        K,
+        {
+          value: t,
+          variant: u,
+          size: o,
+          name: e.propertyId,
+          onChange: k
+        }
+      )
+    ] });
+  }
+  if (e.type === "list") {
+    let t = "";
+    return e.defaultValue && (t = T.isArray(e.defaultValue) ? l.join(", ") : e.defaultValue), l && (t = T.isArray(l) ? l.join(",") : l), /* @__PURE__ */ n(
+      D,
+      {
+        label: e.name,
+        name: e.propertyId,
+        value: t,
+        onChange: C,
+        variant: u,
+        disabled: !e.editable,
+        fullWidth: !0,
+        helperText: o === "small" ? null : "Add list values with the comma (,) separated string",
+        sx: { mb: a ? 0 : 2 },
+        InputProps: {
+          size: o,
+          placeholder: o === "small" ? "Add list values with the comma (,) separated string" : ""
+        }
+      }
+    );
+  }
+  if (e.type === "boolean")
+    return /* @__PURE__ */ n(x, { mb: a ? 0 : 2, children: /* @__PURE__ */ n(
+      Q,
+      {
+        control: /* @__PURE__ */ n(
+          U,
+          {
+            name: e.propertyId,
+            checked: !!l,
+            onChange: g,
+            size: o
+          }
+        ),
+        label: e.name
+      }
+    ) });
+  if (e.type === "enum") {
+    let t = [];
+    return (f = e.dataTypeInfo) != null && f.enumValues && (t = e.dataTypeInfo.enumValues), /* @__PURE__ */ h(
+      X,
+      {
+        fullWidth: !0,
+        variant: u,
+        sx: { mb: a ? 0 : 2 },
+        size: o,
+        children: [
+          /* @__PURE__ */ n(Z, { id: `${e.propertyId}-label`, children: e.name }),
+          /* @__PURE__ */ n(
+            M,
+            {
+              label: e.name,
+              name: e.name,
+              labelId: `${e.propertyId}-label`,
+              id: e.propertyId,
+              value: l ?? "",
+              onChange: A,
+              children: t.map((i, I) => /* @__PURE__ */ n(z, { value: i, children: i }, I))
+            }
+          )
+        ]
+      }
+    );
+  }
+  return e.type === "geometry" ? /* @__PURE__ */ n(x, { sx: { mb: a ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
+    q,
+    {
+      mapboxAccessToken: m,
+      label: e.name,
+      value: l ?? e.defaultValue ?? "",
+      defaultExtent: s,
+      onChange: V(e.propertyId)
+    }
+  ) }) : e.type === "phone-number" ? /* @__PURE__ */ n(x, { sx: { mb: a ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
+    J,
+    {
+      label: e.name,
+      placeholder: "Enter phone number",
+      value: l ?? e.defaultValue ?? "",
+      onChange: c(e.propertyId)
+    }
+  ) }) : e.type === "composite-list" ? /* @__PURE__ */ n(x, { sx: { mb: a ? 0 : 2, width: "100%" }, children: /* @__PURE__ */ n(
+    ne,
+    {
+      property: e,
+      value: l ?? e.defaultValue ?? "",
+      variant: u,
+      size: o,
+      mapboxAccessToken: m,
+      onChange: r(e.propertyId)
+    }
+  ) }) : /* @__PURE__ */ n(P, {});
+}
+export {
+  ne as C,
+  te as V
+};

package/dist/{index-IvOfmM1F.js → index-JrtqxUdI.js}

@@ -1,19 +1,19 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import o from "react";
 import f from "./components/map/logic.js";
-import { M as n } from "./styled-C43K9x7T.js";
+import a from "./components/map/styled.js";
 import './assets/index.css';const l = (e, i) => {
   var t, r;
   const { refs: s, action: m } = f(e);
-  return o.useImperativeHandle(i, () => m), /* @__PURE__ */ a(
-    n.Container,
+  return o.useImperativeHandle(i, () => m), /* @__PURE__ */ n(
+    a.Container,
     {
       sx: {
         position: "relative",
         cursor: ((t = e.options) == null ? void 0 : t.cursor) || "default"
       },
-      children: /* @__PURE__ */ a(
-        n.Container,
+      children: /* @__PURE__ */ n(
+        a.Container,
         {
           id: e.id || "map",
           ref: s.mapContainer,

package/dist/listItemTextClasses-CaI8l2PD.js

@@ -0,0 +1,16 @@
+import { g as s } from "./chainPropTypes-BmidnkZm.js";
+import { g as e } from "./styled-Wx2vv4j8.js";
+function n(t) {
+  return e("MuiListItemIcon", t);
+}
+const o = s("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
+function l(t) {
+  return e("MuiListItemText", t);
+}
+const r = s("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
+export {
+  o as a,
+  l as b,
+  n as g,
+  r as l
+};

package/dist/main.d.ts

@@ -59,6 +59,8 @@ declare interface CardProps {
     stats?: default_2.ReactNode;
 }
 
+export declare const CollapsibleCard: FC<Props_10>;
+
 export declare const ConditionalWrapper: React.FC<ConditionalWrapperProps>;
 
 declare interface ConditionalWrapperProps {
@@ -464,6 +466,22 @@ declare interface Props {
     children?: default_2.ReactNode;
 }
 
+declare interface Props_10 {
+    header: React.ReactNode;
+    content: React.ReactNode;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    actions?: React.ReactNode;
+    sx?: SxProps_2;
+    onChange?(event: React.SyntheticEvent, newExpanded: boolean): void;
+}
+
+declare interface Props_11 {
+    values: FV.TemplateFilter[];
+    templates: Map<string | number, ONTOLOGY.TemplateType>;
+    onChange(values: FV.TemplateFilter[]): void;
+}
+
 declare interface Props_2 {
     open: boolean;
     buttons: ButtonType[];
@@ -682,6 +700,8 @@ declare interface SubmitButton {
     onClick?(): void;
 }
 
+export declare const TemplatePropertyFilters: FC<Props_11>;
+
 export declare const TreeSelect: FC<TreeSelectProps>;
 
 declare interface TreeSelectProps {
@@ -844,6 +864,144 @@ declare namespace AUTH {
   }
 }
 
+declare namespace FV {
+  type TemplateType = "EVENT" | "OBJECT" | "DOCUMENT";
+
+  interface SearchDTO {
+    keyword: string;
+    sortCriteria: "RELEVANCE" | "DATE" | "DISTANCE" | "RANDOM";
+    boundingBox: BoundingBox | null;
+    operator: "AND" | "OR" | "RANGE" | "NOT" | "EQUALS" | "FUZZY";
+    pageNumber: number;
+    rows: number;
+    minimalDetails: boolean;
+    spatialFilter: SpatialFilter | null;
+    timelineFilter: TimelineFilter | null;
+    templateFilters: TemplateFilter[];
+    templateType: TemplateType | null;
+  }
+
+  interface HierarchySearchDTO {
+    templatesPerPage: number;
+    pageNumber: number;
+    rowsPerTemplate: number;
+    keyword: string;
+    sortCriteria: "RELEVANCE" | "DATE" | "DISTANCE" | "RANDOM";
+    boundingBox: BoundingBox | null;
+    operator: "AND" | "OR" | "RANGE" | "NOT" | "EQUALS" | "FUZZY";
+    spatialFilter: SpatialFilter | null;
+    templateFilters: HierarchyTemplateFilter[];
+  }
+
+  interface BoundingBox {
+    bottomLeft: BottomLeft;
+    topRight: TopRight;
+  }
+
+  interface BottomLeft {
+    latitude: number;
+    longitude: number;
+  }
+
+  interface TopRight {
+    latitude: number;
+    longitude: number;
+  }
+
+  interface SpatialFilter {
+    wkt: string;
+    buffer: number;
+    geoFilterType: string;
+  }
+
+  interface TimelineFilter {
+    start: string;
+    end: string;
+    rangeGap: string;
+  }
+
+  interface TemplateFilter {
+    templateKey: string;
+    filterOperator: string;
+    filters: PropertyFilter[];
+    exclusionTemplateKeys: string[];
+  }
+
+  interface HierarchyTemplateFilter {
+    templateKey: string;
+    includeChildTemplates: boolean;
+    filterOperator: string;
+    filters: PropertyFilter[];
+    exclusionTemplateKeys: string[];
+  }
+
+  interface PropertyFilter {
+    fieldName: string;
+    value: PropertyFilterValue;
+  }
+
+  interface PropertyFilterValue {
+    min?: string;
+    max?: string;
+    exact?: string;
+    list?: string[];
+  }
+
+  interface SearchResults {
+    totalResultCount: number;
+    totalPageCount: number;
+    results: SearchResult[];
+  }
+
+  interface SearchResult {
+    id: number;
+    title: string;
+    templateId: number;
+    variables: INSTANCE.GroupedVariables;
+    description?: string;
+  }
+
+  interface Location {
+    kml: string;
+  }
+
+  interface HierarchySearchResults {
+    totalTemplateCount: number;
+    totalPageCount: number;
+    instanceCountsByTemplateType: InstanceCountsByTemplateType;
+    results: HierarchySearchResult[];
+  }
+
+  interface InstanceCountsByTemplateType {
+    EVENT: number;
+    OBJECT: number;
+    DOCUMENT: number;
+    DICTIONARY_AGENT: number;
+    DICTIONARY_DEFINITION: number;
+  }
+
+  interface HierarchySearchResultInstance {
+    id: number;
+    title: string;
+    description?: string;
+    variables: INSTANCE.GroupedVariables;
+    highlights?: {};
+  }
+
+  interface HierarchySearchResult {
+    totalInstanceCount: number;
+    templateId: number;
+    instances: HierarchySearchResultInstance[];
+  }
+
+  interface KeywordSearchDTO {
+    keyword: string;
+    instanceId: number;
+    pageNumber: number;
+    rows: number;
+  }
+}
+
 declare namespace INSTANCE {
   interface String {
     [key: string | number]: string;

package/dist/main.js

@@ -1,43 +1,47 @@
 import { Access as e } from "./components/access/index.js";
-import { Card as m } from "./components/card/index.js";
+import { Card as p } from "./components/card/index.js";
 import { ConditionalWrapper as f } from "./components/conditional-wrapper/index.js";
-import { alert as n, confirm as i } from "./components/confirm/index.js";
+import { alert as i, confirm as n } from "./components/confirm/index.js";
 import { Container as c } from "./components/container/index.js";
-import { ContextMenu as u } from "./components/context-menu/index.js";
-import { InstanceForm as P } from "./components/data-management/instance-form/index.js";
-import { DisseminationList as y } from "./components/data-security-selectors/dissemination-list/index.js";
+import { ContextMenu as s } from "./components/context-menu/index.js";
+import { InstanceForm as C } from "./components/data-management/instance-form/index.js";
+import { DisseminationList as d } from "./components/data-security-selectors/dissemination-list/index.js";
 import { SecurityLevel as I } from "./components/data-security-selectors/security-level/index.js";
-import { DateTimePicker as L } from "./components/date-time-picker/index.js";
-import { GeometryPicker as T } from "./components/geometry-picker/index.js";
-import { IconButton as k } from "./components/icon-button/index.js";
-import { KeyProtectionMenu as F } from "./components/key-protection/menu.js";
-import { S as g } from "./utils-Bq0ye5vf.js";
-import { Loading as w } from "./components/loading/index.js";
-import { i as B } from "./index-IvOfmM1F.js";
-import { PhoneInput as U } from "./components/phone-input/index.js";
-import { SearchInput as W } from "./components/search-input/index.js";
+import { DateTimePicker as T } from "./components/date-time-picker/index.js";
+import { GeometryPicker as L } from "./components/geometry-picker/index.js";
+import { IconButton as h } from "./components/icon-button/index.js";
+import { KeyProtectionMenu as D } from "./components/key-protection/menu.js";
+import { S as b } from "./utils-Bq0ye5vf.js";
+import { Loading as v } from "./components/loading/index.js";
+import { i as A } from "./index-JrtqxUdI.js";
+import { PhoneInput as G } from "./components/phone-input/index.js";
+import { SearchInput as V } from "./components/search-input/index.js";
 import { TreeSelect as j } from "./components/tree-select/index.js";
 import { TreeViewFilter as z } from "./components/treeview-filter/index.js";
+import { CollapsibleCard as H } from "./components/collapsible-card/index.js";
+import { TemplatePropertyFilters as N } from "./components/template-property-filters/index.js";
 export {
   e as Access,
-  m as Card,
+  p as Card,
+  H as CollapsibleCard,
   f as ConditionalWrapper,
   c as Container,
-  u as ContextMenu,
-  L as DateTimePicker,
-  y as DisseminationList,
-  T as GeometryPicker,
-  k as IconButton,
-  P as InstanceForm,
-  g as KeyProductionUtils,
-  F as KeyProtectionMenu,
-  w as Loading,
-  B as Map,
-  U as PhoneInput,
-  W as SearchInput,
+  s as ContextMenu,
+  T as DateTimePicker,
+  d as DisseminationList,
+  L as GeometryPicker,
+  h as IconButton,
+  C as InstanceForm,
+  b as KeyProductionUtils,
+  D as KeyProtectionMenu,
+  v as Loading,
+  A as Map,
+  G as PhoneInput,
+  V as SearchInput,
   I as SecurityLevel,
+  N as TemplatePropertyFilters,
   j as TreeSelect,
   z as TreeViewFilter,
-  n as alert,
-  i as confirm
+  i as alert,
+  n as confirm
 };

package/dist/{ol-DXmSLlWv.js → ol-q6vTiF_t.js}

@@ -4,7 +4,7 @@ import { f as Ci, A as va, B as ze, D as Ir, i as tt, T as di, l as Z, O as ui,
 import { s as Fr, b as Ga, d as xn, r as Ya, e as jn, f as ds, g as Fs, h as Xa, i as Ds, j as Yi, k as Os, l as lt, m as Jn, n as Mt, o as Wa, p as En, t as Ua, S as _t, F as Ve, I as Ht, a as tn, T as Ri, R as Ba, C as Ka, q as za, u as Va, v as ce, w as Rt, x as en, y as nn, z as Bt, A as Kt, B as sn, D as rn, E as on, G as xe, H as gi, J as an, K as Dr, L as Ha, M as Za, N as qa, O as Ms } from "./Text-BT5kPHOo.js";
 import { Feature as me } from "ol";
 import { getNumberCoordinates as us, validate as Or, parse as Mr, getGeometries as Qn, findPlacemarkCoordinates as ja, build as Ja } from "./components/map/helpers/kml.js";
-import { d as Nr, a as Qa } from "./styled-C43K9x7T.js";
+import { defaultStyle as Nr, selectStyleFunction as Qa } from "./components/map/styled.js";
 import { parse as $a, findCoordinate as tl } from "./components/map/helpers/wkt.js";
 const gt = {
   /**

package/dist/resolveComponentProps-BwtY1IP3.js

@@ -0,0 +1,54 @@
+import { a as o } from "./extends-C3382pL0.js";
+import { i as g } from "./isHostComponent-kiaBvYVo.js";
+import { c as v } from "./chainPropTypes-BmidnkZm.js";
+function O(n, s, e) {
+  return n === void 0 || g(n) ? s : o({}, s, {
+    ownerState: o({}, s.ownerState, e)
+  });
+}
+function p(n, s = []) {
+  if (n === void 0)
+    return {};
+  const e = {};
+  return Object.keys(n).filter((t) => t.match(/^on[A-Z]/) && typeof n[t] == "function" && !s.includes(t)).forEach((t) => {
+    e[t] = n[t];
+  }), e;
+}
+function y(n) {
+  if (n === void 0)
+    return {};
+  const s = {};
+  return Object.keys(n).filter((e) => !(e.match(/^on[A-Z]/) && typeof n[e] == "function")).forEach((e) => {
+    s[e] = n[e];
+  }), s;
+}
+function P(n) {
+  const {
+    getSlotProps: s,
+    additionalProps: e,
+    externalSlotProps: t,
+    externalForwardedProps: l,
+    className: u
+  } = n;
+  if (!s) {
+    const f = v(e == null ? void 0 : e.className, u, l == null ? void 0 : l.className, t == null ? void 0 : t.className), m = o({}, e == null ? void 0 : e.style, l == null ? void 0 : l.style, t == null ? void 0 : t.style), i = o({}, e, l, t);
+    return f.length > 0 && (i.className = f), Object.keys(m).length > 0 && (i.style = m), {
+      props: i,
+      internalRef: void 0
+    };
+  }
+  const N = p(o({}, l, t)), h = y(t), S = y(l), r = s(N), d = v(r == null ? void 0 : r.className, e == null ? void 0 : e.className, u, l == null ? void 0 : l.className, t == null ? void 0 : t.className), c = o({}, r == null ? void 0 : r.style, e == null ? void 0 : e.style, l == null ? void 0 : l.style, t == null ? void 0 : t.style), a = o({}, r, e, S, h);
+  return d.length > 0 && (a.className = d), Object.keys(c).length > 0 && (a.style = c), {
+    props: a,
+    internalRef: r.ref
+  };
+}
+function k(n, s, e) {
+  return typeof n == "function" ? n(s, e) : n;
+}
+export {
+  O as a,
+  p as e,
+  P as m,
+  k as r
+};