@hortiview/shared-components 2.8.6 → 2.8.7

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
-import { I as _ } from "../../index.es-xnSvM9b9.js";
-import { M as k, L as p, a as w } from "../../index.es-BikIx4uw.js";
+import { I as _ } from "../../index.es-IXyb5F6n.js";
+import { M as k, L as p, a as w } from "../../index.es-B6ZgiW2s.js";
 import { useState as I, useCallback as a, useEffect as M } from "react";
-import { u as x } from "../../uniqueId-DrPMzA-E.js";
-import { O as C } from "../../OfflineView-Bw-sbsym.js";
+import { u as x } from "../../uniqueId-NU3-C36A.js";
+import { O as C } from "../../OfflineView-DHtzNLwt.js";
 import '../../assets/ContextMenu.css';const v = "_menu_1xwk3_1", y = "_icon_1xwk3_5", V = "_listItem_1xwk3_9", g = "_offlineViewMargin_1xwk3_19", s = {
   menu: v,
   icon: y,

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,9 +1,9 @@
 import { jsx as o, jsxs as f, Fragment as c } from "react/jsx-runtime";
-import { B as p } from "../../index.es-DmsyeHLO.js";
-import { G as i } from "../../index.es-Dw1eih7R.js";
-import { I } from "../../index.es-8MVlRCi4.js";
-import { T as l } from "../../index.es-1zrFd4Te.js";
-import { u as N } from "../../uniqueId-DrPMzA-E.js";
+import { B as p } from "../../index.es-0QJC9VS2.js";
+import { G as i } from "../../index.es-DDYCugj-.js";
+import { I } from "../../index.es-DwzB1d7_.js";
+import { T as l } from "../../index.es-BGordhUK.js";
+import { u as N } from "../../uniqueId-NU3-C36A.js";
 import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
 import { u as x } from "../../useBreakpoints-MzTZ0tCT.js";
 import { Iconify as B } from "../Iconify/Iconify.js";

package/dist/components/DetailContentWrapper/DetailContentWrapper.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as r, Fragment as n } from "react/jsx-runtime";
-import { G as i } from "../../index.es-Dw1eih7R.js";
+import { G as i } from "../../index.es-DDYCugj-.js";
 import { BasicHeading as a } from "../BasicHeading/BasicHeading.js";
 import '../../assets/DetailContentWrapper.css';const m = "_formContainer_gf66t_1", s = {
   formContainer: m

package/dist/components/Disclaimer/Disclaimer.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { G as n } from "../../index.es-Dw1eih7R.js";
-import { I as t } from "../../index.es-8MVlRCi4.js";
-import { d as m, T as d } from "../../index.es-1zrFd4Te.js";
+import { G as n } from "../../index.es-DDYCugj-.js";
+import { I as t } from "../../index.es-DwzB1d7_.js";
+import { d as m, T as d } from "../../index.es-BGordhUK.js";
 import '../../assets/Disclaimer.css';const p = "_disclaimer_1k38t_1", y = "_iconArea_1k38t_7", a = {
   disclaimer: p,
   iconArea: y

package/dist/components/EmptyView/EmptyView.js

@@ -1,122 +1,131 @@
-import { jsx as m, jsxs as $ } from "react/jsx-runtime";
-import { G as _ } from "../../index.es-Dw1eih7R.js";
-import { c as P, _ as T, P as e } from "../../index-D5m--65X.js";
-import c, { forwardRef as C, useRef as w, useImperativeHandle as H, useMemo as y } from "react";
-import { e as N, T as O } from "../../index.es-1zrFd4Te.js";
-import { I as B } from "../../index.es-8MVlRCi4.js";
-const j = {
+import { jsx as f, jsxs as ae } from "react/jsx-runtime";
+import { G as Q } from "../../index.es-DDYCugj-.js";
+import { _ as I, c as U, a as D, b as w, d as X, P as a } from "../../index-Cpb-8cAN.js";
+import { _ as Y, a as H, b as Z, c as ee, d as E, e as x, f as re } from "../../defineProperty-CmuOyxyf.js";
+import u, { forwardRef as S, useRef as A, useImperativeHandle as R, useMemo as P } from "react";
+import { _ as M } from "../../includes-Bt-Stz_B.js";
+import { e as B, T as V } from "../../index.es-BGordhUK.js";
+import { I as le } from "../../index.es-DwzB1d7_.js";
+var ie = {
   /**
    * Aligns the Hero contents.
    *
    * Defaults to **'centered'**.
    */
-  alignment: e.oneOf(["center-bottom", "center-top", "centered", "left-bottom", "left-center", "left-top", "right-bottom", "right-center", "right-top"]),
+  alignment: a.oneOf(["center-bottom", "center-top", "centered", "left-bottom", "left-center", "left-top", "right-bottom", "right-center", "right-top"]),
   /**
    * Content to be rendered inside the Hero.
    *
    * Defaults to **null**.
    */
-  children: e.node,
+  children: a.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: e.string,
+  className: a.string,
   /**
    * Image Url for Hero background image
    *
    * Defaults to **null**.
    */
-  imageUrl: e.string,
+  imageUrl: a.string,
   /**
    * Adds an overlay over the Hero. Use `overlayProps` to send props to the Hero Overlay component.  See Hero Overlay for prop details.
    *
    * Defaults to **false**.
    */
-  overlay: e.bool,
+  overlay: a.bool,
   /**
    * Props sent to Hero Overlay. See Hero Overlay for prop details.
    *
    * Defaults to **{}**.
    */
-  overlayProps: e.object,
+  overlayProps: a.object,
+  /**
+   * Styles for the grid.
+   *
+   * Defaults to **undefined**.
+   */
+  style: a.object,
   /**
    * Override the default background color. Can only be used if background image is omitted.
    *
    * Defaults to **empty string**.
    */
-  themeColor: e.oneOf(["", "surface", "primary", "secondary"])
-}, A = {
+  themeColor: a.oneOf(["", "surface", "primary", "secondary"])
+}, se = {
   alignment: "centered",
   children: null,
   className: void 0,
   imageUrl: null,
   overlay: !1,
   overlayProps: {},
+  style: void 0,
   themeColor: ""
-}, I = {
+}, ce = {
   /**
    * Content to be rendered inside the Hero Content.  Will take precedence over props.
    *
    * Defaults to **null**.
    */
-  children: e.node,
+  children: a.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: e.string,
+  className: a.string,
   /**
    * Button to be rendered inside the Hero Content.
    *
    * Defaults to **null**.
    */
-  heroBtn: e.node,
+  heroBtn: a.node,
   /**
    * Logo to be rendered inside the Hero Content.
    *
    * Defaults to **null**.
    */
-  logo: e.node,
+  logo: a.node,
   /**
    * Overline text for the Hero Content. Cannot be used with children.
    *
    * Defaults to **'Overline'**.
    */
-  overline: e.string,
+  overline: a.string,
   /**
    * Adds a padding style to the Hero. Must be a valid CSS padding declaration. i.e. 38px 30px
    *
    * Defaults to **null**.
    */
-  padding: e.string,
+  padding: a.string,
   /**
    * Passthrough style object.
    *
    * Defaults to **null**.
    */
-  style: e.object,
+  style: a.object,
   /**
    * Subtitle text for the Hero Content. Cannot be used with children.
    *
    * Defaults to **'Subtitle'**.
    */
-  subtitle: e.string,
+  subtitle: a.string,
   /**
    * Set the color of the text.  Make sure to check for accessibility compliance.
    *
    * Defaults to **'on-unknown-black-active'**.
    */
-  textColor: e.oneOf(["on-unknown-black-active", "on-unknown-white-active", "primary", "secondary", "on-primary", "on-secondary"]),
+  textColor: a.oneOf(["on-unknown-black-active", "on-unknown-white-active", "primary", "secondary", "on-primary", "on-secondary"]),
   /**
    * Title text for the Hero Content. Cannot be used with children.
    *
    * Defaults to **'Title'**.
    */
-  title: e.string
-}, D = {
+  title: a.string
+}, de = {
   children: null,
   className: void 0,
   heroBtn: null,
@@ -127,155 +136,182 @@ const j = {
   subtitle: "Subtitle",
   textColor: "on-unknown-black-active",
   title: "Title"
-}, R = {
+}, me = {
   /**
    * Content to be rendered inside the Hero Overlay.  Useful for angles or other non semantic elements displayed in the Hero.
    *
    * Defaults to **null**.
    */
-  children: e.node,
+  children: a.node,
   /**
    * The css class name to be passed through to the component markup.
    *
    * Defaults to **undefined**.
    */
-  className: e.string,
+  className: a.string,
   /**
    * Overlay theme color.
    *
    * Defaults to **'dark'**.
    */
-  overlayThemeColor: e.oneOf(["dark", "light", "surface", "linear-gradient-white-to-bottom", "linear-gradient-white-to-top", "linear-gradient-black-to-bottom", "linear-gradient-black-to-top", "linear-gradient-primary-dark-to-bottom", "linear-gradient-primary-dark-to-top", "linear-gradient-primary-darker-to-bottom", "linear-gradient-primary-darker-to-top", "linear-gradient-primary-to-bottom", "linear-gradient-primary-to-top", "linear-gradient-secondary-dark-to-bottom", "linear-gradient-secondary-dark-to-top", "linear-gradient-secondary-darker-to-bottom", "linear-gradient-secondary-darker-to-top", "linear-gradient-secondary-to-bottom", "linear-gradient-secondary-to-top"]),
+  overlayThemeColor: a.oneOf(["dark", "light", "surface", "linear-gradient-white-to-bottom", "linear-gradient-white-to-top", "linear-gradient-black-to-bottom", "linear-gradient-black-to-top", "linear-gradient-primary-dark-to-bottom", "linear-gradient-primary-dark-to-top", "linear-gradient-primary-darker-to-bottom", "linear-gradient-primary-darker-to-top", "linear-gradient-primary-to-bottom", "linear-gradient-primary-to-top", "linear-gradient-secondary-dark-to-bottom", "linear-gradient-secondary-dark-to-top", "linear-gradient-secondary-darker-to-bottom", "linear-gradient-secondary-darker-to-top", "linear-gradient-secondary-to-bottom", "linear-gradient-secondary-to-top"]),
   /**
    * Position of the Overlay. Use `overlayThemeColor` to change the theme color. If set to leading or trailing be sure to set `alignment` on Hero accordingly to have Hero Content over the overlay.
    *
    * Defaults to **'full'**.
    */
-  position: e.oneOf(["full", "leading", "trailing"])
-}, U = {
+  position: a.oneOf(["full", "leading", "trailing"])
+}, pe = {
   children: null,
   className: void 0,
   overlayThemeColor: "dark",
   position: "full"
-}, f = /* @__PURE__ */ C((r, o) => {
-  const {
-    children: a,
-    className: l,
-    position: n,
-    overlayThemeColor: t,
-    ...i
-  } = r, s = w();
-  H(o, () => s.current, []);
-  const d = y(() => n !== "none" && P("lmnt", "lmnt-hero-overlay ", !t.includes("gradient") && t !== "surface" && `lmnt-hero-overlay__${t}`, t.includes("gradient") && t !== "surface" && `lmnt-theme--bg-${t}`, t === "surface" && "lmnt-theme-surface-bg", `lmnt-hero-overlay__${n}`, l), [t, n, l]);
-  return /* @__PURE__ */ c.createElement("div", T({
-    className: d
-  }, i), a && a);
+}, ve = ["children", "className", "position", "overlayThemeColor"], j = pe, G = /* @__PURE__ */ S(function(e, r) {
+  var n = e.children, o = n === void 0 ? j.children : n, t = e.className, l = t === void 0 ? j.className : t, d = e.position, c = d === void 0 ? j.position : d, m = e.overlayThemeColor, i = m === void 0 ? j.overlayThemeColor : m, y = I(e, ve), p = A();
+  R(r, function() {
+    return p.current;
+  }, []);
+  var g = P(function() {
+    return c !== "none" && U("lmnt", "lmnt-hero-overlay ", !M(i).call(i, "gradient") && i !== "surface" && "lmnt-hero-overlay__".concat(i), M(i).call(i, "gradient") && i !== "surface" && "lmnt-theme--bg-".concat(i), i === "surface" && "lmnt-theme-surface-bg", "lmnt-hero-overlay__".concat(c), l);
+  }, [i, c, l]);
+  return /* @__PURE__ */ u.createElement("div", D({
+    className: g
+  }, y), o && o);
 });
-f.displayName = "HeroOverlay";
-f.propTypes = R;
-f.defaultProps = U;
-const v = /* @__PURE__ */ C((r, o) => {
-  const {
-    alignment: a,
-    children: l,
-    className: n,
-    imageUrl: t,
-    style: i,
-    themeColor: s,
-    overlay: d,
-    overlayProps: g,
-    ...u
-  } = r, p = w();
-  H(o, () => p.current, []);
-  const k = y(() => P("lmnt lmnt-hero", s && `lmnt-theme-${s}-bg`, `lmnt-hero__align-${a}`, n), [a, n, s]), h = y(() => t ? {
-    ...i,
-    backgroundImage: `url(${t})`
-  } : i, [t, i]);
-  return /* @__PURE__ */ c.createElement("div", T({
-    ref: p,
+G.displayName = "HeroOverlay";
+G.propTypes = me;
+var ue = ["alignment", "children", "className", "imageUrl", "style", "themeColor", "overlay", "overlayProps"];
+function q(e, r) {
+  var n = X(e);
+  if (x) {
+    var o = x(e);
+    r && (o = re(o).call(o, function(t) {
+      return E(e, t).enumerable;
+    })), n.push.apply(n, o);
+  }
+  return n;
+}
+function F(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var n, o, t = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? w(n = q(Object(t), !0)).call(n, function(l) {
+      Y(e, l, t[l]);
+    }) : H ? Z(e, H(t)) : w(o = q(Object(t))).call(o, function(l) {
+      ee(e, l, E(t, l));
+    });
+  }
+  return e;
+}
+var v = se, K = /* @__PURE__ */ S(function(e, r) {
+  var n = e.alignment, o = n === void 0 ? v.alignment : n, t = e.children, l = t === void 0 ? v.children : t, d = e.className, c = d === void 0 ? v.className : d, m = e.imageUrl, i = m === void 0 ? v.imageUrl : m, y = e.style, p = y === void 0 ? v.style : y, g = e.themeColor, h = g === void 0 ? v.themeColor : g, b = e.overlay, C = b === void 0 ? v.overlay : b, $ = e.overlayProps, _ = $ === void 0 ? v.overlayProps : $, O = I(e, ue), N = A();
+  R(r, function() {
+    return N.current;
+  }, []);
+  var k = P(function() {
+    return U("lmnt lmnt-hero", h && "lmnt-theme-".concat(h, "-bg"), "lmnt-hero__align-".concat(o), c);
+  }, [o, c, h]), T = P(function() {
+    return i ? F(F({}, p), {}, {
+      backgroundImage: "url(".concat(i, ")")
+    }) : p;
+  }, [i, p]);
+  return /* @__PURE__ */ u.createElement("div", D({
+    ref: N,
     className: k,
-    style: h
-  }, u), d && /* @__PURE__ */ c.createElement(f, g), l);
+    style: T
+  }, O), C && /* @__PURE__ */ u.createElement(G, _), l);
 });
-v.displayName = "Hero";
-v.propTypes = j;
-v.defaultProps = A;
-const b = /* @__PURE__ */ C((r, o) => {
-  const {
-    children: a,
-    className: l,
-    heroBtn: n,
-    logo: t,
-    overline: i,
-    padding: s,
-    title: d,
-    style: g,
-    subtitle: u,
-    textColor: p,
-    ...k
-  } = r, h = w(), E = y(() => P("lmnt lmnt-hero-content", `lmnt-theme-${p}`, l), [l, p]);
-  H(o, () => h.current, []);
-  const x = y(() => ({
-    ...g,
-    padding: s
-  }), [s, g]);
-  return /* @__PURE__ */ c.createElement("div", T({
-    ref: h,
-    className: E
-  }, k, {
-    style: x
-  }), a || /* @__PURE__ */ c.createElement(_, {
+K.displayName = "Hero";
+K.propTypes = ie;
+var ye = ["children", "className", "heroBtn", "logo", "overline", "padding", "title", "style", "subtitle", "textColor"];
+function J(e, r) {
+  var n = X(e);
+  if (x) {
+    var o = x(e);
+    r && (o = re(o).call(o, function(t) {
+      return E(e, t).enumerable;
+    })), n.push.apply(n, o);
+  }
+  return n;
+}
+function L(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var n, o, t = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? w(n = J(Object(t), !0)).call(n, function(l) {
+      Y(e, l, t[l]);
+    }) : H ? Z(e, H(t)) : w(o = J(Object(t))).call(o, function(l) {
+      ee(e, l, E(t, l));
+    });
+  }
+  return e;
+}
+var s = de, W = /* @__PURE__ */ S(function(e, r) {
+  var n = e.children, o = n === void 0 ? s.children : n, t = e.className, l = t === void 0 ? s.className : t, d = e.heroBtn, c = d === void 0 ? s.heroBtn : d, m = e.logo, i = m === void 0 ? s.logo : m, y = e.overline, p = y === void 0 ? s.overline : y, g = e.padding, h = g === void 0 ? s.padding : g, b = e.title, C = b === void 0 ? s.title : b, $ = e.style, _ = $ === void 0 ? s.style : $, O = e.subtitle, N = O === void 0 ? s.subtitle : O, k = e.textColor, T = k === void 0 ? s.textColor : k, te = I(e, ye), z = A(), oe = P(function() {
+    return U("lmnt lmnt-hero-content", "lmnt-theme-".concat(T), l);
+  }, [l, T]);
+  R(r, function() {
+    return z.current;
+  }, []);
+  var ne = P(function() {
+    return L(L({}, _), {}, {
+      padding: h
+    });
+  }, [h, _]);
+  return /* @__PURE__ */ u.createElement("div", D({
+    ref: z,
+    className: oe
+  }, te, {
+    style: ne
+  }), o || /* @__PURE__ */ u.createElement(Q, {
     gap: "dense",
     direction: "vertical",
     secondaryAlign: "center"
-  }, t && t, i && /* @__PURE__ */ c.createElement(N, {
+  }, i && i, p && /* @__PURE__ */ u.createElement(B, {
     type: "overline"
-  }, i), d && /* @__PURE__ */ c.createElement(N, {
+  }, p), C && /* @__PURE__ */ u.createElement(B, {
     type: "display2"
-  }, d), u && /* @__PURE__ */ c.createElement(N, {
+  }, C), N && /* @__PURE__ */ u.createElement(B, {
     type: "display6"
-  }, u), n && n));
+  }, N), c && c));
 });
-b.displayName = "HeroContent";
-b.propTypes = I;
-b.defaultProps = D;
-const F = ({
-  title: r = "",
-  subtitle: o = "",
-  icon: a = "dashbord",
-  text: l = "",
-  action: n
-}) => /* @__PURE__ */ m(
-  v,
+W.displayName = "HeroContent";
+W.propTypes = ce;
+const Oe = ({
+  title: e = "",
+  subtitle: r = "",
+  icon: n = "dashbord",
+  text: o = "",
+  action: t
+}) => /* @__PURE__ */ f(
+  K,
   {
     "data-testid": "empty-view-container",
     style: { width: "100%", height: "25vh" },
     themeColor: "surface",
-    children: /* @__PURE__ */ m(
-      b,
+    children: /* @__PURE__ */ f(
+      W,
       {
         "data-testid": "empty-view-content",
-        logo: /* @__PURE__ */ m(B, { iconSize: "large", icon: a }),
+        logo: /* @__PURE__ */ f(le, { iconSize: "large", icon: n }),
         overline: "",
-        subtitle: o,
-        title: r,
-        heroBtn: /* @__PURE__ */ m(G, { action: n, text: l })
+        subtitle: r,
+        title: e,
+        heroBtn: /* @__PURE__ */ f(ge, { action: t, text: o })
       }
     )
   }
-), G = ({ action: r, text: o }) => o ? r ? /* @__PURE__ */ $(
-  _,
+), ge = ({ action: e, text: r }) => r ? e ? /* @__PURE__ */ ae(
+  Q,
   {
     "data-testid": "empty-view-with-action",
     direction: "vertical",
     primaryAlign: "center",
     secondaryAlign: "center",
     children: [
-      /* @__PURE__ */ m(O, { level: 2, children: o }),
-      r
+      /* @__PURE__ */ f(V, { level: 2, children: r }),
+      e
     ]
   }
-) : /* @__PURE__ */ m(O, { level: 2, children: o }) : r;
+) : /* @__PURE__ */ f(V, { level: 2, children: r }) : e;
 export {
-  F as EmptyView
+  Oe as EmptyView
 };

package/dist/components/Filter/Filter.js

@@ -1,23 +1,23 @@
 import { jsx as e, jsxs as b, Fragment as D } from "react/jsx-runtime";
-import { N as F } from "../../index.es-BikIx4uw.js";
-import { B as h } from "../../index.es-DmsyeHLO.js";
-import { G as _ } from "../../index.es-Dw1eih7R.js";
-import { I as W } from "../../index.es-xnSvM9b9.js";
-import { S as j } from "../../index.es-CyjMwj5g.js";
+import { N as F } from "../../index.es-B6ZgiW2s.js";
+import { B as h } from "../../index.es-0QJC9VS2.js";
+import { G as _ } from "../../index.es-DDYCugj-.js";
+import { I as W } from "../../index.es-IXyb5F6n.js";
+import { S as j } from "../../index.es-45NOgWlB.js";
 import { useState as v } from "react";
 import { Iconify as z } from "../Iconify/Iconify.js";
 import { u as k } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../react-tooltip.min-DSY6KDqS.js";
-import "../../orderBy-D4LvP9Az.js";
+import "../../orderBy-BXxEvUw6.js";
 import { SearchBar as G } from "../SearchBar/SearchBar.js";
-import "../../uniqueId-DrPMzA-E.js";
+import "../../uniqueId-NU3-C36A.js";
 import { Modal as H } from "../Modal/Modal.js";
 import { Select as I } from "../Select/Select.js";
 import "react-hook-form";
-import "../../get-CqneoueQ.js";
-import "../../omit-BN3qeeaj.js";
-import "../../isArray-CSaAxHlq.js";
-import "../../isString-CZsZiWgW.js";
+import "../../get-DuK51wnj.js";
+import "../../omit-uTAyrUTm.js";
+import "../../isArray-Dub1wGJM.js";
+import "../../isString-BNaBRq3S.js";
 import "../../types/Time.js";
 import '../../assets/Filter.css';const K = "_filterButton_qtl7a_1", T = "_relativeParent_qtl7a_6", V = "_filterBadge_qtl7a_10", E = "_dense_qtl7a_17", u = {
   filterButton: K,