@hortiview/shared-components 0.0.7689 → 0.0.7819

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/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/components/Filter/Filter.js

@@ -26,12 +26,13 @@ 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 Ct = ({
   clearFilterText: m,
   closeCallback: a,
   currentFilter: i,
@@ -173,5 +174,5 @@ const Bt = ({
   );
 };
 export {
-  Bt as Filter
+  Ct as Filter
 };

package/dist/components/GenericTable/GenericTable.js

@@ -1,5 +1,5 @@
 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 { u as x } from "../../useBreakpoints-BNeVhjjZ.js";
@@ -24,6 +24,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 +32,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 ur = ({
+  data: l = [],
   hiddenColumns: p = [],
   order: f = [],
   cellTemplates: h = void 0,
@@ -47,7 +48,7 @@ const dr = ({
   cardSubTitleColumn: T
 }) => {
   const { isDesktop: o } = x(), a = _({
-    data: m,
+    data: l,
     order: f,
     cellTemplates: h,
     headerTranslation: g,
@@ -56,7 +57,7 @@ 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(
@@ -73,10 +74,10 @@ const dr = ({
         u,
         {
           className: e.topBar,
-          filterBar: /* @__PURE__ */ B(l, { fullWidth: !0, direction: "vertical", gap: "none", children: [
+          filterBar: /* @__PURE__ */ B(m, { fullWidth: !0, direction: "vertical", gap: "none", children: [
             t && /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(k, { level: 6, children: t }) }),
             /* @__PURE__ */ r(
-              l,
+              m,
               {
                 className: e.filterBar,
                 fullWidth: !0,
@@ -92,7 +93,7 @@ const dr = ({
       sortable: !0,
       noContentIncludeTable: !!a,
       noContentMessage: /* @__PURE__ */ r(
-        l,
+        m,
         {
           fullWidth: !0,
           primaryAlign: "center",
@@ -113,5 +114,5 @@ const dr = ({
   );
 };
 export {
-  dr as GenericTable
+  ur as GenericTable
 };

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