@hortiview/shared-components 0.0.4721 → 0.0.4723

package/dist/components/ListArea/ListAreaService.js

@@ -1,11 +1,58 @@
-import "react/jsx-runtime";
-import "../Iconify/Iconify.js";
-import { g as s, a, m as g } from "../../ListAreaService-BQCdQv7a.js";
-import "../../enums/AvailableCustomIcons.js";
-import "../../index.es-z8RCxF8n.js";
-import "../../index.es-3I3oam0G.js";
+import { jsx as s } from "react/jsx-runtime";
+import { Iconify as k } from "../Iconify/Iconify.js";
+import { s as u } from "../../listArea.module-B04TR5bj.js";
+import { AvailableCustomIcons as C } from "../../enums/AvailableCustomIcons.js";
+import { T as x, a as N, b as L } from "../../index.es-Cm4X20_S.js";
+import { I as $ } from "../../index.es-InSNsV4f.js";
+const P = (o, i, r, n) => {
+  const a = o.reduce((e, c) => {
+    const { groupName: t, ...l } = c;
+    return !t || typeof t != "string" || (e[t] || (e[t] = {
+      groupName: /* @__PURE__ */ s(x, { children: t }),
+      id: t,
+      items: []
+    }), e[t].items = [
+      ...e[t].items,
+      y(l, i, r, !0, n)
+    ]), e;
+  }, {});
+  return Object.values(a);
+}, q = (o, i, r, n) => o.map((a) => y(a, i, r, !1, n)), y = (o, i, r, n, a) => {
+  const {
+    title: e,
+    subTitle: c,
+    route: t,
+    value: l,
+    noNavigation: p,
+    disabled: f,
+    icon: v,
+    iconType: d,
+    trailingIcon: I,
+    trailingIconType: T,
+    actionButton: b,
+    onClick: B,
+    customTitle: g
+  } = o, m = i === t;
+  return {
+    select: m,
+    primaryText: g ?? /* @__PURE__ */ s(N, { level: 1, bold: m, themeColor: m ? "primary" : void 0, children: e }),
+    secondaryText: c && !g ? /* @__PURE__ */ s(L, { level: 2, themeColor: m ? "primary" : void 0, children: c }) : void 0,
+    trailingBlock: b ?? I ?? /* @__PURE__ */ s($, { icon: "arrow_right" }),
+    leadingBlock: j(v),
+    nonInteractive: f,
+    value: l,
+    componentProps: {
+      leadingBlockType: d ?? "icon",
+      trailingBlockType: T ?? "icon",
+      className: `${d === "avatar" ? "" : u.listItem} ${r} ${n ? u.groupedListItem : ""}`,
+      onClick: (S, h) => B?.(h),
+      tag: p ? void 0 : a ?? "a",
+      to: p ? void 0 : t
+    }
+  };
+}, j = (o) => typeof o == "string" && o in C ? /* @__PURE__ */ s(k, { icon: o }) : o;
 export {
-  s as getGroupedItems,
-  a as getListedItems,
-  g as mapListElement
+  P as getGroupedItems,
+  q as getListedItems,
+  y as mapListElement
 };

package/dist/components/SearchBar/SearchBar.js

@@ -1,11 +1,12 @@
-import "../../assets/SearchBar.css";
 import { jsx as De } from "react/jsx-runtime";
-import { P as r, _ as re, c as V, d as O, j as mt, h as ve, e as Ge } from "../../index.es-BahjEG5L.js";
-import c, { forwardRef as Ie, useRef as I, useImperativeHandle as We, useEffect as _, useState as B, useMemo as bt, useCallback as Se } from "react";
-import { M as vt, a as It, N as xt, F as He, T as Tt, I as yt } from "../../index.es-DVNdCQvl.js";
-import { c as C, _ as f } from "../../tslib.es6-BOWp4lfV.js";
-import { a as z, b as Y, d as ie, M as we, m as Ct, f as Et } from "../../component-DCtofpGS.js";
-import { c as Lt, I as ze } from "../../index.es-3I3oam0G.js";
+import { s as mt } from "../../searchBar.module-9gKyrZRT.js";
+import { P as r, _ as re, c as V, d as O, w as bt, m as ve, e as Ge } from "../../index.es-Cct4Uapb.js";
+import c, { forwardRef as Ie, useRef as I, useImperativeHandle as We, useEffect as _, useState as B, useMemo as vt, useCallback as Se } from "react";
+import { M as It, a as xt, N as Tt, F as He, T as yt } from "../../index.es-Ba9oZK_n.js";
+import { _ as C, a as f } from "../../tslib.es6-CIXEwqhg.js";
+import { a as z, b as Y, d as ie, M as we, m as Ct, f as Et } from "../../component-Rx4bNsGO.js";
+import { c as Lt, I as ze } from "../../index.es-InSNsV4f.js";
+import { I as Ot } from "../../index.es-Cj9DW-2T.js";
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -54,7 +55,7 @@ var P = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Ot = (
+var At = (
   /** @class */
   function(a) {
     C(t, a);
@@ -167,7 +168,7 @@ var Ye = (
           return e.unlisten(i, o);
         }
       };
-      return new Ot(n);
+      return new At(n);
     }, t;
   }(Y)
 );
@@ -195,7 +196,7 @@ var Ye = (
  */
 var Ke = {
   ROOT: "mdc-text-field-character-counter"
-}, At = {
+}, Rt = {
   ROOT_SELECTOR: "." + Ke.ROOT
 };
 /**
@@ -235,7 +236,7 @@ var Je = (
       configurable: !0
     }), Object.defineProperty(t, "strings", {
       get: function() {
-        return At;
+        return Rt;
       },
       enumerable: !1,
       configurable: !0
@@ -278,7 +279,7 @@ var Je = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Rt = (
+var Nt = (
   /** @class */
   function(a) {
     C(t, a);
@@ -351,7 +352,7 @@ var x = {
   WITH_TRAILING_ICON: "mdc-text-field--with-trailing-icon"
 }, Me = {
   LABEL_SCALE: 0.75
-}, Nt = [
+}, Ft = [
   "pattern",
   "min",
   "max",
@@ -359,7 +360,7 @@ var x = {
   "step",
   "minlength",
   "maxlength"
-], Ft = [
+], Pt = [
   "color",
   "date",
   "datetime-local",
@@ -390,7 +391,7 @@ var x = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var je = ["mousedown", "touchstart"], Be = ["click", "keydown"], Pt = (
+var je = ["mousedown", "touchstart"], Be = ["click", "keydown"], Vt = (
   /** @class */
   function(a) {
     C(t, a);
@@ -432,7 +433,7 @@ var je = ["mousedown", "touchstart"], Be = ["click", "keydown"], Pt = (
     }), Object.defineProperty(t.prototype, "shouldAlwaysFloat_", {
       get: function() {
         var e = this.getNativeInput_().type;
-        return Ft.indexOf(e) >= 0;
+        return Pt.indexOf(e) >= 0;
       },
       enumerable: !1,
       configurable: !0
@@ -535,7 +536,7 @@ var je = ["mousedown", "touchstart"], Be = ["click", "keydown"], Pt = (
     }, t.prototype.handleValidationAttributeChange = function(e) {
       var n = this;
       e.some(function(i) {
-        return Nt.indexOf(i) > -1 ? (n.styleValidity_(!0), n.adapter.setLabelRequired(n.getNativeInput_().required), !0) : !1;
+        return Ft.indexOf(i) > -1 ? (n.styleValidity_(!0), n.adapter.setLabelRequired(n.getNativeInput_().required), !0) : !1;
       }), e.indexOf("maxlength") > -1 && this.setCharacterCounter_(this.getValue().length);
     }, t.prototype.notchOutline = function(e) {
       if (!(!this.adapter.hasOutline() || !this.adapter.hasLabel()))
@@ -852,7 +853,7 @@ var Ze = (
 var ke = {
   ICON_EVENT: "MDCTextField:icon",
   ICON_ROLE: "button"
-}, Vt = {
+}, Dt = {
   ROOT: "mdc-text-field__icon"
 };
 /**
@@ -895,7 +896,7 @@ var Ue = ["click", "keydown"], qe = (
       configurable: !0
     }), Object.defineProperty(t, "cssClasses", {
       get: function() {
-        return Vt;
+        return Dt;
       },
       enumerable: !1,
       configurable: !0
@@ -968,7 +969,7 @@ var Ue = ["click", "keydown"], qe = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Dt = (
+var St = (
   /** @class */
   function(a) {
     C(t, a);
@@ -1039,7 +1040,7 @@ var Dt = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var St = (
+var Ht = (
   /** @class */
   function(a) {
     C(t, a);
@@ -1056,13 +1057,13 @@ var St = (
       }), i === void 0 && (i = function(u) {
         return new Ze(u);
       }), o === void 0 && (o = function(u) {
-        return new Rt(u);
+        return new Nt(u);
       }), l === void 0 && (l = function(u) {
-        return new Dt(u);
+        return new St(u);
       }), s === void 0 && (s = function(u) {
-        return new vt(u);
-      }), p === void 0 && (p = function(u) {
         return new It(u);
+      }), p === void 0 && (p = function(u) {
+        return new xt(u);
       }), this.input_ = this.root.querySelector(x.INPUT_SELECTOR);
       var D = this.root.querySelector(x.LABEL_SELECTOR);
       this.label_ = D ? s(D) : null;
@@ -1294,7 +1295,7 @@ var St = (
       this.foundation.notchOutline(e);
     }, t.prototype.getDefaultFoundation = function() {
       var e = f(f(f(f(f({}, this.getRootAdapterMethods_()), this.getInputAdapterMethods_()), this.getLabelAdapterMethods_()), this.getLineRippleAdapterMethods_()), this.getOutlineAdapterMethods_());
-      return new Pt(e, this.getFoundationMap_());
+      return new Vt(e, this.getFoundationMap_());
     }, t.prototype.getRootAdapterMethods_ = function() {
       var e = this;
       return {
@@ -1418,7 +1419,7 @@ var St = (
     }, t;
   }(Y)
 );
-const Ht = {
+const wt = {
   /**
    *
    *
@@ -1437,7 +1438,7 @@ const Ht = {
    * Defaults to **null**.
    */
   rippleCenter: r.string
-}, wt = {
+}, Mt = {
   activated: null,
   className: void 0,
   rippleCenter: null
@@ -1460,8 +1461,8 @@ const Ht = {
   }, o));
 });
 oe.displayName = "LineRipple";
-oe.propTypes = Ht;
-oe.defaultProps = wt;
+oe.propTypes = wt;
+oe.defaultProps = Mt;
 const se = /* @__PURE__ */ Ie((a, t) => {
   const {
     wrap: e,
@@ -1481,7 +1482,7 @@ se.defaultProps = {
   children: void 0,
   wrap: !1
 };
-const Mt = {
+const jt = {
   /**
    * @deprecated _Use `fullWidth` instead._
    *
@@ -1629,7 +1630,7 @@ const Mt = {
    *
    * Defaults to **null**.
    */
-  maxlength: mt(r.number, "Textfield", "counter"),
+  maxlength: bt(r.number, "Textfield", "counter"),
   /**
    * Prevents resizing when using `textarea`.
    *
@@ -1752,7 +1753,7 @@ const Mt = {
    * Defaults to **'filled'**.
    */
   variant: r.oneOf(["filled", "outlined", "embedded"])
-}, jt = {
+}, Bt = {
   block: void 0,
   className: void 0,
   containerClass: void 0,
@@ -1794,7 +1795,7 @@ const Mt = {
   variant: "filled"
 }, Xe = (a, t) => a ? /* @__PURE__ */ c.createElement("div", {
   className: "mdc-text-field-character-counter"
-}, "0 / ", t) : null, Bt = (a) => {
+}, "0 / ", t) : null, kt = (a) => {
   const {
     type: t
   } = {
@@ -1813,7 +1814,7 @@ const Mt = {
     dense: e === "IconButton" ? !0 : void 0,
     role: "button"
   });
-}, kt = (a) => {
+}, Ut = (a) => {
   const {
     type: t
   } = {
@@ -1878,8 +1879,8 @@ const Mt = {
   } = a, {
     hoisted: st,
     position: Ee = "bottom"
-  } = b && typeof b == "object" ? b : {}, [ee] = B(() => Q || ve()), [pe] = B(() => J || ve()), [he] = B(() => de || ve()), [Le, lt] = B(!0), [_e, ut] = B(!1), [N, dt] = B(Z), ct = h || s && N, ft = g ? "textarea" : "input", pt = I(), Oe = I(), F = I(), m = I(), ge = I(), Ae = I(), Re = I(), te = I(), G = I(), ht = (X || q) && !g, w = bt(() => H ?? !0, [H]), M = !g && (U || it || fe === "embedded"), me = !U && (et || rt || fe === "outlined"), ne = !me && !M && (nt || ue || fe === "filled"), W = M || K || e, be = !M && !!u && !D;
-  _(() => (m.current = St.attachTo(ge.current), () => {
+  } = b && typeof b == "object" ? b : {}, [ee] = B(() => Q || ve()), [pe] = B(() => J || ve()), [he] = B(() => de || ve()), [Le, lt] = B(!0), [_e, ut] = B(!1), [N, dt] = B(Z), ct = h || s && N, ft = g ? "textarea" : "input", pt = I(), Oe = I(), F = I(), m = I(), ge = I(), Ae = I(), Re = I(), te = I(), G = I(), ht = (X || q) && !g, w = vt(() => H ?? !0, [H]), M = !g && (U || it || fe === "embedded"), me = !U && (et || rt || fe === "outlined"), ne = !me && !M && (nt || ue || fe === "filled"), W = M || K || e, be = !M && !!u && !D;
+  _(() => (m.current = Ht.attachTo(ge.current), () => {
     m.current.destroy();
   }), [_e]), We(t, () => ({
     mdc: m.current,
@@ -1979,7 +1980,7 @@ const Mt = {
     className: V(["lmnt", "mdc-text-field", "lmnt-text-field", M && "lmnt-text-field--embedded", W && "lmnt-text-field--full-width", ht && "lmnt-text-field--with-icon", !w && "mdc-text-field--invalid", R && "mdc-text-field--disabled", A && "mdc-text-field--focused", !be && "mdc-text-field--no-label", q && !g && "mdc-text-field--with-leading-icon", g && "mdc-text-field--textarea", g && s && N && !$ && "mdc-text-field--with-internal-counter", X && !g && "mdc-text-field--with-trailing-icon", ne && "mdc-text-field--filled", me && "mdc-text-field--outlined", D && "lmnt-text-field--dense", n])
   }, ne && /* @__PURE__ */ c.createElement("span", {
     className: "mdc-text-field__ripple"
-  }), q && !g && Bt(q), Te && !q && !g && /* @__PURE__ */ c.createElement("span", {
+  }), q && !g && kt(q), Te && !q && !g && /* @__PURE__ */ c.createElement("span", {
     className: "mdc-text-field__affix mdc-text-field__affix--prefix"
   }, Te), /* @__PURE__ */ c.createElement(se, {
     wrap: !$ && g
@@ -1997,9 +1998,9 @@ const Mt = {
     maxLength: N,
     ref: Ae,
     value: L
-  }, ot)), !$ && Xe(_e, N)), X && !g && kt(X), ye && !X && !g && /* @__PURE__ */ c.createElement("span", {
+  }, ot)), !$ && Xe(_e, N)), X && !g && Ut(X), ye && !X && !g && /* @__PURE__ */ c.createElement("span", {
     className: "mdc-text-field__affix mdc-text-field__affix--suffix"
-  }, ye), me && /* @__PURE__ */ c.createElement(xt, null, be && /* @__PURE__ */ c.createElement(He, {
+  }, ye), me && /* @__PURE__ */ c.createElement(Tt, null, be && /* @__PURE__ */ c.createElement(He, {
     id: he,
     htmlFor: ee
   }, u)), ne && be && /* @__PURE__ */ c.createElement(He, {
@@ -2012,7 +2013,7 @@ const Mt = {
     id: pe,
     "aria-hidden": E ? "false" : "true",
     className: V(["mdc-text-field-helper-text", E && "mdc-text-field-helper-text--persistent", S && "mdc-text-field-helper-text--validation-msg"])
-  }, h), $ && Xe(_e, N)), b && /* @__PURE__ */ c.createElement(Tt, re({
+  }, h), $ && Xe(_e, N)), b && /* @__PURE__ */ c.createElement(yt, re({
     role: "tooltip"
   }, b, {
     ref: te,
@@ -2020,11 +2021,9 @@ const Mt = {
   })));
 });
 le.displayName = "Textfield";
-le.propTypes = Mt;
-le.defaultProps = jt;
-const Ut = "_searchbar_gnvwc_1", qt = {
-  searchbar: Ut
-}, Zt = ({
+le.propTypes = jt;
+le.defaultProps = Bt;
+const Zt = ({
   className: a = "",
   dense: t = !1,
   searchTerm: e,
@@ -2033,7 +2032,7 @@ const Ut = "_searchbar_gnvwc_1", qt = {
 }) => /* @__PURE__ */ De(
   le,
   {
-    className: `${a ?? ""} ${qt.searchbar}`,
+    className: `${a ?? ""} ${mt.searchbar}`,
     dense: t,
     variant: "outlined",
     placeholder: i,
@@ -2041,7 +2040,7 @@ const Ut = "_searchbar_gnvwc_1", qt = {
     onChange: (o) => n(o.target.value),
     fullWidth: !0,
     trailingIcon: /* @__PURE__ */ De(
-      yt,
+      Ot,
       {
         icon: e ? "close" : "search",
         onClick: () => e ? n("") : void 0

package/dist/components/VerticalDivider/VerticalDivider.js

@@ -1,8 +1,6 @@
-import "../../assets/VerticalDivider.css";
-import { jsx as e } from "react/jsx-runtime";
-const d = "_divider_opvom_1", t = {
-  divider: d
-}, v = ({ height: i = "2rem", className: r = "" }) => /* @__PURE__ */ e("div", { className: `${t.divider} ${r}`, style: { height: i } });
+import { jsx as s } from "react/jsx-runtime";
+import { s as i } from "../../verticalDivider.module-C3_GL-fH.js";
+const o = ({ height: r = "2rem", className: e = "" }) => /* @__PURE__ */ s("div", { className: `${i.divider} ${e}`, style: { height: r } });
 export {
-  v as VerticalDivider
+  o as VerticalDivider
 };

package/dist/disclaimer.module-BZydt-Q_.js

@@ -0,0 +1,8 @@
+import "./assets/disclaimer.css";
+const i = "_disclaimer_1k38t_1", s = "_iconArea_1k38t_7", e = {
+  disclaimer: i,
+  iconArea: s
+};
+export {
+  e as s
+};

package/dist/disclaimer.module-BfrBh-Rf.cjs

@@ -0,0 +1 @@
+var t=require("./assets/disclaimer.css");const s="_disclaimer_1k38t_1",i="_iconArea_1k38t_7",c={disclaimer:s,iconArea:i};exports.styles=c;

package/dist/hooks/useBreakpoint.js

@@ -1,6 +1,6 @@
 import "react";
-import { a as s, b as o } from "../useBreakpoint-DROHPVxO.js";
+import { u as a, b as o } from "../useBreakpoint-DyAmuka7.js";
 export {
-  s as useBreakpoints,
+  a as useBreakpoints,
   o as useMediaQuery
 };

package/dist/index.es-80RhGkCD.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./index.es-CEydmFbW.cjs"),n=require("react"),b={children:e.PropTypes.node,customPadding:e.PropTypes.string,elevation:e.PropTypes.oneOf([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24]),noWrap:e.PropTypes.bool,outlined:e.PropTypes.bool,padding:e.PropTypes.oneOf(["standard","dense","airy"]),rounded:e.PropTypes.bool,tag:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.elementType,e.PropTypes.instanceOf(n.Component)]),transition:e.PropTypes.bool},N={children:null,customPadding:null,elevation:0,noWrap:null,outlined:!1,padding:void 0,rounded:!1,tag:"div",transition:null},t=n.forwardRef((v,g)=>{const{children:s,className:a,customPadding:l,elevation:d,noWrap:T,padding:o,rounded:r,tag:i,outlined:p,style:c,transition:u,...m}=v,y=n.useRef();n.useImperativeHandle(g,()=>y.current,[]);const P=n.useMemo(()=>e.clsx("lmnt",`mdc-elevation--z${d}`,o==="standard"&&"lmnt-elevation--padding-standard",o==="dense"&&"lmnt-elevation--padding-dense",o==="airy"&&"lmnt-elevation--padding-airy",u&&"mdc-elevation-transition",r&&"lmnt-elevation--rounded",p&&"lmnt-elevation--outlined",a),[d,o,u,r,p,a]),f=n.useMemo(()=>({...c,padding:l}),[c,l]),E=n.useMemo(()=>i,[i]);return n.createElement(n.Fragment,null,T?e.addProps(s,{className:P,...m}):n.createElement(E,e._extends({ref:y,className:P,style:f},m),s))});t.displayName="Elevation";t.propTypes=b;t.defaultProps=N;var O=n.memo(t);exports.Elevation$1=O;