@ogcio/design-system-react 1.32.0 → 1.34.0

package/dist/atoms/storybook/Logos.meta.js

@@ -1,4 +1,4 @@
-import { K as n, n as t } from "../../index-Bh2cTIps.js";
+import { w as n, e as t } from "../../index-DqBV2TCd.js";
 const s = {
   tags: ["autodocs"],
   title: "Foundation/Logos",

package/dist/autocomplete/autocomplete.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as z, jsx as y } from "react/jsx-runtime";
 import { forwardRef as J, useRef as D, useImperativeHandle as Q, useEffect as W, useCallback as P, createElement as Y, Children as Z, isValidElement as ee } from "react";
-import { c as te } from "../index-CB-zPpNk.js";
+import { c as te } from "../index-C7W4ssMN.js";
 import { cn as oe } from "../cn.js";
 import { useDomId as ne } from "../hooks/use-dom-id.js";
 import { translate as G } from "../i18n/utility.js";

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

@@ -1,5 +1,5 @@
-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 { l as F } from "../lodash-DTZaBYO8.js";
+import { useRef as g, useMemo as G, useReducer as X, useEffect as A, Children as C, isValidElement as h } from "react";
 import { useScrollHighlightedItem as Y } from "../hooks/use-scroll-highlighted-item.js";
 import { safeCloneElement as j } from "../utils/utilities.js";
 import { AUTOCOMPLETE_ACTIONS as k } from "./types.js";

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

@@ -1,18 +1,19 @@
 "use client";
 import { jsxs as M, jsx as y } from "react/jsx-runtime";
 import { c as F } from "../clsx-OuTLNxxd.js";
-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 { useMemo as B } from "react";
+import { Alert as S } from "../alert/alert.js";
+import { BROWSER_POLICY as k, DS_HOST as x } from "../constants.js";
 import { Link as A } from "../link/link.js";
-import { u as P } from "../useTranslation-DiBQuy8S.js";
-const O = {
+import { u as _ } from "../useTranslation-CRbS3UeG.js";
+const P = {
   AmazonBot: "amazonbot",
   "Amazon Silk": "amazon_silk",
   "Android Browser": "android",
   BaiduSpider: "baiduspider",
   Bada: "bada",
   BingCrawler: "bingcrawler",
+  Brave: "brave",
   BlackBerry: "blackberry",
   "ChatGPT-User": "chatgpt_user",
   Chrome: "chrome",
@@ -20,6 +21,7 @@ const O = {
   Chromium: "chromium",
   Diffbot: "diffbot",
   DuckDuckBot: "duckduckbot",
+  DuckDuckGo: "duckduckgo",
   Electron: "electron",
   Epiphany: "epiphany",
   FacebookExternalHit: "facebookexternalhit",
@@ -33,6 +35,7 @@ const O = {
   InternetArchiveCrawler: "internetarchivecrawler",
   "K-Meleon": "k_meleon",
   LibreWolf: "librewolf",
+  Linespider: "linespider",
   Maxthon: "maxthon",
   "Meta-ExternalAds": "meta_externalads",
   "Meta-ExternalAgent": "meta_externalagent",
@@ -58,6 +61,7 @@ const O = {
   Safari: "safari",
   Sailfish: "sailfish",
   "Samsung Internet for Android": "samsung_internet",
+  SlackBot: "slackbot",
   SeaMonkey: "seamonkey",
   Sleipnir: "sleipnir",
   "Sogou Browser": "sogou",
@@ -79,12 +83,14 @@ const O = {
   bada: "Bada",
   bingcrawler: "BingCrawler",
   blackberry: "BlackBerry",
+  brave: "Brave",
   chatgpt_user: "ChatGPT-User",
   chrome: "Chrome",
   claudebot: "ClaudeBot",
   chromium: "Chromium",
   diffbot: "Diffbot",
   duckduckbot: "DuckDuckBot",
+  duckduckgo: "DuckDuckGo",
   edge: "Microsoft Edge",
   electron: "Electron",
   epiphany: "Epiphany",
@@ -99,6 +105,7 @@ const O = {
   internetarchivecrawler: "InternetArchiveCrawler",
   k_meleon: "K-Meleon",
   librewolf: "LibreWolf",
+  linespider: "Linespider",
   maxthon: "Maxthon",
   meta_externalads: "Meta-ExternalAds",
   meta_externalagent: "Meta-ExternalAgent",
@@ -124,6 +131,7 @@ const O = {
   sailfish: "Sailfish",
   samsung_internet: "Samsung Internet for Android",
   seamonkey: "SeaMonkey",
+  slackbot: "SlackBot",
   sleipnir: "Sleipnir",
   sogou: "Sogou Browser",
   swing: "Swing",
@@ -447,7 +455,7 @@ class s {
    * @return {string}
    */
   static getBrowserAlias(e) {
-    return O[e];
+    return P[e];
   }
   /**
    * Get browser name for a short version/alias
@@ -462,7 +470,7 @@ class s {
     return w[e] || "";
   }
 }
-const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
+const o = /version\/(\d+(\.?_?\d+)+)/i, O = [
   /* GPTBot */
   {
     test: [/gptbot/i],
@@ -603,6 +611,16 @@ const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
       return t && (e.version = t), e;
     }
   },
+  /* Linespider */
+  {
+    test: [/linespider/i],
+    describe(r) {
+      const e = {
+        name: "Linespider"
+      }, t = s.getFirstMatch(/(?:linespider)(?:-[-\w]+)?[\s/](\d+(\.\d+)+)/i, r) || s.getFirstMatch(o, r);
+      return t && (e.version = t), e;
+    }
+  },
   /* AmazonBot */
   {
     test: [/amazonbot/i],
@@ -662,6 +680,16 @@ const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
       };
     }
   },
+  /* SlackBot */
+  {
+    test: [/slackbot/i, /slack-imgProxy/i],
+    describe(r) {
+      const e = {
+        name: "SlackBot"
+      }, t = s.getFirstMatch(/(?:slackbot|slack-imgproxy)(?:-[-\w]+)?[\s/](\d+(\.\d+)+)/i, r) || s.getFirstMatch(o, r);
+      return t && (e.version = t), e;
+    }
+  },
   /* YahooSlurp */
   {
     test: [/yahoo!?[\s/]*slurp/i],
@@ -1033,6 +1061,41 @@ const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
       return t && (e.version = t), e;
     }
   },
+  /* DuckDuckGo Browser */
+  {
+    test(r) {
+      return r.hasBrand("DuckDuckGo") ? !0 : r.test(/\sDdg\/[\d.]+$/i);
+    },
+    describe(r, e) {
+      const t = {
+        name: "DuckDuckGo"
+      };
+      if (e) {
+        const a = e.getBrandVersion("DuckDuckGo");
+        if (a)
+          return t.version = a, t;
+      }
+      const i = s.getFirstMatch(/\sDdg\/([\d.]+)$/i, r);
+      return i && (t.version = i), t;
+    }
+  },
+  /* Brave Browser */
+  {
+    test(r) {
+      return r.hasBrand("Brave");
+    },
+    describe(r, e) {
+      const t = {
+        name: "Brave"
+      };
+      if (e) {
+        const i = e.getBrandVersion("Brave");
+        if (i)
+          return t.version = i, t;
+      }
+      return t;
+    }
+  },
   {
     test: [/chromium/i],
     describe(r) {
@@ -1279,6 +1342,16 @@ const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
       };
     }
   },
+  /* LineSpider */
+  {
+    test: [/linespider/i],
+    describe() {
+      return {
+        type: n.bot,
+        vendor: "Line"
+      };
+    }
+  },
   /* AmazonBot */
   {
     test: [/amazonbot/i],
@@ -1469,6 +1542,16 @@ const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
       };
     }
   },
+  /* SlackBot */
+  {
+    test: [/slackbot/i, /slack-imgProxy/i],
+    describe() {
+      return {
+        type: n.bot,
+        vendor: "Slack"
+      };
+    }
+  },
   /* Yahoo! Slurp */
   {
     test: [/yahoo/i],
@@ -1675,6 +1758,24 @@ const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
       };
     }
   },
+  /* Smart TV */
+  {
+    test: [/smart-?tv|smarttv/i],
+    describe() {
+      return {
+        type: n.tv
+      };
+    }
+  },
+  /* NetCast (LG Smart TV) */
+  {
+    test: [/netcast/i],
+    describe() {
+      return {
+        type: n.tv
+      };
+    }
+  },
   /* desktop */
   {
     test(r) {
@@ -1809,18 +1910,73 @@ class f {
    * Create instance of Parser
    *
    * @param {String} UA User-Agent string
-   * @param {Boolean} [skipParsing=false] parser can skip parsing in purpose of performance
-   * improvements if you need to make a more particular parsing
-   * like {@link Parser#parseBrowser} or {@link Parser#parsePlatform}
+   * @param {Boolean|ClientHints} [skipParsingOrHints=false] Either a boolean to skip parsing,
+   * or a ClientHints object containing User-Agent Client Hints data
+   * @param {ClientHints} [clientHints] User-Agent Client Hints data (navigator.userAgentData)
    *
    * @throw {Error} in case of empty UA String
    *
    * @constructor
    */
-  constructor(e, t = !1) {
+  constructor(e, t = !1, i = null) {
     if (e == null || e === "")
       throw new Error("UserAgent parameter can't be empty");
-    this._ua = e, this.parsedResult = {}, t !== !0 && this.parse();
+    this._ua = e;
+    let a = !1;
+    typeof t == "boolean" ? (a = t, this._hints = i) : t != null && typeof t == "object" ? this._hints = t : this._hints = null, this.parsedResult = {}, a !== !0 && this.parse();
+  }
+  /**
+   * Get Client Hints data
+   * @return {ClientHints|null}
+   *
+   * @public
+   * @example
+   * const parser = Bowser.getParser(UA, clientHints);
+   * const hints = parser.getHints();
+   * console.log(hints.platform); // 'Windows'
+   * console.log(hints.mobile); // false
+   */
+  getHints() {
+    return this._hints;
+  }
+  /**
+   * Check if a brand exists in Client Hints brands array
+   * @param {string} brandName The brand name to check for
+   * @return {boolean}
+   *
+   * @public
+   * @example
+   * const parser = Bowser.getParser(UA, clientHints);
+   * if (parser.hasBrand('Google Chrome')) {
+   *   console.log('Chrome detected!');
+   * }
+   */
+  hasBrand(e) {
+    if (!this._hints || !Array.isArray(this._hints.brands))
+      return !1;
+    const t = e.toLowerCase();
+    return this._hints.brands.some(
+      (i) => i.brand && i.brand.toLowerCase() === t
+    );
+  }
+  /**
+   * Get brand version from Client Hints
+   * @param {string} brandName The brand name to get version for
+   * @return {string|undefined}
+   *
+   * @public
+   * @example
+   * const parser = Bowser.getParser(UA, clientHints);
+   * const version = parser.getBrandVersion('Google Chrome');
+   * console.log(version); // '131'
+   */
+  getBrandVersion(e) {
+    if (!this._hints || !Array.isArray(this._hints.brands))
+      return;
+    const t = e.toLowerCase(), i = this._hints.brands.find(
+      (a) => a.brand && a.brand.toLowerCase() === t
+    );
+    return i ? i.version : void 0;
   }
   /**
    * Get UserAgent string of current Parser instance
@@ -1845,14 +2001,14 @@ class f {
    */
   parseBrowser() {
     this.parsedResult.browser = {};
-    const e = s.find(_, (t) => {
+    const e = s.find(O, (t) => {
       if (typeof t.test == "function")
         return t.test(this);
       if (Array.isArray(t.test))
         return t.test.some((i) => this.test(i));
       throw new Error("Browser's test function is not valid");
     });
-    return e && (this.parsedResult.browser = e.describe(this.getUA())), this.parsedResult.browser;
+    return e && (this.parsedResult.browser = e.describe(this.getUA(), this)), this.parsedResult.browser;
   }
   /**
    * Get parsed browser object
@@ -2116,40 +2272,56 @@ class f {
 }
 /*!
  * Bowser - a browser detector
- * https://github.com/lancedikson/bowser
+ * https://github.com/bowser-js/bowser
  * MIT License | (c) Dustin Diaz 2012-2015
  * MIT License | (c) Denis Demchenko 2015-2019
  */
-class R {
+class L {
   /**
    * Creates a {@link Parser} instance
    *
    * @param {String} UA UserAgent string
-   * @param {Boolean} [skipParsing=false] Will make the Parser postpone parsing until you ask it
-   * explicitly. Same as `skipParsing` for {@link Parser}.
+   * @param {Boolean|Object} [skipParsingOrHints=false] Either a boolean to skip parsing,
+   * or a ClientHints object (navigator.userAgentData)
+   * @param {Object} [clientHints] User-Agent Client Hints data (navigator.userAgentData)
    * @returns {Parser}
    * @throws {Error} when UA is not a String
    *
    * @example
    * const parser = Bowser.getParser(window.navigator.userAgent);
    * const result = parser.getResult();
+   *
+   * @example
+   * // With User-Agent Client Hints
+   * const parser = Bowser.getParser(
+   *   window.navigator.userAgent,
+   *   window.navigator.userAgentData
+   * );
    */
-  static getParser(e, t = !1) {
+  static getParser(e, t = !1, i = null) {
     if (typeof e != "string")
       throw new Error("UserAgent should be a string");
-    return new f(e, t);
+    return new f(e, t, i);
   }
   /**
    * Creates a {@link Parser} instance and runs {@link Parser.getResult} immediately
    *
-   * @param UA
+   * @param {String} UA UserAgent string
+   * @param {Object} [clientHints] User-Agent Client Hints data (navigator.userAgentData)
    * @return {ParsedResult}
    *
    * @example
    * const result = Bowser.parse(window.navigator.userAgent);
+   *
+   * @example
+   * // With User-Agent Client Hints
+   * const result = Bowser.parse(
+   *   window.navigator.userAgent,
+   *   window.navigator.userAgentData
+   * );
    */
-  static parse(e) {
-    return new f(e).getResult();
+  static parse(e, t = null) {
+    return new f(e, t).getResult();
   }
   static get BROWSER_MAP() {
     return w;
@@ -2164,16 +2336,16 @@ class R {
     return n;
   }
 }
-const G = ({
+const I = ({
   className: r,
   ...e
 }) => {
-  const { t } = P();
-  return S(
-    () => R.getParser(navigator.userAgent).satisfies(x),
+  const { t } = _();
+  return B(
+    () => L.getParser(navigator.userAgent).satisfies(k),
     []
   ) ? null : /* @__PURE__ */ M(
-    B,
+    S,
     {
       ...e,
       variant: "warning",
@@ -2187,7 +2359,7 @@ const G = ({
         /* @__PURE__ */ y(
           A,
           {
-            href: `${k}/get-started/developers/supported-browsers/`,
+            href: `${x}/get-started/developers/supported-browsers/`,
             target: "_blank",
             rel: "noreferrer",
             children: t("View supported browsers")
@@ -2198,5 +2370,5 @@ const G = ({
   );
 };
 export {
-  G as BrowserSupport
+  I as BrowserSupport
 };

package/dist/button/button.d.ts

@@ -1,9 +1,2 @@
-export declare const Button: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
-    variant?: import('./types.js').ButtonVariant;
-    appearance?: import('./types.js').ButtonAppearance;
-    size?: import('./types.js').ButtonSize;
-    form?: string;
-    value?: string;
-    className?: string;
-    dataTestid?: string;
-} & import('react').RefAttributes<HTMLButtonElement>>;
+import { ButtonProps } from './types';
+export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/button/button.js

@@ -1,43 +1,76 @@
-"use client";
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { cn as u } from "../cn.js";
-import { getSizeClass as c, isButtonDisabled as b, getVariantAppearanceClass as B } from "./helpers.js";
-const r = p(
+import { jsx as $ } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import q from "../atoms/Button.js";
+const a = g(
   ({
-    variant: e,
-    appearance: o,
-    size: a,
-    disabled: t,
-    className: n,
-    children: s,
-    dataTestid: i,
-    ...m
-  }, f) => /* @__PURE__ */ l(
-    "button",
+    id: e,
+    variant: r,
+    appearance: t,
+    size: o,
+    children: i,
+    disabled: d,
+    className: p,
+    onClick: s,
+    onFocus: l,
+    onBlur: n,
+    onKeyDown: b,
+    onKeyUp: m,
+    role: u,
+    type: f,
+    form: c,
+    value: y,
+    tabIndex: B,
+    dataTestid: x,
+    "aria-label": h,
+    "aria-labelledby": j,
+    "aria-describedby": w,
+    "aria-checked": T,
+    "aria-pressed": k,
+    "aria-expanded": v,
+    "aria-controls": I,
+    "aria-haspopup": N,
+    "aria-busy": O,
+    "data-testid": P
+  }, R) => /* @__PURE__ */ $(
+    q,
     {
-      "data-testid": i,
-      ...m,
-      ref: f,
-      "aria-disabled": t,
-      disabled: t,
-      className: u(
-        "gi-btn",
-        B({ disabled: t, variant: e, appearance: o }),
-        b({ disabled: t, variant: e, appearance: o }),
-        c(a),
-        n
-      ),
-      children: s
+      ref: R,
+      id: e,
+      variant: r,
+      appearance: t,
+      size: o,
+      children: i,
+      disabled: d,
+      className: p,
+      onClick: s,
+      onFocus: l,
+      onBlur: n,
+      onKeyDown: b,
+      onKeyUp: m,
+      ariaLabel: h,
+      ariaLabelledBy: j,
+      ariaDescribedBy: w,
+      ariaChecked: T,
+      ariaPressed: k,
+      ariaExpanded: v,
+      ariaControls: I,
+      ariaHasPopup: N,
+      ariaBusy: O,
+      role: u,
+      type: f,
+      form: c,
+      value: y,
+      tabIndex: B,
+      dataTestId: P ?? x
     }
   )
 );
-r.displayName = "Button";
-Object.defineProperty(r, "componentType", {
+a.displayName = "Button";
+Object.defineProperty(a, "componentType", {
   value: "Button",
   writable: !1,
   enumerable: !1
 });
 export {
-  r as Button
+  a as Button
 };

package/dist/button/helpers.d.ts

@@ -1,3 +1,4 @@
+import { IconButtonProps } from '../icon-button/icon-button.js';
 import { ButtonAppearance, ButtonVariant, ButtonSize } from './types.js';
 export declare const getVariantAppearanceClass: ({ disabled, variant, appearance, }: {
     disabled?: boolean;
@@ -5,7 +6,7 @@ export declare const getVariantAppearanceClass: ({ disabled, variant, appearance
     appearance?: ButtonAppearance;
 }) => string | undefined;
 export declare const getSizeClass: (size?: ButtonSize) => "gi-btn-small" | "gi-btn-large" | "gi-btn-regular";
-export declare const getButtonIconSizeClass: (size?: ButtonSize) => "gi-icon-btn-small" | "gi-icon-btn-large" | "gi-icon-btn-extra-large" | "gi-icon-btn-regular";
+export declare const getButtonIconSizeClass: (size?: IconButtonProps["size"]) => "gi-icon-btn-small" | "gi-icon-btn-large" | "gi-icon-btn-extra-large" | "gi-icon-btn-regular";
 export declare const isButtonDisabled: ({ disabled, variant, appearance, }: {
     disabled?: boolean;
     variant?: ButtonVariant;

package/dist/button/types.d.ts

@@ -1,13 +1,30 @@
+import { Props as GiButtonProps } from '../atoms/Button.js';
+import * as React from 'react';
 export declare const ButtonVariants: readonly ["primary", "secondary", "flat"];
 export type ButtonVariant = (typeof ButtonVariants)[number];
 export type ButtonAppearance = 'default' | 'dark' | 'light';
-export type ButtonSize = 'medium' | 'small' | 'large' | 'extraLarge';
-export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    variant?: ButtonVariant;
-    appearance?: ButtonAppearance;
-    size?: ButtonSize;
-    form?: string;
-    value?: string;
-    className?: string;
+export type ButtonSize = 'medium' | 'small' | 'large';
+export type ButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-checked' | 'aria-pressed' | 'aria-expanded' | 'aria-controls' | 'aria-haspopup' | 'aria-busy'> & GiButtonProps & {
+    /** @deprecated Use dataTestId instead */
     dataTestid?: string;
+    /** @deprecated Use dataTestId instead */
+    'data-testid'?: string;
+    /** @deprecated Use ariaLabel instead */
+    'aria-label'?: string;
+    /** @deprecated Use ariaLabelledBy instead */
+    'aria-labelledby'?: string;
+    /** @deprecated Use ariaDescribedBy instead */
+    'aria-describedby'?: string;
+    /** @deprecated Use ariaChecked instead */
+    'aria-checked'?: boolean | 'true' | 'false' | 'mixed';
+    /** @deprecated Use ariaPressed instead */
+    'aria-pressed'?: boolean | 'true' | 'false' | 'mixed';
+    /** @deprecated Use ariaExpanded instead */
+    'aria-expanded'?: boolean | 'true' | 'false';
+    /** @deprecated Use ariaControls instead */
+    'aria-controls'?: string;
+    /** @deprecated Use ariaHasPopup instead */
+    'aria-haspopup'?: boolean | 'true' | 'false' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+    /** @deprecated Use ariaBusy instead */
+    'aria-busy'?: boolean | 'true' | 'false';
 };