@ogcio/design-system-react 1.12.2 → 1.12.3

package/dist/forms/form-field/form-field.js

@@ -1,85 +1,104 @@
 "use client";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { S as y } from "../../index-ntYL1VRC.js";
-import { createContext as N, Children as p, isValidElement as l, useContext as C } from "react";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { S as g } from "../../index-ntYL1VRC.js";
+import { createContext as x, Children as N, useContext as v, isValidElement as L } from "react";
 import { cn as m } from "../../cn.js";
-import { ErrorText as v } from "../../error-text/error-text.js";
-import { HintText as L } from "../../hint-text/hint-text.js";
-import { Label as E } from "../../label/label.js";
-const f = N(null);
-function u(e) {
-  C(f) || console.error(`[${e}] must be used within a <FormField>.`);
+import { ErrorText as C } from "../../error-text/error-text.js";
+import { HintText as E } from "../../hint-text/hint-text.js";
+import { Label as T } from "../../label/label.js";
+const c = x(null);
+function d(e) {
+  v(c) || console.error(`[${e}] must be used within a <FormField>.`);
+}
+function a(e) {
+  var r, i;
+  return L(e) && (((r = e.type) == null ? void 0 : r.componentType) || ((i = e.props) == null ? void 0 : i.__mdxType)) || null;
 }
 function H(e) {
-  return e === s || e === c || e === d;
+  return ["FormFieldLabel", "FormFieldHint", "FormFieldError"].includes(
+    a(e) ?? ""
+  );
 }
-const B = (e) => ["error", "hint", "label"].some((r) => r in e) ? (console.warn(
+const _ = (e) => ["error", "hint", "label"].some((l) => l in e) ? (console.warn(
   "[FormField] Using legacy props. Please migrate to the new composable API."
-), /* @__PURE__ */ i(f.Provider, { value: !0, children: /* @__PURE__ */ a(g, { children: [
-  e.label && /* @__PURE__ */ i(s, { ...e.label }),
-  e.hint && /* @__PURE__ */ i(c, { ...e.hint }),
-  e.error && /* @__PURE__ */ i(d, { ...e.error }),
+), /* @__PURE__ */ o(c.Provider, { value: !0, children: /* @__PURE__ */ n(y, { className: e.className, children: [
+  e.label && /* @__PURE__ */ o(F, { ...e.label }),
+  e.hint && /* @__PURE__ */ o(u, { ...e.hint }),
+  e.error && /* @__PURE__ */ o(f, { ...e.error }),
   e.children
-] }) })) : /* @__PURE__ */ i(f.Provider, { value: !0, children: /* @__PURE__ */ i(g, { children: e.children }) }), g = ({
+] }) })) : /* @__PURE__ */ o(c.Provider, { value: !0, children: /* @__PURE__ */ o(y, { className: e.className, children: e.children }) }), y = ({
   children: e,
-  className: o,
-  ...n
+  className: r,
+  ...i
 }) => {
-  const r = p.toArray(e), F = r.find(
-    (t) => l(t) && t.type === s
-  ), h = r.find(
-    (t) => l(t) && t.type === c
-  ), b = r.find(
-    (t) => l(t) && t.type === d
-  ), x = r.filter(
-    (t) => !l(t) || !H(t.type)
-  );
-  return /* @__PURE__ */ a(
+  const l = N.toArray(e), s = l.find(
+    (t) => a(t) === "FormFieldLabel"
+  ), p = l.find(
+    (t) => a(t) === "FormFieldHint"
+  ), b = l.find(
+    (t) => a(t) === "FormFieldError"
+  ), h = l.filter((t) => !H(t));
+  return /* @__PURE__ */ n(
     "fieldset",
     {
-      className: m({ "gi-error-state": !!b }, o),
-      ...n,
+      className: m({ "gi-error-state": !!b }, r),
+      ...i,
       children: [
-        /* @__PURE__ */ a("div", { className: "gi-pb-3 gi-flex gi-flex-col gi-gap-1", children: [
-          /* @__PURE__ */ a("div", { children: [
-            F,
-            h
+        /* @__PURE__ */ n("div", { className: "gi-pb-3 gi-flex gi-flex-col gi-gap-1", children: [
+          /* @__PURE__ */ n("div", { children: [
+            s,
+            p
           ] }),
           b
         ] }),
-        /* @__PURE__ */ i(y, { children: x })
+        /* @__PURE__ */ o(g, { children: h })
       ]
     }
   );
-}, s = ({
+}, F = ({
   children: e,
-  text: o,
-  size: n,
-  htmlFor: r,
-  className: F
-}) => (u("FormFieldLabel"), /* @__PURE__ */ i(
-  E,
+  text: r,
+  size: i,
+  htmlFor: l,
+  className: s
+}) => (d("FormFieldLabel"), /* @__PURE__ */ o(
+  T,
   {
-    text: o,
-    size: n,
-    htmlFor: r,
-    className: m("gi-font-bold", F),
+    text: r,
+    size: i,
+    htmlFor: l,
+    className: m("gi-font-bold", s),
     children: e
   }
 ));
-s.displayName = "FormFieldLabel";
-const c = ({ children: e, text: o, size: n, className: r }) => (u("FormFieldHint"), /* @__PURE__ */ i(L, { text: o, size: n, className: m("gi-mb-1", r), children: e }));
-c.displayName = "FormFieldHint";
-const d = ({
+Object.defineProperty(F, "componentType", {
+  value: "FormFieldLabel",
+  writable: !1,
+  enumerable: !1
+});
+F.displayName = "FormFieldLabel";
+const u = ({ children: e, text: r, size: i, className: l }) => (d("FormFieldHint"), /* @__PURE__ */ o(E, { text: r, size: i, className: m("gi-mb-1", l), children: e }));
+Object.defineProperty(u, "componentType", {
+  value: "FormFieldHint",
+  writable: !1,
+  enumerable: !1
+});
+u.displayName = "FormFieldHint";
+const f = ({
   children: e,
-  text: o,
-  size: n,
-  className: r
-}) => (u("FormFieldError"), /* @__PURE__ */ i(v, { text: o, size: n, className: m("gi-mb-1", r), children: e }));
-d.displayName = "FormFieldError";
+  text: r,
+  size: i,
+  className: l
+}) => (d("FormFieldError"), /* @__PURE__ */ o(C, { text: r, size: i, className: m("gi-mb-1", l), children: e }));
+Object.defineProperty(f, "componentType", {
+  value: "FormFieldError",
+  writable: !1,
+  enumerable: !1
+});
+f.displayName = "FormFieldError";
 export {
-  B as FormField,
-  d as FormFieldError,
-  c as FormFieldHint,
-  s as FormFieldLabel
+  _ as FormField,
+  f as FormFieldError,
+  u as FormFieldHint,
+  F as FormFieldLabel
 };

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

@@ -1,21 +1,21 @@
 "use client";
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import f from "react";
-import { ButtonGroup as k, ButtonGroupItem as y } from "../button-group/button-group.js";
-import { FormField as N } from "../forms/form-field/form-field.js";
-const G = ({
+import { jsxs as u, jsx as d } from "react/jsx-runtime";
+import k from "react";
+import { ButtonGroup as y, ButtonGroupItem as N } from "../button-group/button-group.js";
+import { FormField as f, FormFieldLabel as x, FormFieldHint as j } from "../forms/form-field/form-field.js";
+const _ = ({
   name: p,
   size: $ = "medium",
   value: s,
-  label: x,
+  label: F,
   hint: i,
   leftLabel: a,
-  rightLabel: u,
+  rightLabel: r,
   onChange: c,
   type: I
 }) => {
-  var o, n;
-  const t = f.useId(), v = `${t}-label`, b = i ? `${t}-hint` : void 0;
+  var m, t;
+  const o = k.useId(), v = `${o}-label`, b = i ? `${o}-hint` : void 0;
   let l = [];
   switch (I) {
     case "1-5": {
@@ -57,68 +57,64 @@ const G = ({
       break;
     }
   }
-  return /* @__PURE__ */ r(
-    N,
-    {
-      className: "gi-w-full",
-      label: { text: x, id: v },
-      hint: i ? { text: i, id: b } : void 0,
-      children: /* @__PURE__ */ d(
-        "div",
-        {
-          className: "gi-score-select-button-group",
-          role: "group",
-          "aria-labelledby": v,
-          "aria-describedby": b,
-          children: [
-            a && u && l.length > 2 && /* @__PURE__ */ d("div", { className: "gi-score-select-labels-responsive", "aria-hidden": "true", children: [
-              /* @__PURE__ */ d("div", { children: [
-                (o = l[0]) == null ? void 0 : o.label,
-                " – ",
-                a
-              ] }),
-              /* @__PURE__ */ d("div", { children: [
-                (n = l.at(-1)) == null ? void 0 : n.label,
-                " – ",
-                u
-              ] })
+  return /* @__PURE__ */ u(f, { className: "gi-w-full", children: [
+    /* @__PURE__ */ d(x, { id: v, children: F }),
+    i && /* @__PURE__ */ d(j, { id: b, children: i }),
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: "gi-score-select-button-group",
+        role: "group",
+        "aria-labelledby": v,
+        "aria-describedby": b,
+        children: [
+          a && r && l.length > 2 && /* @__PURE__ */ u("div", { className: "gi-score-select-labels-responsive", "aria-hidden": "true", children: [
+            /* @__PURE__ */ u("div", { children: [
+              (m = l[0]) == null ? void 0 : m.label,
+              " – ",
+              a
             ] }),
-            /* @__PURE__ */ r(
-              k,
-              {
-                name: p,
-                size: $,
-                defaultValue: s,
-                onChange: (e) => c == null ? void 0 : c(e),
-                role: "radiogroup",
-                "aria-labelledby": v,
-                "aria-describedby": b,
-                children: l.map((e) => {
-                  var m, h;
-                  return /* @__PURE__ */ r(
-                    y,
-                    {
-                      value: e.value,
-                      role: "radio",
-                      "aria-checked": s === e.value,
-                      "aria-label": `${e.label}${a && e.value === ((m = l[0]) == null ? void 0 : m.value) ? ` - ${a}` : ""}${u && e.value === ((h = l.at(-1)) == null ? void 0 : h.value) ? ` - ${u}` : ""}`,
-                      children: e.label
-                    },
-                    e.value
-                  );
-                })
-              }
-            ),
-            (a || u) && /* @__PURE__ */ d("div", { className: "gi-score-select-labels", "aria-hidden": "true", children: [
-              /* @__PURE__ */ r("div", { children: a }),
-              /* @__PURE__ */ r("div", { children: u })
+            /* @__PURE__ */ u("div", { children: [
+              (t = l.at(-1)) == null ? void 0 : t.label,
+              " – ",
+              r
             ] })
-          ]
-        }
-      )
-    }
-  );
+          ] }),
+          /* @__PURE__ */ d(
+            y,
+            {
+              name: p,
+              size: $,
+              defaultValue: s,
+              onChange: (e) => c == null ? void 0 : c(e),
+              role: "radiogroup",
+              "aria-labelledby": v,
+              "aria-describedby": b,
+              children: l.map((e) => {
+                var n, h;
+                return /* @__PURE__ */ d(
+                  N,
+                  {
+                    value: e.value,
+                    role: "radio",
+                    "aria-checked": s === e.value,
+                    "aria-label": `${e.label}${a && e.value === ((n = l[0]) == null ? void 0 : n.value) ? ` - ${a}` : ""}${r && e.value === ((h = l.at(-1)) == null ? void 0 : h.value) ? ` - ${r}` : ""}`,
+                    children: e.label
+                  },
+                  e.value
+                );
+              })
+            }
+          ),
+          (a || r) && /* @__PURE__ */ u("div", { className: "gi-score-select-labels", "aria-hidden": "true", children: [
+            /* @__PURE__ */ d("div", { children: a }),
+            /* @__PURE__ */ d("div", { children: r })
+          ] })
+        ]
+      }
+    )
+  ] });
 };
 export {
-  G as ScoreSelect
+  _ as ScoreSelect
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ogcio/design-system-react",
-  "version": "1.12.2",
+  "version": "1.12.3",
   "description": "The GOV IE design system React components.",
   "type": "module",
   "main": "dist/index.js",
@@ -50,11 +50,11 @@
     "postcss-import": "^16.1.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",
+    "@ogcio/design-system-eslint-config": "1.2.5",
+    "@ogcio/design-system-prettier-config": "1.0.5",
     "@ogcio/design-system-tailwind": "1.11.0",
     "@ogcio/theme-doete": "1.0.0",
-    "@ogcio/theme-govie": "1.5.3",
-    "@ogcio/design-system-prettier-config": "1.0.5",
-    "@ogcio/design-system-eslint-config": "1.2.5"
+    "@ogcio/theme-govie": "1.5.3"
   },
   "scripts": {
     "format": "prettier 'src/**/*.{ts,tsx}' --write",