@ogcio/design-system-react 1.30.0 → 1.31.0

package/dist/select/select-next.js

@@ -1,34 +1,34 @@
 "use client";
-import { jsx as l, jsxs as _ } from "react/jsx-runtime";
-import { forwardRef as B, useRef as w, useState as k, useImperativeHandle as ee, Children as R, isValidElement as G, useEffect as O, useCallback as te } from "react";
+import { jsx as s, jsxs as _ } from "react/jsx-runtime";
+import { forwardRef as B, useRef as T, useState as k, useImperativeHandle as ee, Children as R, isValidElement as G, useEffect as O, useCallback as te } from "react";
 import { cn as H } from "../cn.js";
 import { useDomId as re } from "../hooks/use-dom-id.js";
 import { useScrollHighlightedItem as ne } from "../hooks/use-scroll-highlighted-item.js";
 import { translate as F } from "../i18n/utility.js";
 import { InputText as oe } from "../input-text/input-text.js";
-import { Popover as se } from "../popover/popover.js";
+import { Popover as le } from "../popover/popover.js";
 import { cycleEnabledIndex as ae } from "../utilities.js";
-import { SelectMenu as le, SelectMenuOption as J, SelectMenuGroupItem as ce } from "./select-menu.js";
+import { SelectMenu as se, SelectMenuOption as J, SelectMenuGroupItem as ce } from "./select-menu.js";
 import { SelectSearch as ie } from "./select-search.js";
 const pe = B(
   ({
-    children: I,
+    children: x,
     value: u,
     defaultValue: E = "",
-    onChange: v,
+    onChange: I,
     onMenuClose: f,
     enableSearch: h,
-    disabled: s,
+    disabled: l,
     name: i,
     onBlur: m,
     placeholder: P,
     ...N
   }, Q) => {
-    const c = w(null), D = w(null), A = w(null), $ = w(!1), [a, j] = k(
+    const c = T(null), D = T(null), A = T(null), $ = T(!1), [a, j] = k(
       E || u
     ), [S, p] = k(!1), [W, K] = k(""), [g, V] = k(-1);
     ee(Q, () => c.current), ne(A, g);
-    const d = R.toArray(I).filter(
+    const d = R.toArray(x).filter(
       (e) => G(e)
     );
     O(() => {
@@ -45,9 +45,9 @@ const pe = B(
         }
         if (o === "SelectGroupItemNext") {
           const y = n, b = R.toArray(y.props.children).find(
-            (x) => {
+            (v) => {
               var z;
-              return ((z = x == null ? void 0 : x.type) == null ? void 0 : z.componentType) === "SelectItemNext" && x.props.value === a;
+              return ((z = v == null ? void 0 : v.type) == null ? void 0 : z.componentType) === "SelectItemNext" && v.props.value === a;
             }
           );
           if (b && G(b)) {
@@ -68,11 +68,11 @@ const pe = B(
     }, [u]);
     const L = () => {
       var e;
-      s || (p(!0), (e = c.current) == null || e.focus());
+      l || (p(!0), (e = c.current) == null || e.focus());
     }, X = (e) => {
       p(e), e || f == null || f();
     }, U = (e) => {
-      if (p(!1), j(e), v && (v({
+      if (p(!1), j(e), I && (I({
         target: { name: i, value: e },
         currentTarget: { name: i, value: e },
         type: "change",
@@ -89,7 +89,7 @@ const pe = B(
     }, Y = te(
       (e) => {
         var r;
-        if (!s)
+        if (!l)
           switch (e.key) {
             case "ArrowDown":
             case "ArrowUp": {
@@ -137,40 +137,40 @@ const pe = B(
     }, C = re(), q = N["aria-label"] ?? F("select.next.placeholder", { defaultValue: "Select" });
     return O(() => {
       c.current && c.current.setAttribute("aria-labelledby", C);
-    }, [C, h]), h ? /* @__PURE__ */ l("div", { className: H("gi-select-next", N.className), children: /* @__PURE__ */ l(
+    }, [C, h]), h ? /* @__PURE__ */ s("div", { className: H("gi-relative gi-w-full", N.className), children: /* @__PURE__ */ s(
       ie,
       {
         ...N,
         value: a,
-        onChange: v,
-        disabled: s,
+        onChange: I,
+        disabled: l,
         ref: c,
         onBlur: m,
         name: i,
         placeholder: P,
-        children: I
+        children: x
       }
     ) }) : /* @__PURE__ */ _(
       "div",
       {
-        "aria-disabled": s,
-        className: H("gi-select-next", N.className),
+        "aria-disabled": l,
+        className: H("gi-relative gi-w-full", N.className),
         children: [
-          /* @__PURE__ */ l("span", { id: C, className: "gi-sr-only", children: q }),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ s("span", { id: C, className: "gi-sr-only", children: q }),
+          /* @__PURE__ */ s(
             oe,
             {
               ...N,
               autoComplete: "off",
               "aria-label": q,
-              "aria-disabled": s,
-              disabled: s,
+              "aria-disabled": l,
+              disabled: l,
               placeholder: P ?? F("select.next.placeholder", { defaultValue: "Search" }),
               readOnly: !0,
               inputClassName: "gi-cursor-pointer",
               iconEndClassName: H({
-                "gi-cursor-pointer": !s,
-                "gi-cursor-not-allowed gi-pointer-events-none": s
+                "gi-cursor-pointer": !l,
+                "gi-cursor-not-allowed gi-pointer-events-none": l
               }),
               iconEnd: S ? "keyboard_arrow_up" : "keyboard_arrow_down",
               onIconEndClick: L,
@@ -183,8 +183,8 @@ const pe = B(
               name: i
             }
           ),
-          /* @__PURE__ */ l(
-            se,
+          /* @__PURE__ */ s(
+            le,
             {
               triggerRef: c,
               extraRefs: [D],
@@ -199,8 +199,8 @@ const pe = B(
                   { name: "flip", options: { fallbackPlacements: ["top"] } }
                 ]
               },
-              children: /* @__PURE__ */ l(
-                le,
+              children: /* @__PURE__ */ s(
+                se,
                 {
                   ref: A,
                   onChange: (e) => {
@@ -212,7 +212,7 @@ const pe = B(
                     const t = (n = e == null ? void 0 : e.type) == null ? void 0 : n.componentType;
                     if (t === "SelectItemNext") {
                       const o = e;
-                      return /* @__PURE__ */ l(
+                      return /* @__PURE__ */ s(
                         J,
                         {
                           ...o.props,
@@ -223,20 +223,20 @@ const pe = B(
                         `SelectItemNext-${o.props.value.toString()}`
                       );
                     } else if (t === "SelectGroupItemNext") {
-                      const o = e, y = R.toArray(o.props.children).filter((b) => G(b)).map((b, x) => {
-                        const T = b.props;
-                        return /* @__PURE__ */ l(
+                      const o = e, y = R.toArray(o.props.children).filter((b) => G(b)).map((b, v) => {
+                        const w = b.props;
+                        return /* @__PURE__ */ s(
                           J,
                           {
-                            ...T,
+                            ...w,
                             isHighlighted: g === r,
-                            selected: (a == null ? void 0 : a.toString()) === T.value.toString(),
-                            index: x
+                            selected: (a == null ? void 0 : a.toString()) === w.value.toString(),
+                            index: v
                           },
-                          `SelectGroupItemNext-SelectItemNext-${T.value.toString()}`
+                          `SelectGroupItemNext-SelectItemNext-${w.value.toString()}`
                         );
                       });
-                      return /* @__PURE__ */ l(
+                      return /* @__PURE__ */ s(
                         ce,
                         {
                           label: o.props.label,
@@ -267,17 +267,17 @@ Object.defineProperty(ue, "componentType", {
   writable: !1,
   enumerable: !1
 });
-const Ne = (I) => {
-  const { options: u, defaultValue: E, onChange: v, error: f } = I;
-  return /* @__PURE__ */ l(
+const Ne = (x) => {
+  const { options: u, defaultValue: E, onChange: I, error: f } = x;
+  return /* @__PURE__ */ s(
     pe,
     {
-      ...I,
+      ...x,
       defaultValue: E,
-      onChange: v,
+      onChange: I,
       "data-table-cell": "true",
       "data-table-cell-error-state": f == null ? void 0 : f.toString(),
-      children: u.map(({ value: h, label: s }) => /* @__PURE__ */ l(M, { value: h, children: s }, `${h}-${s}`))
+      children: u.map(({ value: h, label: l }) => /* @__PURE__ */ s(M, { value: h, children: l }, `${h}-${l}`))
     }
   );
 };