@navikt/ds-react 1.3.31 → 1.3.33

package/cjs/util/useId.js

@@ -1,8 +1,31 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useId = void 0;
 //https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 let globalId = 0;
 function useGlobalId(idOverride) {
     const [defaultId, setDefaultId] = (0, react_1.useState)(idOverride);
@@ -19,6 +42,10 @@ function useGlobalId(idOverride) {
     }, [defaultId]);
     return id;
 }
+// eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
+const maybeReactUseId = react_1.default[
+// eslint-disable-next-line no-useless-concat
+"useId" + ""];
 /**
  *
  * @example <div id={useId()} />
@@ -26,7 +53,12 @@ function useGlobalId(idOverride) {
  * @returns {string}
  */
 function useId(idOverride) {
+    var _a;
+    if (maybeReactUseId !== undefined) {
+        const reactId = maybeReactUseId();
+        return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, "");
+    }
     // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.
-    return useGlobalId(idOverride);
+    return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : "";
 }
 exports.useId = useId;

package/esm/util/useId.js

@@ -1,5 +1,5 @@
 //https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts
-import { useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 let globalId = 0;
 function useGlobalId(idOverride) {
     const [defaultId, setDefaultId] = useState(idOverride);
@@ -16,6 +16,10 @@ function useGlobalId(idOverride) {
     }, [defaultId]);
     return id;
 }
+// eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
+const maybeReactUseId = React[
+// eslint-disable-next-line no-useless-concat
+"useId" + ""];
 /**
  *
  * @example <div id={useId()} />
@@ -23,7 +27,12 @@ function useGlobalId(idOverride) {
  * @returns {string}
  */
 export function useId(idOverride) {
+    var _a;
+    if (maybeReactUseId !== undefined) {
+        const reactId = maybeReactUseId();
+        return idOverride !== null && idOverride !== void 0 ? idOverride : reactId.replace(/(:)/g, "");
+    }
     // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.
-    return useGlobalId(idOverride);
+    return (_a = useGlobalId(idOverride)) !== null && _a !== void 0 ? _a : "";
 }
 //# sourceMappingURL=useId.js.map

package/esm/util/useId.js.map

@@ -1 +1 @@
-{"version":3,"file":"useId.js","sourceRoot":"","sources":["../../src/util/useId.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,SAAS,WAAW,CAAC,UAAmB;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,EAAE,GAAG,UAAU,IAAI,SAAS,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,IAAI,EAAE;YACrB,6CAA6C;YAC7C,6DAA6D;YAC7D,+BAA+B;YAC/B,wHAAwH;YACxH,QAAQ,IAAI,CAAC,CAAC;YACd,YAAY,CAAC,YAAY,QAAQ,EAAE,CAAC,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,OAAO,EAAE,CAAC;AACZ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,KAAK,CAAC,UAAmB;IACvC,0FAA0F;IAC1F,OAAO,WAAW,CAAC,UAAU,CAAC,CAAC;AACjC,CAAC"}
+{"version":3,"file":"useId.js","sourceRoot":"","sources":["../../src/util/useId.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,SAAS,WAAW,CAAC,UAAmB;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,EAAE,GAAG,UAAU,IAAI,SAAS,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,IAAI,EAAE;YACrB,6CAA6C;YAC7C,6DAA6D;YAC7D,+BAA+B;YAC/B,wHAAwH;YACxH,QAAQ,IAAI,CAAC,CAAC;YACd,YAAY,CAAC,YAAY,QAAQ,EAAE,CAAC,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,+GAA+G;AAC/G,MAAM,eAAe,GAAgC,KAAa;AAChE,6CAA6C;AAC7C,OAAO,GAAG,EAAE,CACb,CAAC;AACF;;;;;GAKG;AACH,MAAM,UAAU,KAAK,CAAC,UAAmB;;IACvC,IAAI,eAAe,KAAK,SAAS,EAAE;QACjC,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;QAClC,OAAO,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;KAClD;IACD,0FAA0F;IAC1F,OAAO,MAAA,WAAW,CAAC,UAAU,CAAC,mCAAI,EAAE,CAAC;AACvC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "1.3.31",
+  "version": "1.3.33",
   "description": "NAV designsystem react components",
   "author": "NAV Designsystem team",
   "license": "MIT",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@floating-ui/react-dom-interactions": "0.9.2",
-    "@navikt/ds-icons": "^1.3.31",
+    "@navikt/ds-icons": "^1.3.33",
     "@radix-ui/react-tabs": "1.0.0",
     "@radix-ui/react-toggle-group": "1.0.0",
     "clsx": "^1.2.1",
@@ -75,5 +75,5 @@
       "optional": true
     }
   },
-  "gitHead": "017e8f62172043849e32cc84859210f61825e99a"
+  "gitHead": "e48f29153bbee76211c96e81563e23b71e5cb62a"
 }

package/src/util/useId.ts

@@ -1,5 +1,5 @@
 //https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/useId.ts
-import { useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 
 let globalId = 0;
 function useGlobalId(idOverride?: string): string | undefined {
@@ -18,6 +18,11 @@ function useGlobalId(idOverride?: string): string | undefined {
   return id;
 }
 
+// eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
+const maybeReactUseId: undefined | (() => string) = (React as any)[
+  // eslint-disable-next-line no-useless-concat
+  "useId" + ""
+];
 /**
  *
  * @example <div id={useId()} />
@@ -25,6 +30,10 @@ function useGlobalId(idOverride?: string): string | undefined {
  * @returns {string}
  */
 export function useId(idOverride?: string): string | undefined {
+  if (maybeReactUseId !== undefined) {
+    const reactId = maybeReactUseId();
+    return idOverride ?? reactId.replace(/(:)/g, "");
+  }
   // eslint-disable-next-line react-hooks/rules-of-hooks -- `useId` is invariant at runtime.
-  return useGlobalId(idOverride);
+  return useGlobalId(idOverride) ?? "";
 }