@hybridcore/ui 1.5.13 → 1.5.16

package/dist/{index-D-mTkx9Q.js → index-CdecY907.js}

@@ -1,21 +1,21 @@
 import { jsxs as h, Fragment as M, jsx as n } from "react/jsx-runtime";
-import I from "lodash";
+import { KeyboardArrowUp as B, KeyboardArrowDown as N, Add as W, LockOutlined as j } from "@mui/icons-material";
+import { FormControl as Y, FormLabel as $, FormGroup as v, FormControlLabel as _, Checkbox as E, Typography as P, Button as F, Chip as G, Dialog as H, DialogTitle as K, DialogContent as R, DialogActions as U, InputAdornment as J, Tooltip as Q } from "@mui/material";
 import q from "dayjs";
-import { FormControl as B, FormLabel as N, FormGroup as W, FormControlLabel as j, Checkbox as Y, Typography as P, Button as F, Chip as $, Dialog as v, DialogTitle as _, DialogContent as E, DialogActions as G, InputAdornment as H, Tooltip as K } from "@mui/material";
-import { Container as R, Values as U, MiniButton as J } from "./components/instance-form/components/composite-list/styled.js";
-import { KeyboardArrowUp as Q, KeyboardArrowDown as X, Add as Z, LockOutlined as z } from "@mui/icons-material";
+import I from "lodash";
+import { Container as X, Values as Z, MiniButton as z } from "./components/instance-form/components/composite-list/styled.js";
 import O from "./hooks/useToggle.js";
-import { GeometryPicker as ee } from "./components/geometry-picker/index.js";
-import { PhoneInput as ne } from "./components/phone-input/index.js";
-import { DateTimePicker as ae } from "./components/date-time-picker/index.js";
-import { T as p } from "./TextField-BjFXx91l.js";
+import { DateTimePicker as ee } from "./components/date-time-picker/index.js";
+import { GeometryPicker as ne } from "./components/geometry-picker/index.js";
+import { PhoneInput as ae } from "./components/phone-input/index.js";
+import { T as S } from "./TextField-CdKnj6de.js";
 import { F as le } from "./FormControlLabel-BNT5EI0b.js";
 import { C as te } from "./Checkbox-B0P8LhCl.js";
 import { F as oe, I as de } from "./InputLabel-ClDXuWBr.js";
-import { S as ie } from "./Select-ush_fSWy.js";
+import { S as ie } from "./Select-DuyWoyoF.js";
 import { M as re } from "./MenuItem-Lcjh1XlV.js";
 import { B as L } from "./Box-SSMZuKnS.js";
-import { useState as S } from "react";
+import { useState as p } from "react";
 function me({
   property: i,
   mapboxAccessToken: e,
@@ -25,36 +25,36 @@ function me({
   onChange: g
 }) {
   var C, V, l;
-  const d = O(!1), [m, T] = S(), [b, w] = S(!1), x = 10, A = (t) => {
+  const o = O(!1), [m, T] = p(), [b, w] = p(!1), x = 10, A = (t) => {
     T(I.get(t, i.propertyId));
   }, y = () => {
-    g([...a || [], m]), T(""), d.action.close();
+    g([...a || [], m]), T(""), o.action.close();
   }, D = (t) => () => {
     if (a) {
-      const o = [...a];
-      o.splice(t, 1), g(o);
+      const d = [...a];
+      d.splice(t, 1), g(d);
     }
   }, k = (t) => {
-    const { value: o, checked: c } = t.target;
+    const { value: d, checked: c } = t.target;
     let s = I.isArray(a) ? a : [];
-    c ? s.push(o) : s = s.filter((f) => f !== o), g(s);
+    c ? s.push(d) : s = s.filter((f) => f !== d), g(s);
   };
   if (((V = (C = i.dataTypeInfo) == null ? void 0 : C.innerType) == null ? void 0 : V.type) === "enum") {
     const { enumValues: t } = i.dataTypeInfo.innerType;
     return /* @__PURE__ */ h(M, { children: [
-      /* @__PURE__ */ h(B, { fullWidth: !0, component: "fieldset", variant: u, children: [
-        /* @__PURE__ */ n(N, { component: "legend", sx: { mb: 1 }, children: i.name }),
-        /* @__PURE__ */ n(W, { children: t && t.length > 0 ? t.slice(0, b ? 9999 : x).map((o, c) => /* @__PURE__ */ n(
-          j,
+      /* @__PURE__ */ h(Y, { fullWidth: !0, component: "fieldset", variant: u, children: [
+        /* @__PURE__ */ n($, { component: "legend", sx: { mb: 1 }, children: i.name }),
+        /* @__PURE__ */ n(v, { children: t && t.length > 0 ? t.slice(0, b ? 9999 : x).map((d, c) => /* @__PURE__ */ n(
+          _,
           {
-            label: o,
+            label: d,
             control: /* @__PURE__ */ n(
-              Y,
+              E,
               {
                 name: i.propertyId,
-                value: o,
+                value: d,
                 size: "small",
-                checked: I.isArray(a) ? a.includes(o) : !1,
+                checked: I.isArray(a) ? a.includes(d) : !1,
                 onChange: k
               }
             ),
@@ -72,8 +72,8 @@ function me({
         {
           size: "small",
           sx: { p: 0, textTransform: "none" },
-          endIcon: b ? /* @__PURE__ */ n(Q, {}) : /* @__PURE__ */ n(X, {}),
-          onClick: () => w((o) => !o),
+          endIcon: b ? /* @__PURE__ */ n(B, {}) : /* @__PURE__ */ n(N, {}),
+          onClick: () => w((d) => !d),
           children: [
             "Show ",
             b ? "Less" : "More"
@@ -83,40 +83,40 @@ function me({
     ] });
   }
   return /* @__PURE__ */ h(M, { children: [
-    /* @__PURE__ */ h(R, { variant: u, children: [
+    /* @__PURE__ */ h(X, { variant: u, children: [
       /* @__PURE__ */ n(P, { children: i.name }),
-      /* @__PURE__ */ n(U, { children: I.isArray(a) && a.map((t, o) => {
+      /* @__PURE__ */ n(Z, { children: I.isArray(a) && a.map((t, d) => {
         var c, s;
         return /* @__PURE__ */ n(
-          $,
+          G,
           {
             label: ((s = (c = i.dataTypeInfo) == null ? void 0 : c.innerType) == null ? void 0 : s.type) === "date" ? q(t).format("DD/MM/YYYY HH:mm:ss") : t,
             size: r,
-            onDelete: D(o)
+            onDelete: D(d)
           },
-          o
+          d
         );
       }) }),
       /* @__PURE__ */ n(
-        J,
+        z,
         {
-          startIcon: /* @__PURE__ */ n(Z, {}),
+          startIcon: /* @__PURE__ */ n(W, {}),
           variant: "text",
-          onClick: d.action.open,
+          onClick: o.action.open,
           children: "Add"
         }
       )
     ] }),
     /* @__PURE__ */ h(
-      v,
+      H,
       {
-        open: d.state.isOpen,
-        onClose: d.action.close,
+        open: o.state.isOpen,
+        onClose: o.action.close,
         maxWidth: "sm",
         fullWidth: !0,
         children: [
-          /* @__PURE__ */ n(_, { children: "Add List Value" }),
-          /* @__PURE__ */ n(E, { children: (l = i.dataTypeInfo) != null && l.innerType ? /* @__PURE__ */ n(
+          /* @__PURE__ */ n(K, { children: "Add List Value" }),
+          /* @__PURE__ */ n(R, { children: (l = i.dataTypeInfo) != null && l.innerType ? /* @__PURE__ */ n(
             ce,
             {
               mapboxAccessToken: e,
@@ -129,13 +129,13 @@ function me({
               onChange: A
             }
           ) : null }),
-          /* @__PURE__ */ h(G, { children: [
+          /* @__PURE__ */ h(U, { children: [
             /* @__PURE__ */ n(
               F,
               {
                 variant: "contained",
                 color: "inherit",
-                onClick: d.action.close,
+                onClick: o.action.close,
                 children: "Cancel"
               }
             ),
@@ -153,21 +153,21 @@ function ce({
   variant: u = "standard",
   size: r = "medium",
   defaultExtent: g,
-  fieldOptions: d,
+  fieldOptions: o,
   // keyAuth,
   onChange: m
 }) {
   var k, C, V;
   const T = (l) => {
-    const o = l.target.value.split(",").map((c) => c.trimStart());
+    const d = l.target.value.split(",").map((c) => c.trimStart());
     m({
-      [e.propertyId]: o
+      [e.propertyId]: d
     });
   }, b = (l) => {
-    const { name: t, type: o, checked: c, value: s } = l.target;
+    const { name: t, type: d, checked: c, value: s } = l.target;
     let f = s;
     e.type === "double" && (f = f.replace(",", "."), f = f.replace(/[^\d.-]+/g, "")), m({
-      [t]: o === "checkbox" ? c : f
+      [t]: d === "checkbox" ? c : f
     });
   }, w = (l) => {
     m({
@@ -190,6 +190,8 @@ function ce({
       [l]: t
     });
   };
+  if (o && o[e.propertyId] && o[e.propertyId].component)
+    return o[e.propertyId].component;
   if ([
     "string",
     "integer",
@@ -200,7 +202,7 @@ function ce({
     "bank-account"
   ].includes(e.type))
     return /* @__PURE__ */ n(
-      p,
+      S,
       {
         label: e.name,
         name: e.propertyId,
@@ -215,11 +217,11 @@ function ce({
         fullWidth: !0,
         InputProps: {
           size: r,
-          ...d && d[e.propertyId] && {
-            tabIndex: d[e.propertyId].order
+          ...o && o[e.propertyId] && {
+            tabIndex: o[e.propertyId].order
           },
           ...e.privacyPreservationMethod === "ENCRYPTION" ? {
-            endAdornment: /* @__PURE__ */ n(H, { position: "end", children: /* @__PURE__ */ n(K, { title: "Encrypted Field", children: /* @__PURE__ */ n(z, {}) }) })
+            endAdornment: /* @__PURE__ */ n(J, { position: "end", children: /* @__PURE__ */ n(Q, { title: "Encrypted Field", children: /* @__PURE__ */ n(j, {}) }) })
           } : {}
         }
       }
@@ -227,7 +229,7 @@ function ce({
   if (e.type === "date") {
     const l = a !== void 0 ? q(a).format() : a;
     return /* @__PURE__ */ n(
-      ae,
+      ee,
       {
         label: e.name,
         value: l,
@@ -235,8 +237,8 @@ function ce({
         size: r,
         name: e.propertyId,
         onChange: w,
-        ...d && d[e.propertyId] && {
-          minDate: d[e.propertyId].minDate
+        ...o && o[e.propertyId] && {
+          minDate: o[e.propertyId].minDate
         }
       }
     );
@@ -244,7 +246,7 @@ function ce({
   if (e.type === "list") {
     let l = "";
     return e.defaultValue && (l = I.isArray(e.defaultValue) ? a.join(", ") : e.defaultValue), a && (l = I.isArray(a) ? a.join(",") : a), /* @__PURE__ */ n(
-      p,
+      S,
       {
         label: e.name,
         name: e.propertyId,
@@ -258,8 +260,8 @@ function ce({
         InputProps: {
           size: r,
           placeholder: r === "small" ? "Add list values with the comma (,) separated string" : "",
-          ...d && d[e.propertyId] && {
-            tabIndex: d[e.propertyId].order
+          ...o && o[e.propertyId] && {
+            tabIndex: o[e.propertyId].order
           }
         }
       }
@@ -302,11 +304,11 @@ function ce({
               value: a ?? "",
               onChange: x,
               inputProps: {
-                ...d && d[e.propertyId] && {
-                  tabIndex: d[e.propertyId].order
+                ...o && o[e.propertyId] && {
+                  tabIndex: o[e.propertyId].order
                 }
               },
-              children: l.map((t, o) => /* @__PURE__ */ n(re, { value: t, children: t }, o))
+              children: l.map((t, d) => /* @__PURE__ */ n(re, { value: t, children: t }, d))
             }
           )
         ]
@@ -314,7 +316,7 @@ function ce({
     );
   }
   return e.type === "geometry" ? /* @__PURE__ */ n(L, { sx: { width: "100%" }, children: /* @__PURE__ */ n(
-    ee,
+    ne,
     {
       mapboxAccessToken: i,
       label: e.name,
@@ -324,7 +326,7 @@ function ce({
       onChange: A(e.propertyId)
     }
   ) }) : e.type === "phone-number" ? /* @__PURE__ */ n(L, { sx: { width: "100%" }, children: /* @__PURE__ */ n(
-    ne,
+    ae,
     {
       label: e.name,
       placeholder: "Enter phone number",

package/dist/main.d.ts

@@ -209,6 +209,17 @@ declare interface DisseminationListProps {
     onChange(value: string[]): void;
 }
 
+export declare const DocumentViewer: FC<DocumentViewerProps>;
+
+declare interface DocumentViewerProps {
+    data: string; // Base64
+    logo: default_2.ReactNode;
+    title: string;
+    rightPanel?: default_2.ReactNode;
+    rightPanelWidth?: number;
+    onBookmark(): void;
+}
+
 declare function encrypt(encryptionKey: any, data: any): Promise<{
     status: string;
     data: string;
@@ -229,6 +240,7 @@ declare interface FieldOptions {
     disabled?: boolean;
     minDate?: Dayjs;
     helperText?: React.ReactNode;
+    component?: React.ReactNode;
     [key: string]: string | number | object | boolean;
 }
 

package/dist/main.js

@@ -5,35 +5,36 @@ import { CardAlternate as $t } from "./components/card-alternate/index.js";
 import { CollapsibleCard as Et } from "./components/collapsible-card/index.js";
 import { ConditionalWrapper as zt } from "./components/conditional-wrapper/index.js";
 import { Container as Nt } from "./components/container/index.js";
-import { ContextMenu as _t } from "./components/context-menu/index.js";
+import { ContextMenu as Vt } from "./components/context-menu/index.js";
 import { DateTimePicker as qt } from "./components/date-time-picker/index.js";
-import { DisseminationList as Kt } from "./components/data-security-selectors/dissemination-list/index.js";
-import { GeometryPicker as Rt } from "./components/geometry-picker/index.js";
-import { IconButton as te } from "./components/icon-button/index.js";
-import { InstanceForm as re } from "./components/instance-form/index.js";
-import { InstanceHierarchyTable as ne } from "./components/instance-hierarchy-table/index.js";
-import { InstanceTable as ae } from "./components/instance-table/index.js";
-import { KeyProtectionMenu as he } from "./components/key-protection/menu.js";
-import { LinearIndicator as ue } from "./components/linear-indicator/index.js";
-import { Loading as fe } from "./components/loading/index.js";
-import { LocalizationProvider as le } from "@mui/x-date-pickers";
-import { PhoneInput as ye } from "./components/phone-input/index.js";
-import { SearchInput as De } from "./components/search-input/index.js";
-import { SecurityLevel as ge } from "./components/data-security-selectors/security-level/index.js";
-import { TemplateForm as Te } from "./components/template-form/index.js";
-import { TemplateFilters as we } from "./components/template-filters/index.js";
-import { TemplatePropertyFilters as ve } from "./components/template-property-filters/index.js";
-import { Property as Se } from "./components/template-property-filters/property.js";
-import { TreeSelect as be } from "./components/tree-select/index.js";
-import { TreeViewFilter as Fe } from "./components/treeview-filter/index.js";
-import { S as Ie } from "./utils-Bq0ye5vf.js";
-import { i as je } from "./index-DlnzUkwe.js";
-import { b as $e } from "./helpers-DaCoWmi2.js";
-import { ThemeProvider as Ee, createTheme as Ue } from "@mui/material";
+import { DocumentViewer as Kt } from "./components/document-viewer/index.js";
+import { DisseminationList as Rt } from "./components/data-security-selectors/dissemination-list/index.js";
+import { GeometryPicker as te } from "./components/geometry-picker/index.js";
+import { IconButton as re } from "./components/icon-button/index.js";
+import { InstanceForm as ne } from "./components/instance-form/index.js";
+import { InstanceHierarchyTable as ae } from "./components/instance-hierarchy-table/index.js";
+import { InstanceTable as he } from "./components/instance-table/index.js";
+import { KeyProtectionMenu as ue } from "./components/key-protection/menu.js";
+import { LinearIndicator as fe } from "./components/linear-indicator/index.js";
+import { Loading as le } from "./components/loading/index.js";
+import { LocalizationProvider as ye } from "@mui/x-date-pickers";
+import { PhoneInput as De } from "./components/phone-input/index.js";
+import { SearchInput as ge } from "./components/search-input/index.js";
+import { SecurityLevel as Te } from "./components/data-security-selectors/security-level/index.js";
+import { TemplateForm as we } from "./components/template-form/index.js";
+import { TemplateFilters as ve } from "./components/template-filters/index.js";
+import { TemplatePropertyFilters as Se } from "./components/template-property-filters/index.js";
+import { Property as be } from "./components/template-property-filters/property.js";
+import { TreeSelect as Fe } from "./components/tree-select/index.js";
+import { TreeViewFilter as Ie } from "./components/treeview-filter/index.js";
+import { S as je } from "./utils-Bq0ye5vf.js";
+import { i as $e } from "./index-DlnzUkwe.js";
+import { b as Ee } from "./helpers-DaCoWmi2.js";
+import { ThemeProvider as ze, createTheme as Ze } from "@mui/material";
 import { a as dt } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import I from "dayjs";
 import { h as U, j as z } from "./createTheme-DrgvKMA_.js";
-import { b as ut } from "./index-CAaDu0NI.js";
+import { b as ut } from "./index-CNMnXD0q.js";
 var tt = { exports: {} };
 (function(l, D) {
   (function(f, c) {
@@ -158,10 +159,10 @@ var et = { exports: {} };
           w && (y = T[2]), n = this.$locale(), !S && y && (n = d.Ls[y]), this.$d = function(j, B, b, P) {
             try {
               if (["x", "X"].indexOf(B) > -1) return new Date((B === "X" ? 1e3 : 1) * j);
-              var m = F(B)(j), 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(), _ = nt || (N || $ ? 1 : J.getDate()), V = N || J.getFullYear(), W = 0;
+              var m = F(B)(j), 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;
               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(V, W, _, q, G, K, Q + 60 * R.offset * 1e3)) : b ? new Date(Date.UTC(V, W, _, q, G, K, Q)) : (E = new Date(V, W, _, q, G, K, Q), X && (E = P(E).week(X).toDate()), E);
+              return R ? new Date(Date.UTC(_, W, V, q, G, K, Q + 60 * R.offset * 1e3)) : b ? new Date(Date.UTC(_, W, V, q, G, K, Q)) : (E = new Date(_, W, V, q, G, K, Q), X && (E = P(E).week(X).toDate()), E);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
@@ -386,38 +387,39 @@ class St {
 }
 export {
   Ht as Access,
-  $e as AccessUtils,
+  Ee as AccessUtils,
   St as AdapterDayjs,
   jt as Card,
   $t as CardAlternate,
   Et as CollapsibleCard,
   zt as ConditionalWrapper,
   Nt as Container,
-  _t as ContextMenu,
+  Vt as ContextMenu,
   qt as DateTimePicker,
-  Kt as DisseminationList,
-  Rt as GeometryPicker,
-  te as IconButton,
-  re as InstanceForm,
-  ne as InstanceHierarchyTable,
-  ae as InstanceTable,
-  Ie as KeyProductionUtils,
-  he as KeyProtectionMenu,
-  ue as LinearIndicator,
-  fe as Loading,
-  le as LocalizationProvider,
-  je as Map,
-  ye as PhoneInput,
-  Se as PropertyFilterInput,
-  De as SearchInput,
-  ge as SecurityLevel,
-  we as TemplateFilters,
-  Te as TemplateForm,
-  ve as TemplatePropertyFilters,
-  Ee as ThemeProvider,
-  be as TreeSelect,
-  Fe as TreeViewFilter,
+  Rt as DisseminationList,
+  Kt as DocumentViewer,
+  te as GeometryPicker,
+  re as IconButton,
+  ne as InstanceForm,
+  ae as InstanceHierarchyTable,
+  he as InstanceTable,
+  je as KeyProductionUtils,
+  ue as KeyProtectionMenu,
+  fe as LinearIndicator,
+  le as Loading,
+  ye as LocalizationProvider,
+  $e as Map,
+  De as PhoneInput,
+  be as PropertyFilterInput,
+  ge as SearchInput,
+  Te as SecurityLevel,
+  ve as TemplateFilters,
+  we as TemplateForm,
+  Se as TemplatePropertyFilters,
+  ze as ThemeProvider,
+  Fe as TreeSelect,
+  Ie as TreeViewFilter,
   Bt as alert,
   It as confirm,
-  Ue as createTheme
+  Ze as createTheme
 };