@hortiview/shared-components 0.0.4540 → 0.0.4721

package/dist/assets/Disclaimer.css

@@ -0,0 +1 @@
+._disclaimer_1k38t_1{color:var(--lmnt-theme-danger);font-style:normal;line-height:20px}._iconArea_1k38t_7{display:flex;justify-content:center}

package/dist/assets/HeaderFilter.css

@@ -0,0 +1 @@
+._filterSelect_923nc_1{width:300px;margin-left:10px}

package/dist/assets/Scrollbar.css

@@ -0,0 +1 @@
+._scrollbarY_1m6g8_1{overflow-y:auto}._scrollbarX_1m6g8_5{overflow-x:auto}._scrollbarX_1m6g8_5::-webkit-scrollbar-track,._scrollbarY_1m6g8_1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2);border-radius:.5rem;margin-right:.25rem;background-color:var(--lmnt-theme-background)}._scrollbarX_1m6g8_5::-webkit-scrollbar,._scrollbarY_1m6g8_1::-webkit-scrollbar{width:.5rem}._scrollbarX_1m6g8_5::-webkit-scrollbar-thumb,._scrollbarY_1m6g8_1::-webkit-scrollbar-thumb{border-radius:.5rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--lmnt-theme-primary-100)}

package/dist/{component-D1YrRAXe.js → component-DCtofpGS.js}

@@ -1,4 +1,4 @@
-import { a as b, b as I, c as T, _ as v } from "./tslib.es6-BOWp4lfV.js";
+import { a as b, b as I, c as E, _ as v } from "./tslib.es6-BOWp4lfV.js";
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -21,7 +21,7 @@ import { a as b, b as I, c as T, _ as v } from "./tslib.es6-BOWp4lfV.js";
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var E = (
+var S = (
   /** @class */
   function() {
     function a(i) {
@@ -87,7 +87,7 @@ var D = (
       this.root = i, this.initialize.apply(this, b([], I(e))), this.foundation = t === void 0 ? this.getDefaultFoundation() : t, this.foundation.init(), this.initialSyncWithDOM();
     }
     return a.attachTo = function(i) {
-      return new a(i, new E({}));
+      return new a(i, new S({}));
     }, a.prototype.initialize = function() {
     }, a.prototype.getDefaultFoundation = function() {
       throw new Error("Subclasses must override getDefaultFoundation to return a properly configured foundation class");
@@ -130,21 +130,21 @@ var D = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-function P(a, i) {
+function R(a, i) {
   if (a.closest)
     return a.closest(i);
   for (var t = a; t; ) {
-    if (S(t, i))
+    if (h(t, i))
       return t;
     t = t.parentElement;
   }
   return null;
 }
-function S(a, i) {
+function h(a, i) {
   var t = a.matches || a.webkitMatchesSelector || a.msMatchesSelector;
   return t.call(a, i);
 }
-function M(a) {
+function w(a) {
   var i = a;
   if (i.offsetParent !== null)
     return i.scrollWidth;
@@ -153,6 +153,12 @@ function M(a) {
   var e = t.scrollWidth;
   return document.documentElement.removeChild(t), e;
 }
+const U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  closest: R,
+  estimateScrollWidth: w,
+  matches: h
+}, Symbol.toStringTag, { value: "Module" }));
 /**
  * @license
  * Copyright 2019 Google Inc.
@@ -175,10 +181,10 @@ function M(a) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-function f(a) {
-  return a === void 0 && (a = window), R(a) ? { passive: !0 } : !1;
+function l(a) {
+  return a === void 0 && (a = window), F(a) ? { passive: !0 } : !1;
 }
-function R(a) {
+function F(a) {
   a === void 0 && (a = window);
   var i = !1;
   try {
@@ -218,7 +224,7 @@ function R(a) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var w = {
+var V = {
   // Ripple is a special case where the "root" component is really a "mixin" of sorts,
   // given that it's an 'upgrade' to an existing component. That being said it is the root
   // CSS class that all other CSS classes derive from.
@@ -227,33 +233,33 @@ var w = {
   FG_DEACTIVATION: "mdc-ripple-upgraded--foreground-deactivation",
   ROOT: "mdc-ripple-upgraded",
   UNBOUNDED: "mdc-ripple-upgraded--unbounded"
-}, F = {
+}, O = {
   VAR_FG_SCALE: "--mdc-ripple-fg-scale",
   VAR_FG_SIZE: "--mdc-ripple-fg-size",
   VAR_FG_TRANSLATE_END: "--mdc-ripple-fg-translate-end",
   VAR_FG_TRANSLATE_START: "--mdc-ripple-fg-translate-start",
   VAR_LEFT: "--mdc-ripple-left",
   VAR_TOP: "--mdc-ripple-top"
-}, g = {
+}, y = {
   DEACTIVATION_TIMEOUT_MS: 225,
   FG_DEACTIVATION_MS: 150,
   INITIAL_ORIGIN_SCALE: 0.6,
   PADDING: 10,
   TAP_DELAY_MS: 300
   // Delay between touch and simulated mouse events on touch devices
-}, l;
-function V(a, i) {
+}, f;
+function H(a, i) {
   i === void 0 && (i = !1);
-  var t = a.CSS, e = l;
-  if (typeof l == "boolean" && !i)
-    return l;
+  var t = a.CSS, e = f;
+  if (typeof f == "boolean" && !i)
+    return f;
   var n = t && typeof t.supports == "function";
   if (!n)
     return !1;
   var r = t.supports("--css-vars", "yes"), s = t.supports("(--css-vars: yes)") && t.supports("color", "#00000000");
-  return e = r || s, i || (l = e), e;
+  return e = r || s, i || (f = e), e;
 }
-function O(a, i, t) {
+function N(a, i, t) {
   if (!a)
     return { x: 0, y: 0 };
   var e = i.x, n = i.y, r = e + t.left, s = n + t.top, o, u;
@@ -288,20 +294,20 @@ function O(a, i, t) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var y = [
+var C = [
   "touchstart",
   "pointerdown",
   "mousedown",
   "keydown"
-], C = [
+], T = [
   "touchend",
   "pointerup",
   "mouseup",
   "contextmenu"
-], p = [], H = (
+], p = [], P = (
   /** @class */
   function(a) {
-    T(i, a);
+    E(i, a);
     function i(t) {
       var e = a.call(this, v(v({}, i.defaultAdapter), t)) || this;
       return e.activationAnimationHasEnded_ = !1, e.activationTimer_ = 0, e.fgDeactivationRemovalTimer_ = 0, e.fgScale_ = "0", e.frame_ = { width: 0, height: 0 }, e.initialSize_ = 0, e.layoutFrame_ = 0, e.maxRadius_ = 0, e.unboundedCoords_ = { left: 0, top: 0 }, e.activationState_ = e.defaultActivationState_(), e.activationTimerCallback_ = function() {
@@ -320,19 +326,19 @@ var y = [
     }
     return Object.defineProperty(i, "cssClasses", {
       get: function() {
-        return w;
+        return V;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(i, "strings", {
       get: function() {
-        return F;
+        return O;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(i, "numbers", {
       get: function() {
-        return g;
+        return y;
       },
       enumerable: !1,
       configurable: !0
@@ -435,22 +441,22 @@ var y = [
       };
     }, i.prototype.registerRootHandlers_ = function(t) {
       var e = this;
-      t && (y.forEach(function(n) {
+      t && (C.forEach(function(n) {
         e.adapter.registerInteractionHandler(n, e.activateHandler_);
       }), this.adapter.isUnbounded() && this.adapter.registerResizeHandler(this.resizeHandler_)), this.adapter.registerInteractionHandler("focus", this.focusHandler_), this.adapter.registerInteractionHandler("blur", this.blurHandler_);
     }, i.prototype.registerDeactivationHandlers_ = function(t) {
       var e = this;
-      t.type === "keydown" ? this.adapter.registerInteractionHandler("keyup", this.deactivateHandler_) : C.forEach(function(n) {
+      t.type === "keydown" ? this.adapter.registerInteractionHandler("keyup", this.deactivateHandler_) : T.forEach(function(n) {
         e.adapter.registerDocumentInteractionHandler(n, e.deactivateHandler_);
       });
     }, i.prototype.deregisterRootHandlers_ = function() {
       var t = this;
-      y.forEach(function(e) {
+      C.forEach(function(e) {
         t.adapter.deregisterInteractionHandler(e, t.activateHandler_);
       }), this.adapter.deregisterInteractionHandler("focus", this.focusHandler_), this.adapter.deregisterInteractionHandler("blur", this.blurHandler_), this.adapter.isUnbounded() && this.adapter.deregisterResizeHandler(this.resizeHandler_);
     }, i.prototype.deregisterDeactivationHandlers_ = function() {
       var t = this;
-      this.adapter.deregisterInteractionHandler("keyup", this.deactivateHandler_), C.forEach(function(e) {
+      this.adapter.deregisterInteractionHandler("keyup", this.deactivateHandler_), T.forEach(function(e) {
         t.adapter.deregisterDocumentInteractionHandler(e, t.deactivateHandler_);
       });
     }, i.prototype.removeCssVars_ = function() {
@@ -484,17 +490,17 @@ var y = [
     }, i.prototype.animateActivation_ = function() {
       var t = this, e = i.strings, n = e.VAR_FG_TRANSLATE_START, r = e.VAR_FG_TRANSLATE_END, s = i.cssClasses, o = s.FG_DEACTIVATION, u = s.FG_ACTIVATION, c = i.numbers.DEACTIVATION_TIMEOUT_MS;
       this.layoutInternal_();
-      var d = "", h = "";
+      var d = "", _ = "";
       if (!this.adapter.isUnbounded()) {
-        var _ = this.getFgTranslationCoordinates_(), m = _.startPoint, A = _.endPoint;
-        d = m.x + "px, " + m.y + "px", h = A.x + "px, " + A.y + "px";
+        var m = this.getFgTranslationCoordinates_(), A = m.startPoint, g = m.endPoint;
+        d = A.x + "px, " + A.y + "px", _ = g.x + "px, " + g.y + "px";
       }
-      this.adapter.updateCssVariable(n, d), this.adapter.updateCssVariable(r, h), clearTimeout(this.activationTimer_), clearTimeout(this.fgDeactivationRemovalTimer_), this.rmBoundedActivationClasses_(), this.adapter.removeClass(o), this.adapter.computeBoundingRect(), this.adapter.addClass(u), this.activationTimer_ = setTimeout(function() {
+      this.adapter.updateCssVariable(n, d), this.adapter.updateCssVariable(r, _), clearTimeout(this.activationTimer_), clearTimeout(this.fgDeactivationRemovalTimer_), this.rmBoundedActivationClasses_(), this.adapter.removeClass(o), this.adapter.computeBoundingRect(), this.adapter.addClass(u), this.activationTimer_ = setTimeout(function() {
         return t.activationTimerCallback_();
       }, c);
     }, i.prototype.getFgTranslationCoordinates_ = function() {
       var t = this.activationState_, e = t.activationEvent, n = t.wasActivatedByPointer, r;
-      n ? r = O(e, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect()) : r = {
+      n ? r = N(e, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect()) : r = {
         x: this.frame_.width / 2,
         y: this.frame_.height / 2
       }, r = {
@@ -510,7 +516,7 @@ var y = [
       var t = this, e = i.cssClasses.FG_DEACTIVATION, n = this.activationState_, r = n.hasDeactivationUXRun, s = n.isActivated, o = r || !s;
       o && this.activationAnimationHasEnded_ && (this.rmBoundedActivationClasses_(), this.adapter.addClass(e), this.fgDeactivationRemovalTimer_ = setTimeout(function() {
         t.adapter.removeClass(e);
-      }, g.FG_DEACTIVATION_MS));
+      }, y.FG_DEACTIVATION_MS));
     }, i.prototype.rmBoundedActivationClasses_ = function() {
       var t = i.cssClasses.FG_ACTIVATION;
       this.adapter.removeClass(t), this.activationAnimationHasEnded_ = !1, this.adapter.computeBoundingRect();
@@ -549,7 +555,7 @@ var y = [
         top: Math.round(this.frame_.height / 2 - this.initialSize_ / 2)
       }, this.adapter.updateCssVariable(n, this.unboundedCoords_.left + "px"), this.adapter.updateCssVariable(r, this.unboundedCoords_.top + "px"));
     }, i;
-  }(E)
+  }(S)
 );
 /**
  * @license
@@ -573,10 +579,10 @@ var y = [
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var U = (
+var L = (
   /** @class */
   function(a) {
-    T(i, a);
+    E(i, a);
     function i() {
       var t = a !== null && a.apply(this, arguments) || this;
       return t.disabled = !1, t;
@@ -591,7 +597,7 @@ var U = (
           return t.root.classList.add(e);
         },
         browserSupportsCssVars: function() {
-          return V(window);
+          return H(window);
         },
         computeBoundingRect: function() {
           return t.root.getBoundingClientRect();
@@ -600,10 +606,10 @@ var U = (
           return t.root.contains(e);
         },
         deregisterDocumentInteractionHandler: function(e, n) {
-          return document.documentElement.removeEventListener(e, n, f());
+          return document.documentElement.removeEventListener(e, n, l());
         },
         deregisterInteractionHandler: function(e, n) {
-          return t.root.removeEventListener(e, n, f());
+          return t.root.removeEventListener(e, n, l());
         },
         deregisterResizeHandler: function(e) {
           return window.removeEventListener("resize", e);
@@ -612,7 +618,7 @@ var U = (
           return { x: window.pageXOffset, y: window.pageYOffset };
         },
         isSurfaceActive: function() {
-          return S(t.root, ":active");
+          return h(t.root, ":active");
         },
         isSurfaceDisabled: function() {
           return !!t.disabled;
@@ -621,10 +627,10 @@ var U = (
           return !!t.unbounded;
         },
         registerDocumentInteractionHandler: function(e, n) {
-          return document.documentElement.addEventListener(e, n, f());
+          return document.documentElement.addEventListener(e, n, l());
         },
         registerInteractionHandler: function(e, n) {
-          return t.root.addEventListener(e, n, f());
+          return t.root.addEventListener(e, n, l());
         },
         registerResizeHandler: function(e) {
           return window.addEventListener("resize", e);
@@ -652,7 +658,7 @@ var U = (
     }, i.prototype.layout = function() {
       this.foundation.layout();
     }, i.prototype.getDefaultFoundation = function() {
-      return new H(i.createAdapter(this));
+      return new P(i.createAdapter(this));
     }, i.prototype.initialSyncWithDOM = function() {
       var t = this.root;
       this.unbounded = "mdcRippleIsUnbounded" in t.dataset;
@@ -662,12 +668,13 @@ var U = (
   }(D)
 );
 export {
-  U as M,
-  E as a,
-  f as b,
-  D as c,
-  H as d,
-  M as e,
+  L as M,
+  S as a,
+  D as b,
+  R as c,
+  l as d,
+  w as e,
   P as f,
-  S as m
+  h as m,
+  U as p
 };

package/dist/components/BaseView/BaseView.js

@@ -6,8 +6,8 @@ import { ListArea as z } from "../ListArea/ListArea.js";
 import { VerticalDivider as M } from "../VerticalDivider/VerticalDivider.js";
 import { a as S } from "../../useBreakpoint-DROHPVxO.js";
 import { BasicHeading as T } from "../BasicHeading/BasicHeading.js";
-import { d as V, P as e, c as x, _ as A } from "../../index.es-WZ1mqvGz.js";
-import { G as k } from "../../index.es-DYsXox--.js";
+import { d as V, P as e, c as x, _ as A } from "../../index.es-BahjEG5L.js";
+import { G as k } from "../../index.es-hAl7Wxm5.js";
 const R = /* @__PURE__ */ E({}), j = {
   /**
    * @deprecated _Use `variant`='airy' instead._

package/dist/components/BaseView/BaseView.test.js

@@ -1,9 +1,10 @@
 import { jsx as a, Fragment as s } from "react/jsx-runtime";
 import { u as l } from "../../useBreakpoint-DROHPVxO.js";
 import { BaseView as r } from "./BaseView.js";
-import { d as p, b as u, t as i, r as n, g as t, s as e, v as c, f as d } from "../../vi.JYQecGiw-8gz0k16C.js";
-p("BaseView Test", () => {
-  u(() => {
+import { r as i, s as e, f as p } from "../../react.esm-BeDwcQWb.js";
+import { d as u, b as m, t as n, g as t, v as c } from "../../vi.JYQecGiw-BbUbJcT8.js";
+u("BaseView Test", () => {
+  m(() => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isXs: !1,
       isSm: !1,
@@ -38,8 +39,8 @@ p("BaseView Test", () => {
       component: /* @__PURE__ */ a(s, { children: "Security selected" })
     }
   ];
-  i("render BaseView with empty view and navigation list", () => {
-    n(
+  n("render BaseView with empty view and navigation list", () => {
+    i(
       /* @__PURE__ */ a(
         r,
         {
@@ -53,8 +54,8 @@ p("BaseView Test", () => {
         }
       )
     ), t(e.getByText("user.noselection")).toBeInTheDocument(), t(e.getByText("user.personal-profile")).toBeInTheDocument(), t(e.getByText("user.personal_information")).toBeInTheDocument(), t(e.getByText("user.data_privacy")).toBeInTheDocument(), t(e.getByText("user.security")).toBeInTheDocument();
-  }), i("render BaseView with data and navigation list", () => {
-    n(
+  }), n("render BaseView with data and navigation list", () => {
+    i(
       /* @__PURE__ */ a(
         r,
         {
@@ -68,8 +69,8 @@ p("BaseView Test", () => {
         }
       )
     ), t(e.getByText("Personal information selected")).toBeInTheDocument(), t(e.getAllByText("account_circle")).toHaveLength(2), t(e.getAllByText("user.personal_information")).toHaveLength(2);
-  }), i("render BaseView with custom detail title and no detail icon", () => {
-    n(
+  }), n("render BaseView with custom detail title and no detail icon", () => {
+    i(
       /* @__PURE__ */ a(
         r,
         {
@@ -83,7 +84,7 @@ p("BaseView Test", () => {
         }
       )
     ), t(e.getByText("Data Privacy selected")).toBeInTheDocument(), t(e.getByText("Data Privacy 2000")).toBeInTheDocument(), t(e.getAllByText("privacy_tip")).toHaveLength(1), t(e.getAllByText("user.data_privacy")).toHaveLength(1);
-  }), i("hide empty view when screen is small", () => {
+  }), n("hide empty view when screen is small", () => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isXs: !1,
       isSm: !0,
@@ -91,7 +92,7 @@ p("BaseView Test", () => {
       isLg: !1,
       isXlg: !1,
       active: "sm"
-    }), n(
+    }), i(
       /* @__PURE__ */ a(
         r,
         {
@@ -105,8 +106,8 @@ p("BaseView Test", () => {
         }
       )
     ), t(e.queryByText("user.noselection")).not.toBeInTheDocument();
-  }), i("render BaseView with selected detail section", () => {
-    n(
+  }), n("render BaseView with selected detail section", () => {
+    i(
       /* @__PURE__ */ a(
         r,
         {
@@ -119,6 +120,6 @@ p("BaseView Test", () => {
           routerLinkElement: void 0
         }
       )
-    ), d.click(e.getAllByRole("option")[1]), t(e.getByText("Data Privacy selected")).toBeInTheDocument();
+    ), p.click(e.getAllByRole("option")[1]), t(e.getByText("Data Privacy selected")).toBeInTheDocument();
   });
 });

package/dist/components/BasicHeading/BasicHeading.d.ts

@@ -1,12 +1,9 @@
+import { PropsWithChildren } from 'react';
 export type BasicHeadingProps = {
     /**
      * the text content of the heading
      */
     heading: string;
-    /**
-     * optional actions on the right side of the header
-     */
-    children?: JSX.Element | JSX.Element[];
     /**
      * optional margin bottom
      */
@@ -45,4 +42,4 @@ export type BasicHeadingProps = {
      */
     withAvatar?: boolean;
 };
-export declare const BasicHeading: ({ children, marginBottom, heading, icon, className, subHeading, subHeadingLevel, invisibleButton, level, fontWeight, withAvatar, }: BasicHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BasicHeading: ({ children, marginBottom, heading, icon, className, subHeading, subHeadingLevel, invisibleButton, level, fontWeight, withAvatar, }: PropsWithChildren<BasicHeadingProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/BasicHeading/BasicHeading.js

@@ -3,8 +3,8 @@ import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { a as C } from "../../useBreakpoint-DROHPVxO.js";
 import { Iconify as w } from "../Iconify/Iconify.js";
 import { AvailableCustomIcons as y } from "../../enums/AvailableCustomIcons.js";
-import { b as u, c as I } from "../../index.es-BD4kFWFx.js";
-import { I as B } from "../../index.es-Cv6meSAn.js";
+import { c as u, b as I } from "../../index.es-z8RCxF8n.js";
+import { I as B } from "../../index.es-3I3oam0G.js";
 const N = "_pageHeader_fwns1_1", b = "_headlineContainer_fwns1_11", H = "_actionButtonContainer_fwns1_16", A = "_content_fwns1_25", W = "_leadingIcon_fwns1_31", $ = "_headingWrapper_fwns1_38", x = "_headingContainer_fwns1_43", T = "_invisible_fwns1_48", j = "_withAvatar_fwns1_52", z = "_iconContainer_fwns1_57", n = {
   pageHeader: N,
   headlineContainer: b,