@eka-care/medassist-widget 0.1.83 → 0.1.85

package/dist/medassist-widget-MultiSelect-BnExX-Ty.js

@@ -0,0 +1,414 @@
+import { A as x, y as E, q as X, d as _, R as j, b as O, T as Y, D as y, e as J, u as l, P as S, f as Q, S as D, g as T, h as M, i as N } from "./medassist-widget.js";
+import { C as Z } from "./medassist-widget-check-BaHLRs-2.js";
+var V = j[" useInsertionEffect ".trim().toString()] || O;
+function ee({
+  prop: e,
+  defaultProp: r,
+  onChange: c = () => {
+  },
+  caller: a
+}) {
+  const [s, o, i] = re({
+    defaultProp: r,
+    onChange: c
+  }), d = e !== void 0, t = d ? e : s;
+  {
+    const b = x(e !== void 0);
+    E(() => {
+      const h = b.current;
+      if (h !== d) {
+        const p = h ? "controlled" : "uncontrolled", g = d ? "controlled" : "uncontrolled";
+      }
+      b.current = d;
+    }, [d, a]);
+  }
+  const v = X(
+    (b) => {
+      if (d) {
+        const h = te(b) ? b(e) : b;
+        h !== e && i.current?.(h);
+      } else
+        o(b);
+    },
+    [d, e, o, i]
+  );
+  return [t, v];
+}
+function re({
+  defaultProp: e,
+  onChange: r
+}) {
+  const [c, a] = _(e), s = x(c), o = x(r);
+  return V(() => {
+    o.current = r;
+  }, [r]), E(() => {
+    s.current !== c && (o.current?.(c), s.current = c);
+  }, [c, s]), [c, a, o];
+}
+function te(e) {
+  return typeof e == "function";
+}
+function ne(e) {
+  const r = x({ value: e, previous: e });
+  return Y(() => (r.current.value !== e && (r.current.previous = r.current.value, r.current.value = e), r.current.previous), [e]);
+}
+function oe(e) {
+  const [r, c] = _(void 0);
+  return O(() => {
+    if (e) {
+      c({ width: e.offsetWidth, height: e.offsetHeight });
+      const a = new ResizeObserver((s) => {
+        if (!Array.isArray(s) || !s.length)
+          return;
+        const o = s[0];
+        let i, d;
+        if ("borderBoxSize" in o) {
+          const t = o.borderBoxSize, v = Array.isArray(t) ? t[0] : t;
+          i = v.inlineSize, d = v.blockSize;
+        } else
+          i = e.offsetWidth, d = e.offsetHeight;
+        c({ width: i, height: d });
+      });
+      return a.observe(e, { box: "border-box" }), () => a.unobserve(e);
+    } else
+      c(void 0);
+  }, [e]), r;
+}
+var P = "Checkbox", [ce] = J(P), [se, z] = ce(P);
+function ie(e) {
+  const {
+    __scopeCheckbox: r,
+    checked: c,
+    children: a,
+    defaultChecked: s,
+    disabled: o,
+    form: i,
+    name: d,
+    onCheckedChange: t,
+    required: v,
+    value: b = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: h
+  } = e, [p, g] = ee({
+    prop: c,
+    defaultProp: s ?? !1,
+    onChange: t,
+    caller: P
+  }), [C, n] = _(null), [m, u] = _(null), f = x(!1), w = C ? !!i || !!C.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), I = {
+    checked: p,
+    disabled: o,
+    setChecked: g,
+    control: C,
+    setControl: n,
+    name: d,
+    form: i,
+    value: b,
+    hasConsumerStoppedPropagationRef: f,
+    required: v,
+    defaultChecked: k(s) ? !1 : s,
+    isFormControl: w,
+    bubbleInput: m,
+    setBubbleInput: u
+  };
+  return /* @__PURE__ */ l(
+    se,
+    {
+      scope: r,
+      ...I,
+      children: ae(h) ? h(I) : a
+    }
+  );
+}
+var $ = "CheckboxTrigger", q = y(
+  ({ __scopeCheckbox: e, onKeyDown: r, onClick: c, ...a }, s) => {
+    const {
+      control: o,
+      value: i,
+      disabled: d,
+      checked: t,
+      required: v,
+      setControl: b,
+      setChecked: h,
+      hasConsumerStoppedPropagationRef: p,
+      isFormControl: g,
+      bubbleInput: C
+    } = z($, e), n = T(s, b), m = x(t);
+    return E(() => {
+      const u = o?.form;
+      if (u) {
+        const f = () => h(m.current);
+        return u.addEventListener("reset", f), () => u.removeEventListener("reset", f);
+      }
+    }, [o, h]), /* @__PURE__ */ l(
+      S.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": k(t) ? "mixed" : t,
+        "aria-required": v,
+        "data-state": G(t),
+        "data-disabled": d ? "" : void 0,
+        disabled: d,
+        value: i,
+        ...a,
+        ref: n,
+        onKeyDown: M(r, (u) => {
+          u.key === "Enter" && u.preventDefault();
+        }),
+        onClick: M(c, (u) => {
+          h((f) => k(f) ? !0 : !f), C && g && (p.current = u.isPropagationStopped(), p.current || u.stopPropagation());
+        })
+      }
+    );
+  }
+);
+q.displayName = $;
+var A = y(
+  (e, r) => {
+    const {
+      __scopeCheckbox: c,
+      name: a,
+      checked: s,
+      defaultChecked: o,
+      required: i,
+      disabled: d,
+      value: t,
+      onCheckedChange: v,
+      form: b,
+      ...h
+    } = e;
+    return /* @__PURE__ */ l(
+      ie,
+      {
+        __scopeCheckbox: c,
+        checked: s,
+        defaultChecked: o,
+        disabled: d,
+        required: i,
+        onCheckedChange: v,
+        name: a,
+        form: b,
+        value: t,
+        internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ l(D, { children: [
+          /* @__PURE__ */ l(
+            q,
+            {
+              ...h,
+              ref: r,
+              __scopeCheckbox: c
+            }
+          ),
+          p && /* @__PURE__ */ l(
+            U,
+            {
+              __scopeCheckbox: c
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+A.displayName = P;
+var F = "CheckboxIndicator", H = y(
+  (e, r) => {
+    const { __scopeCheckbox: c, forceMount: a, ...s } = e, o = z(F, c);
+    return /* @__PURE__ */ l(
+      Q,
+      {
+        present: a || k(o.checked) || o.checked === !0,
+        children: /* @__PURE__ */ l(
+          S.span,
+          {
+            "data-state": G(o.checked),
+            "data-disabled": o.disabled ? "" : void 0,
+            ...s,
+            ref: r,
+            style: { pointerEvents: "none", ...e.style }
+          }
+        )
+      }
+    );
+  }
+);
+H.displayName = F;
+var L = "CheckboxBubbleInput", U = y(
+  ({ __scopeCheckbox: e, ...r }, c) => {
+    const {
+      control: a,
+      hasConsumerStoppedPropagationRef: s,
+      checked: o,
+      defaultChecked: i,
+      required: d,
+      disabled: t,
+      name: v,
+      value: b,
+      form: h,
+      bubbleInput: p,
+      setBubbleInput: g
+    } = z(L, e), C = T(c, g), n = ne(o), m = oe(a);
+    E(() => {
+      const f = p;
+      if (!f) return;
+      const w = window.HTMLInputElement.prototype, B = Object.getOwnPropertyDescriptor(
+        w,
+        "checked"
+      ).set, K = !s.current;
+      if (n !== o && B) {
+        const W = new Event("click", { bubbles: K });
+        f.indeterminate = k(o), B.call(f, k(o) ? !1 : o), f.dispatchEvent(W);
+      }
+    }, [p, n, o, s]);
+    const u = x(k(o) ? !1 : o);
+    return /* @__PURE__ */ l(
+      S.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: i ?? u.current,
+        required: d,
+        disabled: t,
+        name: v,
+        value: b,
+        form: h,
+        ...r,
+        tabIndex: -1,
+        ref: C,
+        style: {
+          ...r.style,
+          ...m,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+U.displayName = L;
+function ae(e) {
+  return typeof e == "function";
+}
+function k(e) {
+  return e === "indeterminate";
+}
+function G(e) {
+  return k(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+const R = y(({ className: e, ...r }, c) => /* @__PURE__ */ l(
+  A,
+  {
+    ref: c,
+    className: N(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      e
+    ),
+    ...r,
+    children: /* @__PURE__ */ l(
+      H,
+      {
+        className: N("grid place-content-center text-current"),
+        children: /* @__PURE__ */ l(Z, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+R.displayName = A.displayName;
+function ue({
+  options: e,
+  selectedValues: r,
+  onSelectionChange: c,
+  additionalOption: a,
+  className: s,
+  required: o = !0,
+  maxSelections: i,
+  // error,
+  disabled: d
+}) {
+  const t = a ? {
+    id: `extra-${a}`,
+    label: a === "all_of_the_above" ? "All of the above" : "None of the above",
+    value: a === "all_of_the_above" ? "All of the above" : "None of the above"
+  } : null, v = (n) => t ? n.filter((m) => m !== t.value) : n, b = (n) => t ? a === "none_of_the_above" ? n ? [t.value] : [] : a === "all_of_the_above" ? n ? [...e.map((m) => m.value), t.value] : v(r) : n ? [...r, t.value] : v(r) : r, h = (n, m) => {
+    const u = t ? v(r) : r;
+    return m ? i && u.length >= i ? null : [...u, n] : u.filter((f) => f !== n);
+  }, p = (n) => !(o && n.length === 0 && r.length === 1), g = (n, m) => {
+    const f = t && n === t.value ? b(m) : h(n, m);
+    f !== null && p(f) && c(f);
+  }, C = t ? r.filter((n) => n !== t.value).length : r.length;
+  return e.length ? /* @__PURE__ */ l(
+    "div",
+    {
+      className: N(
+        s
+      ),
+      children: [
+        /* @__PURE__ */ l("div", { className: "space-y-3", children: [
+          e.map((n) => {
+            const m = d || i && C >= i && !r.includes(n.value);
+            let u = r.includes(n.value);
+            return /* @__PURE__ */ l("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ l(
+                R,
+                {
+                  id: n.id,
+                  checked: u,
+                  disabled: !!m,
+                  onCheckedChange: (f) => g(n.value, !!f),
+                  className: "mt-0.5 border border-muted-foreground text-primary-foreground"
+                }
+              ),
+              /* @__PURE__ */ l(
+                "label",
+                {
+                  htmlFor: n.id,
+                  className: N(
+                    // Using the same muted color scheme as your other components
+                    "text-sm font-normal leading-4 cursor-pointer",
+                    m ? "text-muted-foreground cursor-not-allowed" : u ? "text-primary" : "text-secondary-foreground"
+                    // Dark grey like other components
+                  ),
+                  children: n.label
+                }
+              )
+            ] }, n.id);
+          }),
+          t && /* @__PURE__ */ l(D, { children: [
+            /* @__PURE__ */ l("div", { className: "border-t border-border-medium my-3" }),
+            /* @__PURE__ */ l("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ l(
+                R,
+                {
+                  id: t.id,
+                  checked: r.includes(t.value),
+                  onCheckedChange: (n) => g(t.value, n),
+                  className: "mt-0.5 border border-muted-foreground"
+                }
+              ),
+              /* @__PURE__ */ l(
+                "label",
+                {
+                  htmlFor: t.id,
+                  className: "text-sm font-medium leading-none cursor-pointer text-secondary-foreground",
+                  children: t.label
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        i && C >= i && /* @__PURE__ */ l("p", { className: "text-sm text-blue-600 mt-3", children: i === 1 ? "You can select only 1 option" : `Maximum ${i} selections allowed` })
+      ]
+    }
+  ) : null;
+}
+export {
+  ue as MultiSelectGroup
+};