@simpli-route/apollo-ds 0.1.57 → 0.1.58

package/dist/index.es18.js

@@ -1,142 +1,134 @@
-import { j as e } from "./index.es40.js";
-import { ClockIcon as J } from "./index.es42.js";
-import { forwardRef as K, useState as I, useRef as M, useEffect as Q } from "react";
-import { TimeField as S, Group as U, DateInput as W, Button as X, FieldError as Y } from "react-aria-components";
-import { cn as s } from "./index.es41.js";
-import "./index.es13.js";
-import { Label as Z } from "./index.es14.js";
-import { invisibleInputLabelVariants as $, invisibleInputCaptionVariants as q } from "./index.es58.js";
-import { TimePickerPopover as z } from "./index.es19.js";
-import { TimeSegment as ee } from "./index.es20.js";
-import { invisibleTimeFieldContainerVariants as ie, invisibleTimeFieldGroupVariants as se, invisibleTimeFieldInputVariants as le, timeFieldButtonVariants as ne } from "./index.es54.js";
-const re = K(
-  ({
-    size: l = "bodyDefault",
-    orientation: t = "vertical",
-    label: c,
-    captionError: a,
-    validationState: r,
-    className: T,
-    dateInputClassName: F,
-    dateSegmentClassName: k,
-    labelClassName: P,
-    captionErrorClassName: p,
-    isDisabled: f = !1,
-    isRequired: d = !1,
-    tooltipText: C,
-    tooltipSupportText: g,
-    tooltipProps: y,
-    granularity: G = "minute",
-    hourCycle: u,
-    hideTimeZone: L,
-    shouldForceLeadingZeros: R,
-    placeholderValue: V,
-    minValue: B,
-    maxValue: w,
-    value: n,
-    defaultValue: D,
-    onChange: m,
-    confirmButtonLabel: O = "Ok",
-    ..._
-  }, A) => {
-    const [v, x] = I(!1), [E, b] = I(n || D || null), j = M(null);
-    Q(() => {
-      n !== void 0 && b(n);
-    }, [n]);
-    const h = (i) => {
-      b(i), m == null || m(i);
-    }, N = n !== void 0 ? n : E, H = (i, o) => f ? "disabled" : r === "invalid" ? "error" : i ? "active" : o ? "hover" : "default";
-    return /* @__PURE__ */ e.jsxs(
-      S,
+import { j as e } from "./index.es42.js";
+import { forwardRef as W, useState as x } from "react";
+import { useFilter as X, Select as Y, FieldError as Z, Popover as $ } from "react-aria-components";
+import { cn as r } from "./index.es44.js";
+import "./index.es15.js";
+import { Label as ee } from "./index.es16.js";
+import { PopoverContent as ae } from "./index.es69.js";
+import { InvisibleSelectContent as le } from "./index.es19.js";
+import { invisibleSelectContainerVariants as ie, invisibleSelectLabelVariants as se, invisibleSelectCaptionVariants as re, invisibleSelectPopoverVariants as te } from "./index.es55.js";
+const ne = (C, N) => {
+  const {
+    size: c = "sm",
+    orientation: d = "vertical",
+    label: f,
+    items: y,
+    selectionMode: i = "single",
+    value: b,
+    defaultValue: v,
+    placeholder: j = "Selecciona",
+    captionError: t,
+    validationState: s,
+    className: I,
+    buttonClassName: V,
+    labelClassName: g,
+    captionErrorClassName: L,
+    popoverClassName: O,
+    classNameSearchField: P,
+    classNameSearchFieldInput: A,
+    isDisabled: h = !1,
+    onChange: n,
+    tooltipText: E,
+    tooltipSupportText: F,
+    tooltipProps: z,
+    isRequired: D = !1,
+    maxLengthTextOption: R = 18,
+    placeholderSearch: T = "Search",
+    enableSearch: B = !1,
+    "aria-label": q,
+    "aria-labelledby": M,
+    "aria-describedby": _,
+    id: k,
+    name: w
+  } = C, { contains: G } = X({ sensitivity: "base" }), [u, m] = x(!1), [H, S] = x(() => v !== void 0 ? v : i === "multiple" ? [] : null), p = b !== void 0, o = p ? b : H, J = (l) => {
+    if (i === "multiple" && o && Array.isArray(o)) {
+      const a = o.filter((U) => U !== l);
+      p || S(a), n && n(a);
+    }
+  }, K = (l) => {
+    let a;
+    i === "multiple" ? a = l instanceof Set ? Array.from(l) : l : (a = l, m(!1)), p || S(a), n && n(a);
+  }, Q = {
+    className: r(ie({ size: c, orientation: d }), I),
+    selectionMode: i,
+    isDisabled: h,
+    isInvalid: s === "invalid",
+    value: o,
+    "aria-label": q,
+    "aria-labelledby": M,
+    "aria-describedby": _,
+    id: k,
+    name: w,
+    onChange: K
+  };
+  return /* @__PURE__ */ e.jsxs(Y, { ...Q, children: [
+    f && /* @__PURE__ */ e.jsx(
+      ee,
       {
-        ref: A,
-        value: N,
-        className: s(ie({ size: l, orientation: t }), T),
-        isDisabled: f,
-        isInvalid: r === "invalid",
-        isRequired: d,
-        granularity: G,
-        hourCycle: u,
-        hideTimeZone: L,
-        shouldForceLeadingZeros: R,
-        placeholderValue: V,
-        minValue: B,
-        maxValue: w,
-        onChange: h,
-        ..._,
-        children: [
-          c && /* @__PURE__ */ e.jsx(
-            Z,
-            {
-              labelClassName: s(
-                $({ size: l }),
-                P,
-                t === "horizontal" && r !== "invalid" ? "self-center" : "self-start"
-              ),
-              isRequired: d,
-              tooltipText: C,
-              tooltipSupportText: g,
-              tooltipProps: y,
-              children: c
-            }
+        labelClassName: r(
+          se({ size: c }),
+          g,
+          d === "horizontal" && s !== "invalid" ? "self-center" : "self-start"
+        ),
+        isRequired: D,
+        tooltipText: E,
+        tooltipSupportText: F,
+        tooltipProps: z,
+        children: f
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: r("flex flex-col", d === "horizontal" ? "flex-1" : "w-full"), children: [
+      /* @__PURE__ */ e.jsx(
+        le,
+        {
+          ref: N,
+          isOpen: u,
+          setIsOpen: m,
+          size: c,
+          isDisabled: h,
+          buttonClassName: V,
+          selectionMode: i,
+          maxLengthTextOption: R,
+          handleDeleteOptionSelected: J,
+          placeholder: j,
+          validationState: s
+        }
+      ),
+      t && s === "invalid" && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: r(
+            re({
+              state: "error"
+            }),
+            L
           ),
-          /* @__PURE__ */ e.jsxs("div", { className: s("flex flex-col", t === "horizontal" ? "flex-1" : "w-full"), children: [
-            /* @__PURE__ */ e.jsxs(
-              U,
-              {
-                ref: j,
-                className: ({ isFocusWithin: i, isHovered: o }) => s(
-                  se({
-                    size: l,
-                    state: H(i || v, o)
-                  })
-                ),
-                children: [
-                  /* @__PURE__ */ e.jsx(W, { className: s(le({ size: l }), "font-semibold", F), children: (i) => /* @__PURE__ */ e.jsx(ee, { segment: i, className: k }) }),
-                  /* @__PURE__ */ e.jsx(
-                    X,
-                    {
-                      className: s(ne({ size: l })),
-                      "aria-label": "Time Picker",
-                      onPress: () => x((i) => !i),
-                      children: /* @__PURE__ */ e.jsx(J, { className: l === "bodySm" ? "size-3.5" : "size-4" })
-                    }
-                  )
-                ]
-              }
-            ),
-            a && r === "invalid" && /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                className: s(
-                  q({
-                    state: "error"
-                  }),
-                  p
-                ),
-                children: a
-              }
-            )
-          ] }),
-          r === "invalid" && a && /* @__PURE__ */ e.jsx(Y, { className: "sr-only", children: a }),
-          /* @__PURE__ */ e.jsx(
-            z,
-            {
-              isOpen: v,
-              value: N,
-              hourCycle: u,
-              containerRef: j,
-              confirmButtonLabel: O,
-              onOpenChange: x,
-              onChange: h
-            }
-          )
-        ]
+          children: t
+        }
+      )
+    ] }),
+    s === "invalid" && t && /* @__PURE__ */ e.jsx(Z, { className: "sr-only", children: t }),
+    /* @__PURE__ */ e.jsx(
+      $,
+      {
+        className: r(te(), O),
+        isOpen: u,
+        onOpenChange: m,
+        children: /* @__PURE__ */ e.jsx(
+          ae,
+          {
+            enableSearch: B,
+            contains: G,
+            classNameSearchField: P,
+            classNameSearchFieldInput: A,
+            placeholderSearch: T,
+            items: y
+          }
+        )
       }
-    );
-  }
-);
-re.displayName = "InvisibleTimeField";
+    )
+  ] });
+}, ue = W(ne);
 export {
-  re as InvisibleTimeField
+  ue as InvisibleSelect
 };