@simpli-route/apollo-ds 0.1.56 → 0.1.58

package/dist/index.es13.js

@@ -1,79 +1,123 @@
-import { j as e } from "./index.es40.js";
-import { forwardRef as h } from "react";
-import { TextField as j, Label as N, Input as V, FieldError as y } from "react-aria-components";
-import { cn as i } from "./index.es42.js";
-import { invisibleInputContainerVariants as w, invisibleInputLabelVariants as C, invisibleInputVariants as F, invisibleInputCaptionVariants as L } from "./index.es61.js";
-const R = h(
-  ({
-    size: l = "bodyDefault",
-    orientation: n = "vertical",
-    label: m,
-    placeholder: d,
-    captionError: r,
-    validationState: s,
-    className: o,
-    inputClassName: c,
-    labelClassName: p,
-    captionErrorClassName: v,
-    isDisabled: u = !1,
-    ...x
-  }, I) => {
-    const b = (t, a, f) => u ? "disabled" : s === "invalid" ? "error" : a || f ? "active" : t ? "hover" : "default";
-    return /* @__PURE__ */ e.jsxs(
-      j,
+import { j as e } from "./index.es42.js";
+import { CrossCircleIcon as z, DownChevronIcon as E } from "./index.es43.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.es44.js";
+import "./index.es15.js";
+import { Label as F } from "./index.es16.js";
+import { Tooltip as V } from "./index.es38.js";
+import { TooltipTrigger as W } from "./index.es39.js";
+import { filterTypeChipVariants as A, filterTypeChipPopoverVariants as B } from "./index.es53.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"
+}) => {
+  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: i(w({ size: l, orientation: n }), o),
-        isDisabled: u,
-        isInvalid: s === "invalid",
-        ...x,
+        className: r(A({ isDisabled: t, isActive: s }), N),
+        isDisabled: t,
+        onPress: () => m(!s),
         children: [
-          m && /* @__PURE__ */ e.jsx(
-            N,
-            {
-              className: i(
-                C({ size: l }),
-                p,
-                n === "horizontal" && s !== "invalid" ? "self-center" : "self-start"
-              ),
-              children: m
-            }
-          ),
-          /* @__PURE__ */ e.jsxs("div", { className: i("flex flex-col", n === "horizontal" ? "flex-1" : "w-full"), 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(
-              V,
+              F,
               {
-                ref: I,
-                placeholder: d,
-                className: ({ isHovered: t, isFocusVisible: a, isFocused: f }) => i(
-                  F({
-                    size: l,
-                    state: b(t, a, f)
-                  }),
-                  "font-semibold",
-                  c
-                )
+                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
               }
             ),
-            r && s === "invalid" && /* @__PURE__ */ e.jsx(
-              "div",
+            /* @__PURE__ */ e.jsx("div", { className: "w-3 shrink-0 rotate-90 border-[0.5px] border-blue-200" }),
+            /* @__PURE__ */ e.jsxs(
+              W,
               {
-                className: i(
-                  L({
-                    state: "error"
-                  }),
-                  v
-                ),
-                children: r
+                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 })
+                ]
               }
             )
           ] }),
-          s === "invalid" && r && /* @__PURE__ */ e.jsx(y, { className: "sr-only", children: r })
+          /* @__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" : "")
+            }
+          ) })
         ]
       }
-    );
-  }
-);
-R.displayName = "InvisibleInput";
+    ),
+    /* @__PURE__ */ e.jsx(
+      O,
+      {
+        isOpen: s,
+        className: r(B(), g),
+        placement: C,
+        onOpenChange: m,
+        children: T
+      }
+    )
+  ] });
+};
 export {
-  R as InvisibleInput
+  X as FilterTypeChip
 };

package/dist/index.es130.js

@@ -1,17 +1,45 @@
-import { __exports as c } from "./index.es141.js";
-(function(n) {
-  Object.defineProperty(n, "__esModule", {
-    value: !0
-  }), Object.defineProperty(n, "cloneDeep", {
-    enumerable: !0,
-    get: function() {
-      return r;
-    }
-  });
-  function r(e) {
-    return Array.isArray(e) ? e.map((t) => r(t)) : typeof e == "object" && e !== null ? Object.fromEntries(Object.entries(e).map(([t, o]) => [
-      t,
-      r(o)
-    ])) : e;
+import { s as c } from "./index.es160.js";
+var t = c, o = {
+  whitespace: /\s+/g,
+  urlHexPairs: /%[\dA-F]{2}/g,
+  quotes: /"/g
+};
+function s(e) {
+  return e.trim().replace(o.whitespace, " ");
+}
+function n(e) {
+  return encodeURIComponent(e).replace(o.urlHexPairs, i);
+}
+function u(e) {
+  return Object.keys(t).forEach(function(r) {
+    t[r].test(e) && (e = e.replace(t[r], r));
+  }), e;
+}
+function i(e) {
+  switch (e) {
+    case "%20":
+      return " ";
+    case "%3D":
+      return "=";
+    case "%3A":
+      return ":";
+    case "%2F":
+      return "/";
+    default:
+      return e.toLowerCase();
   }
-})(c);
+}
+function a(e) {
+  if (typeof e != "string")
+    throw new TypeError("Expected a string, but received " + typeof e);
+  e.charCodeAt(0) === 65279 && (e = e.slice(1));
+  var r = u(s(e)).replace(o.quotes, "'");
+  return "data:image/svg+xml," + n(r);
+}
+a.toSrcset = function(r) {
+  return a(r).replace(/ /g, "%20");
+};
+var p = a;
+export {
+  p as m
+};

package/dist/index.es131.js

@@ -1,211 +1,7 @@
-import { __exports as L } from "./index.es142.js";
-import "./index.es154.js";
-import "./index.es132.js";
-import "./index.es155.js";
-import "./index.es122.js";
-import "./index.es156.js";
-import "./index.es147.js";
-import { __exports as j } from "./index.es157.js";
-import { __exports as P } from "./index.es158.js";
-import { __exports as $ } from "./index.es143.js";
-import { __exports as q } from "./index.es148.js";
-import { __exports as D } from "./index.es159.js";
-import { __exports as _ } from "./index.es136.js";
-(function(g) {
-  Object.defineProperty(g, "__esModule", {
-    value: !0
-  });
-  function k(e, t) {
-    for (var r in t)
-      Object.defineProperty(e, r, {
-        enumerable: !0,
-        get: t[r]
-      });
-  }
-  k(g, {
-    updateAllClasses: function() {
-      return S;
-    },
-    asValue: function() {
-      return y;
-    },
-    parseColorFormat: function() {
-      return b;
-    },
-    asColor: function() {
-      return T;
-    },
-    asLookupValue: function() {
-      return F;
-    },
-    typeMap: function() {
-      return h;
-    },
-    coerceValue: function() {
-      return C;
-    },
-    getMatchingTypes: function() {
-      return U;
-    }
-  });
-  const w = /* @__PURE__ */ V(D), x = $, a = j, m = /* @__PURE__ */ V(_), I = P, N = q;
-  function V(e) {
-    return e && e.__esModule ? e : {
-      default: e
-    };
-  }
-  function S(e, t) {
-    e.walkClasses((r) => {
-      r.value = t(r.value), r.raws && r.raws.value && (r.raws.value = (0, w.default)(r.raws.value));
-    });
-  }
-  function A(e, t) {
-    if (!d(e))
-      return;
-    let r = e.slice(1, -1);
-    if (t(r))
-      return (0, a.normalize)(r);
-  }
-  function E(e, t = {}, r) {
-    let l = t[e];
-    if (l !== void 0)
-      return (0, m.default)(l);
-    if (d(e)) {
-      let i = A(e, r);
-      return i === void 0 ? void 0 : (0, m.default)(i);
-    }
-  }
-  function y(e, t = {}, { validate: r = () => !0 } = {}) {
-    var l;
-    let i = (l = t.values) === null || l === void 0 ? void 0 : l[e];
-    return i !== void 0 ? i : t.supportsNegativeValues && e.startsWith("-") ? E(e.slice(1), t.values, r) : A(e, r);
-  }
-  function d(e) {
-    return e.startsWith("[") && e.endsWith("]");
-  }
-  function z(e) {
-    let t = e.lastIndexOf("/"), r = e.lastIndexOf("[", t), l = e.indexOf("]", t);
-    return e[t - 1] === "]" || e[t + 1] === "[" || r !== -1 && l !== -1 && r < t && t < l && (t = e.lastIndexOf("/", r)), t === -1 || t === e.length - 1 ? [
-      e,
-      void 0
-    ] : d(e) && !e.includes("]/[") ? [
-      e,
-      void 0
-    ] : [
-      e.slice(0, t),
-      e.slice(t + 1)
-    ];
-  }
-  function b(e) {
-    if (typeof e == "string" && e.includes("<alpha-value>")) {
-      let t = e;
-      return ({ opacityValue: r = 1 }) => t.replace("<alpha-value>", r);
-    }
-    return e;
-  }
-  function M(e) {
-    return (0, a.normalize)(e.slice(1, -1));
-  }
-  function T(e, t = {}, { tailwindConfig: r = {} } = {}) {
-    var l;
-    if (((l = t.values) === null || l === void 0 ? void 0 : l[e]) !== void 0) {
-      var i;
-      return b((i = t.values) === null || i === void 0 ? void 0 : i[e]);
-    }
-    let [u, n] = z(e);
-    if (n !== void 0) {
-      var o, v, p, s;
-      let c = (s = (o = t.values) === null || o === void 0 ? void 0 : o[u]) !== null && s !== void 0 ? s : d(u) ? u.slice(1, -1) : void 0;
-      return c === void 0 ? void 0 : (c = b(c), d(n) ? (0, x.withAlphaValue)(c, M(n)) : ((v = r.theme) === null || v === void 0 || (p = v.opacity) === null || p === void 0 ? void 0 : p[n]) === void 0 ? void 0 : (0, x.withAlphaValue)(c, r.theme.opacity[n]));
-    }
-    return y(e, t, {
-      validate: a.color
-    });
-  }
-  function F(e, t = {}) {
-    var r;
-    return (r = t.values) === null || r === void 0 ? void 0 : r[e];
-  }
-  function f(e) {
-    return (t, r) => y(t, r, {
-      validate: e
-    });
-  }
-  let h = {
-    any: y,
-    color: T,
-    url: f(a.url),
-    image: f(a.image),
-    length: f(a.length),
-    percentage: f(a.percentage),
-    position: f(a.position),
-    lookup: F,
-    "generic-name": f(a.genericName),
-    "family-name": f(a.familyName),
-    number: f(a.number),
-    "line-width": f(a.lineWidth),
-    "absolute-size": f(a.absoluteSize),
-    "relative-size": f(a.relativeSize),
-    shadow: f(a.shadow),
-    size: f(I.backgroundSize)
-  }, O = Object.keys(h);
-  function W(e, t) {
-    let r = e.indexOf(t);
-    return r === -1 ? [
-      void 0,
-      e
-    ] : [
-      e.slice(0, r),
-      e.slice(r + 1)
-    ];
-  }
-  function C(e, t, r, l) {
-    if (r.values && t in r.values)
-      for (let { type: u } of e ?? []) {
-        let n = h[u](t, r, {
-          tailwindConfig: l
-        });
-        if (n !== void 0)
-          return [
-            n,
-            u,
-            null
-          ];
-      }
-    if (d(t)) {
-      let u = t.slice(1, -1), [n, o] = W(u, ":");
-      if (!/^[\w-_]+$/g.test(n))
-        o = u;
-      else if (n !== void 0 && !O.includes(n))
-        return [];
-      if (o.length > 0 && O.includes(n))
-        return [
-          y(`[${o}]`, r),
-          n,
-          null
-        ];
-    }
-    let i = U(e, t, r, l);
-    for (let u of i)
-      return u;
-    return [];
-  }
-  function* U(e, t, r, l) {
-    let i = (0, N.flagEnabled)(l, "generalizedModifiers"), [u, n] = z(t);
-    if (i && r.modifiers != null && (r.modifiers === "any" || typeof r.modifiers == "object" && (n && d(n) || n in r.modifiers)) || (u = t, n = void 0), n !== void 0 && u === "" && (u = "DEFAULT"), n !== void 0 && typeof r.modifiers == "object") {
-      var v, p;
-      let s = (p = (v = r.modifiers) === null || v === void 0 ? void 0 : v[n]) !== null && p !== void 0 ? p : null;
-      s !== null ? n = s : d(n) && (n = M(n));
-    }
-    for (let { type: s } of e ?? []) {
-      let c = h[s](u, r, {
-        tailwindConfig: l
-      });
-      c !== void 0 && (yield [
-        c,
-        s,
-        n ?? null
-      ]);
-    }
-  }
-})(L);
+import "./index.es161.js";
+import { __exports as t } from "./index.es162.js";
+let e = t;
+var l = (e.__esModule ? e : { default: e }).default;
+export {
+  l as p
+};

package/dist/index.es132.js

@@ -1,68 +1,7 @@
-import { __exports as l } from "./index.es143.js";
-import "./index.es160.js";
-import { __exports as s } from "./index.es161.js";
-(function(a) {
-  Object.defineProperty(a, "__esModule", {
-    value: !0
-  });
-  function f(t, e) {
-    for (var r in e)
-      Object.defineProperty(t, r, {
-        enumerable: !0,
-        get: e[r]
-      });
-  }
-  f(a, {
-    withAlphaValue: function() {
-      return p;
-    },
-    default: function() {
-      return c;
-    }
-  });
-  const u = s;
-  function p(t, e, r) {
-    if (typeof t == "function")
-      return t({
-        opacityValue: e
-      });
-    let n = (0, u.parseColor)(t, {
-      loose: !0
-    });
-    return n === null ? r : (0, u.formatColor)({
-      ...n,
-      alpha: e
-    });
-  }
-  function c({ color: t, property: e, variable: r }) {
-    let n = [].concat(e);
-    if (typeof t == "function")
-      return {
-        [r]: "1",
-        ...Object.fromEntries(n.map((o) => [
-          o,
-          t({
-            opacityVariable: r,
-            opacityValue: `var(${r})`
-          })
-        ]))
-      };
-    const i = (0, u.parseColor)(t);
-    return i === null ? Object.fromEntries(n.map((o) => [
-      o,
-      t
-    ])) : i.alpha !== void 0 ? Object.fromEntries(n.map((o) => [
-      o,
-      t
-    ])) : {
-      [r]: "1",
-      ...Object.fromEntries(n.map((o) => [
-        o,
-        (0, u.formatColor)({
-          ...i,
-          alpha: `var(${r})`
-        })
-      ]))
-    };
-  }
-})(l);
+import "./index.es136.js";
+import { __exports as r } from "./index.es150.js";
+let o = r;
+var s = (o.__esModule ? o : { default: o }).default;
+export {
+  s as c
+};

package/dist/index.es133.js

@@ -1,14 +1,27 @@
-import { __exports as o } from "./index.es144.js";
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
+import { __exports as f } from "./index.es147.js";
+(function(n) {
+  Object.defineProperty(n, "__esModule", {
     value: !0
-  }), Object.defineProperty(t, "default", {
+  }), Object.defineProperty(n, "default", {
     enumerable: !0,
     get: function() {
       return r;
     }
   });
   function r(e) {
-    return typeof e == "function" ? e({}) : e;
+    if (e = `${e}`, e === "0")
+      return "0";
+    if (/^[+-]?(\d+|\d*\.\d+)(e[+-]?\d+)?(%|\w+)?$/.test(e))
+      return e.replace(/^[+-]?/, (t) => t === "-" ? "" : "-");
+    let c = [
+      "var",
+      "calc",
+      "min",
+      "max",
+      "clamp"
+    ];
+    for (const t of c)
+      if (e.includes(`${t}(`))
+        return `calc(${e} * -1)`;
   }
-})(o);
+})(f);