@ogcio/design-system-react 1.27.0 → 1.28.0

package/dist/autocomplete/use-autocomplete-controller.js

@@ -1,4 +1,4 @@
-import { l as F } from "../lodash-LsP9-6SV.js";
+import { l as F } from "../lodash-82PmXrjJ.js";
 import { useRef as g, useMemo as G, Children as C, useReducer as X, useEffect as A, isValidElement as h } from "react";
 import { useScrollHighlightedItem as Y } from "../hooks/use-scroll-highlighted-item.js";
 import { safeCloneElement as j } from "../utils/utilities.js";

package/dist/browser-support/browser-support.js

@@ -5,7 +5,7 @@ import { useMemo as S } from "react";
 import { Alert as B } from "../alert/alert.js";
 import { BROWSER_POLICY as x, DS_HOST as k } from "../constants.js";
 import { Link as A } from "../link/link.js";
-import { u as P } from "../useTranslation-BmIU4GBA.js";
+import { u as P } from "../useTranslation-DiBQuy8S.js";
 const O = {
   AmazonBot: "amazonbot",
   "Amazon Silk": "amazon_silk",

package/dist/character-count/character-count.d.ts

@@ -0,0 +1,6 @@
+import { CharacterCountProps } from './types.js';
+/**
+ * CharacterCount displays the remaining character count for textarea-based
+ * inputs, such as the TextArea component.
+ */
+export declare const CharacterCount: React.FC<CharacterCountProps>;

package/dist/character-count/character-count.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { HintText as n } from "../hint-text/hint-text.js";
+import { translate as i } from "../i18n/utility.js";
+const m = ({
+  maxChars: e,
+  value: r
+}) => {
+  const t = Math.max(0, e - ((r == null ? void 0 : r.length) ?? 0));
+  return /* @__PURE__ */ a("div", { className: "gi-textarea-remaining-chars", children: /* @__PURE__ */ a(
+    n,
+    {
+      text: i("textarea.remainingChars", {
+        remainingChars: t,
+        defaultValue: `You have ${t} characters remaining`
+      })
+    }
+  ) });
+};
+m.displayName = "CharacterCount";
+export {
+  m as CharacterCount
+};

package/dist/character-count/types.d.ts

@@ -0,0 +1,10 @@
+export type CharacterCountProps = {
+    /**
+     * The maximum number of characters allowed.
+     */
+    maxChars: number;
+    /**
+     * The current text value.
+     */
+    value: string;
+};

package/dist/character-count/types.js

@@ -0,0 +1 @@
+

package/dist/data-table/editable-table-cell.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { l as O } from "../lodash-LsP9-6SV.js";
+import { l as O } from "../lodash-82PmXrjJ.js";
 import { useState as g, useMemo as S, useEffect as k } from "react";
 import { InputCheckboxTableCell as V } from "../input-checkbox/input-checkbox.js";
 import { InputTextTableCell as j } from "../input-text/input-text.js";

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as l, jsxs as a, Fragment as p } from "react/jsx-runtime";
-import { S as x } from "../../index-2sRBqKFV.js";
+import { S as x } from "../../index-D_wwt4P0.js";
 import { createContext as v, useContext as N, Children as C } from "react";
 import { cn as c } from "../../cn.js";
 import { ErrorText as L } from "../../error-text/error-text.js";

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

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as m } from "react/jsx-runtime";
-import { S as d } from "../../index-2sRBqKFV.js";
+import { S as d } from "../../index-D_wwt4P0.js";
 import { cn as c } from "../../cn.js";
 import { ErrorText as l } from "../../error-text/error-text.js";
 import { HintText as f } from "../../hint-text/hint-text.js";

package/dist/header/header-next/components/menu/components/header-menu-item-button.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as n, Fragment as s, jsxs as u } from "react/jsx-runtime";
-import { a as c } from "../../../../../index-2sRBqKFV.js";
+import { a as c } from "../../../../../index-D_wwt4P0.js";
 import { cn as d } from "../../../../../cn.js";
 import { Icon as p } from "../../../../../icon/icon.js";
 import { Button as f } from "../../../../../primitives/button.js";

package/dist/header/header-next/components/menu/components/header-menu-item-link.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as n, jsxs as H } from "react/jsx-runtime";
-import { a as M } from "../../../../../index-2sRBqKFV.js";
+import { a as M } from "../../../../../index-D_wwt4P0.js";
 import { forwardRef as I } from "react";
 import { cn as k } from "../../../../../cn.js";
 import { Icon as w } from "../../../../../icon/icon.js";