@ogcio/design-system-react 1.13.0 → 1.15.0

package/dist/textarea/textarea.js

@@ -1,74 +1,73 @@
 "use client";
-import { jsxs as d, Fragment as k, jsx as n } from "react/jsx-runtime";
-import { forwardRef as R, useRef as j, useState as m, useImperativeHandle as p, useEffect as y } from "react";
-import { cn as u } from "../cn.js";
-import { HintText as z } from "../hint-text/hint-text.js";
-import { translate as A } from "../i18n/utility.js";
-import { Icon as H } from "../icon/icon.js";
-import { IconButton as O } from "../icon-button/icon-button.js";
-const E = R(
+import { jsxs as u, Fragment as j, jsx as e } from "react/jsx-runtime";
+import { forwardRef as y, useRef as z, useState as g, useImperativeHandle as A, useEffect as H } from "react";
+import { cn as v } from "../cn.js";
+import { HintText as O } from "../hint-text/hint-text.js";
+import { translate as F } from "../i18n/utility.js";
+import { Icon as L } from "../icon/icon.js";
+import { IconButton as Y } from "../icon-button/icon-button.js";
+const $ = y(
   ({
-    value: i,
-    rows: g = 4,
-    cols: f = 100,
-    autoComplete: h = "on",
+    value: o,
+    rows: h = 4,
+    cols: p = 100,
+    autoComplete: x = "on",
     maxChars: t,
-    halfFluid: v = !1,
-    iconStart: c,
-    className: x,
-    clearButtonEnabled: s,
-    ...a
-  }, N) => {
-    const e = j(null), [o, C] = m(
+    halfFluid: N = !1,
+    iconStart: i,
+    className: b,
+    clearButtonEnabled: d,
+    onChange: a,
+    ...r
+  }, R) => {
+    const n = z(null), [m, V] = g(
       t
     );
-    p(N, () => e.current);
-    const [I, V] = m(""), l = typeof i == "string" ? i : I;
-    y(() => {
-      t !== void 0 && C(t - l.length);
-    }, [l, t]);
-    const b = (r) => {
-      const T = r.target.value;
-      i === void 0 && V(T), a.onChange && a.onChange(r);
+    A(R, () => n.current);
+    const [I, f] = g(""), l = o !== void 0, s = l ? String(o) : I;
+    H(() => {
+      t !== void 0 && V(t - s.length);
+    }, [s, t]);
+    const k = (c) => {
+      const T = c.target.value;
+      l || f(T), a && a(c);
     }, w = () => {
-      if (e != null && e.current) {
-        e.current.value = "", e.current.focus();
-        const r = {
-          target: e.current,
-          currentTarget: e.current
-        };
-        a.onChange && a.onChange(r);
-      }
+      n.current && (l || f(""), a && a({
+        target: {
+          value: ""
+        }
+      }), n.current.focus());
     };
-    return /* @__PURE__ */ d(k, { children: [
-      /* @__PURE__ */ n("div", { className: "gi-textarea-container", children: /* @__PURE__ */ d(
+    return /* @__PURE__ */ u(j, { children: [
+      /* @__PURE__ */ e("div", { className: "gi-textarea-container", children: /* @__PURE__ */ u(
         "div",
         {
-          className: u("gi-textarea-inner", {
-            "gi-input-half-width": v
+          className: v("gi-textarea-inner", {
+            "gi-input-half-width": N
           }),
           children: [
-            c && /* @__PURE__ */ n("div", { className: "gi-text-area-icon-start", children: /* @__PURE__ */ n(H, { icon: c, size: "md", disabled: a.disabled }) }),
-            /* @__PURE__ */ n(
+            i && /* @__PURE__ */ e("div", { className: "gi-text-area-icon-start", children: /* @__PURE__ */ e(L, { icon: i, size: "md", disabled: r.disabled }) }),
+            /* @__PURE__ */ e(
               "textarea",
               {
-                rows: g,
-                cols: f,
-                autoComplete: h,
-                className: u(x, "gi-textarea"),
-                ref: e,
-                "data-icon-start": !!c,
-                "data-clear-enabled": s,
+                rows: h,
+                cols: p,
+                autoComplete: x,
+                className: v(b, "gi-textarea"),
+                ref: n,
+                "data-icon-start": !!i,
+                "data-clear-enabled": d,
                 maxLength: t,
-                value: l,
-                onChange: b,
-                ...a
+                value: s,
+                onChange: k,
+                ...r
               }
             ),
-            s ? /* @__PURE__ */ n("div", { className: "gi-text-area-end-element", children: /* @__PURE__ */ n(
-              O,
+            d ? /* @__PURE__ */ e("div", { className: "gi-text-area-end-element", children: /* @__PURE__ */ e(
+              Y,
               {
-                disabled: a.disabled,
+                type: "button",
+                disabled: r.disabled,
                 icon: {
                   icon: "close"
                 },
@@ -81,19 +80,19 @@ const E = R(
           ]
         }
       ) }),
-      t && /* @__PURE__ */ n("div", { className: "gi-textarea-remaining-chars", children: /* @__PURE__ */ n(
-        z,
+      t && /* @__PURE__ */ e("div", { className: "gi-textarea-remaining-chars", children: /* @__PURE__ */ e(
+        O,
         {
-          text: A("textarea.remainingChars", {
-            remainingChars: o,
-            defaultValue: `You have ${o} characters remaining`
+          text: F("textarea.remainingChars", {
+            remainingChars: m,
+            defaultValue: `You have ${m} characters remaining`
           })
         }
       ) })
     ] });
   }
 );
-E.displayName = "TextArea";
+$.displayName = "TextArea";
 export {
-  E as TextArea
+  $ as TextArea
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ogcio/design-system-react",
-  "version": "1.13.0",
+  "version": "1.15.0",
   "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.6",
     "@ogcio/design-system-prettier-config": "1.0.6",
-    "@ogcio/design-system-tailwind": "1.12.0",
+    "@ogcio/design-system-eslint-config": "1.2.6",
+    "@ogcio/design-system-tailwind": "1.13.1",
     "@ogcio/theme-doete": "1.0.0",
-    "@ogcio/theme-govie": "1.6.0"
+    "@ogcio/theme-govie": "1.7.0"
   },
   "scripts": {
     "format": "prettier 'src/**/*.{ts,tsx}' --write",