@hortiview/shared-components 0.0.4775 → 0.0.4779

package/dist/components/FormComponents/FormSelect/FormSelect.js

@@ -1,69 +1,73 @@
-import { jsx as s, Fragment as V } from "react/jsx-runtime";
-import { Select as k } from "@element/react-components";
-import { g as u } from "../../../get-BYajYtEc.js";
-import { useState as v, useMemo as w, useEffect as z } from "react";
-import { useFormContext as A, Controller as x } from "react-hook-form";
-import { s as i } from "../../../formSelect.module-CdHEvmH_.js";
-const Q = ({
-  propertyName: r,
-  label: S,
-  required: m = !1,
+import "../../../assets/FormSelect.css";
+import { jsx as o, Fragment as H } from "react/jsx-runtime";
+import { Select as P } from "@element/react-components";
+import { g as S } from "../../../get-Dyz8NMrE.js";
+import { useState as V, useMemo as k, useEffect as w } from "react";
+import { useFormContext as z, Controller as u } from "react-hook-form";
+const A = "_invalid_1vo1h_1", B = "_formSelect_1vo1h_5", D = "_formSelectContainer_1vo1h_9", f = {
+  invalid: A,
+  formSelect: B,
+  formSelectContainer: D
+}, U = ({
+  propertyName: t,
+  label: _,
+  required: c = !1,
   requiredText: h,
-  options: o,
-  multi: n = !1,
-  disabled: g = !1,
-  hoisted: F = !1,
+  options: l,
+  multi: s = !1,
+  disabled: x = !1,
+  hoisted: v = !1,
   hidden: C = !1,
-  valueKey: t = "value",
-  textKey: E = "text",
-  clearable: M = !1,
-  noOptionsMessage: T = ""
+  valueKey: r = "value",
+  textKey: g = "text",
+  clearable: F = !1,
+  noOptionsMessage: E = ""
 }) => {
   const {
-    control: a,
-    formState: { errors: l }
-  } = A(), [c, $] = v(!0), b = w(() => u(l, r) !== void 0, [l, r]);
-  return z(() => {
-    $(u(l, r) === void 0);
-  }, [l, b, r]), C ? /* @__PURE__ */ s(x, { name: r, control: a, render: () => /* @__PURE__ */ s(V, {}) }) : /* @__PURE__ */ s("div", { className: i.formSelectContainer, children: /* @__PURE__ */ s(
-    x,
+    control: m,
+    formState: { errors: n }
+  } = z(), [a, M] = V(!0), T = k(() => S(n, t) !== void 0, [n, t]);
+  return w(() => {
+    M(S(n, t) === void 0);
+  }, [n, T, t]), C ? /* @__PURE__ */ o(u, { name: t, control: m, render: () => /* @__PURE__ */ o(H, {}) }) : /* @__PURE__ */ o("div", { className: f.formSelectContainer, children: /* @__PURE__ */ o(
+    u,
     {
-      name: r,
+      name: t,
       rules: {
-        required: m
+        required: c
       },
-      control: a,
-      render: ({ field: { ref: B, onChange: f, value: d, ...j } }) => {
-        const H = n ? o?.filter(
-          (e) => d?.includes(e[t])
-        ) : o?.find((e) => e[t] === d);
-        return /* @__PURE__ */ s(
-          k,
+      control: m,
+      render: ({ field: { ref: G, onChange: i, value: d, ...$ } }) => {
+        const b = s ? l?.filter(
+          (e) => d?.includes(e[r])
+        ) : l?.find((e) => e[r] === d);
+        return /* @__PURE__ */ o(
+          P,
           {
-            ...j,
-            value: H,
-            label: S,
+            ...$,
+            value: b,
+            label: _,
             variant: "outlined",
             helperText: h,
-            helperTextPersistent: m,
-            options: o,
-            valid: c,
-            multiSelect: n,
-            className: `${i.formSelect} ${c ? "" : i.invalid}`,
-            disabled: g,
-            valueKey: t,
-            textKey: E,
+            helperTextPersistent: c,
+            options: l,
+            valid: a,
+            multiSelect: s,
+            className: `${f.formSelect} ${a ? "" : f.invalid}`,
+            disabled: x,
+            valueKey: r,
+            textKey: g,
             onChange: (e) => {
               if (e == null)
-                return f(e);
-              if (n)
-                return f(e.map((P) => P[t]));
-              f(e[t]);
+                return i(e);
+              if (s)
+                return i(e.map((j) => j[r]));
+              i(e[r]);
             },
-            hoisted: F,
-            noOptionsMessage: T,
+            hoisted: v,
+            noOptionsMessage: E,
             searchable: !0,
-            clearable: M,
+            clearable: F,
             menuMaxHeight: "15rem"
           }
         );
@@ -72,5 +76,5 @@ const Q = ({
   ) });
 };
 export {
-  Q as FormSelect
+  U as FormSelect
 };

package/dist/components/FormComponents/FormText/FormText.js

@@ -1,103 +1,108 @@
-import { jsx as t, Fragment as R, jsxs as V } from "react/jsx-runtime";
-import { Textfield as W } from "@element/react-components";
-import { useState as b } from "react";
-import { useFormContext as w, Controller as g } from "react-hook-form";
-import { s as a } from "../../../formText.module-3BZ0M2vV.js";
-const D = ({
+import "../../../assets/FormText.css";
+import { jsx as t, Fragment as P, jsxs as R } from "react/jsx-runtime";
+import { Textfield as V } from "@element/react-components";
+import { useState as W } from "react";
+import { useFormContext as b, Controller as _ } from "react-hook-form";
+const w = "_formTextAreaHelperText_7ae2c_1", D = "_invalid_7ae2c_6", E = "_formText_7ae2c_1", G = "_formTextArea_7ae2c_1", s = {
+  formTextAreaHelperText: w,
+  invalid: D,
+  formText: E,
+  formTextArea: G
+}, J = ({
   count: e,
-  maxCount: u,
+  maxCount: c,
   required: r = !1,
   requiredText: l = ""
-}) => /* @__PURE__ */ V("div", { className: a.formTextAreaHelperText, children: [
+}) => /* @__PURE__ */ R("div", { className: s.formTextAreaHelperText, children: [
   r ? /* @__PURE__ */ t("div", { children: l }) : /* @__PURE__ */ t("div", {}),
-  /* @__PURE__ */ t("div", { children: `${e}/${u}` })
-] }), X = (e) => e.textarea ? /* @__PURE__ */ t(E, { ...e }) : /* @__PURE__ */ t(G, { ...e }), E = (e) => /* @__PURE__ */ t("div", { className: a.formTextArea, children: /* @__PURE__ */ t(h, { ...e }) }), G = (e) => /* @__PURE__ */ t(h, { ...e }), h = ({
+  /* @__PURE__ */ t("div", { children: `${e}/${c}` })
+] }), p = (e) => e.textarea ? /* @__PURE__ */ t(K, { ...e }) : /* @__PURE__ */ t(O, { ...e }), K = (e) => /* @__PURE__ */ t("div", { className: s.formTextArea, children: /* @__PURE__ */ t(g, { ...e }) }), O = (e) => /* @__PURE__ */ t(g, { ...e }), g = ({
   propertyName: e,
-  label: u,
+  label: c,
   maxLength: r,
   minLength: l,
-  required: c = !1,
-  requiredText: f = "",
-  disabled: C = !1,
+  required: f = !1,
+  requiredText: m = "",
+  disabled: h = !1,
   textarea: i = !1,
-  hidden: F = !1,
-  pattern: S,
-  placeholder: $,
-  type: A,
-  prefixText: B,
-  inputMode: H,
-  trailingIcon: j,
-  trigger: d = "likeForm",
-  validate: k
+  hidden: C = !1,
+  pattern: A,
+  placeholder: F,
+  type: H,
+  prefixText: S,
+  inputMode: $,
+  trailingIcon: B,
+  trigger: u = "likeForm",
+  validate: j
 }) => {
   const {
-    control: m,
-    getFieldState: v,
-    formState: { errors: s },
-    trigger: x
-  } = w(), [z, I] = b(0), M = (n) => {
+    control: x,
+    getFieldState: T,
+    formState: { errors: a },
+    trigger: d
+  } = b(), [k, z] = W(0), I = (n) => {
     const o = n.target.value;
-    I(o?.length ?? 0);
-  }, P = () => {
-    if (s && s[e]) {
-      const n = s[e]?.message;
+    z(o?.length ?? 0);
+  }, M = () => {
+    if (a && a[e]) {
+      const n = a[e]?.message;
       return n || "Invalid input";
     }
     return r && i ? /* @__PURE__ */ t(
-      D,
+      J,
       {
-        count: z,
+        count: k,
         maxCount: r,
-        required: c,
-        requiredText: f
+        required: f,
+        requiredText: m
       }
-    ) : f;
+    ) : m;
   };
-  return F ? /* @__PURE__ */ t(g, { name: e, control: m, render: () => /* @__PURE__ */ t(R, {}) }) : /* @__PURE__ */ t(
-    g,
+  return C ? /* @__PURE__ */ t(_, { name: e, control: x, render: () => /* @__PURE__ */ t(P, {}) }) : /* @__PURE__ */ t(
+    _,
     {
       name: e,
       rules: {
-        required: c,
+        required: f,
         maxLength: r,
         minLength: l,
-        pattern: S,
-        validate: k
+        pattern: A,
+        validate: j
       },
-      control: m,
+      control: x,
       render: ({ field: { ref: n, ...o } }) => /* @__PURE__ */ t(
-        W,
+        V,
         {
           ...o,
           value: o.value ?? "",
-          type: A,
+          type: H,
           fullWidth: !0,
-          inputMode: H,
-          placeholder: $,
-          prefixText: B,
-          disabled: C,
-          helperText: P(),
-          helperTextPersistent: s !== void 0 || c || r !== void 0 && i,
-          label: u,
+          inputMode: $,
+          placeholder: F,
+          prefixText: S,
+          disabled: h,
+          helperText: M(),
+          helperTextPersistent: a !== void 0 || f || r !== void 0 && i,
+          label: c,
           variant: "outlined",
           maxlength: r,
           minLength: l,
           textarea: i,
           noResize: !1,
           onBlur: () => {
-            d === "onBlur" && x(e);
+            u === "onBlur" && d(e);
           },
-          onChange: (T) => {
-            o.onChange(T), i && r !== void 0 && M(T), d === "onChange" && x(e);
+          onChange: (v) => {
+            o.onChange(v), i && r !== void 0 && I(v), u === "onChange" && d(e);
           },
-          valid: !v(e).invalid,
-          className: `${a.formText} ${v(e).invalid ? a.invalid : ""}`,
-          trailingIcon: j
+          valid: !T(e).invalid,
+          className: `${s.formText} ${T(e).invalid ? s.invalid : ""}`,
+          trailingIcon: B
         }
       )
     }
   );
 };
 export {
-  X as FormText
+  p as FormText
 };

package/dist/components/HashTabView/HashTabView.js

@@ -1,50 +1,58 @@
-import { jsx as a, jsxs as d, Fragment as I } from "react/jsx-runtime";
-import { Elevation as N, Group as o, TabBar as b, Tab as x, Padding as y } from "@element/react-components";
-import { useState as k, useEffect as w } from "react";
-import { s as t } from "../../HashTabView.module-BY0tbl3B.js";
-import { u as $ } from "../../useBreakpoint-DyAmuka7.js";
-const g = (n, r, i) => !i || !r || !n ? 0 : n.findIndex((c) => `#${c.hash}` === r) ?? 0, F = ({
+import "../../assets/HashTabView.css";
+import { jsx as r, jsxs as d, Fragment as w } from "react/jsx-runtime";
+import { Elevation as T, Group as o, TabBar as C, Tab as k, Padding as A } from "@element/react-components";
+import { useState as I, useEffect as L } from "react";
+import { a as N } from "../../useBreakpoint-DROHPVxO.js";
+const x = "_elevation_1rcw6_1", y = "_themeBackground_1rcw6_6", W = "_tabBar_1rcw6_10", $ = "_tabWrapper_1rcw6_16", j = "_tabButton_1rcw6_20", E = "_childContainer_1rcw6_24", z = "_childContainerLg_1rcw6_28", a = {
+  elevation: x,
+  themeBackground: y,
+  tabBar: W,
+  tabWrapper: $,
+  tabButton: j,
+  childContainer: E,
+  childContainerLg: z
+}, _ = (n, t, c) => !c || !t || !n ? 0 : n.findIndex((i) => `#${i.hash}` === t) ?? 0, q = ({
   tabs: n,
-  hasHash: r = !0,
-  hash: i = "",
-  clusterAlign: c = "start",
-  hasClusteredTabs: f,
-  children: s,
+  hasHash: t = !0,
+  hash: c = "",
+  clusterAlign: i = "start",
+  hasClusteredTabs: g,
+  children: l,
   verticalGap: h = "none",
-  elevation: v = 0,
-  backgroundColor: T = "themeBackground",
-  onChange: A
+  elevation: B = 0,
+  backgroundColor: v = "themeBackground",
+  onChange: b
 }) => {
-  const [m, p] = k(g(n, i, r)), { isLg: l } = $();
-  w(() => {
-    const e = g(n, i, r);
+  const [m, p] = I(_(n, c, t)), { isLg: s } = N();
+  L(() => {
+    const e = _(n, c, t);
     p(e);
-  }, [i, n, r]);
-  const B = (e) => {
+  }, [c, n, t]);
+  const f = (e) => {
     const u = n[e].hash;
-    u != null && r && (window.location.hash = u), p(e), A?.(e);
+    u != null && t && (window.location.hash = u), p(e), b?.(e);
   };
-  return /* @__PURE__ */ a(
-    N,
+  return /* @__PURE__ */ r(
+    T,
     {
-      elevation: v,
-      className: `${t.elevation} ${T === "none" ? "" : t.themeBackground}`,
+      elevation: B,
+      className: `${a.elevation} ${v === "none" ? "" : a.themeBackground}`,
       children: /* @__PURE__ */ d(o, { direction: "vertical", gap: h, secondaryAlign: "stretch", children: [
-        /* @__PURE__ */ d(o, { direction: l ? "horizontal" : "vertical", className: t.tabWrapper, children: [
-          /* @__PURE__ */ a(
-            b,
+        /* @__PURE__ */ d(o, { direction: s ? "horizontal" : "vertical", className: a.tabWrapper, children: [
+          /* @__PURE__ */ r(
+            C,
             {
-              className: t.tabBar,
-              clustered: l ? f : !1,
-              clusterAlign: c,
+              className: a.tabBar,
+              clustered: s ? g : !1,
+              clusterAlign: i,
               variant: "surface",
               activeTabIndex: m,
-              onTabActivated: B,
-              children: n.map((e) => /* @__PURE__ */ a(
-                x,
+              onTabActivated: f,
+              children: n.map((e) => /* @__PURE__ */ r(
+                k,
                 {
                   icon: e.leadingIcon,
-                  className: s ? t.tabButton : "",
+                  className: l ? a.tabButton : "",
                   children: /* @__PURE__ */ d(o, { gap: "dense", children: [
                     e.title,
                     e.trailingIcon
@@ -54,14 +62,14 @@ const g = (n, r, i) => !i || !r || !n ? 0 : n.findIndex((c) => `#${c.hash}` ===
               ))
             }
           ),
-          s ? /* @__PURE__ */ a(
-            y,
+          l ? /* @__PURE__ */ r(
+            A,
             {
               variant: "dense",
-              className: l ? t.childContainer : t.childContainerLg,
-              children: /* @__PURE__ */ a(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: s })
+              className: s ? a.childContainer : a.childContainerLg,
+              children: /* @__PURE__ */ r(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: l })
             }
-          ) : /* @__PURE__ */ a(I, {})
+          ) : /* @__PURE__ */ r(w, {})
         ] }),
         n[m]?.component
       ] })
@@ -69,5 +77,5 @@ const g = (n, r, i) => !i || !r || !n ? 0 : n.findIndex((c) => `#${c.hash}` ===
   );
 };
 export {
-  F as HashTabView
+  q as HashTabView
 };

package/dist/components/HeaderFilter/HeaderFilter.js

@@ -1,25 +1,27 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { TypoBody as n, Select as d } from "@element/react-components";
-import { BasicHeading as l } from "../BasicHeading/BasicHeading.js";
-import { s as m } from "../../HeaderFilter.module-DiBmulr5.js";
-const h = ({
+import "../../assets/HeaderFilter.css";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { TypoBody as a, Select as s } from "@element/react-components";
+import { BasicHeading as c } from "../BasicHeading/BasicHeading.js";
+const d = "_filterSelect_923nc_1", m = {
+  filterSelect: d
+}, h = ({
   heading: r,
   filterByText: e,
-  setFilter: o,
-  filterValue: a,
-  filterOptions: i
-}) => /* @__PURE__ */ s(l, { "data-testid": "HeaderContainer", heading: r, children: [
-  e && /* @__PURE__ */ t(n, { level: 2, children: e }),
+  setFilter: i,
+  filterValue: l,
+  filterOptions: o
+}) => /* @__PURE__ */ n(c, { "data-testid": "HeaderContainer", heading: r, children: [
+  e && /* @__PURE__ */ t(a, { level: 2, children: e }),
   /* @__PURE__ */ t(
-    d,
+    s,
     {
       "data-testid": "Select",
       dense: !0,
       className: m.filterSelect,
       variant: "outlined",
-      onChange: o,
-      value: a,
-      options: i
+      onChange: i,
+      value: l,
+      options: o
     }
   )
 ] });