@hortiview/shared-components 0.0.6927 → 0.0.7018

package/dist/components/InfoGroup/InfoGroup.js

@@ -1,51 +1,42 @@
-import "../../assets/InfoGroup.css";
-import { jsxs as c, jsx as e, Fragment as _ } from "react/jsx-runtime";
-import { Divider as d, Group as s, TypoCaption as v, TypoSubtitle as h } from "@element/react-components";
-import { Fragment as p } from "react";
-import { u as g } from "../../useBreakpoint-BNeVhjjZ.js";
-import { VerticalDivider as b } from "../VerticalDivider/VerticalDivider.js";
-const f = "_container_egebs_1", C = "_dividerContainer_egebs_10", y = "_mainGroup_egebs_16", w = "_row_egebs_21", G = "_valueText_egebs_46", N = "_component_egebs_54", x = "_componentContainer_egebs_87", A = "_field_egebs_95", r = {
-  container: f,
-  dividerContainer: C,
-  mainGroup: y,
-  row: w,
-  valueText: G,
-  component: N,
-  componentContainer: x,
-  field: A
-}, I = ({ fields: n, bold: i }) => {
-  const t = n.length > 1 && Array.isArray(n.at(0)) ? n.map((o, a) => /* @__PURE__ */ c(p, { children: [
-    a != 0 && /* @__PURE__ */ e("div", { "data-testid": "test-divider", className: r.dividerContainer, children: /* @__PURE__ */ e(d, {}) }),
-    /* @__PURE__ */ e(m, { fields: o, bold: i })
-  ] }, `row_${a}`)) : /* @__PURE__ */ e(m, { fields: n, bold: i });
-  return /* @__PURE__ */ e(s, { direction: "vertical", fullWidth: !0, className: r.mainGroup, children: t });
-}, m = ({ fields: n, bold: i }) => {
-  const { isDesktop: l } = g();
+import { jsxs as s, jsx as e, Fragment as h } from "react/jsx-runtime";
+import { Divider as d, Group as c, TypoCaption as v, TypoSubtitle as g } from "@element/react-components";
+import { Fragment as u } from "react";
+import { u as f } from "../../useBreakpoint-BNeVhjjZ.js";
+import { VerticalDivider as y } from "../VerticalDivider/VerticalDivider.js";
+import { s as i } from "../../infoGroup.module-B3E1gCGi.js";
+const x = ({ fields: t, bold: n }) => {
+  const r = t.length > 1 && Array.isArray(t.at(0)) ? t.map((a, o) => /* @__PURE__ */ s(u, { children: [
+    o != 0 && /* @__PURE__ */ e("div", { "data-testid": "test-divider", className: i.dividerContainer, children: /* @__PURE__ */ e(d, {}) }),
+    /* @__PURE__ */ e(m, { fields: a, bold: n })
+  ] }, `row_${o}`)) : /* @__PURE__ */ e(m, { fields: t, bold: n });
+  return /* @__PURE__ */ e(c, { direction: "vertical", fullWidth: !0, className: i.mainGroup, children: r });
+}, m = ({ fields: t, bold: n }) => {
+  const { isDesktop: l } = f();
   return /* @__PURE__ */ e(
-    s,
+    c,
     {
       direction: l ? "horizontal" : "vertical",
-      className: r.row,
+      className: i.row,
       fullWidth: !0,
       primaryAlign: "center",
       secondaryAlign: "center",
-      children: n.map((t, o) => {
-        const a = l ? /* @__PURE__ */ e(b, { className: r.divider, height: "3rem" }) : /* @__PURE__ */ e(d, {});
-        return /* @__PURE__ */ c(p, { children: [
-          o != 0 && a,
-          /* @__PURE__ */ e(T, { field: t, bold: i, variant: t.variant })
-        ] }, `${t.label ?? "label"}_${o}`);
+      children: t.map((r, a) => {
+        const o = l ? /* @__PURE__ */ e(y, { className: i.divider, height: "3rem" }) : /* @__PURE__ */ e(d, {});
+        return /* @__PURE__ */ s(u, { children: [
+          a != 0 && o,
+          /* @__PURE__ */ e(N, { field: r, bold: n, variant: r.variant })
+        ] }, `${r.label ?? "label"}_${a}`);
       })
     }
   );
-}, T = ({
-  field: n,
-  bold: i,
+}, N = ({
+  field: t,
+  bold: n,
   variant: l = "default"
 }) => {
-  const { component: t, value: o, label: a, themeColor: u } = n;
-  return t && l === "default" ? /* @__PURE__ */ e("div", { className: r.componentContainer, children: /* @__PURE__ */ e("div", { className: r.component, children: t }) }) : /* @__PURE__ */ c(
-    s,
+  const { component: r, value: a, label: o, themeColor: p } = t;
+  return r && l === "default" ? /* @__PURE__ */ e("div", { className: i.componentContainer, children: /* @__PURE__ */ e("div", { className: i.component, children: r }) }) : /* @__PURE__ */ s(
+    c,
     {
       "data-testid": "infoGroupItem",
       direction: "vertical",
@@ -54,23 +45,23 @@ const f = "_container_egebs_1", C = "_dividerContainer_egebs_10", y = "_mainGrou
       fullWidth: !0,
       gap: "dense",
       children: [
-        /* @__PURE__ */ e(v, { className: r.label, themeColor: "text-hint-on-light", children: a }),
-        o ? /* @__PURE__ */ e(
-          h,
+        /* @__PURE__ */ e(v, { className: i.label, themeColor: "text-hint-on-light", children: o }),
+        a ? /* @__PURE__ */ e(
+          g,
           {
             level: 1,
             "data-testid": "infoGroupValue",
-            themeColor: u,
-            bold: i,
-            className: r.valueText,
-            children: o
+            themeColor: p,
+            bold: n,
+            className: i.valueText,
+            children: a
           }
-        ) : /* @__PURE__ */ e(_, { children: t })
+        ) : /* @__PURE__ */ e(h, { children: r })
       ]
     }
   );
 };
 export {
-  T as Cell,
-  I as InfoGroup
+  N as Cell,
+  x as InfoGroup
 };

package/dist/components/InfoGroup/InfoGroup.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as l, s as t } from "../../react.esm-DoZanrUz.js";
+import { a as l, s as t } from "../../react.esm-C3jDj5Fe.js";
 import { InfoGroup as r } from "./InfoGroup.js";
 import { d as s, t as i, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 s("InfoGroup Test", () => {