@hortiview/shared-components 0.0.4540 → 0.0.4721

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

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

package/dist/components/DeleteModal/DeleteModal.test.js

@@ -0,0 +1,85 @@
+import { jsx as n } from "react/jsx-runtime";
+import { r as c, s as e } from "../../react.esm-BeDwcQWb.js";
+import { DeleteModal as b } from "./DeleteModal.js";
+import { d, t as a, v as o, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
+d("DeleteModal Test", () => {
+  a("should render the DeleteModal properly", () => {
+    c(
+      /* @__PURE__ */ n(
+        b,
+        {
+          icon: "block",
+          open: !0,
+          setOpen: o.fn(),
+          onDelete: o.fn(),
+          title: "DELETE",
+          confirmButtonLabel: "Remove",
+          cancelButtonLabel: "Cancel",
+          deleteHeader: "Delete my block",
+          impossibleDeleteHeader: "block cant be deleted",
+          deleteBody: ["block 1", "block 2", "block 3"],
+          isDeletePossible: !0
+        }
+      )
+    ), t(e.getByText("DELETE")).toBeInTheDocument(), t(e.getByTestId("block")).toBeInTheDocument(), t(e.getByText("block 1")).toBeInTheDocument(), t(e.getByText("block 2")).toBeInTheDocument(), t(e.getByText("block 3")).toBeInTheDocument(), t(e.getByText("Remove")).toBeInTheDocument(), t(e.getByText("Cancel")).toBeInTheDocument(), t(e.queryByText("block cant be deleted")).not.toBeInTheDocument();
+  }), a("should render the DeleteModal properly when isDeletePossible = false", () => {
+    c(
+      /* @__PURE__ */ n(
+        b,
+        {
+          icon: "block",
+          open: !0,
+          setOpen: o.fn(),
+          onDelete: o.fn(),
+          title: "DELETE",
+          confirmButtonLabel: "Remove",
+          cancelButtonLabel: "Cancel",
+          deleteHeader: "Delete my block",
+          impossibleDeleteHeader: "block cant be deleted",
+          deleteBody: ["block 1", "block 2", "block 3"],
+          isDeletePossible: !1
+        }
+      )
+    ), e.debug(), t(e.getByText("DELETE")).toBeInTheDocument(), t(e.getByTestId("block")).toBeInTheDocument(), t(e.queryByText("block 1")).not.toBeInTheDocument(), t(e.queryByText("block 2")).not.toBeInTheDocument(), t(e.queryByText("block 3")).not.toBeInTheDocument(), t(e.getByText("Remove")).toBeInTheDocument(), t(e.getByText("Remove").parentElement).toBeDisabled(), t(e.getByText("Cancel")).toBeInTheDocument(), t(e.queryByText("block cant be deleted")).toBeInTheDocument();
+  }), a("should call setOpen with false when clicking on cancel button", () => {
+    const l = o.fn();
+    c(
+      /* @__PURE__ */ n(
+        b,
+        {
+          icon: "block",
+          open: !0,
+          setOpen: l,
+          onDelete: o.fn(),
+          title: "DELETE",
+          confirmButtonLabel: "Remove",
+          cancelButtonLabel: "Cancel",
+          deleteHeader: "Delete my block",
+          impossibleDeleteHeader: "block cant be deleted",
+          deleteBody: ["block 1", "block 2", "block 3"],
+          isDeletePossible: !0
+        }
+      )
+    ), e.getByText("Cancel").click(), t(l).toHaveBeenCalledWith(!1);
+  }), a("should call onDelete when clicking on delete button", () => {
+    const l = o.fn();
+    c(
+      /* @__PURE__ */ n(
+        b,
+        {
+          icon: "block",
+          open: !0,
+          setOpen: o.fn(),
+          onDelete: l,
+          title: "DELETE",
+          confirmButtonLabel: "Remove",
+          cancelButtonLabel: "Cancel",
+          deleteHeader: "Delete my block",
+          impossibleDeleteHeader: "block cant be deleted",
+          deleteBody: ["block 1", "block 2", "block 3"],
+          isDeletePossible: !0
+        }
+      )
+    ), e.getByText("Remove").click(), t(l).toHaveBeenCalled();
+  });
+});

package/dist/components/Disclaimer/Disclaimer.d.ts

@@ -0,0 +1,33 @@
+type DisclaimerProps = {
+    /**
+     * The text of the disclaimer - required
+     */
+    text: string;
+    /**
+     * The level of the disclaimer - optional, defaults to _2_
+     */
+    level?: 1 | 2;
+    /**
+     * Whether the disclaimer should be bold - optional, defaults to _false_
+     */
+    bold?: boolean;
+    /**
+     * The icon of the disclaimer - optional, defaults to _wifi_off_
+     */
+    icon?: string;
+    /**
+     * The subtext of the disclaimer - optional
+     */
+    subtext?: string;
+};
+/**
+ * A disclaimer component with additional icon and subtext
+ * @prop **text** - the text of the disclaimer - required
+ * @prop **level** - the level of the disclaimer - optional, defaults to _2_
+ * @prop **bold** - whether the disclaimer should be bold - optional, defaults to _false_
+ * @prop **icon** - the icon of the disclaimer - optional, defaults to _wifi_off_
+ * @prop **subtext** - the subtext of the disclaimer - optional
+ * @returns
+ */
+export declare const Disclaimer: ({ text, subtext, icon, level, bold }: DisclaimerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Disclaimer/Disclaimer.js

@@ -0,0 +1,24 @@
+import "../../assets/Disclaimer.css";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { G as n } from "../../index.es-hAl7Wxm5.js";
+import { a as m, b as t } from "../../index.es-z8RCxF8n.js";
+import { I as d } from "../../index.es-3I3oam0G.js";
+const p = "_disclaimer_1k38t_1", y = "_iconArea_1k38t_7", o = {
+  disclaimer: p,
+  iconArea: y
+}, v = ({ text: a, subtext: i, icon: e, level: c = 2, bold: s = !1 }) => /* @__PURE__ */ l(
+  n,
+  {
+    direction: e || i ? "vertical" : "horizontal",
+    secondaryAlign: "center",
+    primaryAlign: "center",
+    children: [
+      /* @__PURE__ */ r(m, { className: o.disclaimer, level: c, bold: s, children: a }),
+      i && /* @__PURE__ */ r(t, { level: 2, children: i }),
+      e && /* @__PURE__ */ r("div", { className: o.iconArea, children: /* @__PURE__ */ r(d, { className: o.Icon, icon: e, iconSize: "large" }) })
+    ]
+  }
+);
+export {
+  v as Disclaimer
+};

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

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

package/dist/components/Disclaimer/Disclaimer.test.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+import { r, s as t } from "../../react.esm-BeDwcQWb.js";
+import { Disclaimer as s } from "./Disclaimer.js";
+import { d as i, t as m, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
+i("Disclaimer test", () => {
+  m("should render with default text", () => {
+    r(/* @__PURE__ */ o(s, { text: "disclaimer.default" })), e(t.getByText("disclaimer.default")).toBeInTheDocument();
+  }), m("should render with custom text", () => {
+    r(/* @__PURE__ */ o(s, { text: "custom-text" })), e(t.getByText("custom-text")).toBeInTheDocument(), e(t.queryByText("disclaimer.default")).not.toBeInTheDocument();
+  }), m("should render Disclaimer including the custom text", () => {
+    r(/* @__PURE__ */ o(s, { subtext: "custom-text", text: "offline-alterText" })), e(t.getByText("offline-alterText")).toBeInTheDocument(), e(t.getByText("custom-text")).toBeInTheDocument();
+  });
+});

package/dist/components/EmptyView/EmptyView.js

@@ -1,9 +1,9 @@
 import { jsx as k } from "react/jsx-runtime";
-import { P as e, c as P, _ as C } from "../../index.es-WZ1mqvGz.js";
+import { P as e, c as P, _ as C } from "../../index.es-BahjEG5L.js";
 import l, { forwardRef as H, useRef as T, useImperativeHandle as O, useMemo as p } from "react";
-import { G as E } from "../../index.es-DYsXox--.js";
-import { d as N } from "../../index.es-BD4kFWFx.js";
-import { I as x } from "../../index.es-Cv6meSAn.js";
+import { G as E } from "../../index.es-hAl7Wxm5.js";
+import { d as N } from "../../index.es-z8RCxF8n.js";
+import { I as x } from "../../index.es-3I3oam0G.js";
 const $ = {
   /**
    * Aligns the Hero contents.

package/dist/components/EmptyView/EmptyView.test.js

@@ -1,18 +1,19 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as r, t as s, r as d, g as e, s as n } from "../../vi.JYQecGiw-8gz0k16C.js";
-import { EmptyView as i } from "./EmptyView.js";
-r("EmptyView", () => {
-  s("should render", () => {
-    d(/* @__PURE__ */ o(i, {})), e(n.getByText("dashbord")).toBeInTheDocument();
-  }), s("should render with custom icon", () => {
-    d(/* @__PURE__ */ o(i, { icon: "add" })), e(n.getByText("add")).toBeInTheDocument();
-  }), s("should render with title", () => {
-    d(/* @__PURE__ */ o(i, { icon: "add", title: "TITLE" }));
-    const t = n.getByText("TITLE");
+import { r as s, s as d } from "../../react.esm-BeDwcQWb.js";
+import { EmptyView as n } from "./EmptyView.js";
+import { d as i, t as r, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
+i("EmptyView", () => {
+  r("should render", () => {
+    s(/* @__PURE__ */ o(n, {})), e(d.getByText("dashbord")).toBeInTheDocument();
+  }), r("should render with custom icon", () => {
+    s(/* @__PURE__ */ o(n, { icon: "add" })), e(d.getByText("add")).toBeInTheDocument();
+  }), r("should render with title", () => {
+    s(/* @__PURE__ */ o(n, { icon: "add", title: "TITLE" }));
+    const t = d.getByText("TITLE");
     e(t).toBeInTheDocument(), e(t).toHaveClass(/headline2/);
-  }), s("should render with subtitle", () => {
-    d(/* @__PURE__ */ o(i, { icon: "add", subtitle: "SUB_TITLE" }));
-    const t = n.getByText("SUB_TITLE");
+  }), r("should render with subtitle", () => {
+    s(/* @__PURE__ */ o(n, { icon: "add", subtitle: "SUB_TITLE" }));
+    const t = d.getByText("SUB_TITLE");
     e(t).toBeInTheDocument(), e(t).toHaveClass(/headline6/);
   });
 });

package/dist/components/HashTabView/HashTabView.js

@@ -2,12 +2,12 @@ import "../../assets/HashTabView.css";
 import { jsx as I, jsxs as q, Fragment as dt } from "react/jsx-runtime";
 import p, { forwardRef as w, useMemo as rt, useRef as C, useImperativeHandle as W, useContext as ft, useEffect as D, useCallback as ht, createContext as pt, useState as mt } from "react";
 import { a as gt } from "../../useBreakpoint-DROHPVxO.js";
-import { P as i, _ as x, c as K, d as tt, a as at } from "../../index.es-WZ1mqvGz.js";
-import { I as Tt } from "../../index.es-Cv6meSAn.js";
+import { P as i, _ as x, c as K, d as tt, e as at } from "../../index.es-BahjEG5L.js";
+import { I as Tt } from "../../index.es-3I3oam0G.js";
 import { c as T, _ as E, b as vt } from "../../tslib.es6-BOWp4lfV.js";
-import { a as k, b, c as H, m as _t, d as bt, M as et } from "../../component-D1YrRAXe.js";
-import { E as St } from "../../index.es-CUWXKh7P.js";
-import { G as Y } from "../../index.es-DYsXox--.js";
+import { a as k, d as b, b as H, m as _t, f as bt, M as et } from "../../component-DCtofpGS.js";
+import { E as St } from "../../index.es-CcfZlo4c.js";
+import { G as Y } from "../../index.es-hAl7Wxm5.js";
 /**
  * @license
  * Copyright 2018 Google Inc.

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

@@ -1,6 +1,7 @@
 import { jsx as n, Fragment as o } from "react/jsx-runtime";
-import { d as h, t as a, r as c, g as t, s as e, f as r } from "../../vi.JYQecGiw-8gz0k16C.js";
-import { HashTabView as l } from "./HashTabView.js";
+import { r as a, s as e, f as r } from "../../react.esm-BeDwcQWb.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 = [
   {
     title: "Map",
@@ -18,13 +19,13 @@ const m = [
   }
 ];
 h("HashTabView test", () => {
-  a("should render HashTabView with all given tabs, icons and the initial component", () => {
-    c(/* @__PURE__ */ n(l, { tabs: m })), t(e.getByText(/Map/)).toBeInTheDocument(), t(e.getByText("map")).toBeInTheDocument(), t(e.getByText(/TrIcon1/)).toBeInTheDocument(), t(e.getByText(/Manually/)).toBeInTheDocument(), t(e.getByText("list_alt")).toBeInTheDocument(), t(e.getByText(/TrIcon2/)).toBeInTheDocument(), t(e.getByText("My map component")).toBeInTheDocument();
-  }), a("should change to component on tab-click", () => {
-    c(/* @__PURE__ */ n(l, { tabs: m }));
+  l("should render HashTabView with all given tabs, icons and the initial component", () => {
+    a(/* @__PURE__ */ n(c, { tabs: m })), t(e.getByText(/Map/)).toBeInTheDocument(), t(e.getByText("map")).toBeInTheDocument(), t(e.getByText(/TrIcon1/)).toBeInTheDocument(), t(e.getByText(/Manually/)).toBeInTheDocument(), t(e.getByText("list_alt")).toBeInTheDocument(), t(e.getByText(/TrIcon2/)).toBeInTheDocument(), t(e.getByText("My map component")).toBeInTheDocument();
+  }), l("should change to component on tab-click", () => {
+    a(/* @__PURE__ */ n(c, { tabs: m }));
     const i = e.getByText(/Manually/);
     r.click(i), t(e.getByText("My manually component")).toBeInTheDocument();
-  }), a("should render the correct tab according to hash in route", () => {
-    c(/* @__PURE__ */ n(l, { tabs: m, hash: "#manually" })), t(e.getByText("My manually component")).toBeInTheDocument();
+  }), l("should render the correct tab according to hash in route", () => {
+    a(/* @__PURE__ */ n(c, { tabs: m, hash: "#manually" })), t(e.getByText("My manually component")).toBeInTheDocument();
   });
 });

package/dist/components/HeaderFilter/HeaderFilter.d.ts

@@ -0,0 +1,33 @@
+import { SelectProps } from '@element/react-components';
+type HeaderFilterProps = {
+    /**
+     * heading of the filter
+     */
+    heading: string;
+    /**
+     * text to display before the filter
+     */
+    filterByText?: string;
+    /**
+     * function to set the filter
+     */
+    setFilter: (filterValue: string) => void;
+    /**
+     * current value of the filter
+     */
+    filterValue: string;
+    /**
+     * options for the filter
+     */
+    filterOptions: SelectProps[];
+};
+/**
+ * Provides a HeaderFilter component with a single filtervalue select
+ * @prop {string} heading - heading of the filter
+ * @prop {string} filterByText - text to display before the filter
+ * @prop {(filterValue: string) => void} setFilter - function to set the filter
+ * @prop {string} filterValue - current value of the filter
+ * @prop {SelectProps[]} filterOptions - options for the filter
+ */
+export declare const HeaderFilter: ({ heading, filterByText, setFilter, filterValue, filterOptions, }: HeaderFilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};