@simpli-route/apollo-ds 0.1.70 → 0.1.72

package/dist/index.es13.js

@@ -1,123 +1,140 @@
-import { j as e } from "./index.es47.js";
-import { CrossCircleIcon as z, DownChevronIcon as E } from "./index.es49.js";
-import { useState as x, useRef as I, useEffect as P } from "react";
-import { DialogTrigger as L, Button as p, Popover as O } from "react-aria-components";
-import { cn as r } from "./index.es48.js";
-import "./index.es15.js";
-import { Label as F } from "./index.es16.js";
-import { Tooltip as V } from "./index.es43.js";
-import { TooltipTrigger as W } from "./index.es44.js";
-import { filterTypeChipVariants as A, filterTypeChipPopoverVariants as B } from "./index.es58.js";
-const X = ({
-  isDisabled: t = !1,
-  classNameLabel: c = "",
-  classNameValue: f = "",
-  isRequired: u = !1,
-  tooltipText: d = "",
-  tooltipSupportText: h = "",
-  tooltipProps: j = {},
-  filterLabel: w = "Filter label",
-  value: o,
-  placeholder: l,
-  className: N,
-  onRemove: i,
-  children: T,
-  placementPopover: C = "bottom start",
-  classNamePopover: g,
-  modeTooltip: y = "dark",
-  placementTooltip: k = "top"
+import { j as e } from "./index.es49.js";
+import { OptionsIcon as J } from "./index.es51.js";
+import { useState as N } from "react";
+import { useFilter as K, Button as Q, Select as T, Popover as U } from "react-aria-components";
+import { cn as p } from "./index.es50.js";
+import { Loader as W } from "./index.es25.js";
+import { PopoverContent as X } from "./index.es81.js";
+import { selectInputPopoverVariants as Y } from "./index.es59.js";
+import { filterButtonVariants as Z, filterButtonBadgeVariants as _ } from "./index.es60.js";
+const $ = ({
+  renderPosition: t,
+  leftIcon: f,
+  rightIcon: r,
+  isLoading: n,
+  loaderPosition: l,
+  loaderProps: a
 }) => {
-  const [s, m] = x(!1), [b, v] = x(!1), n = I(null);
-  return P(() => {
-    const a = () => {
-      n.current && v(n.current.scrollWidth > n.current.clientWidth);
-    };
-    return a(), window.addEventListener("resize", a), () => {
-      window.removeEventListener("resize", a);
-    };
-  }, [o, l]), /* @__PURE__ */ e.jsxs(L, { children: [
-    /* @__PURE__ */ e.jsxs(
-      p,
-      {
-        className: r(A({ isDisabled: t, isActive: s }), N),
-        isDisabled: t,
-        onPress: () => m(!s),
-        children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-0.5", children: [
-            /* @__PURE__ */ e.jsx(
-              p,
-              {
-                className: r("shrink-0 p-0.5 outline-none focus:outline-none", t ? "cursor-not-allowed" : ""),
-                type: "button",
-                isDisabled: t,
-                slot: null,
-                onPress: () => {
-                  i == null || i();
-                },
-                children: /* @__PURE__ */ e.jsx(z, { className: r("size-5 ", t ? "text-neutral-600" : "text-primary-400") })
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              F,
-              {
-                labelClassName: r("shrink-0 text-left text-blue-800 cursor-pointer", {
-                  "text-neutral-600 cursor-not-allowed": t,
-                  [c || ""]: !!c
-                }),
-                isRequired: u,
-                tooltipText: d,
-                tooltipSupportText: h,
-                tooltipProps: j,
-                children: w
-              }
+  const c = t === "left" ? f : t === "right" ? r : null;
+  return c || n && l === t ? /* @__PURE__ */ e.jsx("span", { className: t === "left" ? "mr-1" : "ml-1", children: n && l === t ? /* @__PURE__ */ e.jsx(W, { size: "sm", ...a }) : c }) : null;
+}, ae = ({
+  leftIcon: t,
+  size: f = "md",
+  isDisabled: r,
+  children: n,
+  className: l,
+  isLoading: a,
+  loaderPosition: c = "left",
+  loaderProps: C,
+  unstyled: F = !1,
+  isMobileFullWidth: S = !1,
+  hideBadgeFilterSelected: V = !1,
+  items: s,
+  value: x,
+  onChange: j,
+  enableSearch: y = !1,
+  placeholderSearch: O = "Search",
+  classNameSearchField: b,
+  classNameSearchFieldInput: w,
+  classNamePopover: A,
+  "aria-label": v = "Filter",
+  classNameBadge: P,
+  placementPopover: z = "bottom start",
+  ...R
+}) => {
+  const { contains: E } = K({ sensitivity: "base" }), [m, u] = N(!1), [H, M] = N([]), g = x !== void 0, d = g ? x : H, B = s && d ? d.length : 0, h = B > 0, k = (o) => {
+    const i = o instanceof Set ? Array.from(o) : o;
+    g || M(i), j && j(i), u(!1);
+  }, q = () => {
+    s && u(!m);
+  }, I = /* @__PURE__ */ e.jsxs(
+    Q,
+    {
+      "data-disabled": r || void 0,
+      "data-loading": a || void 0,
+      isDisabled: r,
+      ...s ? {} : { "aria-label": v },
+      className: ({ isHovered: o, isFocusVisible: i }) => p(
+        F ? "" : Z({
+          size: f,
+          isActive: h,
+          isHovered: o,
+          isFocused: i,
+          isPressed: s ? m : !1,
+          isDisabled: r
+        }),
+        l
+      ),
+      onPress: q,
+      ...R,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          $,
+          {
+            renderPosition: "left",
+            loaderPosition: c,
+            loaderProps: C,
+            isLoading: a,
+            leftIcon: t || /* @__PURE__ */ e.jsx(J, { className: "size-[18px]" })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: p("flex h-full items-center overflow-hidden whitespace-nowrap", S ? "w-full" : ""),
+            children: n
+          }
+        ),
+        h && !V && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: p(
+              _({
+                isActive: h,
+                isHovered: !1,
+                isDisabled: r
+              }),
+              !r && "group-hover:bg-primary-500 group-hover:text-primary-100",
+              P
             ),
-            /* @__PURE__ */ e.jsx("div", { className: "w-3 shrink-0 rotate-90 border-[0.5px] border-blue-200" }),
-            /* @__PURE__ */ e.jsxs(
-              W,
-              {
-                isDisabled: t || !b,
-                closeDelay: 100,
-                delay: 100,
-                className: "flex min-w-0 flex-1",
-                children: [
-                  /* @__PURE__ */ e.jsx("div", { className: "flex min-w-0", children: /* @__PURE__ */ e.jsx(
-                    "span",
-                    {
-                      ref: n,
-                      className: r(
-                        "min-w-0 text-sm font-semibold ",
-                        f,
-                        t ? "font-normal text-neutral-600" : "text-blue-800"
-                      ),
-                      children: o || l
-                    }
-                  ) }),
-                  /* @__PURE__ */ e.jsx(V, { mode: y, placement: k, className: r("!text-xs"), children: o || l })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
-            E,
-            {
-              className: r("size-3 ", t ? "text-neutral-600" : "text-blue-800", s ? "rotate-180" : "")
-            }
-          ) })
-        ]
-      }
-    ),
+            children: B
+          }
+        )
+      ]
+    }
+  );
+  if (!s)
+    return I;
+  const G = {
+    selectionMode: "multiple",
+    value: d,
+    onChange: k,
+    "aria-label": v
+  };
+  return /* @__PURE__ */ e.jsxs(T, { ...G, children: [
+    I,
     /* @__PURE__ */ e.jsx(
-      O,
+      U,
       {
-        isOpen: s,
-        className: r(B(), g),
-        placement: C,
-        onOpenChange: m,
-        children: T
+        className: p(Y(), "min-w-[200px]", A),
+        isOpen: m,
+        placement: z,
+        onOpenChange: u,
+        children: /* @__PURE__ */ e.jsx(
+          X,
+          {
+            enableSearch: y,
+            contains: E,
+            classNameSearchField: b,
+            classNameSearchFieldInput: w,
+            placeholderSearch: O,
+            items: s
+          }
+        )
       }
     )
   ] });
 };
 export {
-  X as FilterTypeChip
+  ae as FilterButton
 };

package/dist/index.es130.js

@@ -1,59 +1,6 @@
-import { j as r } from "./index.es47.js";
-import { SliderThumb as m } from "react-aria-components";
-import { cn as i } from "./index.es48.js";
-import { Tooltip as c } from "./index.es43.js";
-import { TooltipTrigger as d } from "./index.es44.js";
-const y = ({
-  index: o,
-  valuePercent: n,
-  value: a,
-  suffix: p,
-  modeTooltip: g,
-  positionTooltip: t,
-  showTypeValue: s,
-  classNameThumb: e,
-  isHiddenValue: l
-}) => /* @__PURE__ */ r.jsx(
-  "div",
-  {
-    className: i("absolute", s === "tooltip" && !l ? "top-[-6px]" : "top-1/2"),
-    style: { left: `${n * 100}%`, transform: "translate(-50%, -50%)" },
-    children: s === "tooltip" && !l ? /* @__PURE__ */ r.jsxs(d, { closeDelay: 100, delay: 100, children: [
-      /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
-        m,
-        {
-          index: o,
-          className: i(
-            "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-            e
-          )
-        }
-      ) }),
-      /* @__PURE__ */ r.jsxs(
-        c,
-        {
-          mode: g,
-          placement: t,
-          size: "sm",
-          className: i("!text-sm", t === "top" ? "!mb-6" : "!mt-6"),
-          children: [
-            a,
-            p
-          ]
-        }
-      )
-    ] }) : /* @__PURE__ */ r.jsx(
-      m,
-      {
-        index: o,
-        className: i(
-          "dragging:bg-primary-100 size-5 rounded-full bg-primary-500 outline-none ring-black transition focus-visible:ring-2",
-          e
-        )
-      }
-    )
-  }
-);
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
 export {
-  y as SliderThumb
+  e as getDefaultExportFromCjs
 };

package/dist/index.es131.js

@@ -1,4 +1,28 @@
-var r = {};
-export {
-  r as __exports
-};
+import { __exports as i } from "./index.es132.js";
+import "./index.es138.js";
+import "./index.es139.js";
+import { __exports as l } from "./index.es140.js";
+import { __exports as s } from "./index.es141.js";
+(function(t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), Object.defineProperty(t, "default", {
+    enumerable: !0,
+    get: function() {
+      return f;
+    }
+  });
+  const o = /* @__PURE__ */ r(l), n = /* @__PURE__ */ r(s);
+  function r(e) {
+    return e && e.__esModule ? e : {
+      default: e
+    };
+  }
+  function f(...e) {
+    let [, ...u] = (0, n.default)(e[0]);
+    return (0, o.default)([
+      ...e,
+      ...u
+    ]);
+  }
+})(i);

package/dist/index.es133.js

@@ -1,190 +1,10 @@
-import { __exports as j } from "./index.es135.js";
+import { getDefaultExportFromCjs as t } from "./index.es130.js";
 import "./index.es142.js";
-import "./index.es143.js";
-import "./index.es144.js";
-import "./index.es145.js";
-import "./index.es146.js";
-import "./index.es147.js";
-import "./index.es148.js";
-import "./index.es149.js";
-import "./index.es150.js";
-import "./index.es151.js";
-import "./index.es152.js";
-import "./index.es153.js";
-import { __exports as q } from "./index.es154.js";
-import { __exports as K } from "./index.es155.js";
-import { __exports as V } from "./index.es156.js";
-import { __exports as W } from "./index.es157.js";
-import { __exports as B } from "./index.es158.js";
-import { __exports as G } from "./index.es159.js";
-import { __exports as H } from "./index.es160.js";
-import { __exports as I } from "./index.es161.js";
-import { __exports as J } from "./index.es162.js";
-import { __exports as N } from "./index.es163.js";
-import { __exports as Q } from "./index.es164.js";
-import { __exports as X } from "./index.es165.js";
-(function(d) {
-  Object.defineProperty(d, "__esModule", {
-    value: !0
-  }), Object.defineProperty(d, "default", {
-    enumerable: !0,
-    get: function() {
-      return R;
-    }
-  });
-  const P = /* @__PURE__ */ s(V), v = /* @__PURE__ */ s(W), x = /* @__PURE__ */ s(B), A = /* @__PURE__ */ s(G), _ = q, m = X, y = K, l = /* @__PURE__ */ s(H), C = I, O = J, z = N, F = /* @__PURE__ */ s(Q);
-  function s(t) {
-    return t && t.__esModule ? t : {
-      default: t
-    };
-  }
-  function f(t) {
-    return typeof t == "function";
-  }
-  function a(t, ...r) {
-    let o = r.pop();
-    for (let e of r)
-      for (let n in e) {
-        let u = o(t[n], e[n]);
-        u === void 0 ? (0, l.default)(t[n]) && (0, l.default)(e[n]) ? t[n] = a({}, t[n], e[n], o) : t[n] = e[n] : t[n] = u;
-      }
-    return t;
-  }
-  const p = {
-    colors: A.default,
-    negative(t) {
-      return Object.keys(t).filter((r) => t[r] !== "0").reduce((r, o) => {
-        let e = (0, P.default)(t[o]);
-        return e !== void 0 && (r[`-${o}`] = e), r;
-      }, {});
-    },
-    breakpoints(t) {
-      return Object.keys(t).filter((r) => typeof t[r] == "string").reduce((r, o) => ({
-        ...r,
-        [`screen-${o}`]: t[o]
-      }), {});
-    }
-  };
-  function b(t, ...r) {
-    return f(t) ? t(...r) : t;
-  }
-  function w(t) {
-    return t.reduce((r, { extend: o }) => a(r, o, (e, n) => e === void 0 ? [
-      n
-    ] : Array.isArray(e) ? [
-      n,
-      ...e
-    ] : [
-      n,
-      e
-    ]), {});
-  }
-  function E(t) {
-    return {
-      ...t.reduce((r, o) => (0, _.defaults)(r, o), {}),
-      // In order to resolve n config objects, we combine all of their `extend` properties
-      // into arrays instead of objects so they aren't overridden.
-      extend: w(t)
-    };
-  }
-  function h(t, r) {
-    if (Array.isArray(t) && (0, l.default)(t[0]))
-      return t.concat(r);
-    if (Array.isArray(r) && (0, l.default)(r[0]) && (0, l.default)(t))
-      return [
-        t,
-        ...r
-      ];
-    if (Array.isArray(r))
-      return r;
-  }
-  function D({ extend: t, ...r }) {
-    return a(r, t, (o, e) => !f(o) && !e.some(f) ? a({}, o, ...e, h) : (n, u) => a({}, ...[
-      o,
-      ...e
-    ].map((i) => b(i, n, u)), h));
-  }
-  function* L(t) {
-    let r = (0, m.toPath)(t);
-    if (r.length === 0 || (yield r, Array.isArray(t)))
-      return;
-    let o = /^(.*?)\s*\/\s*([^/]+)$/, e = t.match(o);
-    if (e !== null) {
-      let [, n, u] = e, i = (0, m.toPath)(n);
-      i.alpha = u, yield i;
-    }
-  }
-  function U(t) {
-    const r = (o, e) => {
-      for (const n of L(o)) {
-        let u = 0, i = t;
-        for (; i != null && u < n.length; )
-          i = i[n[u++]], i = f(i) && (n.alpha === void 0 || u <= n.length - 1) ? i(r, p) : i;
-        if (i !== void 0) {
-          if (n.alpha !== void 0) {
-            let c = (0, O.parseColorFormat)(i);
-            return (0, z.withAlphaValue)(c, n.alpha, (0, F.default)(c));
-          }
-          return (0, l.default)(i) ? (0, C.cloneDeep)(i) : i;
-        }
-      }
-      return e;
-    };
-    return Object.assign(r, {
-      theme: r,
-      ...p
-    }), Object.keys(t).reduce((o, e) => (o[e] = f(t[e]) ? t[e](r, p) : t[e], o), {});
-  }
-  function g(t) {
-    let r = [];
-    return t.forEach((o) => {
-      r = [
-        ...r,
-        o
-      ];
-      var e;
-      const n = (e = o == null ? void 0 : o.plugins) !== null && e !== void 0 ? e : [];
-      n.length !== 0 && n.forEach((u) => {
-        u.__isOptionsFunction && (u = u());
-        var i;
-        r = [
-          ...r,
-          ...g([
-            (i = u == null ? void 0 : u.config) !== null && i !== void 0 ? i : {}
-          ])
-        ];
-      });
-    }), r;
-  }
-  function $(t) {
-    return [
-      ...t
-    ].reduceRight((o, e) => f(e) ? e({
-      corePlugins: o
-    }) : (0, x.default)(e, o), v.default);
-  }
-  function M(t) {
-    return [
-      ...t
-    ].reduceRight((o, e) => [
-      ...o,
-      ...e
-    ], []);
-  }
-  function R(t) {
-    let r = [
-      ...g(t),
-      {
-        prefix: "",
-        important: !1,
-        separator: ":"
-      }
-    ];
-    var o, e;
-    return (0, y.normalizeConfig)((0, _.defaults)({
-      theme: U(D(E(r.map((n) => (o = n == null ? void 0 : n.theme) !== null && o !== void 0 ? o : {})))),
-      corePlugins: $(r.map((n) => n.corePlugins)),
-      plugins: M(t.map((n) => (e = n == null ? void 0 : n.plugins) !== null && e !== void 0 ? e : []))
-    }, ...r));
-  }
-})(j);
+import { __exports as a } from "./index.es143.js";
+let e = a;
+var o = (e.__esModule ? e : { default: e }).default;
+const r = /* @__PURE__ */ t(o);
+export {
+  o as d,
+  r as default
+};