@hortiview/shared-components 0.0.7689 → 0.0.7857

package/README.md

@@ -46,6 +46,7 @@ Additionally the library provides form components using [react-hook-form](https:
 1. [Iconify](#iconify)
 1. [ListArea](#listarea)
 1. [LoadingSpinner](#loadingspinner)
+1. [Modal](#modal)
 1. [OverflowTooltip](#overflowtooltip)
 1. [ScrollBar](#scrollbar)
 1. [SearchBar](#searchbar)
@@ -687,6 +688,19 @@ return <>
 </>
 ```
 
+### Modal
+
+Provides the normal elements modal with one additional change. If you are on fullscreen modal size the max-height and max-width is set to 100svh/svw (Smallest ViewPort height/width).
+This will set the modal size on an area between the mobile controls.
+
+```jsx
+import { Modal } from '@hortiview/shared-components';
+
+<Modal modalSize='fullscreen'>
+  <div>Content</div>
+</Modal>;
+```
+
 ### OverflowTooltip
 
 Provides a tooltip and overflow behavior of a given text value.

package/dist/assets/baseView.css

@@ -1 +1 @@
-._divider_1513z_1{margin:0 2rem}._truncate_1513z_5{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55vw}._desktopList_1513z_13{width:30%}._mobileList_1513z_17{width:100%}._desktopDetail_1513z_21{width:70%}._mobileDetail_1513z_25{width:100%}
+._divider_dw2rc_1{margin:0 2rem}._maxWidth_dw2rc_5{max-width:55vw}._desktopList_dw2rc_9{width:30%}._mobileList_dw2rc_13{width:100%}._desktopDetail_dw2rc_17{width:70%}._mobileDetail_dw2rc_21{width:100%}

package/dist/assets/genericCard.css

@@ -1 +1 @@
-._cardTitle_ecoot_1{padding:.5rem!important}._cardBody_ecoot_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_ecoot_10{border-radius:.5rem}._row_ecoot_14{padding:.25rem 0}._font_ecoot_18{overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;align-self:end}._fontHeader_ecoot_28{text-align:right}._title_ecoot_32{display:inline-block;width:65vw;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}._emptyContainer_ecoot_40{width:inherit;height:inherit}._empty_ecoot_40{position:relative;top:50%;left:50%;transform:translate(-50%,-25%)}
+._cardTitle_ny9m0_1{padding:.5rem!important}._cardBody_ny9m0_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_ny9m0_10{border-radius:.5rem}._row_ny9m0_14{padding:.25rem 0}._font_ny9m0_18{font-weight:400;align-self:end}._fontHeader_ny9m0_23{text-align:right}._title_ny9m0_27{display:inline-block;width:65vw;text-wrap:nowrap}._emptyContainer_ny9m0_33{width:inherit;height:inherit}._empty_ny9m0_33{position:relative;top:50%;left:50%;transform:translate(-50%,-25%)}

package/dist/assets/modal.css

@@ -0,0 +1 @@
+._modal_a4n3a_1 div[class*=lmnt-modal__surface]{max-height:100svh!important;max-width:100svw!important}._modal_a4n3a_1 header button{top:0!important}

package/dist/assets/overflowTooltip.css

@@ -0,0 +1 @@
+._truncate_m48xn_1{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}

package/dist/baseView.module-uWbm_a5f.js

@@ -0,0 +1,12 @@
+import "./assets/baseView.css";
+const t = "_divider_dw2rc_1", i = "_maxWidth_dw2rc_5", e = "_desktopList_dw2rc_9", s = "_mobileList_dw2rc_13", d = "_desktopDetail_dw2rc_17", o = "_mobileDetail_dw2rc_21", c = {
+  divider: t,
+  maxWidth: i,
+  desktopList: e,
+  mobileList: s,
+  desktopDetail: d,
+  mobileDetail: o
+};
+export {
+  c as s
+};

package/dist/components/BaseView/BaseView.js

@@ -1,12 +1,12 @@
-import { jsx as i, Fragment as x, jsxs as n } from "react/jsx-runtime";
+import { jsx as i, Fragment as k, jsxs as n } from "react/jsx-runtime";
 import { Group as o } from "@element/react-components";
 import { useMemo as s } from "react";
 import { BasicHeading as u } from "../BasicHeading/BasicHeading.js";
 import { EmptyView as L } from "../EmptyView/EmptyView.js";
-import { ListArea as A } from "../ListArea/ListArea.js";
-import { VerticalDivider as V } from "../VerticalDivider/VerticalDivider.js";
-import { u as W } from "../../useBreakpoints-BNeVhjjZ.js";
-import { s as r } from "../../baseView.module-ve87u_d0.js";
+import { ListArea as W } from "../ListArea/ListArea.js";
+import { VerticalDivider as A } from "../VerticalDivider/VerticalDivider.js";
+import { u as V } from "../../useBreakpoints-BNeVhjjZ.js";
+import { s as r } from "../../baseView.module-uWbm_a5f.js";
 const C = ({
   action: c,
   heading: m,
@@ -21,12 +21,12 @@ const C = ({
   routerLinkElement: w,
   searchPlaceholder: B
 }) => {
-  const { isDesktopNavbar: e } = W(), t = s(() => l.find((k) => k.route === a), [a, l]), D = s(() => t?.component ?? (e ? /* @__PURE__ */ i(L, { subtitle: d }) : /* @__PURE__ */ i(x, {})), [t, e, d]), N = s(() => e ? !0 : !t, [t, e]), b = s(() => e ? !0 : t, [t, e]);
+  const { isDesktopNavbar: e } = V(), t = s(() => l.find((x) => x.route === a), [a, l]), D = s(() => t?.component ?? (e ? /* @__PURE__ */ i(L, { subtitle: d }) : /* @__PURE__ */ i(k, {})), [t, e, d]), N = s(() => e ? !0 : !t, [t, e]), b = s(() => e ? !0 : t, [t, e]);
   return /* @__PURE__ */ n(o, { className: h ?? "", gap: "", fullWidth: !0, children: [
     N && /* @__PURE__ */ i(o, { gap: "none", className: e ? r.desktopList : r.mobileList, children: /* @__PURE__ */ n(o, { direction: "vertical", fullWidth: !0, gap: e ? "standard" : "dense", children: [
       m && /* @__PURE__ */ i(u, { heading: m, level: 4, marginBottom: 0, children: c }),
       /* @__PURE__ */ i(
-        A,
+        W,
         {
           elements: l,
           hasSearch: p,
@@ -39,12 +39,12 @@ const C = ({
       )
     ] }) }),
     b && /* @__PURE__ */ n(o, { gap: "none", className: e ? r.desktopDetail : r.mobileDetail, children: [
-      e && /* @__PURE__ */ i(V, { className: r.divider, height: "100%" }),
+      e && /* @__PURE__ */ i(A, { className: r.divider, height: "100%" }),
       /* @__PURE__ */ n(o, { direction: "vertical", fullWidth: !0, children: [
         /* @__PURE__ */ i(
           u,
           {
-            className: r.truncate,
+            className: r.maxWidth,
             heading: t?.detailTitle ?? t?.title ?? "",
             level: 4,
             icon: t?.hideIconInDetail === !0 ? void 0 : t?.icon,

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,10 +1,11 @@
 import { jsx as r, jsxs as p, Fragment as s } from "react/jsx-runtime";
-import { Modal as k, Button as u, Group as c, Icon as D, TypoBody as t } from "@element/react-components";
-import { uniqueId as N } from "lodash";
-import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
-import { I as x } from "../../Iconify-CY9lZjFd.js";
+import { Modal as D, Button as u, Group as c, Icon as N, TypoBody as t } from "@element/react-components";
+import { uniqueId as S } from "lodash";
+import { AvailableCustomIcons as x } from "../../enums/AvailableCustomIcons.js";
+import { u as M } from "../../useBreakpoints-BNeVhjjZ.js";
+import { I as j } from "../../Iconify-CY9lZjFd.js";
 import { s as n } from "../../deleteModal.module-Ds3MDzdl.js";
-const w = ({
+const K = ({
   title: e,
   confirmButtonLabel: o,
   cancelButtonLabel: l,
@@ -19,16 +20,16 @@ const w = ({
   onDelete: b,
   isDeletePossible: d = !0
 }) => {
-  const C = (I) => {
+  const { isDesktop: C } = M(), k = (I) => {
     I.detail.action === "close" && m(!1);
   };
   return /* @__PURE__ */ r(
-    k,
+    D,
     {
       className: n.modal,
-      modalSize: "small",
+      modalSize: C ? "small" : "fullscreen",
       open: y,
-      onClose: C,
+      onClose: k,
       title: e,
       primaryButton: /* @__PURE__ */ r(
         u,
@@ -41,29 +42,29 @@ const w = ({
       ),
       footerSupplemental: /* @__PURE__ */ r(u, { variant: "text", label: l, onClick: () => m(!1) }),
       children: /* @__PURE__ */ p(c, { direction: "vertical", secondaryAlign: "center", children: [
-        /* @__PURE__ */ r(M, { element: /* @__PURE__ */ r(j, { icon: g }), isCrossedOut: h }),
+        /* @__PURE__ */ r(z, { element: /* @__PURE__ */ r(B, { icon: g }), isCrossedOut: h }),
         /* @__PURE__ */ r(c, { direction: "vertical", children: d ? /* @__PURE__ */ r(
-          z,
+          O,
           {
             deleteHeader: a,
             deleteText: f,
             deleteBody: i
           }
-        ) : /* @__PURE__ */ r(O, { impossibleDeleteHeader: v }) })
+        ) : /* @__PURE__ */ r(A, { impossibleDeleteHeader: v }) })
       ] })
     }
   );
-}, M = ({
+}, z = ({
   element: e,
   isCrossedOut: o = !1
-}) => o ? /* @__PURE__ */ r("span", { className: n.crossedOut, children: e }) : e, j = ({ icon: e }) => e ? typeof e != "string" ? e : Object.values(S).includes(e) ? /* @__PURE__ */ r(
-  x,
+}) => o ? /* @__PURE__ */ r("span", { className: n.crossedOut, children: e }) : e, B = ({ icon: e }) => e ? typeof e != "string" ? e : Object.values(x).includes(e) ? /* @__PURE__ */ r(
+  j,
   {
     icon: e,
     iconSize: "xlarge",
     className: n.colorDanger
   }
-) : /* @__PURE__ */ r(D, { icon: e, iconSize: "xlarge", className: n.colorDanger }) : /* @__PURE__ */ r(s, {}), z = ({
+) : /* @__PURE__ */ r(N, { icon: e, iconSize: "xlarge", className: n.colorDanger }) : /* @__PURE__ */ r(s, {}), O = ({
   deleteHeader: e,
   deleteText: o,
   deleteBody: l
@@ -79,11 +80,11 @@ const w = ({
       themeColor: "text-secondary-on-background",
       children: a
     },
-    N(i.toString())
+    S(i.toString())
   )) })
-] }), O = ({
+] }), A = ({
   impossibleDeleteHeader: e
 }) => /* @__PURE__ */ r(t, { level: 1, themeColor: "text-primary-on-background", children: e });
 export {
-  w as DeleteModal
+  K as DeleteModal
 };

package/dist/components/Filter/Filter.js

@@ -6,6 +6,7 @@ import { u as A } from "../../useBreakpoints-BNeVhjjZ.js";
 import "../../alertBanner.module-BPiKN0gh.js";
 import { I as H } from "../../Iconify-CY9lZjFd.js";
 import "../../react-tooltip.min-BzHiZW8k.js";
+import "../../overflowTooltip.module-BN3bp9Cj.js";
 import "../../basicHeading.module-BYb8xvuk.js";
 import "../../isArray-Ca4KR8TK.js";
 import "../../_baseToString-BNXOi2Mf.js";
@@ -14,24 +15,25 @@ import "../../iconify.module-C89oaw5b.js";
 import { SearchBar as K } from "../SearchBar/SearchBar.js";
 import "../../listArea.module-CGpHPOji.js";
 import "../../verticalDivider.module-C3_GL-fH.js";
-import "../../baseView.module-ve87u_d0.js";
+import "../../baseView.module-uWbm_a5f.js";
 import "../../BlockView.module-BPlNT5uh.js";
 import "lodash";
 import "../../contextMenu.module-DNQ8d9Aj.js";
 import "../../deleteModal.module-Ds3MDzdl.js";
 import "../../disclaimer.module-BZydt-Q_.js";
-import "../../genericCard.module-k0bicNfi.js";
+import "../../genericCard.module-DrQu86jX.js";
 import "../../HashTabView.module-DUekkiTC.js";
 import "../../HeaderFilter.module-DiBmulr5.js";
 import "../../infoGroup.module-Cxw88dfC.js";
 import "../../bigLoadingSpinner.module-GgbFol8k.js";
 import "../../loadingSpinner.module-CLtqSMWA.js";
+import "../../modal.module-BlDp1Wiq.js";
 import "../Scrollbar/Scrollbar.js";
 import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";
 import "../../formSelect.module-C18N-SsT.js";
 import "../../formText.module-C0by6_DK.js";
-const Bt = ({
+const xt = ({
   clearFilterText: m,
   closeCallback: a,
   currentFilter: i,
@@ -173,5 +175,5 @@ const Bt = ({
   );
 };
 export {
-  Bt as Filter
+  xt as Filter
 };

package/dist/components/GenericTable/GenericTable.js

@@ -1,19 +1,20 @@
 import { jsx as r, jsxs as B } from "react/jsx-runtime";
-import { Elevation as D, Table as G, TableTopBar as u, Group as l, Padding as W, TypoDisplay as k, TypoSubtitle as C } from "@element/react-components";
+import { Elevation as D, Table as G, TableTopBar as u, Group as m, Padding as W, TypoDisplay as k, TypoSubtitle as C } from "@element/react-components";
 import { Fragment as j } from "react";
-import { a as e } from "../../genericTable.module-Dk3yy2S3.js";
+import { a as t } from "../../genericTable.module-Dk3yy2S3.js";
 import { u as x } from "../../useBreakpoints-BNeVhjjZ.js";
 import "../../alertBanner.module-BPiKN0gh.js";
 import "../../iconify.module-C89oaw5b.js";
 import "../../isArray-Ca4KR8TK.js";
 import "../../react-tooltip.min-BzHiZW8k.js";
+import "../../overflowTooltip.module-BN3bp9Cj.js";
 import "../../basicHeading.module-BYb8xvuk.js";
 import "../../_baseToString-BNXOi2Mf.js";
 import "../../_equalByTag-DJhSpgVG.js";
 import "../../searchBar.module-9gKyrZRT.js";
 import "../../listArea.module-CGpHPOji.js";
 import "../../verticalDivider.module-C3_GL-fH.js";
-import "../../baseView.module-ve87u_d0.js";
+import "../../baseView.module-uWbm_a5f.js";
 import "../../BlockView.module-BPlNT5uh.js";
 import "lodash";
 import "../../contextMenu.module-DNQ8d9Aj.js";
@@ -24,6 +25,7 @@ import "../../HeaderFilter.module-DiBmulr5.js";
 import "../../infoGroup.module-Cxw88dfC.js";
 import "../../bigLoadingSpinner.module-GgbFol8k.js";
 import "../../loadingSpinner.module-CLtqSMWA.js";
+import "../../modal.module-BlDp1Wiq.js";
 import "../Scrollbar/Scrollbar.js";
 import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";
@@ -31,8 +33,8 @@ import "../../formSelect.module-C18N-SsT.js";
 import "../../formText.module-C0by6_DK.js";
 import { useGenerateColumns as _, useGenerateTableData as $ } from "./GenericTableService.js";
 import { GenericCardList as A } from "./Mobile/GenericCardList.js";
-const dr = ({
-  data: m = [],
+const fr = ({
+  data: l = [],
   hiddenColumns: p = [],
   order: f = [],
   cellTemplates: h = void 0,
@@ -42,12 +44,12 @@ const dr = ({
   pagination: y = !1,
   getRowActions: s = void 0,
   customColumnWidth: b,
-  title: t,
+  title: e,
   cardTitleColumn: v,
   cardSubTitleColumn: T
 }) => {
   const { isDesktop: o } = x(), a = _({
-    data: m,
+    data: l,
     order: f,
     cellTemplates: h,
     headerTranslation: g,
@@ -56,29 +58,29 @@ const dr = ({
     cardTitleColumn: v,
     cardSubTitleColumn: T
   }), c = $({
-    data: m,
+    data: l,
     getRowActions: s
   });
-  return o ? /* @__PURE__ */ r(D, { elevation: 1, className: e.elevation, children: /* @__PURE__ */ r(
+  return o ? /* @__PURE__ */ r(D, { elevation: 1, className: t.elevation, children: /* @__PURE__ */ r(
     G,
     {
-      className: e.table,
+      className: t.table,
       fullWidth: !0,
       alwaysUseDivTags: !0,
       layout: "standard",
       hiddenColumns: p,
       data: c,
       columns: a,
-      leadingContent: t && i?.length === 0 ? /* @__PURE__ */ r(u, { title: t }) : i?.length > 0 && /* @__PURE__ */ r(
+      leadingContent: e && i?.length === 0 ? /* @__PURE__ */ r(u, { title: e }) : i?.length > 0 && /* @__PURE__ */ r(
         u,
         {
-          className: e.topBar,
-          filterBar: /* @__PURE__ */ B(l, { fullWidth: !0, direction: "vertical", gap: "none", children: [
-            t && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(k, { level: 6, children: t }) }),
+          className: t.topBar,
+          filterBar: /* @__PURE__ */ B(m, { fullWidth: !0, direction: "vertical", gap: "none", children: [
+            e && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(k, { level: 6, children: e }) }),
             /* @__PURE__ */ r(
-              l,
+              m,
               {
-                className: e.filterBar,
+                className: t.filterBar,
                 fullWidth: !0,
                 primaryAlign: "end",
                 secondaryAlign: "center",
@@ -92,12 +94,12 @@ const dr = ({
       sortable: !0,
       noContentIncludeTable: !!a,
       noContentMessage: /* @__PURE__ */ r(
-        l,
+        m,
         {
           fullWidth: !0,
           primaryAlign: "center",
           secondaryAlign: "center",
-          className: e.emptyTable,
+          className: t.emptyTable,
           children: /* @__PURE__ */ r(C, { children: n })
         }
       )
@@ -113,5 +115,5 @@ const dr = ({
   );
 };
 export {
-  dr as GenericTable
+  fr as GenericTable
 };

package/dist/components/GenericTable/Mobile/GenericCard.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as s, Fragment as g } from "react/jsx-runtime";
 import { Card as T, CardContent as v, CardBody as y, Grid as x, GridRow as b, GridCol as n, TypoSubtitle as f, CardTitle as u, CardDivider as N } from "@element/react-components";
 import { useMemo as $ } from "react";
 import { OverflowTooltip as c } from "../../OverflowTooltip/OverflowTooltip.js";
-import { s as a } from "../../../genericCard.module-k0bicNfi.js";
+import { s as a } from "../../../genericCard.module-DrQu86jX.js";
 const h = {
   desktopCol: 6,
   phoneCol: 2,

package/dist/components/GenericTable/Mobile/GenericCardList.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Padding as c, TypoCaption as o, Group as s } from "@element/react-components";
 import { GenericCard as m } from "./GenericCard.js";
-import { s as t } from "../../../genericCard.module-k0bicNfi.js";
+import { s as t } from "../../../genericCard.module-DrQu86jX.js";
 const u = ({
   columns: n,
   data: e,

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,2 @@
+import { ModalProps } from '@element/react-components';
+export declare const Modal: (props: ModalProps & React.HTMLProps<HTMLElement> & React.DOMAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Modal/Modal.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Modal as l } from "@element/react-components";
+import { s as m } from "../../modal.module-BlDp1Wiq.js";
+const t = (a) => /* @__PURE__ */ o(
+  l,
+  {
+    ...a,
+    className: `${a.className ?? ""} ${a.modalSize === "fullscreen" ? m.modal : ""}`
+  }
+);
+export {
+  t as Modal
+};

package/dist/components/OverflowTooltip/OverflowTooltip.js

@@ -1,21 +1,23 @@
-import { jsxs as c, Fragment as p, jsx as l } from "react/jsx-runtime";
-import { TypoBody as d } from "@element/react-components";
-import { useState as h, useMemo as a, cloneElement as f } from "react";
+import { jsxs as p, Fragment as a, jsx as s } from "react/jsx-runtime";
+import { TypoBody as c } from "@element/react-components";
+import { useState as d, useMemo as h, cloneElement as f } from "react";
 import { H as w } from "../../react-tooltip.min-BzHiZW8k.js";
-const k = ({ id: e, text: i, children: t }) => {
-  const [r, s] = h(!1), n = a(
+import { s as u } from "../../overflowTooltip.module-BN3bp9Cj.js";
+const k = ({ id: e, text: l, children: t }) => {
+  const [r, i] = d(!1), m = h(
     () => f(t, {
       "data-tooltip-id": e,
       onMouseEnter: ({ currentTarget: o }) => {
-        const m = o.clientWidth < o.scrollWidth || o.clientHeight < o.scrollHeight;
-        s(m);
-      }
+        const n = o.clientWidth < o.scrollWidth || o.clientHeight < o.scrollHeight;
+        i(n);
+      },
+      className: `${u.truncate} ${t.props.className}`
     }),
     [t, e]
   );
-  return /* @__PURE__ */ c(p, { children: [
-    n,
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ p(a, { children: [
+    m,
+    /* @__PURE__ */ s(
       w,
       {
         id: e,
@@ -28,7 +30,7 @@ const k = ({ id: e, text: i, children: t }) => {
           maxWidth: "90%",
           wordBreak: "break-word"
         },
-        children: /* @__PURE__ */ l(d, { level: 2, children: i })
+        children: /* @__PURE__ */ s(c, { level: 2, children: l })
       }
     )
   ] });

package/dist/genericCard.module-DrQu86jX.js

@@ -0,0 +1,15 @@
+import "./assets/genericCard.css";
+const t = "_cardTitle_ny9m0_1", n = "_cardBody_ny9m0_5", o = "_cardContent_ny9m0_10", _ = "_row_ny9m0_14", e = "_font_ny9m0_18", r = "_fontHeader_ny9m0_23", c = "_title_ny9m0_27", y = "_emptyContainer_ny9m0_33", a = "_empty_ny9m0_33", d = {
+  cardTitle: t,
+  cardBody: n,
+  cardContent: o,
+  row: _,
+  font: e,
+  fontHeader: r,
+  title: c,
+  emptyContainer: y,
+  empty: a
+};
+export {
+  d as s
+};

package/dist/main.d.ts

@@ -14,6 +14,7 @@ export { Iconify } from './components/Iconify/Iconify';
 export { InfoGroup } from './components/InfoGroup/InfoGroup';
 export { ListArea } from './components/ListArea/ListArea';
 export { LoadingSpinner } from './components/LoadingSpinner/Default/LoadingSpinner';
+export { Modal } from './components/Modal/Modal';
 export { OverflowTooltip } from './components/OverflowTooltip/OverflowTooltip';
 export { ScrollbarX, ScrollbarY } from './components/Scrollbar/Scrollbar';
 export { SearchBar } from './components/SearchBar/SearchBar';

package/dist/main.js

@@ -14,24 +14,25 @@ import { HeaderFilter as C } from "./components/HeaderFilter/HeaderFilter.js";
 import { I } from "./Iconify-CY9lZjFd.js";
 import { InfoGroup as A } from "./components/InfoGroup/InfoGroup.js";
 import { ListArea as L } from "./components/ListArea/ListArea.js";
-import { LoadingSpinner as y } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
-import { OverflowTooltip as M } from "./components/OverflowTooltip/OverflowTooltip.js";
-import { ScrollbarX as E, ScrollbarY as O } from "./components/Scrollbar/Scrollbar.js";
-import { SearchBar as R } from "./components/SearchBar/SearchBar.js";
-import { VerticalDivider as Y } from "./components/VerticalDivider/VerticalDivider.js";
-import { FormCheckBox as q } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
-import { FormDatePicker as K } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
-import { FormRadio as Q } from "./components/FormComponents/FormRadio/FormRadio.js";
-import { FormSelect as W } from "./components/FormComponents/FormSelect/FormSelect.js";
-import { FormSlider as _ } from "./components/FormComponents/FormSlider/FormSlider.js";
-import { FormText as rr } from "./components/FormComponents/FormText/FormText.js";
-import { AvailableCustomIcons as er } from "./enums/AvailableCustomIcons.js";
-import { ThemeColor as mr } from "./enums/ThemeColor.js";
-import { u as fr } from "./useBreakpoints-BNeVhjjZ.js";
-import { capitalizeFirstLetters as ir } from "./services/UtilService.js";
+import { LoadingSpinner as g } from "./components/LoadingSpinner/Default/LoadingSpinner.js";
+import { Modal as G } from "./components/Modal/Modal.js";
+import { OverflowTooltip as E } from "./components/OverflowTooltip/OverflowTooltip.js";
+import { ScrollbarX as P, ScrollbarY as R } from "./components/Scrollbar/Scrollbar.js";
+import { SearchBar as Y } from "./components/SearchBar/SearchBar.js";
+import { VerticalDivider as q } from "./components/VerticalDivider/VerticalDivider.js";
+import { FormCheckBox as K } from "./components/FormComponents/FormCheckBox/FormCheckBox.js";
+import { FormDatePicker as Q } from "./components/FormComponents/FormDatePicker/FormDatePicker.js";
+import { FormRadio as W } from "./components/FormComponents/FormRadio/FormRadio.js";
+import { FormSelect as _ } from "./components/FormComponents/FormSelect/FormSelect.js";
+import { FormSlider as rr } from "./components/FormComponents/FormSlider/FormSlider.js";
+import { FormText as er } from "./components/FormComponents/FormText/FormText.js";
+import { AvailableCustomIcons as mr } from "./enums/AvailableCustomIcons.js";
+import { ThemeColor as fr } from "./enums/ThemeColor.js";
+import { u as ir } from "./useBreakpoints-BNeVhjjZ.js";
+import { capitalizeFirstLetters as lr } from "./services/UtilService.js";
 export {
   t as AlertBanner,
-  er as AvailableCustomIcons,
+  mr as AvailableCustomIcons,
   p as BaseView,
   x as BasicHeading,
   a as BlockView,
@@ -40,25 +41,26 @@ export {
   d as Disclaimer,
   S as EmptyView,
   u as Filter,
-  q as FormCheckBox,
-  K as FormDatePicker,
-  Q as FormRadio,
-  W as FormSelect,
-  _ as FormSlider,
-  rr as FormText,
+  K as FormCheckBox,
+  Q as FormDatePicker,
+  W as FormRadio,
+  _ as FormSelect,
+  rr as FormSlider,
+  er as FormText,
   T as GenericTable,
   h as HashTabView,
   C as HeaderFilter,
   I as Iconify,
   A as InfoGroup,
   L as ListArea,
-  y as LoadingSpinner,
-  M as OverflowTooltip,
-  E as ScrollbarX,
-  O as ScrollbarY,
-  R as SearchBar,
-  mr as ThemeColor,
-  Y as VerticalDivider,
-  ir as capitalizeFirstLetters,
-  fr as useBreakpoints
+  g as LoadingSpinner,
+  G as Modal,
+  E as OverflowTooltip,
+  P as ScrollbarX,
+  R as ScrollbarY,
+  Y as SearchBar,
+  fr as ThemeColor,
+  q as VerticalDivider,
+  lr as capitalizeFirstLetters,
+  ir as useBreakpoints
 };

package/dist/modal.module-BlDp1Wiq.js

@@ -0,0 +1,7 @@
+import "./assets/modal.css";
+const o = "_modal_a4n3a_1", s = {
+  modal: o
+};
+export {
+  s
+};

package/dist/overflowTooltip.module-BN3bp9Cj.js

@@ -0,0 +1,7 @@
+import "./assets/overflowTooltip.css";
+const t = "_truncate_m48xn_1", s = {
+  truncate: t
+};
+export {
+  s
+};

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.7689",
+  "version": "0.0.7857",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",

package/dist/baseView.module-ve87u_d0.js

@@ -1,12 +0,0 @@
-import "./assets/baseView.css";
-const t = "_divider_1513z_1", e = "_truncate_1513z_5", i = "_desktopList_1513z_13", s = "_mobileList_1513z_17", o = "_desktopDetail_1513z_21", _ = "_mobileDetail_1513z_25", d = {
-  divider: t,
-  truncate: e,
-  desktopList: i,
-  mobileList: s,
-  desktopDetail: o,
-  mobileDetail: _
-};
-export {
-  d as s
-};

package/dist/genericCard.module-k0bicNfi.js

@@ -1,15 +0,0 @@
-import "./assets/genericCard.css";
-const t = "_cardTitle_ecoot_1", o = "_cardBody_ecoot_5", e = "_cardContent_ecoot_10", c = "_row_ecoot_14", n = "_font_ecoot_18", _ = "_fontHeader_ecoot_28", r = "_title_ecoot_32", a = "_emptyContainer_ecoot_40", d = "_empty_ecoot_40", i = {
-  cardTitle: t,
-  cardBody: o,
-  cardContent: e,
-  row: c,
-  font: n,
-  fontHeader: _,
-  title: r,
-  emptyContainer: a,
-  empty: d
-};
-export {
-  i as s
-};