@hortiview/shared-components 2.27.3 → 2.28.0-alpha.4cc3c312.1

package/dist/assets/FormSelect.css

@@ -1 +0,0 @@
-._invalidHelperText_qt5tp_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_qt5tp_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_qt5tp_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_qt5tp_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_qt5tp_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_qt5tp_18>*[class*=lmnt-select-container]{flex-direction:column}._formSelectContainer_qt5tp_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color);align-self:flex-start}._formSelectContainer_qt5tp_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_qt5tp_18 *[class*=lmnt-select-menu]{z-index:2001}._formSelect_qt5tp_18._isSearchable_qt5tp_44 div[class*=lmnt__input-container] input[class*=lmnt__input]{padding-top:0!important}._formSelect_qt5tp_18._isSearchable_qt5tp_44._isMultiSelect_qt5tp_49._hasSelection_qt5tp_49 div[class*=lmnt__input-container] input[class*=lmnt__input]{padding-left:.5rem!important}._formSelect_qt5tp_18 div[class*=mdc-notched-outline__leading]{border-radius:.25rem 0 0 .25rem!important}._formSelect_qt5tp_18 div[class*=mdc-notched-outline__trailing]{border-radius:0 .25rem .25rem 0!important}._tooltip_qt5tp_64{z-index:42}._disabled_qt5tp_69+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}

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

@@ -1,142 +0,0 @@
-import { jsx as i, Fragment as D, jsxs as Q } from "react/jsx-runtime";
-import { c as R } from "../../../index-_-9ybP20.js";
-import { g as M } from "../../../get-CBFiuc3f.js";
-import { useMemo as B } from "react";
-import { useFormContext as U, Controller as H } from "react-hook-form";
-import { M as X } from "../../../react-tooltip.min-D7xPMD-P.js";
-import { useBreakpoints as Y } from "../../../hooks/useBreakpoints.js";
-import { useHelperText as Z } from "../../../hooks/useHelperText.js";
-import { Select as N } from "../../Select/Select.js";
-import { useNormalizedOptions as y, isGroupedOptions as K } from "./FormSelectService.js";
-import { SelectTooltipText as ee } from "./SelectTooltipText.js";
-import '../../../assets/FormSelect.css';const te = "_invalidHelperText_qt5tp_1", oe = "_invalidBorder_qt5tp_5", ie = "_invalidPlaceholder_qt5tp_9", le = "_invalidDropdownIcon_qt5tp_13", ne = "_formSelectContainer_qt5tp_18", re = "_formSelect_qt5tp_18", ae = "_isSearchable_qt5tp_44", se = "_isMultiSelect_qt5tp_49", ce = "_hasSelection_qt5tp_49", de = "_tooltip_qt5tp_64", fe = "_disabled_qt5tp_69", t = {
-  invalidHelperText: te,
-  invalidBorder: oe,
-  invalidPlaceholder: ie,
-  invalidDropdownIcon: le,
-  formSelectContainer: ne,
-  formSelect: re,
-  isSearchable: ae,
-  isMultiSelect: se,
-  hasSelection: ce,
-  tooltip: de,
-  disabled: fe
-}, ge = ({
-  propertyName: o,
-  label: d,
-  options: f,
-  multi: r = !1,
-  disabled: S = !1,
-  hoisted: I = !1,
-  hidden: P = !1,
-  valueKey: l = "value",
-  textKey: h = "text",
-  clearable: F = !1,
-  searchable: O,
-  noOptionsMessage: x = "",
-  rules: m,
-  menuPosition: k = "auto",
-  ...a
-}) => {
-  const { isDesktop: A } = Y(), {
-    control: u,
-    getFieldState: j,
-    formState: { errors: v, isValidating: T }
-  } = U(), z = B(
-    () => !T && M(v, o) !== void 0,
-    [v, o, T]
-  ), V = B(
-    () => m?.required?.message,
-    [m]
-  ), { helperText: E, helperTextPersistent: G } = Z({
-    propertyName: o,
-    helperText: a.helperText,
-    requiredText: V,
-    hasCharacterCount: !1
-  }), q = r && a.multiDisplayType === "text" && h === "value", W = y(f), s = q ? W : f, b = q ? "text" : h;
-  return P ? /* @__PURE__ */ i(H, { name: o, control: u, render: () => /* @__PURE__ */ i(D, {}) }) : /* @__PURE__ */ i(
-    "div",
-    {
-      "data-testid": "form-select-container",
-      className: t.formSelectContainer,
-      "data-tooltip-id": d,
-      children: /* @__PURE__ */ i(
-        H,
-        {
-          name: o,
-          rules: m,
-          control: u,
-          render: ({ field: { ref: me, onChange: p, value: C, ...$ } }) => {
-            let _ = s;
-            s && K(s) && (_ = s.flatMap((e) => M(e, "options") ?? []));
-            const n = r ? _?.filter(
-              (e) => C?.includes(e[l])
-            ) : _?.find((e) => e[l] === C), g = Array.isArray(n) ? n.length > 0 : n != null, c = j(o).invalid, w = O ?? A, J = R(t.formSelect, {
-              [t.invalidHelperText]: c,
-              [t.invalidDropdownIcon]: c,
-              [t.invalidBorder]: c,
-              [t.invalidPlaceholder]: c,
-              [t.disabled]: S,
-              [t.isSearchable]: w,
-              [t.isMultiSelect]: r,
-              [t.hasSelection]: g
-            });
-            return /* @__PURE__ */ Q(D, { children: [
-              /* @__PURE__ */ i(
-                N,
-                {
-                  ...$,
-                  ...a,
-                  value: n ?? [],
-                  label: d,
-                  variant: "outlined",
-                  helperText: E,
-                  helperTextPersistent: G,
-                  options: s,
-                  valid: !z,
-                  "data-testid": a["data-testid"] ?? `select-${o}`,
-                  multiSelect: !f?.length && x ? !1 : r,
-                  className: J,
-                  disabled: S,
-                  valueKey: l,
-                  textKey: b,
-                  onChange: (e) => {
-                    if (e == null) {
-                      p(e);
-                      return;
-                    }
-                    if (r) {
-                      p(e.map((L) => L[l]));
-                      return;
-                    }
-                    p(e[l]), a?.onChange?.(e);
-                  },
-                  hoisted: I,
-                  noOptionsMessage: x,
-                  searchable: w,
-                  clearable: F,
-                  menuPosition: k
-                }
-              ),
-              /* @__PURE__ */ i(
-                X,
-                {
-                  id: d,
-                  noArrow: !0,
-                  place: "bottom",
-                  delayShow: 420,
-                  className: t.tooltip,
-                  hidden: !g,
-                  children: /* @__PURE__ */ i(ee, { value: n, textKey: b, valueKey: l })
-                }
-              )
-            ] });
-          }
-        }
-      )
-    }
-  );
-};
-export {
-  ge as FormSelect
-};