@hortiview/shared-components 0.0.4624 → 0.0.4721

package/dist/components/BlockView/BlockView.js

@@ -1,63 +1,73 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import { useState as B, useEffect as C, useMemo as A } from "react";
-import { s as e } from "../../BlockView.module-8kbPxxc4.js";
-import { getBlockNumberByDto as D } from "../../services/BlockService.js";
-import { a as E, c as S } from "../../index.es-Cm4X20_S.js";
-const R = ({
+import "../../assets/BlockView.css";
+import { jsxs as g, jsx as l } from "react/jsx-runtime";
+import { useState as x, useEffect as T, useMemo as L } from "react";
+import { getBlockNumberByDto as R } from "../../services/BlockService.js";
+import { a as B, c as C } from "../../index.es-z8RCxF8n.js";
+const A = "_grid_g18cu_1", D = "_black_g18cu_11", E = "_blockLayout_g18cu_15", S = "_blockRow_g18cu_27", V = "_block_g18cu_15", M = "_active_g18cu_46", j = "_error_g18cu_52", q = "_empty_g18cu_58", F = "_blockText_g18cu_65", o = {
+  grid: A,
+  black: D,
+  blockLayout: E,
+  blockRow: S,
+  block: V,
+  active: M,
+  error: j,
+  empty: q,
+  blockText: F
+}, O = ({
   rows: s,
   columns: t,
-  hideText: n = !1,
-  errorBlocks: k = [],
+  hideText: u = !1,
+  errorBlocks: p = [],
   showNumbers: y = !0,
-  clickable: N = !0,
-  size: d = 15,
-  onClick: u = null,
-  currentBlock: c,
-  blocks: b,
+  clickable: h = !0,
+  size: m = 15,
+  onClick: b = null,
+  currentBlock: i,
+  blocks: _,
   blockViewTitle: v,
-  blockLabel: $
+  blockLabel: f
 }) => {
-  const [p, h] = B(0);
-  C(() => {
-    if (!c)
+  const [k, d] = x(0);
+  T(() => {
+    if (!i)
       return;
-    const o = D(c, t);
-    h(o);
-  }, [c, t]);
-  const g = A(() => s * t, [s, t]), w = (o) => {
-    u && u(o, c ?? void 0);
-  }, x = ({ row: o, column: l }) => b.length === 0 ? !0 : b.some((a) => a.position?.row === o && a.position?.column === l);
-  return /* @__PURE__ */ f("div", { className: e.grid, children: [
-    !n && /* @__PURE__ */ i(E, { level: 1, bold: !0, className: e.black, children: v }),
-    /* @__PURE__ */ i("div", { className: e.blockLayout, style: { width: `${d}rem`, height: `${d}rem` }, children: Array.from({ length: s }).map((o, l) => /* @__PURE__ */ i("div", { className: e.blockRow, children: Array.from({ length: t }).map((a, m) => {
-      const r = t * l + m + 1;
-      return /* @__PURE__ */ i(
+    const c = R(i, t);
+    d(c);
+  }, [i, t]);
+  const N = L(() => s * t, [s, t]), $ = (c) => {
+    b && b(c, i ?? void 0);
+  }, w = ({ row: c, column: r }) => _.length === 0 ? !0 : _.some((a) => a.position?.row === c && a.position?.column === r);
+  return /* @__PURE__ */ g("div", { className: o.grid, children: [
+    !u && /* @__PURE__ */ l(B, { level: 1, bold: !0, className: o.black, children: v }),
+    /* @__PURE__ */ l("div", { className: o.blockLayout, style: { width: `${m}rem`, height: `${m}rem` }, children: Array.from({ length: s }).map((c, r) => /* @__PURE__ */ l("div", { className: o.blockRow, children: Array.from({ length: t }).map((a, n) => {
+      const e = t * r + n + 1;
+      return /* @__PURE__ */ l(
         "div",
         {
           "data-testid": "blockViewBlock",
-          className: `${e.block} ${p === r ? e.active : ""} ${x({ row: l + 1, column: m + 1 }) ? "" : e.empty} ${k.includes(r) ? e.error : ""}`,
-          id: `block${r}`,
-          onClick: N ? () => {
-            h(r), w({ row: l + 1, column: m + 1 });
+          className: `${o.block} ${k === e ? o.active : ""} ${w({ row: r + 1, column: n + 1 }) ? "" : o.empty} ${p.includes(e) ? o.error : ""}`,
+          id: `block${e}`,
+          onClick: h ? () => {
+            d(e), $({ row: r + 1, column: n + 1 });
           } : void 0,
-          children: y && /* @__PURE__ */ i(
+          children: y && /* @__PURE__ */ l(
             "div",
             {
-              className: `${e.blockText} ${p === r ? e.black : ""}`,
-              children: r
+              className: `${o.blockText} ${k === e ? o.black : ""}`,
+              children: e
             }
           )
         },
-        r
+        e
       );
-    }) }, l)) }),
-    !n && /* @__PURE__ */ f(S, { themeColor: "primary", level: 6, children: [
-      g,
+    }) }, r)) }),
+    !u && /* @__PURE__ */ g(C, { themeColor: "primary", level: 6, children: [
+      N,
       " ",
-      $
+      f
     ] })
   ] });
 };
 export {
-  R as BlockView
+  O as BlockView
 };

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,29 +1,30 @@
 import "../../assets/DeleteModal.css";
+import "../BaseView/BaseView.js";
+import "../BasicHeading/BasicHeading.js";
+import "../BlockView/BlockView.js";
 import { jsx as et, jsxs as Ba, Fragment as Lg } from "react/jsx-runtime";
 import { Iconify as bg } from "../Iconify/Iconify.js";
 import { c as Oe } from "../../_commonjsHelpers-CT_km90n.js";
-import on, { forwardRef as Dg, useRef as Na, useImperativeHandle as Fg, useState as Ma, useEffect as rt, useCallback as Qi, useMemo as Pa } from "react";
-import { P as z, r as Bg, _ as Ng, c as yr, e as Re, b as Mg } from "../../index.es-Cct4Uapb.js";
-import "../../_stringToPath-BfzwTbL6.js";
-import "../../_getTag-DNUtgXkb.js";
-import "../../searchBar.module-9gKyrZRT.js";
-import "../../listArea.module-B04TR5bj.js";
-import { AvailableCustomIcons as Wa } from "../../enums/AvailableCustomIcons.js";
-import "../../verticalDivider.module-C3_GL-fH.js";
-import "../../baseView.module-DXWalo9p.js";
-import "../../basicHeading.module-ClcvD7x2.js";
-import "../../BlockView.module-8kbPxxc4.js";
-import "../../disclaimer.module-BZydt-Q_.js";
-import "../../HashTabView.module-BY0tbl3B.js";
-import "../../HeaderFilter.module-DiBmulr5.js";
+import "../Disclaimer/Disclaimer.js";
+import "../EmptyView/EmptyView.js";
+import "../HashTabView/HashTabView.js";
+import "../HeaderFilter/HeaderFilter.js";
+import "../ListArea/ListArea.js";
 import "../Scrollbar/Scrollbar.js";
-import { I as Ga } from "../../index.es-InSNsV4f.js";
-import { I as Pg } from "../../index.es-Cj9DW-2T.js";
-import { _ as Ka, a as Ua, d as Wg } from "../../tslib.es6-CIXEwqhg.js";
-import { a as Ug, M as Hg, b as Gg, m as Kg, c as qg } from "../../component-Rx4bNsGO.js";
-import { B as Ha } from "../../index.es-CQ3ep412.js";
-import { G as Vi } from "../../index.es-CNBieliG.js";
-import { b as ji } from "../../index.es-Cm4X20_S.js";
+import "../SearchBar/SearchBar.js";
+import "../VerticalDivider/VerticalDivider.js";
+import { AvailableCustomIcons as Na } from "../../enums/AvailableCustomIcons.js";
+import "../../useBreakpoint-DROHPVxO.js";
+import "../../services/UtilService.js";
+import { P as z, r as Dg, _ as Fg, c as yr, e as Re, b as Bg } from "../../index.es-BahjEG5L.js";
+import on, { forwardRef as Ng, useRef as Ma, useImperativeHandle as Mg, useState as Pa, useEffect as rt, useCallback as Qi, useMemo as Wa } from "react";
+import { I as Ga } from "../../index.es-3I3oam0G.js";
+import { I as Pg } from "../../index.es-DVNdCQvl.js";
+import { c as Ka, _ as Ua, d as Wg } from "../../tslib.es6-BOWp4lfV.js";
+import { a as Ug, M as Hg, b as Gg, m as Kg, c as qg } from "../../component-DCtofpGS.js";
+import { B as Ha } from "../../index.es-C3EKMb0J.js";
+import { G as Vi } from "../../index.es-hAl7Wxm5.js";
+import { b as ji } from "../../index.es-z8RCxF8n.js";
 /**
  * @license
  * Copyright 2020 Google Inc.
@@ -846,7 +847,7 @@ const Vg = {
   returnFocusSelector: null,
   scrollable: !1,
   title: null
-}, Or = /* @__PURE__ */ Dg((I, v) => {
+}, Or = /* @__PURE__ */ Ng((I, v) => {
   const {
     actionButton: u,
     actionIcons: E,
@@ -877,9 +878,9 @@ const Vg = {
     scrollable: Le,
     title: be,
     ...De
-  } = I, Wt = Na(), G = Na();
-  Fg(v, () => Wt.current, []);
-  const [Kn, Vn] = Ma(), [ue, Ut] = Ma(() => gt || x);
+  } = I, Wt = Ma(), G = Ma();
+  Mg(v, () => Wt.current, []);
+  const [Kn, Vn] = Pa(), [ue, Ut] = Pa(() => gt || x);
   rt(() => {
     Ut(gt || x);
   }, [gt, x]);
@@ -899,7 +900,7 @@ const Vg = {
   const Ht = Qi((V) => {
     Qn && Qn(V);
   }, [Qn]), Gt = Qi((V) => {
-    ie && Bg(ie), En && En(V);
+    ie && Dg(ie), En && En(V);
   }, [ie, En]);
   rt(() => (G.current.unlisten("MDCDialog: opening", Gn), G.current.listen("MDCDialog: opening", Gn), () => {
     G.current.unlisten("MDCDialog: opening", Gn);
@@ -912,14 +913,14 @@ const Vg = {
   }), [G, Gt]), rt(() => {
     _t ? G.current.open() : G.current.close();
   }, [G, _t]);
-  const Rr = Pa(() => () => {
+  const Rr = Wa(() => () => {
     const V = {
       className: "lmnt-modal__button mdc-dialog__button",
       elevation: u?.props.elevation !== "default" ? u?.props.elevation : "flat",
       variant: u?.props.variant || "filled"
     };
     return Tn === "action" && (V["data-mdc-dialog-button-default"] = !0), Jn === "action" && (V["data-mdc-dialog-initial-focus"] = !0), V;
-  }, [u?.props.elevation, u?.props.variant, Tn, Jn]), vt = Pa(() => () => {
+  }, [u?.props.elevation, u?.props.variant, Tn, Jn]), vt = Wa(() => () => {
     const V = {
       className: "lmnt-modal__button mdc-dialog__button",
       "data-mdc-dialog-action": "accept",
@@ -928,7 +929,7 @@ const Vg = {
     };
     return Tn === "primary" && (V["data-mdc-dialog-button-default"] = !0), Jn === "primary" && (V["data-mdc-dialog-initial-focus"] = !0), V;
   }, [Tn, Jn, k?.props.elevation, k?.props.variant]);
-  return /* @__PURE__ */ on.createElement("aside", Ng({
+  return /* @__PURE__ */ on.createElement("aside", Fg({
     ref: Wt,
     className: yr("lmnt", "lmnt-modal", "mdc-dialog", Le && "lmnt-modal--scrollable mdc-dialog--scrollable", _n),
     role: "alertdialog"
@@ -967,7 +968,7 @@ const Vg = {
     "data-mdc-dialog-action": "close"
   }), u && !k && Re(u, Rr), k && Re(k, vt)), ue && /* @__PURE__ */ on.createElement("div", {
     className: "lmnt-modal_actions_button lmnt-dialog__actions__directional"
-  }, /* @__PURE__ */ on.createElement("div", null, Mg(x, "lmnt-modal__button")), /* @__PURE__ */ on.createElement("div", null, Re(gt, {
+  }, /* @__PURE__ */ on.createElement("div", null, Bg(x, "lmnt-modal__button")), /* @__PURE__ */ on.createElement("div", null, Re(gt, {
     className: "lmnt-modal__button",
     "data-mdc-dialog-initial-focus": !0
   })))))), /* @__PURE__ */ on.createElement("div", {
@@ -4658,7 +4659,7 @@ function print() { __p += __j.call(arguments, '') }
   }).call(Oe);
 })(xr, xr.exports);
 var r_ = xr.exports;
-const L_ = ({
+const b_ = ({
   title: I,
   confirmButtonLabel: v,
   cancelButtonLabel: u,
@@ -4689,7 +4690,7 @@ const L_ = ({
     ),
     dismissiveButton: /* @__PURE__ */ et(Ha, { variant: "text", label: u, onClick: () => Hn(!1) }),
     children: /* @__PURE__ */ Ba(Vi, { direction: "vertical", secondaryAlign: "center", children: [
-      x && Object.values(Wa).includes(x) && /* @__PURE__ */ et(
+      x && Object.values(Na).includes(x) && /* @__PURE__ */ et(
         bg,
         {
           icon: x,
@@ -4697,7 +4698,7 @@ const L_ = ({
           className: Tr.colorDanger
         }
       ),
-      x && !Object.values(Wa).includes(x) && /* @__PURE__ */ et(Ga, { icon: x, iconSize: "xlarge", className: Tr.colorDanger }),
+      x && !Object.values(Na).includes(x) && /* @__PURE__ */ et(Ga, { icon: x, iconSize: "xlarge", className: Tr.colorDanger }),
       /* @__PURE__ */ et(Vi, { direction: "vertical", children: vn ? /* @__PURE__ */ Ba(Lg, { children: [
         /* @__PURE__ */ et(ji, { level: 1, themeColor: "text-primary-on-background", children: E }),
         A && /* @__PURE__ */ et(Vi, { direction: "vertical", gap: "none", children: A.map((cn, xt) => /* @__PURE__ */ et(
@@ -4714,6 +4715,7 @@ const L_ = ({
     ] })
   }
 );
+require("./styles/main.css");
 export {
-  L_ as DeleteModal
+  b_ as DeleteModal
 };

package/dist/components/Disclaimer/Disclaimer.js

@@ -1,18 +1,21 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { s as o } from "../../disclaimer.module-BZydt-Q_.js";
-import { G as m } from "../../index.es-CNBieliG.js";
-import { a as n, b as t } from "../../index.es-Cm4X20_S.js";
-import { I as p } from "../../index.es-InSNsV4f.js";
-const v = ({ text: a, subtext: e, icon: i, level: s = 2, bold: l = !1 }) => /* @__PURE__ */ c(
-  m,
+import "../../assets/Disclaimer.css";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { G as n } from "../../index.es-hAl7Wxm5.js";
+import { a as m, b as t } from "../../index.es-z8RCxF8n.js";
+import { I as d } from "../../index.es-3I3oam0G.js";
+const p = "_disclaimer_1k38t_1", y = "_iconArea_1k38t_7", o = {
+  disclaimer: p,
+  iconArea: y
+}, v = ({ text: a, subtext: i, icon: e, level: c = 2, bold: s = !1 }) => /* @__PURE__ */ l(
+  n,
   {
-    direction: i || e ? "vertical" : "horizontal",
+    direction: e || i ? "vertical" : "horizontal",
     secondaryAlign: "center",
     primaryAlign: "center",
     children: [
-      /* @__PURE__ */ r(n, { className: o.disclaimer, level: s, bold: l, children: a }),
-      e && /* @__PURE__ */ r(t, { level: 2, children: e }),
-      i && /* @__PURE__ */ r("div", { className: o.iconArea, children: /* @__PURE__ */ r(p, { className: o.Icon, icon: i, iconSize: "large" }) })
+      /* @__PURE__ */ r(m, { className: o.disclaimer, level: c, bold: s, children: a }),
+      i && /* @__PURE__ */ r(t, { level: 2, children: i }),
+      e && /* @__PURE__ */ r("div", { className: o.iconArea, children: /* @__PURE__ */ r(d, { className: o.Icon, icon: e, iconSize: "large" }) })
     ]
   }
 );

package/dist/components/EmptyView/EmptyView.js

@@ -1,9 +1,9 @@
 import { jsx as k } from "react/jsx-runtime";
-import { P as e, c as P, _ as C } from "../../index.es-Cct4Uapb.js";
+import { P as e, c as P, _ as C } from "../../index.es-BahjEG5L.js";
 import l, { forwardRef as H, useRef as T, useImperativeHandle as O, useMemo as p } from "react";
-import { G as E } from "../../index.es-CNBieliG.js";
-import { d as N } from "../../index.es-Cm4X20_S.js";
-import { I as x } from "../../index.es-InSNsV4f.js";
+import { G as E } from "../../index.es-hAl7Wxm5.js";
+import { d as N } from "../../index.es-z8RCxF8n.js";
+import { I as x } from "../../index.es-3I3oam0G.js";
 const $ = {
   /**
    * Aligns the Hero contents.