@ogcio/design-system-react 1.12.3 → 1.13.0

package/dist/input-radio-group/input-radio-group.js

@@ -1,28 +1,35 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { useState as c, Children as l, isValidElement as d, cloneElement as g } from "react";
-const v = ({
-  groupId: t,
-  inline: n,
-  onChange: r,
-  children: e
+import { jsx as r } from "react/jsx-runtime";
+import { useState as a, useEffect as g, Children as m, isValidElement as v, cloneElement as f } from "react";
+const N = ({
+  groupId: s,
+  inline: c,
+  onChange: n,
+  value: o,
+  children: p
 }) => {
-  const [p, s] = c(), u = (i) => {
-    s(i.target.value), r == null || r(i);
-  }, a = l.map(e, (i) => d(i) ? g(i, {
-    onChange: u,
-    checked: p === i.props.value,
-    name: t
+  const [u, t] = a(
+    o || null
+  );
+  g(() => {
+    t(o || null);
+  }, [o]);
+  const d = o === void 0 ? u : o, e = (i) => {
+    o === void 0 && t(i.target.value), n == null || n(i);
+  }, l = m.map(p, (i) => v(i) ? f(i, {
+    onChange: e,
+    checked: d === i.props.value,
+    name: s
   }) : i);
-  return /* @__PURE__ */ o("div", { className: "gi-input-group-container", children: /* @__PURE__ */ o("div", { className: "gi-input-group-options-container", children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ r("div", { className: "gi-input-group-container", children: /* @__PURE__ */ r("div", { className: "gi-input-group-options-container", children: /* @__PURE__ */ r(
     "div",
     {
       role: "radiogroup",
-      className: n ? "gi-input-group-options-inline" : "gi-input-group-options-stacked",
-      children: a
+      className: c ? "gi-input-group-options-inline" : "gi-input-group-options-stacked",
+      children: l
     }
   ) }) });
 };
 export {
-  v as InputRadioGroup
+  N as InputRadioGroup
 };

package/dist/input-radio-group/types.d.ts

@@ -2,4 +2,5 @@ export type InputRadioGroupProps = {
     groupId: string;
     inline?: boolean;
     onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
 };

package/dist/input-text/input-text.d.ts

@@ -16,4 +16,26 @@ export declare const InputText: import('react').ForwardRefExoticComponent<import
     type?: "text" | "date" | "datetime-local" | "email" | "month" | "number" | "password" | "tel" | "time" | "url" | "week" | "search";
     halfFluid?: boolean;
     clearButtonEnabled?: boolean;
+    containerProps?: any;
+} & import('react').RefAttributes<HTMLInputElement>>;
+export declare const InputTextTableCell: import('react').ForwardRefExoticComponent<import('react').InputHTMLAttributes<HTMLInputElement> & {
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    inputClassName?: string;
+    iconStart?: import('../icon/icon.js').IconId;
+    onIconStartClick?: () => void;
+    iconStartClassName?: string;
+    iconEnd?: import('../icon/icon.js').IconId;
+    iconEndClassName?: string;
+    onIconEndClick?: () => void;
+    inputActionButton?: InputActionButtonProps;
+    iconEndRef?: any;
+    inputActionPosition?: "beforeSuffix" | "afterSuffix";
+    type?: "text" | "date" | "datetime-local" | "email" | "month" | "number" | "password" | "tel" | "time" | "url" | "week" | "search";
+    halfFluid?: boolean;
+    clearButtonEnabled?: boolean;
+    containerProps?: any;
+} & {
+    error?: boolean;
+    disabled?: boolean;
 } & import('react').RefAttributes<HTMLInputElement>>;

package/dist/input-text/input-text.js

@@ -1,26 +1,26 @@
 "use client";
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as f, useRef as _, useImperativeHandle as j, useMemo as C } from "react";
-import { cn as c } from "../cn.js";
-import { Icon as o } from "../icon/icon.js";
-import { IconButton as O } from "../icon-button/icon-button.js";
-import { Input as S } from "../primitives/input.js";
-const b = f(
-  ({ onChange: a, ...r }, n) => {
-    const e = _(null);
-    return j(n, () => e.current), /* @__PURE__ */ t(
+import { jsx as n, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as u, useRef as S, useImperativeHandle as W, useMemo as _ } from "react";
+import { cn as l } from "../cn.js";
+import { Icon as m } from "../icon/icon.js";
+import { IconButton as j } from "../icon-button/icon-button.js";
+import { Input as O } from "../primitives/input.js";
+const H = u(
+  ({ onChange: a, ...e }, r) => {
+    const t = S(null);
+    return W(r, () => t.current), /* @__PURE__ */ n(
       p,
       {
-        ...r,
+        ...e,
         onChange: a,
-        ref: e,
+        ref: t,
         inputActionButton: {
           icon: "close",
           onClick: () => {
-            e != null && e.current && (e.current.value = "", e.current.focus());
+            t != null && t.current && (t.current.value = "", t.current.focus());
             const d = {
-              target: e.current,
-              currentTarget: e.current,
+              target: t.current,
+              currentTarget: t.current,
               __origin: "clear_button"
             };
             a && a(d);
@@ -29,112 +29,133 @@ const b = f(
       }
     );
   }
-), p = f(
+), p = u(
   ({
     prefix: a,
-    inputActionButton: r,
-    inputActionPosition: n = "beforeSuffix",
-    suffix: e,
-    halfFluid: s = !1,
+    inputActionButton: e,
+    inputActionPosition: r = "beforeSuffix",
+    suffix: t,
+    halfFluid: c = !1,
     className: d,
-    type: h = "text",
-    iconStart: u,
-    iconStartClassName: v,
-    onIconStartClick: g,
-    iconEnd: l,
-    iconEndClassName: I,
-    onIconEndClick: N,
+    type: I = "text",
+    iconStart: o,
+    iconStartClassName: g,
+    onIconStartClick: v,
+    iconEnd: s,
+    iconEndClassName: N,
+    onIconEndClick: T,
     disabled: i,
-    inputClassName: k,
-    iconEndRef: T,
-    ...w
+    inputClassName: w,
+    iconEndRef: C,
+    containerProps: b,
+    ...k
   }, z) => {
-    const R = C(() => r && n === "beforeSuffix" ? /* @__PURE__ */ t(
+    const R = _(() => e && r === "beforeSuffix" ? /* @__PURE__ */ n(
       "div",
       {
         className: "gi-input-text-action-before-suffix",
-        "data-suffix": !!e,
-        "data-has-icon-end": !!l,
-        children: /* @__PURE__ */ t(x, { ...r, disabled: i })
+        "data-suffix": !!t,
+        "data-has-icon-end": !!s,
+        children: /* @__PURE__ */ n(x, { ...e, disabled: i })
       }
-    ) : null, [r]);
-    return /* @__PURE__ */ m("div", { className: c(d, "gi-input-text-container"), children: [
-      a && /* @__PURE__ */ t("div", { className: "gi-input-text-prefix", "data-disabled": i, children: a }),
-      /* @__PURE__ */ m(
-        "div",
-        {
-          className: c("gi-input-text-inner", {
-            "gi-input-half-width": s
-          }),
-          children: [
-            u && /* @__PURE__ */ t(
-              "div",
-              {
-                className: c("gi-input-text-icon-start", v),
-                onClick: g,
-                "data-prefix": !!a,
-                children: /* @__PURE__ */ t(o, { icon: u, size: "md", disabled: i })
-              }
-            ),
-            /* @__PURE__ */ t(
-              S,
-              {
-                type: h,
-                "data-icon-start": !!u,
-                "data-icon-end": !!l,
-                "data-end-element": !!r,
-                "data-prefix": !!a,
-                "data-suffix": !!e,
-                className: c(k, "gi-input-text"),
-                ref: z,
-                disabled: i,
-                ...w
-              }
-            ),
-            l && /* @__PURE__ */ t(
-              "div",
-              {
-                className: c("gi-input-text-icon-end", I),
-                "data-end-element": !!r && n === "afterSuffix",
-                "data-suffix": !!e,
-                onClick: N,
-                ref: T,
-                children: /* @__PURE__ */ t(o, { icon: l, size: "md", disabled: i })
-              }
-            ),
-            R
-          ]
-        }
-      ),
-      r && n === "afterSuffix" && /* @__PURE__ */ t("div", { className: "gi-input-text-end-element", "data-suffix": !!e, children: /* @__PURE__ */ t(x, { ...r, disabled: i }) }),
-      e && /* @__PURE__ */ t("div", { className: "gi-input-text-suffix", "data-disabled": i, children: e })
-    ] });
+    ) : null, [e]);
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        className: l(d, "gi-input-text-container"),
+        ...b,
+        children: [
+          a && /* @__PURE__ */ n("div", { className: "gi-input-text-prefix", "data-disabled": i, children: a }),
+          /* @__PURE__ */ f(
+            "div",
+            {
+              className: l("gi-input-text-inner", {
+                "gi-input-half-width": c
+              }),
+              children: [
+                o && /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: l("gi-input-text-icon-start", g),
+                    onClick: v,
+                    "data-prefix": !!a,
+                    children: /* @__PURE__ */ n(m, { icon: o, size: "md", disabled: i })
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  O,
+                  {
+                    type: I,
+                    "data-icon-start": !!o,
+                    "data-icon-end": !!s,
+                    "data-end-element": !!e,
+                    "data-prefix": !!a,
+                    "data-suffix": !!t,
+                    className: l("gi-input-text", w),
+                    ref: z,
+                    disabled: i,
+                    ...k
+                  }
+                ),
+                s && /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: l("gi-input-text-icon-end", N),
+                    "data-end-element": !!e && r === "afterSuffix",
+                    "data-suffix": !!t,
+                    onClick: T,
+                    ref: C,
+                    children: /* @__PURE__ */ n(m, { icon: s, size: "md", disabled: i })
+                  }
+                ),
+                R
+              ]
+            }
+          ),
+          e && r === "afterSuffix" && /* @__PURE__ */ n("div", { className: "gi-input-text-end-element", "data-suffix": !!t, children: /* @__PURE__ */ n(x, { ...e, disabled: i }) }),
+          t && /* @__PURE__ */ n("div", { className: "gi-input-text-suffix", "data-disabled": i, children: t })
+        ]
+      }
+    );
   }
 ), x = ({
   onClick: a,
-  ariaLabel: r,
-  icon: n,
-  dataTestId: e,
-  ...s
-}) => /* @__PURE__ */ t(
-  O,
+  ariaLabel: e,
+  icon: r,
+  dataTestId: t,
+  ...c
+}) => /* @__PURE__ */ n(
+  j,
   {
-    ...s,
+    ...c,
     icon: {
-      icon: n
+      icon: r
     },
-    "data-testid": e,
-    "aria-label": r || "",
+    "data-testid": t,
+    "aria-label": e || "",
     onClick: a,
     variant: "flat",
     size: "small",
     appearance: "dark"
   }
-), H = f(
-  ({ type: a = "text", clearButtonEnabled: r, ...n }, e) => r ? /* @__PURE__ */ t(b, { ref: e, type: a, ...n }) : /* @__PURE__ */ t(p, { ref: e, type: a, ...n })
+), h = u(
+  ({ type: a = "text", clearButtonEnabled: e, ...r }, t) => e || a === "search" ? /* @__PURE__ */ n(H, { ref: t, type: a, ...r }) : /* @__PURE__ */ n(p, { ref: t, type: a, ...r })
 );
-H.displayName = "InputText";
+h.displayName = "InputText";
+const G = u(({ type: a = "text", error: e, ...r }, t) => /* @__PURE__ */ n(
+  h,
+  {
+    ...r,
+    containerProps: {
+      "data-table-cell": !0,
+      "data-table-cell-error-state": e == null ? void 0 : e.toString()
+    },
+    ref: t,
+    type: a
+  }
+));
 export {
   x as InputActionButton,
-  H as InputText
+  h as InputText,
+  G as InputTextTableCell
 };

package/dist/input-text/type.d.ts

@@ -24,4 +24,9 @@ export type InputTextProps = React.InputHTMLAttributes<HTMLInputElement> & {
     type?: 'text' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'tel' | 'time' | 'url' | 'week' | 'search';
     halfFluid?: boolean;
     clearButtonEnabled?: boolean;
+    containerProps?: any;
+};
+export type InputTextTableCellProps = InputTextProps & {
+    error?: boolean;
+    disabled?: boolean;
 };

package/dist/label/label.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
-import { c as o } from "../index-DNkhmzZp.js";
+import { c as o } from "../index-CB-zPpNk.js";
 const d = {
   Small: "sm",
   Medium: "md",

package/dist/link/link.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as S, Fragment as b } from "react/jsx-runtime";
-import { a as j } from "../index-ntYL1VRC.js";
+import { a as j } from "../index-2sRBqKFV.js";
 import { forwardRef as w } from "react";
 import { getVariantAppearanceClass as I, getSizeClass as L } from "../button/helpers.js";
 import { cn as A } from "../cn.js";

package/dist/list/list.js

@@ -21,7 +21,7 @@ const s = {
   }
   return i && e.push("gi-list-spaced"), e.join(" ");
 };
-function o({
+function c({
   items: i,
   type: t = s.None,
   spaced: e,
@@ -39,6 +39,6 @@ function o({
   );
 }
 export {
-  o as List,
+  c as List,
   s as ListTypeEnum
 };