@hortiview/default-components 1.5.0 → 1.5.1

package/dist/components/DefaultFormSelect/DefaultFormSelect.js

@@ -1,180 +1,11 @@
-import { jsx as o, Fragment as K, jsxs as j } from "react/jsx-runtime";
-import { a as b, v as U } from "../../useHelperText-Cqx6ggnc.js";
-import { q as W, u as X } from "../../useTranslation-BQQybhSd.js";
-import { U as Y } from "../../component-Bz_dtX1r-DqCAj-DR.js";
-import { useEffect as P, useMemo as z } from "react";
-import { useFormContext as Z, Controller as N } from "react-hook-form";
-import { I as k, K as G, V as J } from "../../index.es-nwjKmW7--CUlbl1RR.js";
-import { O as Q, D as R } from "../../index.es-SjZ_-d7U-HvaOH_Z0.js";
-import { InternationalizationWrapper as ee } from "../InternationalizationWrapper/InternationalizationWrapper.js";
-import '../../assets/DefaultFormSelect.css';var te = Y();
-const le = /* @__PURE__ */ W(te), oe = "_customPortal_1u11g_1", ae = "_customSelect_1u11g_8", A = {
-  customPortal: oe,
-  customSelect: ae
-}, ie = ({
-  menuMaxHeight: e = "15rem",
-  portalClassName: t,
-  "data-testid": l = "custom-select",
-  className: r,
-  hoisted: u,
-  ..._
-}) => {
-  const c = `custom-portal-${t ?? "default"}`, n = k("elementSelectForTestId-");
-  return P(() => {
-    if (u && !document.getElementById(c)) {
-      const s = document.createElement("div");
-      s.id = c, s.className = `${A.customPortal} ${t ?? ""}`, document.body.appendChild(s);
-    }
-  }, [u, c, t]), P(() => {
-    const s = document.querySelectorAll(`#${n} input[role="combobox"]`);
-    s && s.forEach((x) => {
-      x.setAttribute("data-testid", l);
-    });
-  }, [l, n]), /* @__PURE__ */ o(
-    G,
-    {
-      menuMaxHeight: e,
-      hoisted: u,
-      id: n,
-      portalContainer: document.getElementById(c) ? `#${c}` : void 0,
-      className: `${A.customSelect} ${r ?? ""}`,
-      ..._
-    }
-  );
-}, ne = ({ value: e, textKey: t, valueKey: l }) => {
-  if (!(!e || e.length === 0))
-    return Array.isArray(e) ? /* @__PURE__ */ o(Q, { "data-testid": "select-tooltip", direction: "vertical", gap: "dense", children: e == null ? void 0 : e.map((r) => /* @__PURE__ */ o(R, { level: 2, children: r[t] }, r[l])) }) : e == null ? void 0 : e[t];
-}, re = "_invalidHelperText_zh2wu_1", se = "_invalidBorder_zh2wu_5", de = "_invalidPlaceholder_zh2wu_9", ce = "_invalidDropdownIcon_zh2wu_13", me = "_formSelectContainer_zh2wu_18", ue = "_formSelect_zh2wu_18", pe = "_multiText_zh2wu_53", he = "_tooltip_zh2wu_62", fe = "_disabled_zh2wu_67", d = {
-  invalidHelperText: re,
-  invalidBorder: se,
-  invalidPlaceholder: de,
-  invalidDropdownIcon: ce,
-  formSelectContainer: me,
-  formSelect: ue,
-  multiText: pe,
-  tooltip: he,
-  disabled: fe
-}, ve = ({
-  propertyName: e,
-  label: t,
-  options: l,
-  multi: r = !1,
-  disabled: u = !1,
-  hoisted: _ = !1,
-  hidden: c = !1,
-  valueKey: n = "value",
-  textKey: s = "text",
-  clearable: x = !1,
-  searchable: M = !0,
-  noOptionsMessage: S = "",
-  rules: p,
-  menuPosition: D = "auto",
-  ...a
-}) => {
-  const {
-    control: T,
-    getFieldState: F,
-    formState: { errors: w, isValidating: C }
-  } = Z(), H = z(
-    () => !C && b(w, e) !== void 0,
-    [w, e, C]
-  ), O = z(
-    () => {
-      var g;
-      return (g = p == null ? void 0 : p.required) == null ? void 0 : g.message;
-    },
-    [p]
-  ), { helperText: $, helperTextPersistent: B } = U({
-    propertyName: e,
-    helperText: a.helperText,
-    requiredText: O,
-    hasCharacterCount: !1
-  });
-  return c ? /* @__PURE__ */ o(N, { name: e, control: T, render: () => /* @__PURE__ */ o(K, {}) }) : /* @__PURE__ */ o(
-    "div",
-    {
-      "data-testid": "form-select-container",
-      className: d.formSelectContainer,
-      "data-tooltip-id": t,
-      children: /* @__PURE__ */ o(
-        N,
-        {
-          name: e,
-          rules: p,
-          control: T,
-          render: ({ field: { ref: g, onChange: y, value: h, ...E } }) => {
-            let m = l;
-            le(l) && b(l[0], "options") !== void 0 && (m = l.flatMap((i) => b(i, "options") ?? []));
-            const f = r ? m == null ? void 0 : m.filter(
-              (i) => h == null ? void 0 : h.includes(i[n])
-            ) : m == null ? void 0 : m.find((i) => i[n] === h), V = r && a.multiDisplayType === "text" && a.fixedHeightInput, v = F(e).invalid, q = `
-          ${d.formSelect} 
-          ${v ? d.invalidHelperText : ""} 
-          ${v ? d.invalidDropdownIcon : ""}  
-          ${v ? d.invalidBorder : ""} 
-          ${v ? d.invalidPlaceholder : ""}  
-          ${V ? d.multiText : ""} 
-          ${u ? d.disabled : ""}`;
-            return /* @__PURE__ */ j(K, { children: [
-              /* @__PURE__ */ o(
-                ie,
-                {
-                  ...E,
-                  ...a,
-                  value: f ?? [],
-                  label: t,
-                  variant: "outlined",
-                  helperText: $,
-                  helperTextPersistent: B,
-                  options: l,
-                  valid: !H,
-                  "data-testid": a["data-testid"] ?? `select-${e}`,
-                  multiSelect: !(l != null && l.length) && S ? !1 : r,
-                  className: q,
-                  disabled: u,
-                  valueKey: n,
-                  textKey: s,
-                  onChange: (i) => {
-                    var I;
-                    if (i == null) {
-                      y(i);
-                      return;
-                    }
-                    if (r) {
-                      y(i.map((L) => L[n]));
-                      return;
-                    }
-                    y(i[n]), (I = a == null ? void 0 : a.onChange) == null || I.call(a, i);
-                  },
-                  hoisted: _,
-                  noOptionsMessage: S,
-                  searchable: M,
-                  clearable: x,
-                  menuPosition: D
-                }
-              ),
-              /* @__PURE__ */ o(
-                J,
-                {
-                  id: t,
-                  noArrow: !0,
-                  place: "bottom",
-                  delayShow: 420,
-                  className: d.tooltip,
-                  hidden: !f || f.length === 0 || !a.fixedHeightInput,
-                  children: /* @__PURE__ */ o(ne, { value: f, textKey: s, valueKey: n })
-                }
-              )
-            ] });
-          }
-        }
-      )
-    }
-  );
-}, Ie = (e) => {
-  const { t } = X();
-  return /* @__PURE__ */ o(ee, { children: /* @__PURE__ */ o(
-    ve,
+import { jsx as l } from "react/jsx-runtime";
+import { FormSelect as o } from "@hortiview/shared-components";
+import { InternationalizationWrapper as i } from "../InternationalizationWrapper/InternationalizationWrapper.js";
+import { u as r } from "../../useTranslation-DGtUf8nl.js";
+const c = (e) => {
+  const { t } = r();
+  return /* @__PURE__ */ l(i, { children: /* @__PURE__ */ l(
+    o,
     {
       ...e,
       multiDisplayTextValue: e.multiDisplayTextValue ?? t("formSelect.multiItems"),
@@ -185,5 +16,5 @@ const le = /* @__PURE__ */ W(te), oe = "_customPortal_1u11g_1", ae = "_customSel
   ) });
 };
 export {
-  Ie as DefaultFormSelect
+  c as DefaultFormSelect
 };

package/dist/components/DefaultLoadingSpinner/DefaultLoadingSpinner.js

@@ -1,10 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-import { N as t } from "../../LoadingSpinner-CmwCv7BO.js";
+import { jsx as n } from "react/jsx-runtime";
+import { LoadingSpinner as i } from "@hortiview/shared-components";
 import { InternationalizationWrapper as o } from "../InternationalizationWrapper/InternationalizationWrapper.js";
-import { u as a } from "../../useTranslation-BQQybhSd.js";
-const l = ({ ...n }) => {
-  const { t: r } = a();
-  return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(t, { ...n, text: r("loadingSpinner.baseMessage"), impatienceMessage: null }) });
+import { u as t } from "../../useTranslation-DGtUf8nl.js";
+const l = ({ ...r }) => {
+  const { t: e } = t();
+  return /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(i, { ...r, text: e("loadingSpinner.baseMessage"), impatienceMessage: null }) });
 };
 export {
   l as DefaultLoadingSpinner