@hortiview/shared-components 0.0.4806 → 0.0.4991

package/dist/components/FormComponents/FormSelect/FormSelect.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import { FieldValues, Path } from 'react-hook-form';
+import { SelectProps } from '@element/react-components';
+import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
 /**
  * a generic FormSelector property type. the generic T represents the interface, which is used in the form, like {@link CreateOrganizationDto}
  */
-type FormSelectProps<T extends FieldValues> = {
+type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'clearable' | 'disabled' | 'helperText' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'noOptionsMessage' | 'onChange' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & {
     /** the current character count */
     propertyName: Path<T>;
     /** the label of the select */
@@ -12,10 +13,6 @@ type FormSelectProps<T extends FieldValues> = {
     disabled?: boolean;
     /** if the select should be hidden */
     hidden?: boolean;
-    /** if the select is required */
-    required?: boolean;
-    /** the text which is shown if the select is required and not filled */
-    requiredText?: string;
     /** if true the select dropdown is rendered outside of the parent. Useful for when the select needs to render in a parent with "overflow: hidden" and the dropdown will cut on the component border. */
     hoisted?: boolean;
     /** the key of the value attribute of the select, default: value */
@@ -30,6 +27,13 @@ type FormSelectProps<T extends FieldValues> = {
     clearable?: boolean;
     /** a message if no options a present */
     noOptionsMessage?: string;
+    /**
+     * the rules for the picker
+     * @default undefined
+     * @example { required: { value: true, message: 'This field is required' } }
+     * @example { validate: (value) => value === 'admin' }
+     */
+    rules?: Omit<RegisterOptions<T, FieldPath<T>>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> | undefined;
 };
 /**
  * the base option type of the selector, you can also use your own custom objects, by defining the {@link FormSelectProps} valueKey and textKey
@@ -50,12 +54,11 @@ export type FormSelectOption = {
  * @param options the options of the select
  * @param noOptionsMessage a message if no options a present
  * @param propertyName the name of the property in the form
- * @param required if the select is required
- * @param requiredText the text which is shown if the select is required and not filled
  * @param textKey the key of the text attribute of the select, default: text
  * @param valueKey the key of the value attribute of the select, default: value
+ * @param rules the rules for the select example _{ required: { value: true, message: 'This field is required' } }_
  *
  * @returns
  */
-export declare const FormSelect: <T extends FieldValues>({ propertyName, label, required, requiredText, options, multi, disabled, hoisted, hidden, valueKey, textKey, clearable, noOptionsMessage, }: FormSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSelect: <T extends FieldValues>({ propertyName, label, options, multi, disabled, hoisted, hidden, valueKey, textKey, clearable, noOptionsMessage, rules, ...props }: FormSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FormComponents/FormSelect/FormSelect.js

@@ -1,73 +1,85 @@
 import "../../../assets/FormSelect.css";
-import { jsx as o, Fragment as H } from "react/jsx-runtime";
+import { jsx as i, Fragment as I } from "react/jsx-runtime";
 import { Select as P } from "@element/react-components";
-import { g as S } from "../../../get-Dyz8NMrE.js";
-import { useState as V, useMemo as k, useEffect as w } from "react";
-import { useFormContext as z, Controller as u } from "react-hook-form";
-const A = "_invalid_1vo1h_1", B = "_formSelect_1vo1h_5", D = "_formSelectContainer_1vo1h_9", f = {
-  invalid: A,
-  formSelect: B,
-  formSelectContainer: D
-}, U = ({
-  propertyName: t,
-  label: _,
-  required: c = !1,
-  requiredText: h,
-  options: l,
-  multi: s = !1,
-  disabled: x = !1,
+import { g as V } from "../../../get-Dyz8NMrE.js";
+import { useMemo as m } from "react";
+import { useFormContext as k, Controller as _ } from "react-hook-form";
+const w = "_invalid_1vo1h_1", z = "_formSelect_1vo1h_5", A = "_formSelectContainer_1vo1h_9", d = {
+  invalid: w,
+  formSelect: z,
+  formSelectContainer: A
+}, Q = ({
+  propertyName: r,
+  label: g,
+  options: s,
+  multi: l = !1,
+  disabled: h = !1,
   hoisted: v = !1,
   hidden: C = !1,
-  valueKey: r = "value",
-  textKey: g = "text",
-  clearable: F = !1,
-  noOptionsMessage: E = ""
+  valueKey: t = "value",
+  textKey: q = "text",
+  clearable: T = !1,
+  noOptionsMessage: F = "",
+  rules: n,
+  ...H
 }) => {
   const {
-    control: m,
-    formState: { errors: n }
-  } = z(), [a, M] = V(!0), T = k(() => S(n, t) !== void 0, [n, t]);
-  return w(() => {
-    M(S(n, t) === void 0);
-  }, [n, T, t]), C ? /* @__PURE__ */ o(u, { name: t, control: m, render: () => /* @__PURE__ */ o(H, {}) }) : /* @__PURE__ */ o("div", { className: f.formSelectContainer, children: /* @__PURE__ */ o(
-    u,
+    control: u,
+    formState: { errors: o, isValidating: S }
+  } = k(), c = m(
+    () => !S && V(o, r) !== void 0,
+    [o, r, S]
+  ), M = m(
+    () => n?.required?.value,
+    [n]
+  ), $ = m(
+    () => n?.required?.message,
+    [n]
+  ), b = () => {
+    if (o && o[r]) {
+      const a = o[r]?.message;
+      return a || "Invalid input";
+    }
+    return $;
+  };
+  return C ? /* @__PURE__ */ i(_, { name: r, control: u, render: () => /* @__PURE__ */ i(I, {}) }) : /* @__PURE__ */ i("div", { className: d.formSelectContainer, children: /* @__PURE__ */ i(
+    _,
     {
-      name: t,
-      rules: {
-        required: c
-      },
-      control: m,
-      render: ({ field: { ref: G, onChange: i, value: d, ...$ } }) => {
-        const b = s ? l?.filter(
-          (e) => d?.includes(e[r])
-        ) : l?.find((e) => e[r] === d);
-        return /* @__PURE__ */ o(
+      name: r,
+      rules: n,
+      control: u,
+      render: ({ field: { ref: a, onChange: f, value: x, ...j } }) => {
+        const p = l ? s?.filter(
+          (e) => x?.includes(e[t])
+        ) : s?.find((e) => e[t] === x);
+        return /* @__PURE__ */ i(
           P,
           {
-            ...$,
-            value: b,
-            label: _,
+            ...j,
+            ...H,
+            value: p,
+            label: g,
             variant: "outlined",
-            helperText: h,
-            helperTextPersistent: c,
-            options: l,
-            valid: a,
-            multiSelect: s,
-            className: `${f.formSelect} ${a ? "" : f.invalid}`,
-            disabled: x,
-            valueKey: r,
-            textKey: g,
+            helperText: b(),
+            helperTextPersistent: M || c,
+            options: s,
+            valid: !c,
+            multiSelect: l,
+            className: `${d.formSelect} ${c ? d.invalid : ""}`,
+            disabled: h,
+            valueKey: t,
+            textKey: q,
             onChange: (e) => {
               if (e == null)
-                return i(e);
-              if (s)
-                return i(e.map((j) => j[r]));
-              i(e[r]);
+                return f(e);
+              if (l)
+                return f(e.map((E) => E[t]));
+              f(e[t]);
             },
             hoisted: v,
-            noOptionsMessage: E,
+            noOptionsMessage: F,
             searchable: !0,
-            clearable: F,
+            clearable: T,
             menuMaxHeight: "15rem"
           }
         );
@@ -76,5 +88,5 @@ const A = "_invalid_1vo1h_1", B = "_formSelect_1vo1h_5", D = "_formSelectContain
   ) });
 };
 export {
-  U as FormSelect
+  Q as FormSelect
 };

package/dist/components/FormComponents/FormSelect/FormSelect.test.js

@@ -1,14 +1,16 @@
-import { jsx as a } from "react/jsx-runtime";
-import { r as s, s as r } from "../../../react.esm-BeDwcQWb.js";
+import { jsx as s } from "react/jsx-runtime";
+import { r as a, s as r } from "../../../react.esm-C0LtovhP.js";
 import { FormSelect as c } from "./FormSelect.js";
 import { v as e, d as l, t as u, g as t } from "../../../vi.JYQecGiw-BbUbJcT8.js";
-const i = e.fn();
+const m = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),
-  Controller: ({ render: o }) => o({
+  Controller: ({
+    render: o
+  }) => o({
     field: {
       ref: void 0,
-      onChange: i,
+      onChange: m,
       value: "3"
     }
   }),
@@ -45,13 +47,12 @@ l("FormSelect Test", () => {
     { id: "3", value: "Afar", description: "" }
   ];
   u("render FormSelect", () => {
-    s(
-      /* @__PURE__ */ a(
+    a(
+      /* @__PURE__ */ s(
         c,
         {
           label: "address.country",
-          required: !0,
-          requiredText: "required",
+          rules: { required: { value: !0, message: "required" } },
           propertyName: "countryId",
           options: o,
           valueKey: "id",

package/dist/components/FormComponents/FormSlider/FormSlider.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as a, s as n } from "../../../react.esm-BeDwcQWb.js";
+import { r as a, s as n } from "../../../react.esm-C0LtovhP.js";
 import { FormSlider as l } from "./FormSlider.js";
 import { v as e, d as m, t as i, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const o = e.fn();

package/dist/components/FormComponents/FormText/FormText.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as s, s as r, f as d } from "../../../react.esm-BeDwcQWb.js";
+import { r as s, s as r, f as d } from "../../../react.esm-C0LtovhP.js";
 import { FormText as l } from "./FormText.js";
 import { v as a, d as i, t as o, g as t } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const m = a.fn();

package/dist/components/HashTabView/HashTabView.test.js

@@ -1,5 +1,5 @@
 import { jsx as n, Fragment as o } from "react/jsx-runtime";
-import { r as a, s as e, f as r } from "../../react.esm-BeDwcQWb.js";
+import { r as a, s as e, f as r } from "../../react.esm-C0LtovhP.js";
 import { HashTabView as c } from "./HashTabView.js";
 import { d as h, t as l, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 const m = [

package/dist/components/HeaderFilter/HeaderFilter.test.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { r as i, s as t, f as T } from "../../react.esm-BeDwcQWb.js";
+import { r as i, s as t, f as T } from "../../react.esm-C0LtovhP.js";
 import { HeaderFilter as s } from "./HeaderFilter.js";
 import { d as c, t as o, v as l, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 c("HeaderFilter-Test", () => {

package/dist/components/Iconify/Iconify.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { Iconify as c } from "./Iconify.js";
 import { AvailableCustomIcons as d } from "../../enums/AvailableCustomIcons.js";
-import { r, s as i } from "../../react.esm-BeDwcQWb.js";
+import { r, s as i } from "../../react.esm-C0LtovhP.js";
 import { d as l, t as s, g as o } from "../../vi.JYQecGiw-BbUbJcT8.js";
 l("Iconify Test", () => {
   const m = Object.keys(d).filter((e) => isNaN(Number(e)));

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

@@ -0,0 +1,53 @@
+import React, { ReactNode } from 'react';
+/**
+ * FieldItem type that defines the structure of the fields to render in the InfoGroup component
+ */
+export type FieldItem = {
+    /**
+     * Label for the Textfield
+     */
+    label?: string;
+    /**
+     * Current value of the Textfield
+     */
+    value?: string;
+    /**
+     * ThemeColor for the Textfield (default: none)
+     */
+    themeColor?: 'primary' | 'secondary' | 'error' | 'text-primary-on-background' | 'text-secondary-on-background' | 'text-hint-on-background' | 'text-disabled-on-background' | 'text-icon-on-background' | 'text-primary-on-light' | 'text-secondary-on-light' | 'text-hint-on-light' | 'text-disabled-on-light' | 'text-icon-on-light';
+    /**
+     * Variant of the component (default: default) - embedded will render the component without any padding or border
+     */
+    variant?: 'default' | 'embedded';
+    /**
+     * Optional component to render instead of Textfields
+     */
+    component?: ReactNode;
+};
+/**
+ * Props for the InfoGroup component that defines the fields to render
+ */
+interface InfoGroupProps {
+    /**
+     * Array of fields to render in the InfoGroup
+     */
+    fields: FieldItem[] | FieldItem[][];
+    /**
+     * If true, the values will be bold
+     */
+    bold?: boolean;
+}
+/**
+ * Provides a Text-Info component that displays a set of fields in a grid
+ * @prop {FieldItem[]|FieldItem[][]} fields - Array of fields to render in the InfoGroup.
+ * If fields is a 2D array, it will render multiple rows of fields in a vertical layout
+ * @prop {boolean} bold - If true, the values will be bold
+ * @example
+ * const fields = [
+ *  { label: 'organization.create.registration-number', value: '123' },
+ *  { label: 'myOrganizations.label-primary-contact', value: 'User A' },
+ *  { label: 'myOrganizations.label-contact', value: 'User B' },
+ * ];
+ */
+export declare const InfoGroup: React.FC<InfoGroupProps>;
+export {};

package/dist/components/InfoGroup/InfoGroup.js

@@ -0,0 +1,60 @@
+import "../../assets/InfoGroup.css";
+import { jsxs as m, Fragment as s, jsx as t } from "react/jsx-runtime";
+import { Divider as p, Group as d, TypoCaption as u, TypoSubtitle as v } from "@element/react-components";
+import { a as h } from "../../useBreakpoint-DROHPVxO.js";
+import { VerticalDivider as _ } from "../VerticalDivider/VerticalDivider.js";
+const y = "_container_7ypbj_1", C = "_dividerContainer_7ypbj_10", b = "_mainGroup_7ypbj_16", j = "_row_7ypbj_21", N = "_component_7ypbj_51", g = "_componentContainer_7ypbj_84", w = "_field_7ypbj_92", e = {
+  container: y,
+  dividerContainer: C,
+  mainGroup: b,
+  row: j,
+  component: N,
+  componentContainer: g,
+  field: w
+}, S = ({ fields: n, bold: o }) => {
+  const a = n.length > 1 && Array.isArray(n.at(0)) ? n.map((c, r) => /* @__PURE__ */ m(s, { children: [
+    r != 0 && /* @__PURE__ */ t("div", { "data-testid": "test-divider", className: e.dividerContainer, children: /* @__PURE__ */ t(p, {}) }),
+    /* @__PURE__ */ t(l, { fields: c, bold: o }, `row${r}`)
+  ] })) : /* @__PURE__ */ t(l, { fields: n, bold: o });
+  return /* @__PURE__ */ t(d, { direction: "vertical", fullWidth: !0, className: e.mainGroup, children: a });
+}, l = ({ fields: n, bold: o }) => {
+  const { isLg: i } = h();
+  return /* @__PURE__ */ t(
+    d,
+    {
+      direction: i ? "horizontal" : "vertical",
+      className: e.row,
+      fullWidth: !0,
+      primaryAlign: "center",
+      secondaryAlign: "center",
+      children: n.map((a, c) => {
+        const r = i ? /* @__PURE__ */ t(_, { className: e.divider, height: "3rem" }) : /* @__PURE__ */ t(p, {});
+        return /* @__PURE__ */ m(s, { children: [
+          c != 0 && r,
+          /* @__PURE__ */ t(G, { field: a, bold: o })
+        ] });
+      })
+    }
+  );
+}, G = ({ field: n, bold: o }) => {
+  if (n.variant || (n.variant = "default"), !n.component || n.variant === "embedded")
+    return /* @__PURE__ */ m("div", { className: e.field, "data-testid": "infoGroupItem", children: [
+      /* @__PURE__ */ t(u, { className: e.label, themeColor: "text-hint-on-light", children: n.label }),
+      n.value ? /* @__PURE__ */ t(
+        v,
+        {
+          level: 1,
+          "data-testid": "infoGroupValue",
+          className: e.value,
+          themeColor: n.themeColor,
+          bold: o,
+          children: n.value
+        }
+      ) : /* @__PURE__ */ t(s, { children: n.component })
+    ] });
+  if (n.component && n.variant === "default")
+    return /* @__PURE__ */ t("div", { className: e.componentContainer, children: /* @__PURE__ */ t("div", { className: e.component, children: n.component }) });
+};
+export {
+  S as InfoGroup
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,40 @@
+import { jsx as o } from "react/jsx-runtime";
+import { r as l, s as t } from "../../react.esm-C0LtovhP.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", () => {
+  i("render Single InfoGroup", () => {
+    l(/* @__PURE__ */ o(r, { fields: m }));
+    const a = t.getAllByTestId("infoGroupItem");
+    e(a.length).toBe(3);
+    const n = t.getAllByTestId("infoGroupValue");
+    e(a.length).toBe(3), e(t.getByText("organization.create.registration-number")).toBeInTheDocument(), e(n[0]).toHaveTextContent("123"), e(t.getByText("myOrganizations.label-primary-contact")).toBeInTheDocument(), e(n[1]).toHaveTextContent("User A"), e(t.getByText("myOrganizations.label-contact")).toBeInTheDocument(), e(n[2]).toHaveTextContent("User B");
+  }), i("render Multi InfoGroup", () => {
+    l(/* @__PURE__ */ o(r, { fields: [
+      [
+        { label: "organization.create.registration-number", value: "123" },
+        { label: "myOrganizations.label-primary-contact", value: "User A" }
+      ],
+      [
+        { label: "myOrganizations.label-contact", value: "User B" },
+        {
+          label: "organization.something-else",
+          value: "some"
+        }
+      ]
+    ] }));
+    const n = t.getAllByTestId("infoGroupValue");
+    e(n.length).toBe(4), e(t.getByText("organization.create.registration-number")).toBeInTheDocument(), e(n[0]).toHaveTextContent("123"), e(t.getByText("myOrganizations.label-primary-contact")).toBeInTheDocument(), e(n[1]).toHaveTextContent("User A"), e(t.getByTestId("test-divider")).toBeInTheDocument(), e(t.getByText("myOrganizations.label-contact")).toBeInTheDocument(), e(n[2]).toHaveTextContent("User B"), e(t.getByText("organization.something-else")).toBeInTheDocument(), e(n[3]).toHaveTextContent("some");
+  }), i("render Single InfoGroup with component", () => {
+    l(/* @__PURE__ */ o(r, { fields: [
+      { label: "labelSouldntBeRendered", component: /* @__PURE__ */ o("div", { children: "Component" }) },
+      { label: "myOrganizations.label-primary-contact", value: "User A" },
+      { label: "componentWithLabel", variant: "embedded", component: /* @__PURE__ */ o("div", { children: "Badge" }) }
+    ] })), e(t.queryByText("labelSouldntBeRendered")).toBeNull(), e(t.getByText("Component")).toBeInTheDocument(), e(t.getByText("myOrganizations.label-primary-contact")).toBeInTheDocument(), e(t.getByText("User A")).toBeInTheDocument(), e(t.getByText("componentWithLabel")).toBeInTheDocument(), e(t.getByText("Badge")).toBeInTheDocument();
+  });
+});
+const m = [
+  { label: "organization.create.registration-number", value: "123" },
+  { label: "myOrganizations.label-primary-contact", value: "User A" },
+  { label: "myOrganizations.label-contact", value: "User B" }
+];

package/dist/components/ListArea/ListArea.js

@@ -4,7 +4,7 @@ import { g as Hr } from "../../_commonjsHelpers-CT_km90n.js";
 import { _ as H, a as Tr, b as wr, c as T, d as Nr, e as Wr, i as h, f as N, h as B, j as Xr, k as zr, l as I, m as Yr, n as Zr, o as Jr, p as W, q as Qr, r as Or, s as Pr, t as kr, u as Vr } from "../../get-Dyz8NMrE.js";
 import { useState as re, useMemo as k } from "react";
 import { SearchBar as ee } from "../SearchBar/SearchBar.js";
-import { g as ae, a as te, s as m } from "../../ListAreaService-BPp_O2BH.js";
+import { g as ae, a as te, s as m } from "../../ListAreaService-8vnw7uAP.js";
 var ne = H;
 function se() {
   this.__data__ = new ne(), this.size = 0;

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

@@ -1,8 +1,8 @@
 import { jsx as r, Fragment as i } from "react/jsx-runtime";
 import { TypoButton as p } from "@element/react-components";
-import { r as s, s as a, f as u } from "../../react.esm-BeDwcQWb.js";
+import { r as s, s as a, f as u } from "../../react.esm-C0LtovhP.js";
 import { ListArea as c } from "./ListArea.js";
-import { g as h } from "../../ListAreaService-BPp_O2BH.js";
+import { g as h } from "../../ListAreaService-8vnw7uAP.js";
 import { d as m, t as n, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 m("ListArea Test", () => {
   const o = [

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

@@ -24,6 +24,7 @@ export declare const getListedItems: (items: ListElement[], pathname: string, it
     select: boolean;
     primaryText: import("react/jsx-runtime").JSX.Element;
     secondaryText: import("react/jsx-runtime").JSX.Element | undefined;
+    overlineText: string | undefined;
     trailingBlock: string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode>;
     leadingBlock: string | import("react/jsx-runtime").JSX.Element | undefined;
     nonInteractive: boolean | undefined;
@@ -49,6 +50,7 @@ export declare const mapListElement: (element: ListElement, pathname: string | u
     select: boolean;
     primaryText: import("react/jsx-runtime").JSX.Element;
     secondaryText: import("react/jsx-runtime").JSX.Element | undefined;
+    overlineText: string | undefined;
     trailingBlock: string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode>;
     leadingBlock: string | import("react/jsx-runtime").JSX.Element | undefined;
     nonInteractive: boolean | undefined;

package/dist/components/ListArea/ListAreaService.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@element/react-components";
 import "../Iconify/Iconify.js";
-import { g as s, a as i, m as a } from "../../ListAreaService-BPp_O2BH.js";
+import { g as s, a as i, m as a } from "../../ListAreaService-8vnw7uAP.js";
 import "../../enums/AvailableCustomIcons.js";
 export {
   s as getGroupedItems,

package/dist/components/Scrollbar/scrollbar.test.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as e, s as t } from "../../react.esm-BeDwcQWb.js";
+import { r as e, s as t } from "../../react.esm-C0LtovhP.js";
 import { ScrollbarY as d, ScrollbarX as l } from "./Scrollbar.js";
 import { d as c, t as a, g as o } from "../../vi.JYQecGiw-BbUbJcT8.js";
 c("Scrollbar", () => {

package/dist/components/SearchBar/SearchBar.test.js

@@ -1,5 +1,5 @@
 import { jsx as a } from "react/jsx-runtime";
-import { r, s as t, f as h, a as l } from "../../react.esm-BeDwcQWb.js";
+import { r, s as t, f as h, a as l } from "../../react.esm-C0LtovhP.js";
 import { SearchBar as s } from "./SearchBar.js";
 import { d as m, t as o, v as n, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
 m("SearchBar Test", () => {

package/dist/components/VerticalDivider/VerticalDivider.test.js

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

package/dist/main.d.ts

@@ -2,12 +2,14 @@ import './styles/main.css';
 export { BaseView } from './components/BaseView/BaseView';
 export { BasicHeading } from './components/BasicHeading/BasicHeading';
 export { BlockView } from './components/BlockView/BlockView';
+export { ContextMenu } from './components/ContextMenu/ContextMenu';
 export { DeleteModal } from './components/DeleteModal/DeleteModal';
 export { Disclaimer } from './components/Disclaimer/Disclaimer';
 export { EmptyView } from './components/EmptyView/EmptyView';
 export { HashTabView } from './components/HashTabView/HashTabView';
 export { HeaderFilter } from './components/HeaderFilter/HeaderFilter';
 export { Iconify } from './components/Iconify/Iconify';
+export { InfoGroup } from './components/InfoGroup/InfoGroup';
 export { ListArea } from './components/ListArea/ListArea';
 export { ScrollbarX, ScrollbarY } from './components/Scrollbar/Scrollbar';
 export { SearchBar } from './components/SearchBar/SearchBar';
@@ -21,5 +23,6 @@ export { FormText } from './components/FormComponents/FormText/FormText';
 export { AvailableCustomIcons } from './enums/AvailableCustomIcons';
 export { useBreakpoints } from './hooks/useBreakpoint';
 export { capitalizeFirstLetters } from './services/UtilService';
-export type { ListElement, BaseListElement } from './types/ListElement';
+export type { FieldItem } from './components/InfoGroup/InfoGroup';
 export type { HashTab } from './types/HashTab';
+export type { ListElement, BaseListElement } from './types/ListElement';