@simpli-route/apollo-ds 0.1.23 → 0.1.24

package/dist/index.es11.js

@@ -1,101 +1,93 @@
-import { j as s } from "./index.es25.js";
-import { motion as D } from "framer-motion";
-import { ProgressBar as I } from "react-aria-components";
-import "react";
-import { cn as t } from "./index.es26.js";
-import "./index.es29.js";
-import "./index.es30.js";
-import "react-aria";
-import "./index.es31.js";
-import "./index.es6.js";
-import { Label as M } from "./index.es7.js";
-import "./index.es9.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.es21.js";
-import { TooltipTrigger as z } from "./index.es22.js";
-import "./index.es16.js";
-import "./index.es17.js";
-import "./index.es18.js";
-import "./index.es39.js";
-import "./index.es20.js";
-import { Text as d } from "./index.es23.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.es26.js";
+import { NumberField as w, Group as B, Input as E } from "react-aria-components";
+import { cn as l } from "./index.es27.js";
+import { Label as G } from "./index.es8.js";
+import { CaptionNumberField as S } from "./index.es57.js";
+import { StepperButton as V } from "./index.es58.js";
+import { inputNumberVariant as _ } from "./index.es32.js";
+const J = ({
+  size: o = "sm",
+  label: i,
+  description: s,
+  errorMessage: n,
+  isDisabled: e = !1,
+  isReadOnly: t = !1,
+  isRequired: p = !1,
+  tooltipText: f,
+  tooltipSupportText: u,
+  tooltipProps: d,
+  className: x,
+  descriptionClasses: c,
+  errorClasses: N,
+  validationState: a = "default",
+  inputClassName: j,
+  maxValue: v,
+  minValue: b = 0,
+  autoFocus: F = !1,
+  maxLength: h,
+  classNameNumberField: C,
+  ...I
+}) => {
+  const m = a === "invalid" && !e;
+  return /* @__PURE__ */ r.jsx("div", { className: l("flex", x), children: /* @__PURE__ */ r.jsxs(
+    w,
     {
-      className: t("flex w-full items-center gap-2", {
-        "items-end": r
-      }),
+      autoFocus: F,
+      className: l(e ? "opacity-70" : "", C),
+      isDisabled: e,
+      isReadOnly: t,
+      maxValue: v,
+      minValue: b,
+      ...I,
       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.jsx(
+          G,
+          {
+            labelClassName: l("leading-[19.07px] text-left mb-0.5", {
+              "text-neutral-700": e
+            }),
+            isRequired: p,
+            tooltipText: f,
+            tooltipSupportText: u,
+            tooltipProps: d,
+            children: i
+          }
+        ),
+        /* @__PURE__ */ r.jsxs(B, { className: "relative mb-0.5 w-full rounded", children: [
+          /* @__PURE__ */ r.jsx(
+            E,
             {
-              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
-                  }
-                )
-              ]
+              disabled: e,
+              maxLength: h,
+              className: ({ isFocused: L, isHovered: g }) => l(
+                _({
+                  size: o,
+                  isDisabled: e,
+                  isReadOnly: t,
+                  isHovered: g,
+                  isFocused: L,
+                  validationState: a === "valid" ? "valid" : m ? "invalid" : "default"
+                }),
+                j
+              )
             }
           ),
-          !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(V, { isDisabled: e })
         ] }),
-        !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(
+          S,
+          {
+            description: s,
+            descriptionClasses: c,
+            errorMessage: n,
+            errorClasses: N,
+            isInvalidField: m
+          }
+        )
       ]
     }
   ) });
 };
 export {
-  ns as ProgressBar
+  J as NumberField
 };

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { __exports as i } from "./index.es118.js";
-import "./index.es122.js";
-import { __exports as o } from "./index.es123.js";
+import "./index.es130.js";
+import { __exports as o } from "./index.es131.js";
 (function(t) {
   Object.defineProperty(t, "__esModule", {
     value: !0

package/dist/index.es12.js

@@ -1,77 +1,101 @@
-import { j as s } from "./index.es25.js";
-import { SearchIcon as P, CrossIcon as y } from "./index.es28.js";
-import { useMemo as z } from "react";
-import { ComboBox as D, Input as H, Text as R, FieldError as E, Popover as O, ListBox as F, ListBoxItem as M } from "react-aria-components";
-import { cn as S } from "./index.es26.js";
-import { useDebouncedValue as _ } from "./index.es49.js";
-import { IconButton as T } from "./index.es6.js";
-import { Label as $ } from "./index.es7.js";
-import { inputVariants as k } from "./index.es34.js";
-import { popoverVariants as q, searchOptionVariants as A } from "./index.es35.js";
-const se = (i) => {
+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 {
-    label: n,
-    onReset: c,
-    placeholder: f,
-    isDisabled: l,
-    delay: b = 300,
-    searchIcon: j,
-    clearIcon: I,
-    size: N = "md",
-    description: d,
-    inputValue: h,
-    isInvalid: m,
-    errorMessage: x,
-    items: r,
+    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
-  } = i, w = j ?? /* @__PURE__ */ s.jsx(P, { className: "size-6 text-neutral-700", "data-testid": "search-icon" }), C = /* @__PURE__ */ s.jsx(T, { intent: "minimal", size: "md", className: "p-0", "data-testid": "clear-icon-button", onPress: c, children: I ?? /* @__PURE__ */ s.jsx(y, { className: "size-5 text-neutral-700", "data-testid": "clear-icon" }) }), a = _(h, b), u = a && c, V = u ? C : w, v = (e, t) => {
-    if (!t.trim())
-      return [{ text: e, highlight: !1 }];
-    const o = new RegExp(`(${t})`, "gi");
-    return e.split(o).filter(Boolean).map((g) => ({
-      text: g,
-      highlight: g.toLowerCase() === t.toLowerCase()
-    }));
-  }, B = z(
-    () => a ? r.filter((e) => e.label.toLowerCase().includes(a.toLowerCase())).map((e) => {
-      const t = a && e.label.toLowerCase().includes(a.toLowerCase()), o = v(e.label, a ?? "");
-      return { ...e, shouldHighlight: t, highlightedParts: o };
-    }) : r.map((e) => ({
-      ...e,
-      shouldHighlight: !1,
-      highlightedParts: [{ text: e.label, highlight: !1 }]
-    })),
-    [a, r]
-  );
-  return /* @__PURE__ */ s.jsxs(D, { inputValue: h, isDisabled: l, ...L, children: [
-    n && /* @__PURE__ */ s.jsx($, { children: n }),
-    /* @__PURE__ */ s.jsxs("div", { className: "relative flex items-center", children: [
-      /* @__PURE__ */ s.jsx(
-        H,
-        {
-          placeholder: f,
-          className: k({ size: N, isDisabled: l, hasIcon: !0 }),
-          disabled: l,
-          readOnly: i.isReadOnly
-        }
-      ),
-      /* @__PURE__ */ s.jsx("span", { className: S("absolute right-2 top-1/2 -translate-y-1/2", u && "top-[53%]"), children: V })
-    ] }),
-    d && !m && /* @__PURE__ */ s.jsx(R, { slot: "description", className: "text-xs leading-5 text-neutral-700", children: d }),
-    x && m && /* @__PURE__ */ s.jsx(E, { className: "text-sm leading-6 text-error-500", children: x }),
-    /* @__PURE__ */ s.jsx(O, { className: q(), children: /* @__PURE__ */ s.jsx(F, { items: B, className: "max-h-60 overflow-auto outline-none", children: (e) => /* @__PURE__ */ s.jsx(
-      M,
-      {
-        id: e.id,
-        textValue: e.label,
-        className: ({ isDisabled: t, isSelected: o, isFocused: p }) => A({ isFocused: p, isSelected: o, isDisabled: t }),
-        children: e.shouldHighlight ? /* @__PURE__ */ s.jsx("span", { children: e.highlightedParts.map(
-          (t, o) => t.highlight ? /* @__PURE__ */ s.jsx("span", { className: "font-bold text-neutral-900", children: t.text }, t.text + o) : t.text
-        ) }) : e.label
-      }
-    ) }) })
-  ] });
+  } = 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",
+    {
+      className: t("flex w-full items-center gap-2", {
+        "items-end": r
+      }),
+      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,
+            {
+              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
+                  }
+                )
+              ]
+            }
+          ),
+          !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 }) })
+        ] }),
+        !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 }) })
+      ]
+    }
+  ) });
 };
 export {
-  se as SearchField
+  ns as ProgressBar
 };

package/dist/index.es122.js

@@ -1,28 +1,14 @@
-import { __exports as c } from "./index.es123.js";
-(function(u) {
-  Object.defineProperty(u, "__esModule", {
+import { __exports as n } from "./index.es127.js";
+(function(e) {
+  Object.defineProperty(e, "__esModule", {
     value: !0
-  }), Object.defineProperty(u, "default", {
+  }), Object.defineProperty(e, "default", {
     enumerable: !0,
     get: function() {
-      return o;
+      return r;
     }
   });
-  function i(e, n) {
-    return {
-      handler: e,
-      config: n
-    };
+  function r(t) {
+    return t.replace(/\\,/g, "\\2c ");
   }
-  i.withOptions = function(e, n = () => ({})) {
-    const t = function(r) {
-      return {
-        __options: r,
-        handler: e(r),
-        config: n(r)
-      };
-    };
-    return t.__isOptionsFunction = !0, t.__pluginFunction = e, t.__configFunction = n, t;
-  };
-  const o = i;
-})(c);
+})(n);