@simpli-route/apollo-ds 0.1.43 → 0.1.45

package/dist/index.es9.js

@@ -1,87 +1,137 @@
 import { j as e } from "./index.es38.js";
-import { OptionsIcon as v } from "./index.es40.js";
-import { Button as B } from "react-aria-components";
-import { cn as f } from "./index.es39.js";
-import { Loader as N } from "./index.es20.js";
-import { filterButtonVariants as g, filterButtonBadgeVariants as w } from "./index.es45.js";
-const I = ({
-  renderPosition: r,
-  leftIcon: t,
-  rightIcon: l,
-  isLoading: a,
-  loaderPosition: s,
-  loaderProps: m
-}) => {
-  const o = r === "left" ? t : r === "right" ? l : null;
-  return o || a && s === r ? /* @__PURE__ */ e.jsx("span", { className: r === "left" ? "mr-1" : "ml-1", children: a && s === r ? /* @__PURE__ */ e.jsx(N, { size: "sm", ...m }) : o }) : null;
-}, E = ({
+import { OptionsIcon as q } from "./index.es39.js";
+import { useState as N } from "react";
+import { useFilter as G, Button as J, Select as K, Popover as Q } from "react-aria-components";
+import { cn as i } from "./index.es40.js";
+import { Loader as T } from "./index.es20.js";
+import { PopoverContent as U } from "./index.es65.js";
+import { selectInputPopoverVariants as W } from "./index.es47.js";
+import { filterButtonVariants as X, filterButtonBadgeVariants as Y } from "./index.es48.js";
+const Z = ({
+  renderPosition: t,
   leftIcon: r,
-  isDisabled: t,
-  children: l,
-  className: a,
-  isLoading: s,
-  loaderPosition: m = "left",
-  loaderProps: o,
-  unstyled: c = !1,
-  isMobileFullWidth: u = !1,
-  filterSelected: p = 0,
-  hideBadgeFilterSelected: x = !1,
-  ...i
+  rightIcon: p,
+  isLoading: l,
+  loaderPosition: o,
+  loaderProps: f
 }) => {
-  const n = p > 0;
-  return /* @__PURE__ */ e.jsxs(
-    B,
+  const a = t === "left" ? r : t === "right" ? p : null;
+  return a || l && o === t ? /* @__PURE__ */ e.jsx("span", { className: t === "left" ? "mr-1" : "ml-1", children: l && o === t ? /* @__PURE__ */ e.jsx(T, { size: "sm", ...f }) : a }) : null;
+}, ne = ({
+  leftIcon: t,
+  isDisabled: r,
+  children: p,
+  className: l,
+  isLoading: o,
+  loaderPosition: f = "left",
+  loaderProps: a,
+  unstyled: C = !1,
+  isMobileFullWidth: F = !1,
+  hideBadgeFilterSelected: S = !1,
+  items: s,
+  value: x,
+  onChange: j,
+  enableSearch: V = !1,
+  placeholderSearch: y = "Search",
+  classNameSearchField: O,
+  classNameSearchFieldInput: b,
+  classNamePopover: w,
+  "aria-label": v = "Filter",
+  classNameBadge: A,
+  ...P
+}) => {
+  const { contains: z } = G({ sensitivity: "base" }), [m, u] = N(!1), [R, E] = N([]), g = x !== void 0, d = g ? x : R, B = s && d ? d.length : 0, h = B > 0, H = (n) => {
+    const c = n instanceof Set ? Array.from(n) : n;
+    g || E(c), j && j(c), u(!1);
+  }, M = () => {
+    s && u(!m);
+  }, I = /* @__PURE__ */ e.jsxs(
+    J,
     {
-      "data-disabled": t || void 0,
-      "data-loading": s || void 0,
-      isDisabled: t,
-      className: ({ isPressed: h, isHovered: j, isFocusVisible: d }) => f(
-        c ? "" : g({
-          isActive: n,
-          isHovered: j,
-          isFocused: d,
-          isPressed: h,
-          isDisabled: t
+      "data-disabled": r || void 0,
+      "data-loading": o || void 0,
+      isDisabled: r,
+      ...s ? {} : { "aria-label": v },
+      className: ({ isHovered: n, isFocusVisible: c }) => i(
+        C ? "" : X({
+          isActive: h,
+          isHovered: n,
+          isFocused: c,
+          isPressed: s ? m : !1,
+          isDisabled: r
         }),
-        a
+        l
       ),
-      ...i,
+      onPress: M,
+      ...P,
       children: [
         /* @__PURE__ */ e.jsx(
-          I,
+          Z,
           {
             renderPosition: "left",
-            loaderPosition: m,
-            loaderProps: o,
-            isLoading: s,
-            leftIcon: r || /* @__PURE__ */ e.jsx(v, { className: "size-[18px]" })
+            loaderPosition: f,
+            loaderProps: a,
+            isLoading: o,
+            leftIcon: t || /* @__PURE__ */ e.jsx(q, { className: "size-[18px]" })
           }
         ),
         /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: f("flex h-full items-center overflow-hidden whitespace-nowrap", u ? "w-full" : ""),
-            children: l
+            className: i("flex h-full items-center overflow-hidden whitespace-nowrap", F ? "w-full" : ""),
+            children: p
           }
         ),
-        n && !x && /* @__PURE__ */ e.jsx(
+        h && !S && /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: f(
-              w({
-                isActive: n,
+            className: i(
+              Y({
+                isActive: h,
                 isHovered: !1,
-                isDisabled: t
+                isDisabled: r
               }),
-              !t && "group-hover:bg-primary-500 group-hover:text-primary-100"
+              !r && "group-hover:bg-primary-500 group-hover:text-primary-100",
+              A
             ),
-            children: p
+            children: B
           }
         )
       ]
     }
   );
+  if (!s)
+    return I;
+  const k = {
+    selectionMode: "multiple",
+    value: d,
+    onChange: H,
+    "aria-label": v
+  };
+  return /* @__PURE__ */ e.jsxs(K, { ...k, children: [
+    I,
+    /* @__PURE__ */ e.jsx(
+      Q,
+      {
+        className: i(W(), "min-w-[200px]", w),
+        isOpen: m,
+        placement: "bottom start",
+        onOpenChange: u,
+        children: /* @__PURE__ */ e.jsx(
+          U,
+          {
+            enableSearch: V,
+            contains: z,
+            classNameSearchField: O,
+            classNameSearchFieldInput: b,
+            placeholderSearch: y,
+            items: s
+          }
+        )
+      }
+    )
+  ] });
 };
 export {
-  E as FilterButton
+  ne as FilterButton
 };

package/dist/index.es99.js

@@ -1,4 +1,59 @@
-var r = {};
+import { j as r } from "./index.es38.js";
+import { SliderThumb as m } from "react-aria-components";
+import { cn as i } from "./index.es40.js";
+import { Tooltip as c } from "./index.es34.js";
+import { TooltipTrigger as d } from "./index.es35.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
+        )
+      }
+    )
+  }
+);
 export {
-  r as __exports
+  y as SliderThumb
 };

package/dist/style.css

@@ -831,6 +831,9 @@ select {
 .m-1 {
   margin: 0.25rem;
 }
+.m-2 {
+  margin: 0.5rem;
+}
 .m-4 {
   margin: 1rem;
 }
@@ -1184,6 +1187,9 @@ select {
 .min-w-\[120px\] {
   min-width: 120px;
 }
+.min-w-\[200px\] {
+  min-width: 200px;
+}
 .min-w-full {
   min-width: 100%;
 }
@@ -1823,6 +1829,9 @@ select {
 .p-0 {
   padding: 0px;
 }
+.p-0\.5 {
+  padding: 0.125rem;
+}
 .p-1 {
   padding: 0.25rem;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.1.43",
+  "version": "0.1.45",
   "type": "module",
   "files": [
     "dist"