@simpli-route/apollo-ds 0.1.24 → 0.1.26

package/dist/index.es12.js

@@ -1,101 +1,145 @@
-import { j as s } from "./index.es26.js";
-import { motion as D } from "framer-motion";
-import { ProgressBar as I } from "react-aria-components";
-import "react";
-import { cn as t } from "./index.es27.js";
-import "./index.es29.js";
-import "./index.es30.js";
-import "react-aria";
-import "./index.es31.js";
-import "./index.es7.js";
-import { Label as M } from "./index.es8.js";
-import "./index.es10.js";
-import "./index.es32.js";
-import { progressBarVariants as S, progressFillVariants as $ } from "./index.es33.js";
-import "./index.es34.js";
-import "./index.es35.js";
-import "./index.es36.js";
-import "./index.es37.js";
-import { Tooltip as k } from "./index.es22.js";
-import { TooltipTrigger as z } from "./index.es23.js";
-import "./index.es17.js";
-import "./index.es18.js";
-import "./index.es19.js";
-import "./index.es39.js";
-import "./index.es21.js";
-import { Text as d } from "./index.es24.js";
-import "./index.es40.js";
-const ns = (f) => {
-  const {
-    className: h,
-    classNameLabel: N,
-    label: r,
-    variant: p = "primary",
-    barClassName: u,
-    fillClassName: g,
-    valueTextClassName: n,
-    isLoading: e = !1,
-    showPercentage: x = !0,
-    percentageDisplayMode: l = "text",
-    positionTooltip: j = "top",
-    modeTooltip: b = "dark",
-    maxValue: w = 100,
-    minValue: y = 0,
-    valueCustomLabel: a,
-    valuePosition: c = "right",
-    classNameTooltip: v,
-    tooltipMessage: i,
-    barStyle: C = {},
-    fillStyle: T = {},
-    ...L
-  } = f, P = t("flex w-full flex-col gap-2 text-neutral-900", h), B = t(S({ variant: p }), u), V = t($({ variant: p }), g);
-  return /* @__PURE__ */ s.jsx(I, { className: P, maxValue: w, minValue: y, ...L, children: ({ percentage: o, valueText: m }) => /* @__PURE__ */ s.jsxs(
-    "div",
+import { j as r } from "./index.es24.js";
+import { useState as f, useRef as C, useEffect as I } from "react";
+import { Select as S, Popover as tt, ListBox as st } from "react-aria-components";
+import { cn as P } from "./index.es26.js";
+import { Label as it } from "./index.es7.js";
+import { SelectContent as rt } from "./index.es51.js";
+import { SelectItem as lt } from "./index.es13.js";
+import { TooltipSelect as ot } from "./index.es52.js";
+const b = "all-select-option", wt = ({
+  mode: e = "single",
+  keyLabelName: V,
+  keyIdName: j,
+  className: _,
+  selectButtonClassName: k,
+  placeholder: O = "Select an option",
+  isDisabled: x = !1,
+  size: q = "md",
+  items: l = [],
+  renderItem: N,
+  value: s = [],
+  onSelectChange: t,
+  classNameLabel: B,
+  isRequired: $ = !1,
+  label: L,
+  tooltipText: F,
+  tooltipSupportText: H,
+  tooltipProps: g,
+  hiddenDiscardButton: z = !1,
+  tooltipMode: G = "dark",
+  textAllOption: J = "Select all"
+}) => {
+  const [y, K] = f(e), [M, d] = f(!1), [R, Q] = f(""), [U, u] = f(0), [X, T] = f(!1), [Y, A] = f(!1), m = C(null);
+  I(() => {
+    e !== y && (t == null || t([]), K(e));
+  }, [e, t, y]), I(() => {
+    if (!m.current || s.length === 0)
+      return;
+    const i = () => {
+      const n = m.current;
+      n && (A(!0), u(s.length), requestAnimationFrame(() => {
+        let c = 0;
+        const a = n.querySelectorAll("[data-chip]");
+        let h = 0;
+        const p = document.createElement("div");
+        p.innerText = `+${s.length}`, p.style.visibility = "hidden", p.style.position = "absolute", n.appendChild(p);
+        const v = p.offsetWidth;
+        n.removeChild(p);
+        for (let w = 0; w < a.length; w++) {
+          const E = a[w].getBoundingClientRect().width, W = 8;
+          if (c + E + W > n.offsetWidth - v)
+            break;
+          c += E + W, h++;
+        }
+        h < s.length ? (u(Math.max(1, h)), T(!0)) : (u(s.length), T(!1)), A(!1);
+      }));
+    };
+    i();
+    const o = new ResizeObserver(i);
+    return o.observe(m.current), () => {
+      o == null || o.disconnect();
+    };
+  }, [s]);
+  const Z = P("flex w-full flex-col gap-1 !min-w-[150px]", _), D = (i) => {
+    t == null || t((s == null ? void 0 : s.filter((o) => o !== i)) ?? []);
+  };
+  return /* @__PURE__ */ r.jsxs(
+    S,
     {
-      className: t("flex w-full items-center gap-2", {
-        "items-end": r
-      }),
+      isDisabled: x,
+      className: Z,
+      placeholder: O,
+      onSelectionChange: (i) => {
+        if (i === b && e === "multiple") {
+          if (s.length === l.length)
+            t == null || t([]);
+          else {
+            const c = l.map((a) => a[j]);
+            t == null || t(c);
+          }
+          return;
+        }
+        const o = s != null && s.includes(i) ? s.filter((c) => c !== i) : [...s, i], n = [i];
+        e === "multiple" ? t == null || t(o) : (d(!1), t == null || t(n));
+      },
       children: [
-        /* @__PURE__ */ s.jsxs("div", { className: "flex w-full flex-col gap-1", children: [
-          r ? /* @__PURE__ */ s.jsx(M, { labelClassName: t("leading-[19.07px] text-left", N), children: r }) : null,
-          /* @__PURE__ */ s.jsxs(
-            z,
+        /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between", children: [
+          L ? /* @__PURE__ */ r.jsx(
+            it,
             {
-              isDisabled: l === "text" && !i || e,
-              className: "items-start",
-              delay: 90,
-              closeDelay: 200,
-              children: [
-                /* @__PURE__ */ s.jsx("div", { className: B, style: C, children: /* @__PURE__ */ s.jsx(
-                  D.div,
-                  {
-                    className: V,
-                    style: { width: e ? "100%" : `${o}%`, ...T },
-                    animate: e ? { x: ["-100%", "100%"] } : { width: o + "%", x: [0, 0] },
-                    transition: e ? { repeat: 1 / 0, duration: 1, ease: "easeInOut" } : {}
-                  }
-                ) }),
-                /* @__PURE__ */ s.jsx(
-                  k,
-                  {
-                    className: t("text-xs", v),
-                    style: l === "tooltip" ? { left: o + "%" } : {},
-                    mode: b,
-                    size: "sm",
-                    placement: j,
-                    children: i && l === "text" ? i : a || m
-                  }
-                )
-              ]
+              labelClassName: P("leading-[19.07px] text-left mb-[1px]", {
+                "text-neutral-700": x,
+                classNameLabel: B
+              }),
+              isRequired: $,
+              tooltipText: F,
+              tooltipSupportText: H,
+              tooltipProps: g,
+              children: L
             }
-          ),
-          !e && x && l === "text" && c === "bottom" && /* @__PURE__ */ s.jsx("div", { className: "mt-0.5 self-end", children: /* @__PURE__ */ s.jsx(d, { className: t("whitespace-nowrap text-xs text-neutral-900", n), children: a || m }) })
+          ) : /* @__PURE__ */ r.jsx("div", {}),
+          R && /* @__PURE__ */ r.jsx("div", { className: "relative -mb-2 mr-20 flex self-end", children: /* @__PURE__ */ r.jsx(ot, { mode: G, className: "mr-2", placement: "none", children: /* @__PURE__ */ r.jsx("p", { className: "whitespace-nowrap text-xs", children: R }) }) })
         ] }),
-        !e && x && l === "text" && c === "right" && /* @__PURE__ */ s.jsx("div", { className: r ? "-mb-0.5" : "", children: /* @__PURE__ */ s.jsx(d, { className: t("whitespace-nowrap text-xs text-neutral-900", n), children: a || m }) })
+        /* @__PURE__ */ r.jsx(
+          rt,
+          {
+            isDisabled: x,
+            size: q,
+            selectButtonClassName: k,
+            setIsOpen: d,
+            isOpen: M,
+            value: s,
+            placeholder: O,
+            items: l,
+            keyIdName: j,
+            keyLabelName: V,
+            visibleItems: U,
+            handleDeleteOptionSelected: D,
+            maxLengthTextOption: 12,
+            hiddenDiscardButton: z,
+            containerRef: m,
+            setTooltipMessage: Q,
+            hasOverflow: X,
+            isCalculatingChips: Y
+          }
+        ),
+        /* @__PURE__ */ r.jsx(
+          tt,
+          {
+            isOpen: M,
+            placement: "bottom start",
+            className: "custom-scrollbar !max-h-[185px] w-[--trigger-width] overflow-y-auto rounded-md bg-white shadow-lg ring-1 ring-black/5",
+            onOpenChange: d,
+            children: /* @__PURE__ */ r.jsxs(st, { items: l, className: "p-1 outline-none", children: [
+              e === "multiple" && /* @__PURE__ */ r.jsx(lt, { id: b, children: J }, b),
+              Array.isArray(l) && (l == null ? void 0 : l.map((i) => N ? N(i) : null))
+            ] })
+          }
+        )
       ]
     }
-  ) });
+  );
 };
 export {
-  ns as ProgressBar
+  wt as Select
 };

package/dist/index.es120.js

@@ -1,61 +1,4 @@
-import { __exports as c } from "./index.es121.js";
-import { p as _ } from "./index.es119.js";
-(function(a) {
-  Object.defineProperty(a, "__esModule", {
-    value: !0
-  });
-  function f(r, e) {
-    for (var t in e)
-      Object.defineProperty(r, t, {
-        enumerable: !0,
-        get: e[t]
-      });
-  }
-  f(a, {
-    dim: function() {
-      return d;
-    },
-    default: function() {
-      return l;
-    }
-  });
-  const o = /* @__PURE__ */ i(_);
-  function i(r) {
-    return r && r.__esModule ? r : {
-      default: r
-    };
-  }
-  let u = /* @__PURE__ */ new Set();
-  function n(r, e, t) {
-    typeof process < "u" && process.env.JEST_WORKER_ID || t && u.has(t) || (t && u.add(t), console.warn(""), e.forEach((s) => console.warn(r, "-", s)));
-  }
-  function d(r) {
-    return o.default.dim(r);
-  }
-  const l = {
-    info(r, e) {
-      n(o.default.bold(o.default.cyan("info")), ...Array.isArray(r) ? [
-        r
-      ] : [
-        e,
-        r
-      ]);
-    },
-    warn(r, e) {
-      n(o.default.bold(o.default.yellow("warn")), ...Array.isArray(r) ? [
-        r
-      ] : [
-        e,
-        r
-      ]);
-    },
-    risk(r, e) {
-      n(o.default.bold(o.default.magenta("risk")), ...Array.isArray(r) ? [
-        r
-      ] : [
-        e,
-        r
-      ]);
-    }
-  };
-})(c);
+var a = {};
+export {
+  a as __exports
+};

package/dist/index.es121.js

@@ -1,4 +1,94 @@
-var o = {};
-export {
-  o as __exports
-};
+import { __exports as O } from "./index.es122.js";
+import "./index.es130.js";
+import { __exports as b } from "./index.es131.js";
+(function(d) {
+  Object.defineProperty(d, "__esModule", {
+    value: !0
+  });
+  function S(r, s) {
+    for (var e in s)
+      Object.defineProperty(r, e, {
+        enumerable: !0,
+        get: s[e]
+      });
+  }
+  S(d, {
+    parseColor: function() {
+      return C;
+    },
+    formatColor: function() {
+      return H;
+    }
+  });
+  const p = /* @__PURE__ */ E(b);
+  function E(r) {
+    return r && r.__esModule ? r : {
+      default: r
+    };
+  }
+  let P = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, v = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, t = /(?:\d+|\d*\.\d+)%?/, i = /(?:\s*,\s*|\s+)/, _ = /\s*[,/]\s*/, o = /var\(--(?:[^ )]*?)(?:,(?:[^ )]*?|var\(--[^ )]*?\)))?\)/, R = new RegExp(`^(rgba?)\\(\\s*(${t.source}|${o.source})(?:${i.source}(${t.source}|${o.source}))?(?:${i.source}(${t.source}|${o.source}))?(?:${_.source}(${t.source}|${o.source}))?\\s*\\)$`), x = new RegExp(`^(hsla?)\\(\\s*((?:${t.source})(?:deg|rad|grad|turn)?|${o.source})(?:${i.source}(${t.source}|${o.source}))?(?:${i.source}(${t.source}|${o.source}))?(?:${_.source}(${t.source}|${o.source}))?\\s*\\)$`);
+  function C(r, { loose: s = !1 } = {}) {
+    var e, a;
+    if (typeof r != "string")
+      return null;
+    if (r = r.trim(), r === "transparent")
+      return {
+        mode: "rgb",
+        color: [
+          "0",
+          "0",
+          "0"
+        ],
+        alpha: "0"
+      };
+    if (r in p.default)
+      return {
+        mode: "rgb",
+        color: p.default[r].map((u) => u.toString())
+      };
+    let c = r.replace(v, (u, m, g, h, $) => [
+      "#",
+      m,
+      m,
+      g,
+      g,
+      h,
+      h,
+      $ ? $ + $ : ""
+    ].join("")).match(P);
+    if (c !== null)
+      return {
+        mode: "rgb",
+        color: [
+          parseInt(c[1], 16),
+          parseInt(c[2], 16),
+          parseInt(c[3], 16)
+        ].map((u) => u.toString()),
+        alpha: c[4] ? (parseInt(c[4], 16) / 255).toString() : void 0
+      };
+    var f;
+    let l = (f = r.match(R)) !== null && f !== void 0 ? f : r.match(x);
+    if (l === null)
+      return null;
+    let n = [
+      l[2],
+      l[3],
+      l[4]
+    ].filter(Boolean).map((u) => u.toString());
+    return n.length === 2 && n[0].startsWith("var(") ? {
+      mode: l[1],
+      color: [
+        n[0]
+      ],
+      alpha: n[1]
+    } : !s && n.length !== 3 || n.length < 3 && !n.some((u) => /^var\(.*?\)$/.test(u)) ? null : {
+      mode: l[1],
+      color: n,
+      alpha: (e = l[5]) === null || e === void 0 || (a = e.toString) === null || a === void 0 ? void 0 : a.call(e)
+    };
+  }
+  function H({ mode: r, color: s, alpha: e }) {
+    let a = e !== void 0;
+    return r === "rgba" || r === "hsla" ? `${r}(${s.join(", ")}${a ? `, ${e}` : ""})` : `${r}(${s.join(" ")}${a ? ` / ${e}` : ""})`;
+  }
+})(O);

package/dist/index.es122.js

@@ -1,14 +1,4 @@
-import { __exports as n } from "./index.es127.js";
-(function(e) {
-  Object.defineProperty(e, "__esModule", {
-    value: !0
-  }), Object.defineProperty(e, "default", {
-    enumerable: !0,
-    get: function() {
-      return r;
-    }
-  });
-  function r(t) {
-    return t.replace(/\\,/g, "\\2c ");
-  }
-})(n);
+var o = {};
+export {
+  o as __exports
+};