@hortiview/shared-components 0.0.5450 → 0.0.5551

package/dist/components/InfoGroup/InfoGroup.d.ts

@@ -50,4 +50,9 @@ interface InfoGroupProps {
  * ];
  */
 export declare const InfoGroup: React.FC<InfoGroupProps>;
+export declare const Cell: ({ field, bold, variant, }: {
+    field: FieldItem;
+    bold?: boolean | undefined;
+    variant?: "default" | "embedded" | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/InfoGroup/InfoGroup.js

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

package/dist/main.d.ts

@@ -30,3 +30,4 @@ export type { FieldItem } from './components/InfoGroup/InfoGroup';
 export type { HashTab } from './types/HashTab';
 export type { ListElement, BaseListElement } from './types/ListElement';
 export type { CellTemplate, CellTemplateProps, TableLayoutProps } from './types/GenericTable';
+export type { FormSelectOption } from './components/FormComponents/FormSelect/FormSelect';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "0.0.5450",
+  "version": "0.0.5551",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",