@simpli-route/apollo-ds 0.1.47 → 0.1.49

package/dist/index.es26.js

@@ -1,96 +1,78 @@
-import { j as s } from "./index.es38.js";
-import { forwardRef as k, useState as h } from "react";
-import { useFilter as w, Select as G, Popover as H } from "react-aria-components";
-import { cn as c } from "./index.es39.js";
-import "./index.es12.js";
-import { Label as J } from "./index.es13.js";
-import { PopoverContent as K } from "./index.es64.js";
-import { SelectContent as Q } from "./index.es68.js";
-import { selectInputPopoverVariants as U } from "./index.es45.js";
-const W = (S, b) => {
+import { j as s } from "./index.es39.js";
+import { SearchIcon as P, CrossIcon as y } from "./index.es41.js";
+import { useMemo as z } from "react";
+import { ComboBox as D, Input as H, Text as R, FieldError as E, Popover as O, ListBox as F, ListBoxItem as M } from "react-aria-components";
+import { cn as S } from "./index.es40.js";
+import { useDebouncedValue as _ } from "./index.es70.js";
+import { IconButton as T } from "./index.es12.js";
+import "./index.es13.js";
+import { Label as $ } from "./index.es14.js";
+import { inputVariants as k } from "./index.es56.js";
+import { popoverVariants as q, searchOptionVariants as A } from "./index.es57.js";
+const te = (i) => {
   const {
-    label: p,
-    items: v,
-    selectionMode: l = "single",
-    value: m,
-    defaultValue: f,
-    placeholder: N = "Select",
-    isDisabled: r = !1,
-    isRequired: g = !1,
-    size: C = "xs",
-    className: j,
-    classNameLabel: u,
-    classNameButton: I,
-    classNamePopover: P,
-    tooltipText: O,
-    tooltipSupportText: y,
-    tooltipProps: A,
-    onChange: o,
-    maxLengthTextOption: L = 18,
-    placeholderSearch: V = "Search",
-    enableSearch: F = !1,
-    classNameSearchField: R,
-    classNameSearchFieldInput: T,
-    ...D
-  } = S, { contains: q } = w({ sensitivity: "base" }), [d, n] = h(!1), [z, x] = h(() => f !== void 0 ? f : l === "multiple" ? [] : null), i = m !== void 0, a = i ? m : z, B = (t) => {
-    if (l === "multiple" && a && Array.isArray(a)) {
-      const e = a.filter((_) => _ !== t);
-      i || x(e), o && o(e);
-    }
-  }, E = (t) => {
-    let e;
-    l === "multiple" ? e = t instanceof Set ? Array.from(t) : t : (e = t, n(!1)), i || x(e), o && o(e);
-  }, M = {
-    className: c("flex w-full flex-col gap-1", j),
-    selectionMode: l,
-    isDisabled: r,
-    value: a,
-    onChange: E,
-    ...D
-  };
-  return /* @__PURE__ */ s.jsxs(G, { ...M, children: [
-    p ? /* @__PURE__ */ s.jsx(
-      J,
+    label: n,
+    onReset: c,
+    placeholder: f,
+    isDisabled: l,
+    delay: b = 300,
+    searchIcon: j,
+    clearIcon: I,
+    size: N = "md",
+    description: d,
+    inputValue: h,
+    isInvalid: m,
+    errorMessage: x,
+    items: r,
+    ...L
+  } = i, w = j ?? /* @__PURE__ */ s.jsx(P, { className: "size-6 text-neutral-700", "data-testid": "search-icon" }), C = /* @__PURE__ */ s.jsx(T, { intent: "minimal", size: "md", className: "p-0", "data-testid": "clear-icon-button", onPress: c, children: I ?? /* @__PURE__ */ s.jsx(y, { className: "size-5 text-neutral-700", "data-testid": "clear-icon" }) }), a = _(h, b), u = a && c, V = u ? C : w, v = (e, t) => {
+    if (!t.trim())
+      return [{ text: e, highlight: !1 }];
+    const o = new RegExp(`(${t})`, "gi");
+    return e.split(o).filter(Boolean).map((g) => ({
+      text: g,
+      highlight: g.toLowerCase() === t.toLowerCase()
+    }));
+  }, B = z(
+    () => a ? r.filter((e) => e.label.toLowerCase().includes(a.toLowerCase())).map((e) => {
+      const t = a && e.label.toLowerCase().includes(a.toLowerCase()), o = v(e.label, a ?? "");
+      return { ...e, shouldHighlight: t, highlightedParts: o };
+    }) : r.map((e) => ({
+      ...e,
+      shouldHighlight: !1,
+      highlightedParts: [{ text: e.label, highlight: !1 }]
+    })),
+    [a, r]
+  );
+  return /* @__PURE__ */ s.jsxs(D, { inputValue: h, isDisabled: l, ...L, children: [
+    n && /* @__PURE__ */ s.jsx($, { children: n }),
+    /* @__PURE__ */ s.jsxs("div", { className: "relative flex items-center", children: [
+      /* @__PURE__ */ s.jsx(
+        H,
+        {
+          placeholder: f,
+          className: k({ size: N, isDisabled: l, hasIcon: !0 }),
+          disabled: l,
+          readOnly: i.isReadOnly
+        }
+      ),
+      /* @__PURE__ */ s.jsx("span", { className: S("absolute right-2 top-1/2 -translate-y-1/2", u && "top-[53%]"), children: V })
+    ] }),
+    d && !m && /* @__PURE__ */ s.jsx(R, { slot: "description", className: "text-xs leading-5 text-neutral-700", children: d }),
+    x && m && /* @__PURE__ */ s.jsx(E, { className: "text-sm leading-6 text-error-500", children: x }),
+    /* @__PURE__ */ s.jsx(O, { className: q(), children: /* @__PURE__ */ s.jsx(F, { items: B, className: "max-h-60 overflow-auto outline-none", children: (e) => /* @__PURE__ */ s.jsx(
+      M,
       {
-        labelClassName: c("mb-[1px] text-left leading-[19.07px]", {
-          "text-neutral-700": r,
-          [u || ""]: !!u
-        }),
-        isRequired: g,
-        tooltipText: O,
-        tooltipSupportText: y,
-        tooltipProps: A,
-        children: p
+        id: e.id,
+        textValue: e.label,
+        className: ({ isDisabled: t, isSelected: o, isFocused: p }) => A({ isFocused: p, isSelected: o, isDisabled: t }),
+        children: e.shouldHighlight ? /* @__PURE__ */ s.jsx("span", { children: e.highlightedParts.map(
+          (t, o) => t.highlight ? /* @__PURE__ */ s.jsx("span", { className: "font-bold text-neutral-900", children: t.text }, t.text + o) : t.text
+        ) }) : e.label
       }
-    ) : null,
-    /* @__PURE__ */ s.jsx(
-      Q,
-      {
-        ref: b,
-        isOpen: d,
-        setIsOpen: n,
-        size: C,
-        isDisabled: r,
-        classNameButton: I,
-        selectionMode: l,
-        maxLengthTextOption: L,
-        handleDeleteOptionSelected: B,
-        placeholder: N
-      }
-    ),
-    /* @__PURE__ */ s.jsx(H, { className: c(U(), P), isOpen: d, onOpenChange: n, children: /* @__PURE__ */ s.jsx(
-      K,
-      {
-        enableSearch: F,
-        contains: q,
-        classNameSearchField: R,
-        classNameSearchFieldInput: T,
-        placeholderSearch: V,
-        items: v
-      }
-    ) })
+    ) }) })
   ] });
-}, ae = k(W);
+};
 export {
-  ae as SelectInput
+  te as SearchField
 };

package/dist/index.es27.js

@@ -1,80 +1,96 @@
-import { j as m } from "./index.es38.js";
-import { useState as q, useEffect as x } from "react";
-import { Slider as z, SliderTrack as B } from "react-aria-components";
-import { cn as F } from "./index.es39.js";
-import { SliderContainerTrack as G } from "./index.es65.js";
-import { validateMinDistance as H } from "./index.es66.js";
-const U = ({
-  type: r = "single",
-  showTypeValue: A = "default",
-  positionTooltip: S = "top",
-  modeTooltip: j = "dark",
-  isHiddenValue: w = !1,
-  maxValue: T = 100,
-  minValue: k = 0,
-  value: f = r === "range" ? [0, 5] : 0,
-  onChangeValue: i,
-  className: p,
-  classNameFilled: v,
-  classNameUnfilled: N,
-  classNameThumb: E,
-  suffix: M = "%",
-  suffixRangeCustom: P = {
-    left: "",
-    right: ""
-  },
-  step: R = 1,
-  minDistance: d = 2,
-  ...$
-}) => {
-  const [l, b] = q(r);
-  return x(() => {
-    if (r === "range" && Array.isArray(f)) {
-      const [s, t] = f;
-      if (t - s < d) {
-        const c = [s, s + d];
-        (c[0] !== f[0] || c[1] !== f[1]) && (i == null || i(c));
-      }
-    }
-  }, [r, f, i, d]), x(() => {
-    l !== r && (b(r), i == null || i(r === "range" ? [0, 5] : 0));
-  }, [r, i, l]), /* @__PURE__ */ m.jsx("div", { className: "flex w-full flex-col py-4", children: /* @__PURE__ */ m.jsx(
-    z,
-    {
-      value: f,
-      step: R,
-      maxValue: T,
-      minValue: k,
-      className: F("w-full", p),
-      onChange: (s) => {
-        const t = s;
-        if (t !== void 0) {
-          const c = Array.isArray(t), o = r === "range" && c ? H(t, r, d) : t;
-          i == null || i(
-            r === "range" ? o : Array.isArray(o) ? o[0] || 0 : o
-          );
-        }
-      },
-      ...$,
-      children: /* @__PURE__ */ m.jsx(B, { className: "relative h-3 w-full cursor-pointer", children: ({ state: s }) => /* @__PURE__ */ m.jsx(
-        G,
-        {
-          state: s,
-          type: r,
-          showTypeValue: A,
-          isHiddenValue: w,
-          suffix: M,
-          suffixRangeCustom: P,
-          classNameFilled: v,
-          classNameUnfilled: N,
-          modeTooltip: j,
-          positionTooltip: S,
-          classNameThumb: E
-        }
-      ) })
+import { j as s } from "./index.es39.js";
+import { forwardRef as k, useState as h } from "react";
+import { useFilter as w, Select as G, Popover as H } from "react-aria-components";
+import { cn as c } from "./index.es40.js";
+import "./index.es13.js";
+import { Label as J } from "./index.es14.js";
+import { PopoverContent as K } from "./index.es65.js";
+import { SelectContent as Q } from "./index.es66.js";
+import { selectInputPopoverVariants as U } from "./index.es46.js";
+const W = (S, b) => {
+  const {
+    label: p,
+    items: v,
+    selectionMode: l = "single",
+    value: m,
+    defaultValue: f,
+    placeholder: N = "Select",
+    isDisabled: r = !1,
+    isRequired: g = !1,
+    size: C = "xs",
+    className: j,
+    classNameLabel: u,
+    classNameButton: I,
+    classNamePopover: P,
+    tooltipText: O,
+    tooltipSupportText: y,
+    tooltipProps: A,
+    onChange: o,
+    maxLengthTextOption: L = 18,
+    placeholderSearch: V = "Search",
+    enableSearch: F = !1,
+    classNameSearchField: R,
+    classNameSearchFieldInput: T,
+    ...D
+  } = S, { contains: q } = w({ sensitivity: "base" }), [d, n] = h(!1), [z, x] = h(() => f !== void 0 ? f : l === "multiple" ? [] : null), i = m !== void 0, a = i ? m : z, B = (t) => {
+    if (l === "multiple" && a && Array.isArray(a)) {
+      const e = a.filter((_) => _ !== t);
+      i || x(e), o && o(e);
     }
-  ) });
-};
+  }, E = (t) => {
+    let e;
+    l === "multiple" ? e = t instanceof Set ? Array.from(t) : t : (e = t, n(!1)), i || x(e), o && o(e);
+  }, M = {
+    className: c("flex w-full flex-col gap-1", j),
+    selectionMode: l,
+    isDisabled: r,
+    value: a,
+    onChange: E,
+    ...D
+  };
+  return /* @__PURE__ */ s.jsxs(G, { ...M, children: [
+    p ? /* @__PURE__ */ s.jsx(
+      J,
+      {
+        labelClassName: c("mb-[1px] text-left leading-[19.07px]", {
+          "text-neutral-700": r,
+          [u || ""]: !!u
+        }),
+        isRequired: g,
+        tooltipText: O,
+        tooltipSupportText: y,
+        tooltipProps: A,
+        children: p
+      }
+    ) : null,
+    /* @__PURE__ */ s.jsx(
+      Q,
+      {
+        ref: b,
+        isOpen: d,
+        setIsOpen: n,
+        size: C,
+        isDisabled: r,
+        classNameButton: I,
+        selectionMode: l,
+        maxLengthTextOption: L,
+        handleDeleteOptionSelected: B,
+        placeholder: N
+      }
+    ),
+    /* @__PURE__ */ s.jsx(H, { className: c(U(), P), isOpen: d, onOpenChange: n, children: /* @__PURE__ */ s.jsx(
+      K,
+      {
+        enableSearch: F,
+        contains: q,
+        classNameSearchField: R,
+        classNameSearchFieldInput: T,
+        placeholderSearch: V,
+        items: v
+      }
+    ) })
+  ] });
+}, ae = k(W);
 export {
-  U as Slider
+  ae as SelectInput
 };

package/dist/index.es28.js

@@ -1,50 +1,80 @@
-import { j as c } from "./index.es38.js";
-import { CheckIcon as h } from "./index.es40.js";
-import { useState as j } from "react";
-import { Button as S } from "react-aria-components";
-import { cn as k } from "./index.es39.js";
-import { statusChipVariants as I } from "./index.es56.js";
-const F = ({
-  size: m = "sm",
-  label: n,
-  variant: i = "success",
-  isSelected: o = !1,
-  isDisabled: s = !1,
-  className: f,
-  onSelectionChange: e,
-  onPress: a,
-  ...p
+import { j as m } from "./index.es39.js";
+import { useState as q, useEffect as x } from "react";
+import { Slider as z, SliderTrack as B } from "react-aria-components";
+import { cn as F } from "./index.es40.js";
+import { SliderContainerTrack as G } from "./index.es72.js";
+import { validateMinDistance as H } from "./index.es73.js";
+const U = ({
+  type: r = "single",
+  showTypeValue: A = "default",
+  positionTooltip: S = "top",
+  modeTooltip: j = "dark",
+  isHiddenValue: w = !1,
+  maxValue: T = 100,
+  minValue: k = 0,
+  value: f = r === "range" ? [0, 5] : 0,
+  onChangeValue: i,
+  className: p,
+  classNameFilled: v,
+  classNameUnfilled: N,
+  classNameThumb: E,
+  suffix: M = "%",
+  suffixRangeCustom: P = {
+    left: "",
+    right: ""
+  },
+  step: R = 1,
+  minDistance: d = 2,
+  ...$
 }) => {
-  const [l, u] = j(o), r = e ? o : l, d = () => {
-    if (s)
-      return;
-    const t = !r;
-    e ? e(t) : u(t), a && a({});
-  };
-  return /* @__PURE__ */ c.jsxs(
-    S,
+  const [l, b] = q(r);
+  return x(() => {
+    if (r === "range" && Array.isArray(f)) {
+      const [s, t] = f;
+      if (t - s < d) {
+        const c = [s, s + d];
+        (c[0] !== f[0] || c[1] !== f[1]) && (i == null || i(c));
+      }
+    }
+  }, [r, f, i, d]), x(() => {
+    l !== r && (b(r), i == null || i(r === "range" ? [0, 5] : 0));
+  }, [r, i, l]), /* @__PURE__ */ m.jsx("div", { className: "flex w-full flex-col py-4", children: /* @__PURE__ */ m.jsx(
+    z,
     {
-      isDisabled: s,
-      className: ({ isHovered: t, isFocusVisible: x }) => k(
-        I({
-          size: m,
-          variant: i,
-          isSelected: r,
-          isDisabled: s,
-          isHovered: t,
-          isFocused: x
-        }),
-        f
-      ),
-      onPress: d,
-      ...p,
-      children: [
-        r && /* @__PURE__ */ c.jsx("span", { "data-testid": "check-icon", children: /* @__PURE__ */ c.jsx(h, { className: "size-3" }) }),
-        n
-      ]
+      value: f,
+      step: R,
+      maxValue: T,
+      minValue: k,
+      className: F("w-full", p),
+      onChange: (s) => {
+        const t = s;
+        if (t !== void 0) {
+          const c = Array.isArray(t), o = r === "range" && c ? H(t, r, d) : t;
+          i == null || i(
+            r === "range" ? o : Array.isArray(o) ? o[0] || 0 : o
+          );
+        }
+      },
+      ...$,
+      children: /* @__PURE__ */ m.jsx(B, { className: "relative h-3 w-full cursor-pointer", children: ({ state: s }) => /* @__PURE__ */ m.jsx(
+        G,
+        {
+          state: s,
+          type: r,
+          showTypeValue: A,
+          isHiddenValue: w,
+          suffix: M,
+          suffixRangeCustom: P,
+          classNameFilled: v,
+          classNameUnfilled: N,
+          modeTooltip: j,
+          positionTooltip: S,
+          classNameThumb: E
+        }
+      ) })
     }
-  );
+  ) });
 };
 export {
-  F as StatusChip
+  U as Slider
 };

package/dist/index.es29.js

@@ -1,50 +1,50 @@
-import { j as p } from "./index.es38.js";
-import { Children as P, cloneElement as R } from "react";
-import { StepperCompleted as h } from "./index.es30.js";
-import { StepperStep as w } from "./index.es31.js";
-function C(g) {
-  var f, a, d;
-  const {
-    children: y,
-    activeStep: n,
-    size: j = "md",
-    onStepClick: l,
-    allowNextStepsSelect: x = !1,
-    baseIcon: I,
-    completedIcon: v
-  } = g, c = P.toArray(y), r = c.filter(
-    (t) => t.type === w
-  ), s = c.find(
-    (t) => t.type === h
-  ), i = (t, e) => t.props.error ? "error" : n === e ? "inProgress" : n > e ? "completed" : "pending", A = r.reduce(
-    (t, e, o) => {
-      const m = i(e, o), u = r[o + 1], E = u ? i(u, o + 1) : "pending", S = typeof l != "function" ? !1 : typeof e.props.allowStepClick == "boolean" ? e.props.allowStepClick : m === "completed" || x;
-      return t.push(
-        R(e, {
-          icon: e.props.icon || I || o + 1,
-          key: o,
-          step: o,
-          size: j,
-          state: m,
-          onPress: () => {
-            S && (l == null || l(o));
-          },
-          allowStepClick: S,
-          completedIcon: e.props.completedIcon || v,
-          nextState: E,
-          isLastStep: o === r.length - 1
-        })
-      ), t;
-    },
-    []
-  ), N = (a = (f = r[n]) == null ? void 0 : f.props) == null ? void 0 : a.children, b = (d = s == null ? void 0 : s.props) == null ? void 0 : d.children, k = n > r.length - 1 ? b : N;
-  return /* @__PURE__ */ p.jsxs("div", { className: "flex w-full flex-col gap-2", children: [
-    /* @__PURE__ */ p.jsx("div", { className: "flex w-full items-center", children: A }),
-    /* @__PURE__ */ p.jsx("div", { className: "flex", children: k })
-  ] });
-}
-C.Completed = h;
-C.Step = w;
+import { j as c } from "./index.es39.js";
+import { CheckIcon as h } from "./index.es41.js";
+import { useState as j } from "react";
+import { Button as S } from "react-aria-components";
+import { cn as k } from "./index.es40.js";
+import { statusChipVariants as I } from "./index.es59.js";
+const F = ({
+  size: m = "sm",
+  label: n,
+  variant: i = "success",
+  isSelected: o = !1,
+  isDisabled: s = !1,
+  className: f,
+  onSelectionChange: e,
+  onPress: a,
+  ...p
+}) => {
+  const [l, u] = j(o), r = e ? o : l, d = () => {
+    if (s)
+      return;
+    const t = !r;
+    e ? e(t) : u(t), a && a({});
+  };
+  return /* @__PURE__ */ c.jsxs(
+    S,
+    {
+      isDisabled: s,
+      className: ({ isHovered: t, isFocusVisible: x }) => k(
+        I({
+          size: m,
+          variant: i,
+          isSelected: r,
+          isDisabled: s,
+          isHovered: t,
+          isFocused: x
+        }),
+        f
+      ),
+      onPress: d,
+      ...p,
+      children: [
+        r && /* @__PURE__ */ c.jsx("span", { "data-testid": "check-icon", children: /* @__PURE__ */ c.jsx(h, { className: "size-3" }) }),
+        n
+      ]
+    }
+  );
+};
 export {
-  C as Stepper
+  F as StatusChip
 };

package/dist/index.es3.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es38.js";
-import { MinusIcon as p, PlusIcon as x } from "./index.es40.js";
-import { cn as e } from "./index.es39.js";
+import { j as r } from "./index.es39.js";
+import { MinusIcon as p, PlusIcon as x } from "./index.es41.js";
+import { cn as e } from "./index.es40.js";
 const h = ({
   label: t,
   section: n,

package/dist/index.es30.js

@@ -1,5 +1,50 @@
-const e = () => null;
-e.displayName = "StepperCompleted";
+import { j as p } from "./index.es39.js";
+import { Children as P, cloneElement as R } from "react";
+import { StepperCompleted as h } from "./index.es31.js";
+import { StepperStep as w } from "./index.es32.js";
+function C(g) {
+  var f, a, d;
+  const {
+    children: y,
+    activeStep: n,
+    size: j = "md",
+    onStepClick: l,
+    allowNextStepsSelect: x = !1,
+    baseIcon: I,
+    completedIcon: v
+  } = g, c = P.toArray(y), r = c.filter(
+    (t) => t.type === w
+  ), s = c.find(
+    (t) => t.type === h
+  ), i = (t, e) => t.props.error ? "error" : n === e ? "inProgress" : n > e ? "completed" : "pending", A = r.reduce(
+    (t, e, o) => {
+      const m = i(e, o), u = r[o + 1], E = u ? i(u, o + 1) : "pending", S = typeof l != "function" ? !1 : typeof e.props.allowStepClick == "boolean" ? e.props.allowStepClick : m === "completed" || x;
+      return t.push(
+        R(e, {
+          icon: e.props.icon || I || o + 1,
+          key: o,
+          step: o,
+          size: j,
+          state: m,
+          onPress: () => {
+            S && (l == null || l(o));
+          },
+          allowStepClick: S,
+          completedIcon: e.props.completedIcon || v,
+          nextState: E,
+          isLastStep: o === r.length - 1
+        })
+      ), t;
+    },
+    []
+  ), N = (a = (f = r[n]) == null ? void 0 : f.props) == null ? void 0 : a.children, b = (d = s == null ? void 0 : s.props) == null ? void 0 : d.children, k = n > r.length - 1 ? b : N;
+  return /* @__PURE__ */ p.jsxs("div", { className: "flex w-full flex-col gap-2", children: [
+    /* @__PURE__ */ p.jsx("div", { className: "flex w-full items-center", children: A }),
+    /* @__PURE__ */ p.jsx("div", { className: "flex", children: k })
+  ] });
+}
+C.Completed = h;
+C.Step = w;
 export {
-  e as StepperCompleted
+  C as Stepper
 };