@hybridcore/ui 1.6.0 → 1.6.2

package/dist/components/date-range-picker/styled.js

@@ -0,0 +1,14 @@
+import { styled as e, Box as o, Typography as t } from "@mui/material";
+const r = e(o, {
+  name: "HCDateRangePicker",
+  slot: "root"
+})({
+  position: "relative"
+}), n = e(t, {
+  name: "HCDateRangePicker",
+  slot: "label"
+})({});
+export {
+  n as DateRangePickerLabel,
+  r as DateRangePickerRoot
+};

package/dist/components/date-time-picker/index.js

@@ -1,89 +1,88 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { Schedule as v } from "@mui/icons-material";
-import { Menu as g, MenuItem as b } from "@mui/material";
-import { DatePicker as x } from "@mui/x-date-pickers";
-import * as M from "react";
-import { useDateTimePickerLogic as S } from "./logic.js";
-import { DateTimePickerRoot as Y, DateTimePickerLabel as w, DateTimePickerContainer as z, DateTimePickerTimeInputContainer as E, DateTimePickerTimeInput as I, DateTimePickerTimeButton as L } from "./styled.js";
-const B = M.forwardRef((l, c) => {
+import { Schedule as C } from "@mui/icons-material";
+import { Menu as v, MenuItem as g } from "@mui/material";
+import { DatePicker as b } from "@mui/x-date-pickers";
+import { useDateTimePickerLogic as x } from "./logic.js";
+import { DateTimePickerRoot as M, DateTimePickerLabel as S, DateTimePickerContainer as Y, DateTimePickerTimeInputContainer as z, DateTimePickerTimeInput as E, DateTimePickerTimeButton as I } from "./styled.js";
+const O = (l) => {
   const {
-    name: s,
-    minDate: p,
-    variant: d,
-    label: o,
+    name: c,
+    minDate: s,
+    variant: h,
+    label: n,
     labelPosition: a,
-    size: h,
-    pattern: u,
+    size: p,
+    pattern: d,
     date: i,
-    timeOptions: f,
-    menu: n,
-    handleDateChange: D,
-    handleTimeChange: T,
-    handleTimeSelect: k,
+    timeOptions: u,
+    menu: o,
+    handleDateChange: f,
+    handleTimeChange: D,
+    handleTimeSelect: T,
     ownerState: t,
-    sx: P,
-    other: C
-  } = S(l);
-  return /* @__PURE__ */ m(Y, { ref: c, ownerState: t, sx: P, ...C, children: [
-    a === "top" && o !== void 0 && /* @__PURE__ */ e(w, { ownerState: t, children: o }),
-    /* @__PURE__ */ m(z, { ownerState: t, children: [
+    sx: k,
+    other: P
+  } = x(l);
+  return /* @__PURE__ */ m(M, { ownerState: t, sx: k, ...P, children: [
+    a === "top" && n !== void 0 && /* @__PURE__ */ e(S, { ownerState: t, children: n }),
+    /* @__PURE__ */ m(Y, { ownerState: t, children: [
       /* @__PURE__ */ e(
-        x,
+        b,
         {
-          label: a === "default" ? o : void 0,
+          label: a === "default" ? n : void 0,
           value: i,
           format: "DD/MM/YYYY",
-          minDate: p,
-          onChange: D,
+          minDate: s,
+          onChange: f,
           slotProps: {
             textField: {
-              variant: d,
-              size: h,
+              variant: h,
+              size: p,
               // When we render our own label above (labelPosition === "top")
               // or there's no label at all, tell the TextField to skip
               // reserving space for its internal floating label — otherwise
               // the filled variant in particular renders taller than the
               // time input next to it.
-              hiddenLabel: a !== "default" || o === void 0
+              hiddenLabel: a !== "default" || n === void 0
             }
           }
         }
       ),
-      /* @__PURE__ */ m(E, { ownerState: t, children: [
+      /* @__PURE__ */ m(z, { ownerState: t, children: [
         /* @__PURE__ */ e(
-          I,
+          E,
           {
             ownerState: t,
-            format: u,
+            format: d,
             allowEmptyFormatting: !0,
             value: i == null ? void 0 : i.format("HH:mm:ss"),
-            onChange: T
+            onChange: D
           }
         ),
         /* @__PURE__ */ e(
-          L,
+          I,
           {
             ownerState: t,
-            onClick: n.action.open,
+            onClick: o.action.open,
             size: "small",
-            children: /* @__PURE__ */ e(v, { fontSize: "small" })
+            children: /* @__PURE__ */ e(C, { fontSize: "small" })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ e(
-      g,
+      v,
       {
         id: "time-menu",
-        anchorEl: n.state.anchorEl,
-        open: n.state.isOpen,
-        onClose: n.action.close,
-        children: f.map((r) => /* @__PURE__ */ e(b, { onClick: k(r), children: r }, r))
+        anchorEl: o.state.anchorEl,
+        open: o.state.isOpen,
+        onClose: o.action.close,
+        children: u.map((r) => /* @__PURE__ */ e(g, { onClick: T(r), children: r }, r))
       }
     ),
-    /* @__PURE__ */ e("input", { type: "hidden", name: s, value: (i == null ? void 0 : i.format()) ?? "" })
+    /* @__PURE__ */ e("input", { type: "hidden", name: c, value: (i == null ? void 0 : i.format()) ?? "" })
   ] });
-});
+};
 export {
-  B as DateTimePicker
+  O as DateTimePicker
 };

package/dist/components/divider/index.js

@@ -1,18 +1,18 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useDividerLogic as m } from "./logic.js";
-import { DividerRoot as f } from "./styled.js";
-function d(o) {
-  const { orientation: r, ownerState: i, sx: t, other: e } = m(o);
-  return /* @__PURE__ */ n(
-    f,
+import { jsx as m } from "react/jsx-runtime";
+import { useDividerLogic as n } from "./logic.js";
+import { DividerRoot as s } from "./styled.js";
+const f = (o) => {
+  const { orientation: r, ownerState: t, sx: i, other: e } = n(o);
+  return /* @__PURE__ */ m(
+    s,
     {
-      ownerState: i,
+      ownerState: t,
       orientation: r,
-      sx: t,
+      sx: i,
       ...e
     }
   );
-}
+};
 export {
-  d as Divider
+  f as Divider
 };

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

@@ -1,21 +1,21 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { Box as m, Divider as t, Tooltip as i } from "@mui/material";
-import { Button as l } from "../../styled.js";
-import { Subject as a, BookmarkBorder as s, PrintOutlined as f, OpenInFull as u, FileDownloadOutlined as h } from "@mui/icons-material";
-const S = ({
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { Subject as d, BookmarkBorder as u, PrintOutlined as a, OpenInFull as s, FileDownloadOutlined as f } from "@mui/icons-material";
+import { Tooltip as i } from "@mui/material";
+import { DocumentViewerActionButtonsRow as h, DocumentViewerActionButton as t, DocumentViewerActionDivider as o } from "../../styled.js";
+const B = ({
   onBookmark: n,
-  onDownload: o,
+  onDownload: l,
   onFullScreen: r,
   onPrint: c
-}) => /* @__PURE__ */ d(m, { display: "flex", gap: 1, alignItems: "center", children: [
-  /* @__PURE__ */ e(l, { disabled: !0, children: /* @__PURE__ */ e(a, { fontSize: "small" }) }),
-  /* @__PURE__ */ e(t, { orientation: "vertical", flexItem: !0 }),
-  /* @__PURE__ */ e(i, { title: "Bookmark Document", children: /* @__PURE__ */ e(l, { onClick: n, children: /* @__PURE__ */ e(s, { fontSize: "small" }) }) }),
-  /* @__PURE__ */ e(i, { title: "Print", children: /* @__PURE__ */ e(l, { onClick: c, children: /* @__PURE__ */ e(f, { fontSize: "small" }) }) }),
-  /* @__PURE__ */ e(i, { title: "Fullscreen", children: /* @__PURE__ */ e(l, { onClick: r, children: /* @__PURE__ */ e(u, { fontSize: "small" }) }) }),
-  /* @__PURE__ */ e(t, { orientation: "vertical", flexItem: !0 }),
-  /* @__PURE__ */ e(i, { title: "Download", children: /* @__PURE__ */ e(l, { onClick: o, children: /* @__PURE__ */ e(h, { fontSize: "small" }) }) })
+}) => /* @__PURE__ */ m(h, { children: [
+  /* @__PURE__ */ e(t, { disabled: !0, children: /* @__PURE__ */ e(d, { fontSize: "small" }) }),
+  /* @__PURE__ */ e(o, { orientation: "vertical", flexItem: !0 }),
+  /* @__PURE__ */ e(i, { title: "Bookmark Document", children: /* @__PURE__ */ e(t, { onClick: n, children: /* @__PURE__ */ e(u, { fontSize: "small" }) }) }),
+  /* @__PURE__ */ e(i, { title: "Print", children: /* @__PURE__ */ e(t, { onClick: c, children: /* @__PURE__ */ e(a, { fontSize: "small" }) }) }),
+  /* @__PURE__ */ e(i, { title: "Fullscreen", children: /* @__PURE__ */ e(t, { onClick: r, children: /* @__PURE__ */ e(s, { fontSize: "small" }) }) }),
+  /* @__PURE__ */ e(o, { orientation: "vertical", flexItem: !0 }),
+  /* @__PURE__ */ e(i, { title: "Download", children: /* @__PURE__ */ e(t, { onClick: l, children: /* @__PURE__ */ e(f, { fontSize: "small" }) }) })
 ] });
 export {
-  S as ActionButtons
+  B as ActionButtons
 };

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

@@ -1,25 +1,25 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { Box as l, Divider as t, Typography as a } from "@mui/material";
-import { Remove as m, Add as d, ChevronLeft as f, ChevronRight as c, ZoomOutMap as h } from "@mui/icons-material";
-import { Button as i, Input as p } from "../../styled.js";
+import { Remove as l, Add as m, ChevronLeft as a, ChevronRight as d, ZoomOutMap as c } from "@mui/icons-material";
+import { Box as f, Divider as t, Typography as h } from "@mui/material";
+import { DocumentViewerActionButton as i, DocumentViewerInput as p } from "../../styled.js";
 const I = ({
   currentPage: r,
   totalPage: o
-}) => /* @__PURE__ */ n(l, { display: "flex", gap: 1, alignItems: "center", children: [
+}) => /* @__PURE__ */ n(f, { display: "flex", gap: 1, alignItems: "center", children: [
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(l, { fontSize: "small" }) }),
   /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(m, { fontSize: "small" }) }),
-  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(d, { fontSize: "small" }) }),
   /* @__PURE__ */ e(t, { orientation: "vertical", flexItem: !0 }),
-  /* @__PURE__ */ e(i, { disabled: r === 1, children: /* @__PURE__ */ e(f, {}) }),
+  /* @__PURE__ */ e(i, { disabled: r === 1, children: /* @__PURE__ */ e(a, {}) }),
   /* @__PURE__ */ e(t, { orientation: "vertical", flexItem: !0 }),
   /* @__PURE__ */ e(p, { value: r }),
-  /* @__PURE__ */ n(a, { variant: "body2", children: [
+  /* @__PURE__ */ n(h, { variant: "body2", children: [
     "/",
     o
   ] }),
   /* @__PURE__ */ e(t, { orientation: "vertical", flexItem: !0 }),
-  /* @__PURE__ */ e(i, { disabled: r === o, children: /* @__PURE__ */ e(c, {}) }),
+  /* @__PURE__ */ e(i, { disabled: r === o, children: /* @__PURE__ */ e(d, {}) }),
   /* @__PURE__ */ e(t, { orientation: "vertical", flexItem: !0 }),
-  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(h, {}) })
+  /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(c, {}) })
 ] });
 export {
   I as Navigation

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

@@ -1,38 +1,34 @@
-import { jsx as e, Fragment as o } from "react/jsx-runtime";
-import * as t from "react";
-import { K as s, T as d, o as f, a as i, l as m, s as n, b as u, E as l, d as p, S as c, _ as w, e as R } from "../../../../txt-U0b7DL6j.js";
-import { Box as S } from "@mui/material";
-import '../../../../assets/index3.css';const T = t.forwardRef(function(r, a) {
-  return r.data ? /* @__PURE__ */ e(S, { ref: a, overflow: "auto", children: /* @__PURE__ */ e(
-    s,
-    {
-      documents: [{ uri: window.URL.createObjectURL(r.data) }],
-      pluginRenderers: [
-        d,
-        f,
-        i,
-        m,
-        n,
-        u,
-        l,
-        p,
-        c,
-        w,
-        R
-      ],
-      config: {
-        header: {
-          disableHeader: !0
-        },
-        pdfZoom: {
-          defaultZoom: 0.5,
-          zoomJump: 0.1
-        },
-        pdfVerticalScrollByDefault: !0
-      }
+import { jsx as a } from "react/jsx-runtime";
+import { K as r, T as s, o, a as t, l as d, s as l, b as u, E as i, d as n, S as m, _ as p, e as f } from "../../../../txt-U0b7DL6j.js";
+import '../../../../assets/index3.css';const S = (e) => e.data ? /* @__PURE__ */ a(
+  r,
+  {
+    documents: [{ uri: window.URL.createObjectURL(e.data) }],
+    pluginRenderers: [
+      s,
+      o,
+      t,
+      d,
+      l,
+      u,
+      i,
+      n,
+      m,
+      p,
+      f
+    ],
+    config: {
+      header: {
+        disableHeader: !0
+      },
+      pdfZoom: {
+        defaultZoom: 0.5,
+        zoomJump: 0.1
+      },
+      pdfVerticalScrollByDefault: !0
     }
-  ) }) : /* @__PURE__ */ e(o, {});
-});
+  }
+) : null;
 export {
-  T as default
+  S as Viewer
 };

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

@@ -1,52 +1,44 @@
-import { jsxs as i, jsx as o, Fragment as c } from "react/jsx-runtime";
-import { Box as t, AppBar as h, Toolbar as l } from "@mui/material";
-import { ActionButtons as d } 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 u } from "./styled.js";
-import { DoubleArrow as f } from "@mui/icons-material";
-const S = (e) => {
-  const { refs: a, state: n, action: r } = g(e);
-  return /* @__PURE__ */ i(t, { bgcolor: "#ededed", children: [
-    /* @__PURE__ */ o(h, { color: "inherit", children: /* @__PURE__ */ i(l, { sx: { justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ o(t, { children: e.logo }),
-      /* @__PURE__ */ o(t, {}),
-      /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(
-        d,
+import { jsxs as r, jsx as e, Fragment as c } from "react/jsx-runtime";
+import { DoubleArrow as m } from "@mui/icons-material";
+import { Toolbar as i } from "@mui/material";
+import { ActionButtons as a } from "./components/action-buttons/index.js";
+import { Viewer as w } from "./components/viewer/index.js";
+import { useDocumentViewerLogic as u } from "./logic.js";
+import { DocumentViewerRoot as d, DocumentViewerAppBar as D, DocumentViewerToolbar as h, DocumentViewerLogo as V, DocumentViewerNavigation as g, DocumentViewerActions as S, DocumentViewerContent as f, DocumentViewerViewer as s, DocumentViewerSidePanelToggleButton as P, DocumentViewerSidePanelToggleIcon as b, DocumentViewerSidePanel as k } from "./styled.js";
+const j = (o) => {
+  const { refs: l, state: n, actions: t } = u(o);
+  return /* @__PURE__ */ r(d, { sx: n.sx, children: [
+    /* @__PURE__ */ e(D, { color: "inherit", children: /* @__PURE__ */ r(h, { children: [
+      /* @__PURE__ */ e(V, { children: o.logo }),
+      /* @__PURE__ */ e(g, {}),
+      /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
+        a,
         {
-          onBookmark: e.onBookmark,
-          onDownload: r.onDownload,
-          onFullScreen: r.onFullScreen,
-          onPrint: r.onPrint
+          onBookmark: o.onBookmark,
+          onDownload: t.onDownload,
+          onFullScreen: t.onFullScreen,
+          onPrint: t.onPrint
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ o(l, {}),
-    /* @__PURE__ */ o(t, { mr: `${n.rightPanelWidth}px`, sx: { transition: "all .3s" }, children: e.customContent ? e.customContent : n.blob ? /* @__PURE__ */ o(m, { ref: a.viewer, data: n.blob }) : null }),
-    e.rightPanel ? /* @__PURE__ */ i(c, { children: [
-      /* @__PURE__ */ o(
-        s,
+    /* @__PURE__ */ e(i, {}),
+    /* @__PURE__ */ e(f, { ownerState: n.ownerState, children: o.customContent ? o.customContent : n.blob ? /* @__PURE__ */ e(s, { ref: l.viewerRef, children: /* @__PURE__ */ e(w, { data: n.blob }) }) : null }),
+    o.rightPanel ? /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ e(
+        P,
         {
-          sx: { right: n.rightPanelWidth },
-          onClick: r.toggleRightPanel,
-          children: /* @__PURE__ */ o(
-            f,
-            {
-              sx: {
-                fontSize: 14,
-                transform: `rotate(${n.rightPanelWidth ? 0 : 180}deg)`
-              }
-            }
-          )
+          ownerState: n.ownerState,
+          onClick: t.toggleRightPanel,
+          children: /* @__PURE__ */ e(b, { ownerState: n.ownerState, children: /* @__PURE__ */ e(m, {}) })
         }
       ),
-      /* @__PURE__ */ i(u, { width: n.rightPanelWidth, right: 0, children: [
-        /* @__PURE__ */ o(l, {}),
-        e.rightPanel
+      /* @__PURE__ */ r(k, { ownerState: n.ownerState, children: [
+        /* @__PURE__ */ e(i, {}),
+        o.rightPanel
       ] })
     ] }) : null
   ] });
 };
 export {
-  S as DocumentViewer
+  j as DocumentViewer
 };

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

@@ -1,46 +1,53 @@
-import { useRef as f, useState as s, useEffect as g } from "react";
-import { b64toBlob as b, printBlob as w, downloadBlob as p } from "./utils.js";
-const D = ({
-  data: e,
-  title: c,
-  rightPanel: u,
-  rightPanelWidth: n = 450
-}) => {
-  const t = f(null), [o, a] = s();
-  g(() => ((async () => {
-    if (e) {
-      const i = await b(e, "application/pdf");
-      console.log(await i.text()), a(i);
+import { useThemeProps as b } from "@mui/material";
+import { useRef as w, useState as a, useEffect as R } from "react";
+import { b64toBlob as x, printBlob as B, downloadBlob as W } from "./utils.js";
+const F = (c) => {
+  const r = b({ props: c, name: "HCDocumentViewer" }), {
+    data: n,
+    title: u,
+    rightPanel: s,
+    rightPanelWidth: i = 450
+  } = r, o = w(null), [t, f] = a(), [e, l] = a(
+    s ? i : 0
+  );
+  R(() => ((async () => {
+    if (n) {
+      const P = await x(n, "application/pdf");
+      f(P);
     }
   })(), () => {
-  }), [e]);
-  const [l, r] = s(
-    u ? n : 0
-  );
+  }), [n]);
+  const h = () => {
+    t && B(t);
+  }, p = () => {
+    o.current && o.current.requestFullscreen();
+  }, d = () => {
+    t && W(t, u);
+  }, g = () => {
+    l(e ? 0 : i);
+  }, m = {
+    rightPanelExpanded: e > 0,
+    rightPanelWidth: e,
+    hasRightPanel: !!s
+  };
   return {
     refs: {
-      viewer: t
+      viewerRef: o
     },
     state: {
-      blob: o,
-      rightPanelWidth: l
+      ownerState: m,
+      blob: t,
+      rightPanelWidth: e,
+      sx: r.sx
     },
-    action: {
-      onPrint: () => {
-        o && w(o);
-      },
-      onFullScreen: () => {
-        t.current && t.current.requestFullscreen();
-      },
-      onDownload: () => {
-        o && p(o, c);
-      },
-      toggleRightPanel: () => {
-        r(l ? 0 : n);
-      }
+    actions: {
+      onPrint: h,
+      onFullScreen: p,
+      onDownload: d,
+      toggleRightPanel: g
     }
   };
 };
 export {
-  D as useDocumentViewerLogic
+  F as useDocumentViewerLogic
 };