@hybridcore/ui 1.5.13 → 1.5.16

package/dist/components/document-viewer/index.js

@@ -0,0 +1,52 @@
+import { jsxs as i, jsx as o, Fragment as h } from "react/jsx-runtime";
+import { Box as n, AppBar as d, Toolbar as l } from "@mui/material";
+import { ActionButtons as c } from "./components/action-buttons/index.js";
+import m from "./components/viewer/index.js";
+import { useDocumentViewerLogic as g } from "./logic.js";
+import { SidePanelToggleButton as s, SidePanel as f } from "./styled.js";
+import { DoubleArrow as u } from "@mui/icons-material";
+const S = (r) => {
+  const { refs: a, state: e, action: t } = g(r);
+  return /* @__PURE__ */ i(n, { bgcolor: "#ededed", children: [
+    /* @__PURE__ */ o(d, { color: "inherit", children: /* @__PURE__ */ i(l, { sx: { justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ o(n, { children: r.logo }),
+      /* @__PURE__ */ o(n, {}),
+      /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(
+        c,
+        {
+          onBookmark: r.onBookmark,
+          onDownload: t.onDownload,
+          onFullScreen: t.onFullScreen,
+          onPrint: t.onPrint
+        }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ o(l, {}),
+    /* @__PURE__ */ o(n, { mr: `${e.rightPanelWidth}px`, sx: { transition: "all .3s" }, children: e.blob ? /* @__PURE__ */ o(m, { ref: a.viewer, data: e.blob }) : null }),
+    r.rightPanel ? /* @__PURE__ */ i(h, { children: [
+      /* @__PURE__ */ o(
+        s,
+        {
+          sx: { right: e.rightPanelWidth },
+          onClick: t.toggleRightPanel,
+          children: /* @__PURE__ */ o(
+            u,
+            {
+              sx: {
+                fontSize: 14,
+                transform: `rotate(${e.rightPanelWidth ? 0 : 180}deg)`
+              }
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ i(f, { width: e.rightPanelWidth, right: 0, children: [
+        /* @__PURE__ */ o(l, {}),
+        r.rightPanel
+      ] })
+    ] }) : null
+  ] });
+};
+export {
+  S as DocumentViewer
+};

package/dist/components/document-viewer/logic.js

@@ -0,0 +1,44 @@
+import { useRef as f, useState as i, useEffect as b } from "react";
+import { b64toBlob as g, printBlob as p, downloadBlob as w } from "./utils.js";
+const D = ({
+  data: t,
+  title: s,
+  rightPanel: c,
+  rightPanelWidth: n = 450
+}) => {
+  const o = f(null), [e, u] = i();
+  b(() => ((async () => {
+    const a = await g(t, "application/pdf");
+    u(a);
+  })(), () => {
+  }), [t]);
+  const [r, l] = i(
+    c ? n : 0
+  );
+  return {
+    refs: {
+      viewer: o
+    },
+    state: {
+      blob: e,
+      rightPanelWidth: r
+    },
+    action: {
+      onPrint: () => {
+        e && p(e);
+      },
+      onFullScreen: () => {
+        o.current && o.current.requestFullscreen();
+      },
+      onDownload: () => {
+        e && w(e, s);
+      },
+      toggleRightPanel: () => {
+        l(r ? 0 : n);
+      }
+    }
+  };
+};
+export {
+  D as useDocumentViewerLogic
+};

package/dist/components/document-viewer/styled.js

@@ -0,0 +1,39 @@
+import { styled as o, Button as r, alpha as n, InputBase as e, Box as i } from "@mui/material";
+const a = o(r)(({ theme: t }) => ({
+  color: t.palette.grey[500],
+  minWidth: "auto",
+  "&:hover": {
+    backgroundColor: n(t.palette.grey[500], 0.15),
+    color: t.palette.grey[700]
+  }
+})), d = o(e)(() => ({
+  border: "1px solid",
+  borderColor: "#E9E9EA",
+  background: "#F8F8F8",
+  width: 40,
+  fontSize: 14,
+  "& .MuiInputBase-input": {
+    textAlign: "center"
+  }
+})), s = o(i)({
+  position: "fixed",
+  top: 0,
+  bottom: 0,
+  backgroundColor: "#fff",
+  transition: "all .3s",
+  overflow: "auto"
+}), p = o(a)({
+  position: "fixed",
+  top: 75,
+  marginRight: 10,
+  background: "#fff",
+  borderRadius: 4,
+  border: "1px solid rgba(0, 0, 0, 0.12)",
+  transition: "all .3s"
+});
+export {
+  a as Button,
+  d as Input,
+  s as SidePanel,
+  p as SidePanelToggleButton
+};

package/dist/components/document-viewer/utils.js

@@ -0,0 +1,25 @@
+const c = async (t, n = "") => await (await fetch(`data:${n};base64,${t}`)).blob();
+function a(t, n = "file.txt") {
+  const e = URL.createObjectURL(t), o = document.createElement("a");
+  o.href = e, o.download = n, document.body.appendChild(o), o.dispatchEvent(
+    new MouseEvent("click", {
+      bubbles: !0,
+      cancelable: !0,
+      view: window
+    })
+  ), document.body.removeChild(o);
+}
+const b = (t) => {
+  const n = URL.createObjectURL(t), e = document.createElement("iframe");
+  document.body.appendChild(e), e.style.display = "none", e.src = n, e.onload = function() {
+    setTimeout(function() {
+      var o;
+      e.focus(), (o = e.contentWindow) == null || o.print();
+    }, 1);
+  };
+};
+export {
+  c as b64toBlob,
+  a as downloadBlob,
+  b as printBlob
+};

package/dist/components/instance-form/components/composite-list/index.js

@@ -3,7 +3,7 @@ import "@mui/material";
 import "./styled.js";
 import "@mui/icons-material";
 import "../../../../hooks/useToggle.js";
-import { C as l } from "../../../../index-D-mTkx9Q.js";
+import { C as l } from "../../../../index-CdecY907.js";
 import "react";
 import "lodash";
 import "dayjs";

package/dist/components/instance-form/components/variable/index.js

@@ -1,17 +1,17 @@
 import "react/jsx-runtime";
-import "lodash";
-import "dayjs";
-import { V as g } from "../../../../index-D-mTkx9Q.js";
-import "@mui/material";
 import "@mui/icons-material";
+import "@mui/material";
+import "dayjs";
+import "lodash";
+import { V as g } from "../../../../index-CdecY907.js";
+import "../../../date-time-picker/index.js";
 import "../../../geometry-picker/index.js";
 import "../../../phone-input/index.js";
-import "../../../date-time-picker/index.js";
-import "../../../../TextField-BjFXx91l.js";
+import "../../../../TextField-CdKnj6de.js";
 import "../../../../FormControlLabel-BNT5EI0b.js";
 import "../../../../Checkbox-B0P8LhCl.js";
 import "../../../../InputLabel-ClDXuWBr.js";
-import "../../../../Select-ush_fSWy.js";
+import "../../../../Select-DuyWoyoF.js";
 import "../../../../MenuItem-Lcjh1XlV.js";
 import "../../../../Box-SSMZuKnS.js";
 export {

package/dist/components/instance-form/components/variables/index.js

@@ -1,6 +1,6 @@
 import { jsx as u, Fragment as l, jsxs as I } from "react/jsx-runtime";
 import _ from "react";
-import { V as b } from "../../../../index-D-mTkx9Q.js";
+import { V as b } from "../../../../index-CdecY907.js";
 import g from "lodash";
 import { Box as i } from "@mui/material";
 function B({

package/dist/components/property-mapping/index.js

@@ -5,7 +5,7 @@ import { DataGrid as fe } from "@mui/x-data-grid";
 import { useState as H, useEffect as ue } from "react";
 import h from "lodash";
 import { e as ye } from "../../ol-9hySGI6D.js";
-import { V as he } from "../../index-D-mTkx9Q.js";
+import { V as he } from "../../index-CdecY907.js";
 import { RangeSelector as me } from "../range-selector/index.js";
 const $e = ({
   open: F,

package/dist/components/range-selector/components/composite-list-range/index.js

@@ -3,7 +3,7 @@ import { Box as f, TextField as u } from "@mui/material";
 import x from "../number-range/index.js";
 import I from "../string-range/index.js";
 import C from "../geometry-range/index.js";
-import { D as c } from "../../../../index-CAaDu0NI.js";
+import { D as c } from "../../../../index-CNMnXD0q.js";
 function j({
   value: n,
   innerType: e,

package/dist/components/range-selector/components/date-range/index.js

@@ -3,7 +3,7 @@ import "@mui/material";
 import "@mui/icons-material";
 import "dayjs";
 import "../../../../hooks/useToggle.js";
-import { D as e } from "../../../../index-CAaDu0NI.js";
+import { D as e } from "../../../../index-CNMnXD0q.js";
 export {
   e as default
 };

package/dist/components/range-selector/index.js

@@ -1,7 +1,7 @@
 import { jsx as t, Fragment as a } from "react/jsx-runtime";
 import n from "lodash";
 import f from "./components/composite-list-range/index.js";
-import { D as g } from "../../index-CAaDu0NI.js";
+import { D as g } from "../../index-CNMnXD0q.js";
 import u from "./components/geometry-range/index.js";
 import l from "./components/number-range/index.js";
 import s from "./components/string-range/index.js";

package/dist/components/template-form/components/property-list/index.js

@@ -2,13 +2,13 @@ import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { DataGrid as d } from "@mui/x-data-grid";
 import { A as n, a as m, d as s } from "../../../../Add-BKnWHZ7A.js";
 import p from "./property-list-columns.js";
-import { a as c } from "../../../../property-list-form-CLSTkOmv.js";
+import { a as c } from "../../../../property-list-form-DALcsCp5.js";
 import u from "./property-list-logic.js";
 import { B as f } from "../../../../Box-SSMZuKnS.js";
 import { T as y } from "../../../../Typography-CLq43OVQ.js";
 import { B as h } from "../../../../Button-jy67CcTH.js";
-import { D as g, a as b } from "../../../../DialogContent-CtA2aNum.js";
-import { D } from "../../../../dialog-BDt1r9fh.js";
+import { D as g, a as b } from "../../../../DialogContent-B8pD_s9h.js";
+import { D } from "../../../../dialog-C7_6_FBz.js";
 function v(t) {
   var a;
   const { state: o, action: r } = u(t);

package/dist/components/template-form/components/property-list/property-list-form.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
 import "react";
 import "lodash";
-import { a as b } from "../../../../property-list-form-CLSTkOmv.js";
+import { a as b } from "../../../../property-list-form-DALcsCp5.js";
 import "../../../../constants/index.js";
-import "../../../../TextField-BjFXx91l.js";
+import "../../../../TextField-CdKnj6de.js";
 import "../../../../InputLabel-ClDXuWBr.js";
-import "../../../../Select-ush_fSWy.js";
+import "../../../../Select-DuyWoyoF.js";
 import "../../../../MenuItem-Lcjh1XlV.js";
 import "../../../../FormControlLabel-BNT5EI0b.js";
 import "../../../../Checkbox-B0P8LhCl.js";

package/dist/components/template-form/components/recognition-property-list/index.js

@@ -7,8 +7,8 @@ import p from "./recognition-property-list-logic.js";
 import { B as g } from "../../../../Box-SSMZuKnS.js";
 import { T as u } from "../../../../Typography-CLq43OVQ.js";
 import { B as h } from "../../../../Button-jy67CcTH.js";
-import { D as f, a as y } from "../../../../DialogContent-CtA2aNum.js";
-import { D as b } from "../../../../dialog-BDt1r9fh.js";
+import { D as f, a as y } from "../../../../DialogContent-B8pD_s9h.js";
+import { D as b } from "../../../../dialog-C7_6_FBz.js";
 function L(i) {
   const { state: l, action: t } = p(i);
   return /* @__PURE__ */ r(g, { children: [

package/dist/components/template-form/components/recognition-property-list/recognition-property-list-form.js

@@ -3,9 +3,9 @@ import o from "react";
 import { r as C, i as g } from "../../../../createSvgIcon-BXjHHQ0B.js";
 import { RECOGNITION_PROPERTY_OWNER_TYPE as h, RECOGNITION_PROPERTY_TYPE as T, RECOGNITION_PROPERTY_TERM_MATCH as v } from "../../../../constants/index.js";
 import { F as c, I as u } from "../../../../InputLabel-ClDXuWBr.js";
-import { S as d } from "../../../../Select-ush_fSWy.js";
+import { S as d } from "../../../../Select-DuyWoyoF.js";
 import { M as m } from "../../../../MenuItem-Lcjh1XlV.js";
-import { T as b } from "../../../../TextField-BjFXx91l.js";
+import { T as b } from "../../../../TextField-CdKnj6de.js";
 import { B as M } from "../../../../Box-SSMZuKnS.js";
 import { B as y } from "../../../../Button-jy67CcTH.js";
 var p = {}, q = g;

package/dist/components/template-form/index.js

@@ -9,8 +9,8 @@ import { getNestedChildrenFromMap as L } from "../../utils/ontology.js";
 import { TreeSelect as _ } from "../tree-select/index.js";
 import { FormLabel as w, Button as b } from "@mui/material";
 import A from "./components/select-icon/index.js";
-import { T as m } from "../../TextField-BjFXx91l.js";
-import { F as g } from "../../property-list-form-CLSTkOmv.js";
+import { T as m } from "../../TextField-CdKnj6de.js";
+import { F as g } from "../../property-list-form-DALcsCp5.js";
 import { F as d } from "../../FormControlLabel-BNT5EI0b.js";
 import { C as c } from "../../Checkbox-B0P8LhCl.js";
 import { B as p } from "../../Box-SSMZuKnS.js";

package/dist/components/template-property-filters/property.js

@@ -5,7 +5,7 @@ import { KeyboardArrowUp as z, KeyboardArrowDown as L } from "@mui/icons-materia
 import { Typography as f, FormLabel as P, FormGroup as D, Button as W } from "@mui/material";
 import { DatePicker as C } from "@mui/x-date-pickers";
 import { B as d } from "../../Box-SSMZuKnS.js";
-import { T as b } from "../../TextField-BjFXx91l.js";
+import { T as b } from "../../TextField-CdKnj6de.js";
 import { F as O } from "../../FormControlLabel-BNT5EI0b.js";
 import { C as k } from "../../Checkbox-B0P8LhCl.js";
 import { F as B } from "../../InputLabel-ClDXuWBr.js";

package/dist/components/tree-select/index.js

@@ -4,9 +4,9 @@ import { TreeViewFilter as _ } from "../treeview-filter/index.js";
 import s from "lodash";
 import { flattenNestedTemplates as b } from "../../utils/ontology.js";
 import { F as A, I as M } from "../../InputLabel-ClDXuWBr.js";
-import { S as j } from "../../Select-ush_fSWy.js";
+import { S as j } from "../../Select-DuyWoyoF.js";
 import { M as B } from "../../MenuItem-Lcjh1XlV.js";
-import { D as k, a as w, b as L } from "../../DialogContent-CtA2aNum.js";
+import { D as k, a as w, b as L } from "../../DialogContent-B8pD_s9h.js";
 import { B as N } from "../../Button-jy67CcTH.js";
 const U = ({
   data: m,

package/dist/{dialog-BDt1r9fh.js → dialog-C7_6_FBz.js}

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as p } from "react/jsx-runtime";
 import { confirmable as x } from "react-confirm";
 import { IconButton as h } from "@mui/material";
 import { Close as C } from "@mui/icons-material";
-import { c as D, g as T, D as b, a as y, b as B } from "./DialogContent-CtA2aNum.js";
+import { c as D, g as T, D as b, a as y, b as B } from "./DialogContent-B8pD_s9h.js";
 import { _ as j, a as v } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as d from "react";
 import { P as o } from "./createTheme-DrgvKMA_.js";

package/dist/empty-GlqisfcO-GlqisfcO.js

@@ -0,0 +1,4 @@
+var a = null;
+export {
+  a as default
+};