@simpli-route/apollo-ds 0.1.57 → 0.1.59

package/dist/index.es108.js

@@ -1,28 +1,21 @@
-import { __exports as i } from "./index.es109.js";
-import "./index.es113.js";
-import "./index.es114.js";
-import { __exports as l } from "./index.es115.js";
-import { __exports as s } from "./index.es116.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);
+import c from "react";
+const e = c, n = ({
+  title: r,
+  titleId: a,
+  ...t
+}, o) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: o,
+  "aria-labelledby": a
+}, t), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  d: "m21.766 20.589-4.97-4.97a8.34 8.34 0 1 0-1.177 1.177l4.97 4.97a.833.833 0 0 0 1.177-1.177m-11.413-3.575a6.66 6.66 0 1 1 6.661-6.66 6.67 6.67 0 0 1-6.66 6.66Z"
+})), l = e.forwardRef(n);
+var i = l;
+export {
+  i as S
+};

package/dist/index.es109.js

@@ -1,4 +1,21 @@
-var e = {};
+import l from "react";
+const e = l, n = ({
+  title: r,
+  titleId: a,
+  ...o
+}, t) => /* @__PURE__ */ e.createElement("svg", Object.assign({
+  fill: "currentColor",
+  "aria-hidden": "true",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: t,
+  "aria-labelledby": a
+}, o), r ? /* @__PURE__ */ e.createElement("title", {
+  id: a
+}, r) : null, /* @__PURE__ */ e.createElement("path", {
+  d: "M2 15.892a.83.83 0 0 1 .242-.591l6.807-6.807a4.166 4.166 0 0 1 5.899 0l6.807 6.806a.835.835 0 0 1-.912 1.365.8.8 0 0 1-.271-.181l-6.807-6.807a2.5 2.5 0 0 0-3.533 0l-6.807 6.806A.833.833 0 0 1 2 15.893Z"
+})), c = e.forwardRef(n);
+var i = c;
 export {
-  e as __exports
+  i as U
 };

package/dist/index.es11.js

@@ -1,123 +1,140 @@
-import { j as e } from "./index.es40.js";
-import { CrossCircleIcon as z, DownChevronIcon as E } from "./index.es42.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.es41.js";
-import "./index.es13.js";
-import { Label as F } from "./index.es14.js";
-import { Tooltip as V } from "./index.es36.js";
-import { TooltipTrigger as W } from "./index.es37.js";
-import { filterTypeChipVariants as A, filterTypeChipPopoverVariants as B } from "./index.es51.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.es42.js";
+import { OptionsIcon as J } from "./index.es44.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.es43.js";
+import { Loader as W } from "./index.es23.js";
+import { PopoverContent as X } from "./index.es50.js";
+import { selectInputPopoverVariants as Y } from "./index.es51.js";
+import { filterButtonVariants as Z, filterButtonBadgeVariants as _ } from "./index.es52.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.es110.js

@@ -1,10 +1,32 @@
-import { getDefaultExportFromCjs as t } from "./index.es107.js";
-import "./index.es117.js";
-import { __exports as a } from "./index.es118.js";
-let e = a;
-var o = (e.__esModule ? e : { default: e }).default;
-const r = /* @__PURE__ */ t(o);
+import { cva as l } from "class-variance-authority";
+const e = l("absolute inset-0 z-[1000px] overflow-hidden", {
+  variants: {
+    opacity: {
+      sm: "bg-neutral-50/10",
+      md: "bg-neutral-50/20",
+      lg: "bg-neutral-50/30",
+      xl: "bg-neutral-50/50",
+      "2xl": "bg-neutral-50/60",
+      "3xl": "bg-neutral-50/75"
+    },
+    fixed: {
+      true: "fixed",
+      false: ""
+    },
+    center: {
+      true: "flex items-center justify-center",
+      false: ""
+    },
+    blur: {
+      sm: "backdrop-blur-sm",
+      md: "backdrop-blur-md",
+      lg: "backdrop-blur-lg",
+      xl: "backdrop-blur-xl",
+      "2xl": "backdrop-blur-2xl",
+      "3xl": "backdrop-blur-3xl"
+    }
+  }
+});
 export {
-  o as d,
-  r as default
+  e as overlayVariants
 };