@ogcio/design-system-react 1.22.1 → 1.24.0

package/dist/phase-banner/phase-banner.js

@@ -1,10 +1,9 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as n, jsxs as d } from "react/jsx-runtime";
 import { Container as r } from "../container/container.js";
 import { useBreakpoint as c } from "../hooks/use-breakpoint.js";
 import { Tag as l } from "../tag/tag.js";
-function b({
+function h({
   level: s,
   children: a,
   wrap: i = "none",
@@ -30,5 +29,5 @@ function b({
   return i === "container" ? /* @__PURE__ */ n(r, { children: e }) : i === "container-full-width" ? /* @__PURE__ */ n(r, { fullWidth: !0, children: e }) : e;
 }
 export {
-  b as PhaseBanner
+  h as PhaseBanner
 };

package/dist/popover/popover.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as dt } from "react/jsx-runtime";
 import { useRef as Ee, useEffect as Ae } from "react";
 import { cn as mt } from "../cn.js";
@@ -905,7 +904,7 @@ function br(e) {
 var wr = [Xt, sr, Ft, kt, or, er, ur, Wt, rr], xr = /* @__PURE__ */ br({
   defaultModifiers: wr
 });
-const Br = ({
+const Dr = ({
   triggerRef: e,
   children: t,
   className: r,
@@ -1002,5 +1001,5 @@ const Br = ({
   ) : null;
 };
 export {
-  Br as Popover
+  Dr as Popover
 };

package/dist/radio/radio-group.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { InputRadioGroup as o } from "../input-radio-group/input-radio-group.js";
 const p = o;
 p.displayName = "RadioGroup";

package/dist/radio/radio.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { InputRadio as o } from "../input-radio/input-radio.js";
 const i = o;
 i.displayName = "Radio";

package/dist/score-select/score-select.js

@@ -1,12 +1,11 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsxs as a, jsx as s, Fragment as F } from "react/jsx-runtime";
 import { useId as G } from "react";
 import { ButtonGroup as j, ButtonGroupItem as w } from "../button-group/button-group.js";
 import { cn as o } from "../cn.js";
 import { FormField as O, FormFieldLabel as V, FormFieldHint as E } from "../forms/form-field/form-field.js";
 import { useBreakpoint as H, Breakpoint as $ } from "../hooks/use-breakpoint.js";
-const P = ({
+const K = ({
   name: B,
   size: x = "medium",
   orientation: t = "horizontal",
@@ -19,7 +18,7 @@ const P = ({
   onChange: v,
   type: f
 }) => {
-  const p = G(), b = `${p}-label`, n = d ? `${p}-hint` : void 0, { breakpoint: h } = H(), g = h === $.ExtraSmall || h === $.Small;
+  const h = G(), b = `${h}-label`, n = d ? `${h}-hint` : void 0, { breakpoint: p } = H(), g = p === $.ExtraSmall || p === $.Small;
   let l = [];
   switch (f) {
     case "1-5": {
@@ -157,5 +156,5 @@ const P = ({
   ] });
 };
 export {
-  P as ScoreSelect
+  K as ScoreSelect
 };

package/dist/select/select-menu.js

@@ -1,16 +1,15 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsxs as v, jsx as r } from "react/jsx-runtime";
-import { forwardRef as F, useState as $, useEffect as R, Children as z, isValidElement as A, cloneElement as h } from "react";
+import { forwardRef as F, useState as $, useEffect as R, Children as z, isValidElement as A, cloneElement as b } from "react";
 import { cn as P } from "../cn.js";
 import { translate as K } from "../i18n/utility.js";
 import { Icon as q } from "../icon/icon.js";
-import { InputText as H } from "../input-text/input-text.js";
-import { Label as J } from "../label/label.js";
-import { Spinner as Q } from "../spinner/spinner.js";
-const ie = F(
-  ({ children: o, className: i, onChange: l, enableSearch: n, isLoading: c, showNoData: d }, g) => {
-    const [s, O] = $(""), [S, w] = $([]);
+import { InputText as J } from "../input-text/input-text.js";
+import { Label as Q } from "../label/label.js";
+import { Spinner as U } from "../spinner/spinner.js";
+const ne = F(
+  ({ children: o, className: i, onChange: l, enableSearch: n, isLoading: c, showNoData: g }, O) => {
+    const [s, S] = $(""), [m, w] = $([]);
     R(() => {
       const u = z.toArray(o).filter(
         (a) => A(a)
@@ -23,7 +22,7 @@ const ie = F(
             if (typeof e.props.value == "string") {
               const D = ((I = (M = (L = e == null ? void 0 : e.props) == null ? void 0 : L.children) == null ? void 0 : M.toString()) == null ? void 0 : I.toLowerCase()) || "", E = (k = (T = e == null ? void 0 : e.props) == null ? void 0 : T.value) == null ? void 0 : k.toLowerCase();
               if (D.includes(x) || E.includes(x))
-                return h(e, {
+                return b(e, {
                   onChange: l,
                   enableSearch: n
                 });
@@ -35,15 +34,15 @@ const ie = F(
               e.props.children
             ).filter((t) => A(t)).map((t) => {
               var p;
-              return ((p = t == null ? void 0 : t.type) == null ? void 0 : p.componentType) === "SelectMenuOption" ? h(t, { onChange: l }) : null;
+              return ((p = t == null ? void 0 : t.type) == null ? void 0 : p.componentType) === "SelectMenuOption" ? b(t, { onChange: l }) : null;
             }).filter(
               (t) => t !== null
             ).filter((t) => {
-              var j, C, V;
-              const p = ((C = (j = t.props.children) == null ? void 0 : j.toString()) == null ? void 0 : C.toLowerCase()) || "", f = ((V = t.props.value) == null ? void 0 : V.toLowerCase()) || "";
+              var j, V, C;
+              const p = ((V = (j = t.props.children) == null ? void 0 : j.toString()) == null ? void 0 : V.toLowerCase()) || "", f = ((C = t.props.value) == null ? void 0 : C.toLowerCase()) || "";
               return (p == null ? void 0 : p.includes(s.toLowerCase())) || (f == null ? void 0 : f.includes(s.toLowerCase()));
             });
-            return G.length > 0 || s === "" ? h(e, {
+            return G.length > 0 || s === "" ? b(e, {
               children: G
             }) : null;
           }
@@ -53,42 +52,44 @@ const ie = F(
       }).filter(Boolean);
       w(u);
     }, [o, s, l]);
-    const y = (m) => {
-      O(m.target.value);
-    }, b = () => c ? /* @__PURE__ */ r("div", { className: "gi-select-menu-loading", children: /* @__PURE__ */ r(Q, { size: "md" }) }) : d ? /* @__PURE__ */ r("div", { className: "gi-select-menu-option-not-found", children: K("autocomplete.noData", {
+    const y = (d) => {
+      S(d.target.value);
+    }, h = () => c ? /* @__PURE__ */ r("div", { className: "gi-select-menu-loading", children: /* @__PURE__ */ r(U, { size: "md" }) }) : g ? /* @__PURE__ */ r("div", { className: "gi-select-menu-option-not-found", children: K("autocomplete.noData", {
       defaultValue: "No data found."
-    }) }) : /* @__PURE__ */ r("ul", { "aria-label": "options", role: "listbox", children: S });
-    return /* @__PURE__ */ v("div", { ref: g, className: P("gi-select-menu-container", i), children: [
+    }) }) : /* @__PURE__ */ r("ul", { "aria-label": "options", role: "listbox", children: m });
+    return /* @__PURE__ */ v("div", { ref: O, className: P("gi-select-menu-container", i), children: [
       n && /* @__PURE__ */ r("div", { className: "gi-select-menu-input-container", children: /* @__PURE__ */ r(
-        H,
+        J,
         {
           tabIndex: 0,
-          placeholder: K("input.search"),
+          placeholder: K("input.search", {
+            defaultValue: "Search"
+          }),
           iconEnd: "search",
           onChange: y,
           value: s
         }
       ) }),
-      /* @__PURE__ */ r("div", { className: "gi-select-menu-option-container", children: b() })
+      /* @__PURE__ */ r("div", { className: "gi-select-menu-option-container", children: h() })
     ] });
   }
-), U = ({
+), W = ({
   children: o,
   value: i,
   selected: l,
   onChange: n,
   disabled: c,
-  dataTestid: d,
-  className: g,
+  dataTestid: g,
+  className: O,
   hidden: s,
-  enableSearch: O,
-  isHighlighted: S,
+  enableSearch: S,
+  isHighlighted: m,
   index: w,
   ...y
 }) => {
-  const b = (u) => {
+  const h = (u) => {
     (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n == null || n(i));
-  }, m = () => {
+  }, d = () => {
     c || n == null || n(i);
   };
   return s ? null : /* @__PURE__ */ v(
@@ -100,18 +101,19 @@ const ie = F(
       "aria-selected": l,
       "aria-label": o == null ? void 0 : o.toString(),
       "aria-disabled": c,
-      onKeyDown: b,
-      onClick: m,
+      onKeyDown: h,
+      onClick: d,
       className: P(
         "gi-select-option-item",
         {
           "gi-select-option-item-disabled": c,
-          "gi-select-option-item-highlighted": S
+          "gi-select-option-item-highlighted": m
         },
-        g
+        O
       ),
-      "data-search-enabled": O,
-      "data-testid": d || `option-${i}`,
+      "data-highlighted": m,
+      "data-search-enabled": S,
+      "data-testid": g || `option-${i}`,
       ...y,
       children: [
         /* @__PURE__ */ r("span", { className: "gi-text-sm", children: o }),
@@ -121,26 +123,26 @@ const ie = F(
     `${o}-${i}`
   );
 };
-Object.defineProperty(U, "componentType", {
+Object.defineProperty(W, "componentType", {
   value: "SelectMenuOption",
   writable: !1,
   enumerable: !1
 });
-const W = ({
+const X = ({
   children: o,
   label: i,
   ...l
 }) => /* @__PURE__ */ v("div", { ...l, role: "group", className: "gi-px-3", children: [
-  /* @__PURE__ */ r(J, { text: i, size: "sm", className: "gi-font-bold gi-pb-1" }),
+  /* @__PURE__ */ r(Q, { text: i, size: "sm", className: "gi-font-bold gi-pb-1" }),
   o
 ] });
-Object.defineProperty(W, "componentType", {
+Object.defineProperty(X, "componentType", {
   value: "SelectMenuGroupItem",
   writable: !1,
   enumerable: !1
 });
 export {
-  ie as SelectMenu,
-  W as SelectMenuGroupItem,
-  U as SelectMenuOption
+  ne as SelectMenu,
+  X as SelectMenuGroupItem,
+  W as SelectMenuOption
 };