@hortiview/shared-components 0.0.11176 → 0.0.11587

package/dist/components/InfoGroup/InfoGroup.js

@@ -1,56 +1,57 @@
-import "../../assets/InfoGroup.css";
 import { jsxs as d, Fragment as p, jsx as t } from "react/jsx-runtime";
-import { Divider as h, Group as c, TypoCaption as g, TypoSubtitle as f } from "@element/react-components";
-import { useMemo as _, Fragment as C } from "react";
-import { u } from "../../useBreakpoints-MzTZ0tCT.js";
-const D = "_dividerContainer_4c1hq_1", y = "_centerDefaultComponent_4c1hq_10", A = "_verticalDivider_4c1hq_14", G = "_mainGroup_4c1hq_22", x = "_textAlignRight_4c1hq_28", l = {
-  dividerContainer: D,
+import { D as h } from "../../index.es-BWgXLqXn.js";
+import { G as s } from "../../index.es-DntoATwO.js";
+import { a as g, d as f } from "../../index.es-CF_xy2ns.js";
+import { useMemo as _, Fragment as D } from "react";
+import { u as m } from "../../useBreakpoints-MzTZ0tCT.js";
+import '../../assets/InfoGroup.css';const C = "_dividerContainer_4c1hq_1", y = "_centerDefaultComponent_4c1hq_10", A = "_verticalDivider_4c1hq_14", G = "_mainGroup_4c1hq_22", x = "_textAlignRight_4c1hq_28", l = {
+  dividerContainer: C,
   centerDefaultComponent: y,
   verticalDivider: A,
   mainGroup: G,
   textAlignRight: x
-}, W = ({ fields: n, bold: i }) => {
-  const { isDesktop: o } = u(), e = !!n.length && Array.isArray(n.at(0)), r = _(() => e && o ? n.map((a, s) => /* @__PURE__ */ d(p, { children: [
-    s != 0 && /* @__PURE__ */ t("span", { "data-testid": "test-divider", className: l.dividerContainer, children: /* @__PURE__ */ t(h, {}) }),
-    /* @__PURE__ */ t(m, { fields: a, bold: i })
-  ] })) : /* @__PURE__ */ t(m, { fields: n.flat(), bold: i }), [o, e, n, i]);
+}, F = ({ fields: r, bold: n }) => {
+  const { isDesktop: o } = m(), e = !!r.length && Array.isArray(r.at(0)), i = _(() => e && o ? r.map((a, c) => /* @__PURE__ */ d(p, { children: [
+    c != 0 && /* @__PURE__ */ t("span", { "data-testid": "test-divider", className: l.dividerContainer, children: /* @__PURE__ */ t(h, {}) }),
+    /* @__PURE__ */ t(u, { fields: a, bold: n })
+  ] })) : /* @__PURE__ */ t(u, { fields: r.flat(), bold: n }), [o, e, r, n]);
   return /* @__PURE__ */ t(
-    c,
+    s,
     {
       "data-testid": "infoGroup",
       direction: "vertical",
       fullWidth: !0,
       className: l.mainGroup,
       gap: "none",
-      children: r
+      children: i
     }
   );
-}, m = ({ fields: n, bold: i }) => {
-  const { isDesktop: o } = u();
+}, u = ({ fields: r, bold: n }) => {
+  const { isDesktop: o } = m();
   return /* @__PURE__ */ t(
-    c,
+    s,
     {
       "data-testid": "singleRow",
       fullWidth: !0,
       direction: o ? "horizontal" : "vertical",
       secondaryAlign: "start",
-      children: n.map((e, r) => {
+      children: r.map((e, i) => {
         const a = o ? /* @__PURE__ */ t("div", { className: l.verticalDivider }) : /* @__PURE__ */ t(h, {});
-        return /* @__PURE__ */ d(C, { children: [
-          r != 0 && a,
-          /* @__PURE__ */ t(R, { field: e, bold: i, variant: e.componentVariant })
-        ] }, `${e.label ?? "label"}_${r}`);
+        return /* @__PURE__ */ d(D, { children: [
+          i != 0 && a,
+          /* @__PURE__ */ t(R, { field: e, bold: n, variant: e.componentVariant })
+        ] }, `${e.label ?? "label"}_${i}`);
       })
     }
   );
 }, R = ({
-  field: n,
-  bold: i,
+  field: r,
+  bold: n,
   variant: o = "default"
 }) => {
-  const { isDesktop: e } = u(), { component: r, value: a, label: s, themeColor: v } = n;
-  return r && o === "default" ? /* @__PURE__ */ t(c, { fullWidth: !0, primaryAlign: "center", className: l.centerDefaultComponent, children: r }) : /* @__PURE__ */ d(
-    c,
+  const { isDesktop: e } = m(), { component: i, value: a, label: c, themeColor: v } = r;
+  return i && o === "default" ? /* @__PURE__ */ t(s, { fullWidth: !0, primaryAlign: "center", className: l.centerDefaultComponent, children: i }) : /* @__PURE__ */ d(
+    s,
     {
       fullWidth: !0,
       "data-testid": "infoGroupItem",
@@ -60,13 +61,13 @@ const D = "_dividerContainer_4c1hq_1", y = "_centerDefaultComponent_4c1hq_10", A
       secondaryAlign: e ? "baseline" : "center",
       className: e ? "" : l.textAlignRight,
       children: [
-        /* @__PURE__ */ t(g, { themeColor: "text-hint-on-light", children: s }),
-        r ? /* @__PURE__ */ t(p, { children: r }) : /* @__PURE__ */ t(f, { level: 1, "data-testid": "infoGroupValue", themeColor: v, bold: i, children: a })
+        /* @__PURE__ */ t(g, { themeColor: "text-hint-on-light", children: c }),
+        i ? /* @__PURE__ */ t(p, { children: i }) : /* @__PURE__ */ t(f, { level: 1, "data-testid": "infoGroupValue", themeColor: v, bold: n, children: a })
       ]
     }
   );
 };
 export {
   R as Cell,
-  W as InfoGroup
+  F as InfoGroup
 };

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as l, s as t } from "../../react.esm-FR1-H8iU.js";
+import { a as l, s as t } from "../../react.esm-DNwojocF.js";
 import { InfoGroup as r } from "./InfoGroup.js";
-import { d as s, t as i, g as e } from "../../vi.CjhMlMwf-DWv7vrn7.js";
+import { d as s, t as i, g as e } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 s("InfoGroup Test", () => {
   i("render Single InfoGroup", () => {
     l(/* @__PURE__ */ o(r, { fields: m }));

package/dist/components/ListArea/ListArea.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { ListElement } from '../../types/ListElement';
 import { LinkProps } from '../../types/internal/ReactRouterTypes';
+
 type ListAreaProps = {
     /**
      * elements to be displayed in the list area

package/dist/components/ListArea/ListArea.js

@@ -1,56 +1,58 @@
-import { jsx as s, jsxs as m } from "react/jsx-runtime";
-import { Elevation as C, Divider as u, List as $ } from "@element/react-components";
-import { o as v } from "../../orderBy-BVQIswlJ.js";
-import { useState as b, useMemo as p } from "react";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import { D as u } from "../../index.es-BWgXLqXn.js";
+import { E as y } from "../../index.es-h2lMdt7G.js";
+import { L as C } from "../../index.es-d5xhUpJZ.js";
+import { o as p } from "../../orderBy-Bd48bw88.js";
+import { useState as b, useMemo as v } from "react";
 import { SearchBar as B } from "../SearchBar/SearchBar.js";
-import { g as j, a as D, s as t } from "../../ListAreaService-CRX4eEUJ.js";
-const M = ({
+import { g as D, a as j, s as t } from "../../ListAreaService-DOwtdRa4.js";
+const q = ({
   elements: r,
   pathname: o,
   isGrouped: i = !1,
-  hasSearch: w = !1,
-  searchPlaceholder: L = "",
-  isIntegrated: n = !1,
+  hasSearch: L = !1,
+  searchPlaceholder: w = "",
+  isIntegrated: m = !1,
   isSorted: l = !0,
   itemClassName: c = "",
   maxHeight: T = "100%",
-  noElementsView: g,
+  noElementsView: $,
   routerLinkElement: d
 }) => {
-  const [e, x] = b(""), a = p(() => {
-    if (!e) return l ? v(r, "title") : r;
-    const h = r.filter((f) => f.title.toLowerCase().includes(e.toLowerCase()) || f.subTitle?.toLowerCase().includes(e.toLowerCase()) || f.overlineTitle?.toLowerCase().includes(e.toLowerCase()));
-    return l ? v(h, "title") : h;
-  }, [e, r, l]), y = p(
-    () => i ? j(a, o, c, d) : D(a, o, c, d),
+  const [e, g] = b(""), a = v(() => {
+    if (!e) return l ? p(r, "title") : r;
+    const n = r.filter((f) => f.title.toLowerCase().includes(e.toLowerCase()) || f.subTitle?.toLowerCase().includes(e.toLowerCase()) || f.overlineTitle?.toLowerCase().includes(e.toLowerCase()));
+    return l ? p(n, "title") : n;
+  }, [e, r, l]), x = v(
+    () => i ? D(a, o, c, d) : j(a, o, c, d),
     [a, o, c, i, d]
   );
   return /* @__PURE__ */ s(
-    C,
+    y,
     {
       "data-testid": "elevation",
-      elevation: n ? 0 : 1,
+      elevation: m ? 0 : 1,
       className: `${t.mainElevation}`,
-      children: /* @__PURE__ */ m("div", { className: t.fullWidth, children: [
-        w && r.length > 0 && /* @__PURE__ */ m("span", { "data-testid": "search-bar-container", children: [
-          n && /* @__PURE__ */ s(u, {}),
+      children: /* @__PURE__ */ h("div", { className: t.fullWidth, children: [
+        L && r.length > 0 && /* @__PURE__ */ h("span", { "data-testid": "search-bar-container", children: [
+          m && /* @__PURE__ */ s(u, {}),
           /* @__PURE__ */ s(
             B,
             {
               searchTerm: e,
-              setSearchTerm: x,
+              setSearchTerm: g,
               className: t.searchbar,
-              placeholder: L
+              placeholder: w
             }
           ),
           /* @__PURE__ */ s(u, {})
         ] }),
-        a.length === 0 && g,
+        a.length === 0 && $,
         /* @__PURE__ */ s(
-          $,
+          C,
           {
             "data-testid": "list",
-            items: y,
+            items: x,
             className: `${t.list} ${t.primaryText} ${i ? "" : t.roundedBottom}`,
             style: { maxHeight: T },
             showDivider: !1
@@ -61,5 +63,5 @@ const M = ({
   );
 };
 export {
-  M as ListArea
+  q as ListArea
 };

package/dist/components/ListArea/ListArea.test.js

@@ -1,9 +1,9 @@
 import { jsx as r, Fragment as i } from "react/jsx-runtime";
-import { TypoButton as p } from "@element/react-components";
-import { a as s, s as a, f as u } from "../../react.esm-FR1-H8iU.js";
+import { c as p } from "../../index.es-CF_xy2ns.js";
+import { a as s, s as a, f as u } from "../../react.esm-DNwojocF.js";
 import { ListArea as c } from "./ListArea.js";
-import { g as d } from "../../ListAreaService-CRX4eEUJ.js";
-import { d as m, t as n, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
+import { g as h } from "../../ListAreaService-DOwtdRa4.js";
+import { d as m, t as n, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 m("ListArea Test", () => {
   const o = [
     {
@@ -99,7 +99,7 @@ m("ListAreaService Test", () => {
     }
   ];
   n("should return grouped items", () => {
-    const e = d(o, "", "", void 0);
+    const e = h(o, "", "", void 0);
     t(e.length).toBe(2), t(e[0].groupName).toStrictEqual(/* @__PURE__ */ r(p, { tag: "span", children: "farm-1" })), t(e[0].items.length).toBe(2), t(e[1].groupName).toStrictEqual(/* @__PURE__ */ r(p, { tag: "span", children: "farm-2" })), t(e[1].items.length).toBe(1);
   });
 });

package/dist/components/ListArea/ListAreaService.d.ts

@@ -1,6 +1,7 @@
 import { ChangeEvent } from 'react';
 import { ListElement } from '../../types/ListElement';
 import { LinkProps } from '../../types/internal/ReactRouterTypes';
+
 /**
  * Groups items by groupName property and maps them to the schema of Bayer's List component
  * @param items the items to group
@@ -27,18 +28,18 @@ export declare const getListedItems: (items: ListElement[], pathname: string, it
     primaryText: string;
     secondaryText: import("react/jsx-runtime").JSX.Element;
     overlineText: import("react/jsx-runtime").JSX.Element | undefined;
-    trailingBlock: string | number | boolean | JSX.Element | Iterable<import("react").ReactNode>;
+    trailingBlock: string | number | boolean | JSX.Element | Iterable<import('react').ReactNode>;
     leadingBlock: string | JSX.Element | undefined;
     value: string | undefined;
     componentProps: {
         id: string;
         'data-testid': string;
         key: string;
-        leadingBlockType: "icon" | "badge" | "image" | "meta" | "checkbox" | "radio" | "switch" | "avatar" | "lgImage" | "thumbnail";
-        trailingBlockType: "icon" | "badge" | "image" | "meta" | "checkbox" | "radio" | "switch" | "avatar" | "lgImage" | "thumbnail";
+        leadingBlockType: "checkbox" | "radio" | "switch" | "meta" | "image" | "icon" | "badge" | "avatar" | "lgImage" | "thumbnail";
+        trailingBlockType: "checkbox" | "radio" | "switch" | "meta" | "image" | "icon" | "badge" | "avatar" | "lgImage" | "thumbnail";
         className: string;
         onClick: (_: ChangeEvent, value: string) => void | undefined;
-        tag: string | import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>> | undefined;
+        tag: string | import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>> | undefined;
         to: string | undefined;
         disabled: boolean | undefined;
     };
@@ -57,18 +58,18 @@ export declare const mapListElement: (element: ListElement, pathname: string | u
     primaryText: string;
     secondaryText: import("react/jsx-runtime").JSX.Element;
     overlineText: import("react/jsx-runtime").JSX.Element | undefined;
-    trailingBlock: string | number | boolean | JSX.Element | Iterable<import("react").ReactNode>;
+    trailingBlock: string | number | boolean | JSX.Element | Iterable<import('react').ReactNode>;
     leadingBlock: string | JSX.Element | undefined;
     value: string | undefined;
     componentProps: {
         id: string;
         'data-testid': string;
         key: string;
-        leadingBlockType: "icon" | "badge" | "image" | "meta" | "checkbox" | "radio" | "switch" | "avatar" | "lgImage" | "thumbnail";
-        trailingBlockType: "icon" | "badge" | "image" | "meta" | "checkbox" | "radio" | "switch" | "avatar" | "lgImage" | "thumbnail";
+        leadingBlockType: "checkbox" | "radio" | "switch" | "meta" | "image" | "icon" | "badge" | "avatar" | "lgImage" | "thumbnail";
+        trailingBlockType: "checkbox" | "radio" | "switch" | "meta" | "image" | "icon" | "badge" | "avatar" | "lgImage" | "thumbnail";
         className: string;
         onClick: (_: ChangeEvent, value: string) => void | undefined;
-        tag: string | import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>> | undefined;
+        tag: string | import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>> | undefined;
         to: string | undefined;
         disabled: boolean | undefined;
     };

package/dist/components/ListArea/ListAreaService.js

@@ -1,10 +1,12 @@
 import "react/jsx-runtime";
-import "@element/react-components";
+import "../../index.es-DntoATwO.js";
+import "../../index.es-3043KTnb.js";
+import "../../index.es-CF_xy2ns.js";
 import "../Iconify/Iconify.js";
 import "../../enums/AvailableCustomIcons.js";
-import { g as s, a as i, m as a } from "../../ListAreaService-CRX4eEUJ.js";
+import { g as a, a as g, m as d } from "../../ListAreaService-DOwtdRa4.js";
 export {
-  s as getGroupedItems,
-  i as getListedItems,
-  a as mapListElement
+  a as getGroupedItems,
+  g as getListedItems,
+  d as mapListElement
 };

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import "@element/react-components";
-import { B as t } from "../../../BigLoadingSpinner-C3wTbTD0.js";
+import "../../../index.es-CF_xy2ns.js";
 import "../../Iconify/Iconify.js";
+import { B as t } from "../../../BigLoadingSpinner-iegTbDcD.js";
 export {
   t as BigLoadingSpinner
 };

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as r, B as n } from "../../../BigLoadingSpinner-C3wTbTD0.js";
-import { a as i, s as e } from "../../../react.esm-FR1-H8iU.js";
-import { d as g, t as a, g as t } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
+import { s as r, B as n } from "../../../BigLoadingSpinner-iegTbDcD.js";
+import { a as i, s as e } from "../../../react.esm-DNwojocF.js";
+import { d as g, t as a, g as t } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 g("BigLoadingSpinner Test", () => {
   a("render BigLoadingSpinner with custom loading text", () => {
     i(/* @__PURE__ */ o(n, { text: "Please wait..." })), t(e.getByText("Please wait...")).toBeInTheDocument(), t(e.getByRole("progressbar")).toBeInTheDocument();