@ogcio/design-system-react 1.15.2 → 1.16.0

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

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

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

@@ -26,6 +26,7 @@ export type InputTextProps = React.InputHTMLAttributes<HTMLInputElement> & {
     halfFluid?: boolean;
     clearButtonEnabled?: boolean;
     containerProps?: any;
+    dataTestId?: string;
 };
 export type InputTextTableCellProps = InputTextProps & {
     error?: boolean;

package/dist/modal/modal.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { HeadingProps } from '../heading/heading.js';
 import { ModalFooterProps, ModalProps, ModalWrapperProps } from './types.js';
-export declare const ModalWrapper: ({ position, size, closeOnClick, closeOnOverlayClick, isOpen, onClose, closeButtonLabel, className, children, closeButtonSize, dataTestId, ...props }: ModalWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModalWrapper: ({ position, size, closeOnClick, closeOnOverlayClick, isOpen, onClose, closeButtonLabel, className, children, closeButtonSize, closeOnEscape, dataTestId, ...props }: ModalWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ModalTitle: {
     ({ children, as, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -11,7 +11,7 @@ export declare const ModalBody: ({ children, className, }: {
     className?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const ModalFooter: {
-    ({ className, children, orientation, dataModalSize, }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, children, orientation, dataModalSize, stacked, }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const Modal: ({ children, triggerButton, startsOpen, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element;