@dnb/eufemia 10.76.1 → 10.77.1

package/es/shared/IsolatedStyleScope.js

@@ -0,0 +1,89 @@
+"use client";
+
+import React, { useCallback, useContext, useRef } from 'react';
+import { getStyleScopeHash } from '../plugins/postcss-isolated-style-scope/plugin-scope-hash.js';
+export { getStyleScopeHash };
+export const IsolatedStyleScopeContext = React.createContext(undefined);
+const parentScopeContextMap = new Map();
+export default function IsolatedStyleScope(props) {
+  const styleScopeContext = useContext(IsolatedStyleScopeContext);
+  const {
+    scopeHash = 'auto',
+    disableCoreStyleWrapper = false,
+    uniqueKey = 'default',
+    innerRef,
+    children,
+    style
+  } = props;
+  const localRef = useRef();
+  const scopeElementRef = innerRef || localRef;
+  const generatedScopeHash = scopeHash === 'auto' ? (styleScopeContext === null || styleScopeContext === void 0 ? void 0 : styleScopeContext.generatedScopeHash) || getStyleScopeHash() : scopeHash;
+  const isNestedWithNewScope = styleScopeContext && styleScopeContext.generatedScopeHash && styleScopeContext.generatedScopeHash !== generatedScopeHash;
+  const parentContextMap = (styleScopeContext === null || styleScopeContext === void 0 ? void 0 : styleScopeContext.parentContextMap) || parentScopeContextMap;
+  if (styleScopeContext !== null && styleScopeContext !== void 0 && styleScopeContext.generatedScopeHash) {
+    parentContextMap.set(styleScopeContext.generatedScopeHash, styleScopeContext);
+  }
+  if (styleScopeContext !== null && styleScopeContext !== void 0 && styleScopeContext.generatedScopeHash ? props.scopeHash : true) {
+    var _styleScopeContext$in;
+    if (uniqueKey === false || !(styleScopeContext !== null && styleScopeContext !== void 0 && (_styleScopeContext$in = styleScopeContext.internalKeys) !== null && _styleScopeContext$in !== void 0 && _styleScopeContext$in.has(uniqueKey)) || isNestedWithNewScope) {
+      var _styleScopeContext$sc;
+      const internalKeys = new Set((styleScopeContext === null || styleScopeContext === void 0 ? void 0 : styleScopeContext.internalKeys) || []);
+      if (typeof uniqueKey === 'string') {
+        internalKeys.add(uniqueKey);
+      }
+      return React.createElement(IsolatedStyleScopeContext.Provider, {
+        value: {
+          scopeHash,
+          generatedScopeHash,
+          disableCoreStyleWrapper,
+          style,
+          scopeElementRef,
+          internalKeys: internalKeys,
+          parentContextMap
+        }
+      }, React.createElement("div", {
+        "data-scope-hash": scopeHash === 'auto' ? (_styleScopeContext$sc = styleScopeContext === null || styleScopeContext === void 0 ? void 0 : styleScopeContext.scopeHash) !== null && _styleScopeContext$sc !== void 0 ? _styleScopeContext$sc : scopeHash : scopeHash,
+        "data-scope-hash-id": uniqueKey || undefined,
+        className: generatedScopeHash,
+        style: style || (styleScopeContext === null || styleScopeContext === void 0 ? void 0 : styleScopeContext.style),
+        ref: scopeElementRef
+      }, disableCoreStyleWrapper ? children : React.createElement("div", {
+        className: "dnb-core-style"
+      }, children)));
+    }
+  }
+  return children;
+}
+export function getCurrentStyleScopeElement(currentElement, scopeHash = 'auto', fallback = null) {
+  if (scopeHash === 'auto') {
+    scopeHash = getStyleScopeHash();
+  }
+  if (typeof window === 'undefined') {
+    return undefined;
+  }
+  if (scopeHash) {
+    return currentElement.closest(`.${scopeHash}`);
+  }
+  return fallback || document.body;
+}
+export function useIsolatedStyleScope(scopeHash) {
+  const styleScopeContext = useContext(IsolatedStyleScopeContext);
+  const {
+    scopeElementRef,
+    generatedScopeHash,
+    parentContextMap
+  } = styleScopeContext || {};
+  const getScopeElement = useCallback(() => {
+    var _parentCtx$scopeEleme;
+    if (!scopeHash || scopeHash === generatedScopeHash) {
+      return scopeElementRef === null || scopeElementRef === void 0 ? void 0 : scopeElementRef.current;
+    }
+    const map = parentContextMap || parentScopeContextMap;
+    const parentCtx = map.get(scopeHash);
+    return parentCtx === null || parentCtx === void 0 ? void 0 : (_parentCtx$scopeEleme = parentCtx.scopeElementRef) === null || _parentCtx$scopeEleme === void 0 ? void 0 : _parentCtx$scopeEleme.current;
+  }, [scopeElementRef, generatedScopeHash, parentContextMap, scopeHash]);
+  return {
+    getScopeElement
+  };
+}
+//# sourceMappingURL=IsolatedStyleScope.js.map

package/es/shared/IsolatedStyleScope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsolatedStyleScope.js","names":["React","useCallback","useContext","useRef","getStyleScopeHash","IsolatedStyleScopeContext","createContext","undefined","parentScopeContextMap","Map","IsolatedStyleScope","props","styleScopeContext","scopeHash","disableCoreStyleWrapper","uniqueKey","innerRef","children","style","localRef","scopeElementRef","generatedScopeHash","isNestedWithNewScope","parentContextMap","set","_styleScopeContext$in","internalKeys","has","_styleScopeContext$sc","Set","add","createElement","Provider","value","className","ref","getCurrentStyleScopeElement","currentElement","fallback","window","closest","document","body","useIsolatedStyleScope","getScopeElement","_parentCtx$scopeEleme","current","map","parentCtx","get"],"sources":["../../../src/shared/IsolatedStyleScope.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react'\nimport { getStyleScopeHash } from '../plugins/postcss-isolated-style-scope/plugin-scope-hash.js'\n\nexport { getStyleScopeHash }\n\nexport type IsolatedStyleScopeProps = {\n  scopeHash?: string | 'auto'\n  disableCoreStyleWrapper?: boolean\n  uniqueKey?: string | false\n  innerRef?: React.MutableRefObject<HTMLDivElement>\n  children: React.ReactNode\n  style?: React.CSSProperties & {\n    [key: `--${string}`]: string | number\n  }\n}\n\nexport const IsolatedStyleScopeContext = React.createContext<\n  {\n    generatedScopeHash: string\n    scopeElementRef: React.RefObject<HTMLDivElement>\n    internalKeys: Set<string>\n    parentContextMap?: Map<string, any>\n  } & Pick<\n    IsolatedStyleScopeProps,\n    'scopeHash' | 'disableCoreStyleWrapper' | 'style'\n  >\n>(undefined)\n\n// Map to keep track of parent contexts by generatedScopeHash\nconst parentScopeContextMap = new Map<string, any>()\n\nexport default function IsolatedStyleScope(\n  props: IsolatedStyleScopeProps\n) {\n  const styleScopeContext = useContext(IsolatedStyleScopeContext)\n  const {\n    scopeHash = 'auto',\n    disableCoreStyleWrapper = false,\n    uniqueKey = 'default',\n    innerRef,\n    children,\n    style,\n  } = props\n\n  const localRef = useRef<HTMLDivElement>()\n  const scopeElementRef = innerRef || localRef\n\n  // Determine the generated scope hash for this instance\n  const generatedScopeHash =\n    scopeHash === 'auto'\n      ? styleScopeContext?.generatedScopeHash || getStyleScopeHash()\n      : scopeHash\n\n  // If we are nested and the scope hash is different, render a new scope\n  const isNestedWithNewScope =\n    styleScopeContext &&\n    styleScopeContext.generatedScopeHash &&\n    styleScopeContext.generatedScopeHash !== generatedScopeHash\n\n  // Always keep track of parent context if nested\n  const parentContextMap =\n    styleScopeContext?.parentContextMap || parentScopeContextMap\n  if (styleScopeContext?.generatedScopeHash) {\n    parentContextMap.set(\n      styleScopeContext.generatedScopeHash,\n      styleScopeContext\n    )\n  }\n\n  if (\n    // - When nested, we expect a scopeHash to be passed\n    // else – we will not render the component with the scope a second time.\n    styleScopeContext?.generatedScopeHash ? props.scopeHash : true\n  ) {\n    if (\n      uniqueKey === false ||\n      !styleScopeContext?.internalKeys?.has(uniqueKey) ||\n      isNestedWithNewScope\n    ) {\n      const internalKeys = new Set(styleScopeContext?.internalKeys || [])\n      if (typeof uniqueKey === 'string') {\n        internalKeys.add(uniqueKey)\n      }\n\n      return (\n        <IsolatedStyleScopeContext.Provider\n          value={{\n            scopeHash,\n            generatedScopeHash,\n            disableCoreStyleWrapper,\n            style,\n            scopeElementRef,\n            internalKeys: internalKeys,\n            parentContextMap,\n          }}\n        >\n          <div\n            data-scope-hash={\n              scopeHash === 'auto'\n                ? styleScopeContext?.scopeHash ?? scopeHash\n                : scopeHash\n            }\n            data-scope-hash-id={uniqueKey || undefined}\n            className={generatedScopeHash}\n            style={style || styleScopeContext?.style}\n            ref={scopeElementRef}\n          >\n            {disableCoreStyleWrapper ? (\n              children\n            ) : (\n              <div className=\"dnb-core-style\">{children}</div>\n            )}\n          </div>\n        </IsolatedStyleScopeContext.Provider>\n      )\n    }\n  }\n\n  return children\n}\n\nexport function getCurrentStyleScopeElement(\n  currentElement: HTMLElement,\n  scopeHash = 'auto',\n  fallback = null\n) {\n  if (scopeHash === 'auto') {\n    scopeHash = getStyleScopeHash()\n  }\n\n  if (typeof window === 'undefined') {\n    return undefined\n  }\n\n  if (scopeHash) {\n    return currentElement.closest(`.${scopeHash}`)\n  }\n\n  return fallback || document.body\n}\n\n// Updated hook to support looking up by scopeHash\nexport function useIsolatedStyleScope(scopeHash?: string) {\n  const styleScopeContext = useContext(IsolatedStyleScopeContext)\n  const { scopeElementRef, generatedScopeHash, parentContextMap } =\n    styleScopeContext || {}\n\n  const getScopeElement = useCallback(() => {\n    if (!scopeHash || scopeHash === generatedScopeHash) {\n      return scopeElementRef?.current\n    }\n\n    // Look up parent context for the given scopeHash\n    const map = parentContextMap || parentScopeContextMap\n    const parentCtx = map.get(scopeHash)\n    return parentCtx?.scopeElementRef?.current\n  }, [scopeElementRef, generatedScopeHash, parentContextMap, scopeHash])\n\n  return { getScopeElement }\n}\n"],"mappings":"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","ignoreList":[]}

package/es/shared/build-info/BuildInfo.d.cts

@@ -0,0 +1,2 @@
+export function getVersion(): "10.77.1";
+export function getSha(): "a433d5158";

package/es/shared/build-info/BuildInfoData.cjs

@@ -1,2 +1,2 @@
-exports.version = '10.76.1'
-exports.sha = '93ab69633'
+exports.version = '10.77.1'
+exports.sha = 'a433d5158'

package/es/shared/build-info/BuildInfoData.d.cts

@@ -0,0 +1,2 @@
+export const version: "10.77.1";
+export const sha: "a433d5158";

package/es/shared/build-info/BuildInfoData.d.ts

@@ -1,2 +1,2 @@
-export const version: "10.76.1";
-export const sha: "93ab69633";
+export const version: "10.77.1";
+export const sha: "a433d5158";

package/es/shared/build-info/BuildInfoData.js

@@ -1,3 +1,3 @@
-export const version = '10.76.1';
-export const sha = '93ab69633';
+export const version = '10.77.1';
+export const sha = 'a433d5158';
 //# sourceMappingURL=BuildInfoData.js.map

package/es/shared/build-info/BuildInfoData.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuildInfoData.js","names":["version","sha"],"sources":["../../../../src/shared/build-info/BuildInfoData.js"],"sourcesContent":["export const version = '10.76.1'\nexport const sha = '93ab69633'\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAChC,OAAO,MAAMC,GAAG,GAAG,WAAW","ignoreList":[]}
+{"version":3,"file":"BuildInfoData.js","names":["version","sha"],"sources":["../../../../src/shared/build-info/BuildInfoData.js"],"sourcesContent":["export const version = '10.77.1'\nexport const sha = 'a433d5158'\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAChC,OAAO,MAAMC,GAAG,GAAG,WAAW","ignoreList":[]}

package/es/shared/index.d.ts

@@ -4,6 +4,7 @@
  */
 export { default as Context } from './Context';
 export { default as Provider } from './Provider';
+export { default as IsolatedStyleScope } from './IsolatedStyleScope';
 export { default as Theme } from './Theme';
 export { default as useTheme } from './useTheme';
 export { default as VisibilityByTheme } from './VisibilityByTheme';

package/es/shared/index.js

@@ -1,5 +1,6 @@
 export { default as Context } from './Context';
 export { default as Provider } from './Provider';
+export { default as IsolatedStyleScope } from './IsolatedStyleScope';
 export { default as Theme } from './Theme';
 export { default as useTheme } from './useTheme';
 export { default as VisibilityByTheme } from './VisibilityByTheme';

package/es/shared/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Context","Provider","Theme","useTheme","VisibilityByTheme","MediaQuery","useMediaQuery","useMedia","useTranslation","Translation"],"sources":["../../../src/shared/index.tsx"],"sourcesContent":["/**\n * Shared\n *\n */\n\nexport { default as Context } from './Context'\nexport { default as Provider } from './Provider'\nexport { default as Theme } from './Theme'\nexport { default as useTheme } from './useTheme'\nexport { default as VisibilityByTheme } from './VisibilityByTheme'\nexport { default as MediaQuery } from './MediaQuery'\nexport { default as useMediaQuery } from './useMediaQuery'\nexport { default as useMedia } from './useMedia'\nexport { default as useTranslation } from './useTranslation'\nexport { default as Translation } from './Translation'\nexport * from './Translation'\n\nexport type { ThemeNames } from './Theme'\n"],"mappings":"AAKA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,QAAQ,QAAQ,YAAY;AAChD,SAASF,OAAO,IAAIG,KAAK,QAAQ,SAAS;AAC1C,SAASH,OAAO,IAAII,QAAQ,QAAQ,YAAY;AAChD,SAASJ,OAAO,IAAIK,iBAAiB,QAAQ,qBAAqB;AAClE,SAASL,OAAO,IAAIM,UAAU,QAAQ,cAAc;AACpD,SAASN,OAAO,IAAIO,aAAa,QAAQ,iBAAiB;AAC1D,SAASP,OAAO,IAAIQ,QAAQ,QAAQ,YAAY;AAChD,SAASR,OAAO,IAAIS,cAAc,QAAQ,kBAAkB;AAC5D,SAAST,OAAO,IAAIU,WAAW,QAAQ,eAAe;AACtD,cAAc,eAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Context","Provider","IsolatedStyleScope","Theme","useTheme","VisibilityByTheme","MediaQuery","useMediaQuery","useMedia","useTranslation","Translation"],"sources":["../../../src/shared/index.tsx"],"sourcesContent":["/**\n * Shared\n *\n */\n\nexport { default as Context } from './Context'\nexport { default as Provider } from './Provider'\nexport { default as IsolatedStyleScope } from './IsolatedStyleScope'\nexport { default as Theme } from './Theme'\nexport { default as useTheme } from './useTheme'\nexport { default as VisibilityByTheme } from './VisibilityByTheme'\nexport { default as MediaQuery } from './MediaQuery'\nexport { default as useMediaQuery } from './useMediaQuery'\nexport { default as useMedia } from './useMedia'\nexport { default as useTranslation } from './useTranslation'\nexport { default as Translation } from './Translation'\nexport * from './Translation'\n\nexport type { ThemeNames } from './Theme'\n"],"mappings":"AAKA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,QAAQ,QAAQ,YAAY;AAChD,SAASF,OAAO,IAAIG,kBAAkB,QAAQ,sBAAsB;AACpE,SAASH,OAAO,IAAII,KAAK,QAAQ,SAAS;AAC1C,SAASJ,OAAO,IAAIK,QAAQ,QAAQ,YAAY;AAChD,SAASL,OAAO,IAAIM,iBAAiB,QAAQ,qBAAqB;AAClE,SAASN,OAAO,IAAIO,UAAU,QAAQ,cAAc;AACpD,SAASP,OAAO,IAAIQ,aAAa,QAAQ,iBAAiB;AAC1D,SAASR,OAAO,IAAIS,QAAQ,QAAQ,YAAY;AAChD,SAAST,OAAO,IAAIU,cAAc,QAAQ,kBAAkB;AAC5D,SAASV,OAAO,IAAIW,WAAW,QAAQ,eAAe;AACtD,cAAc,eAAe","ignoreList":[]}

package/es/style/core/helper-classes/skip-link.scss

@@ -94,17 +94,17 @@
 // How to use the "skip-link"
 // 1. Have this on the top of your app: <a class="dnb-skip-link dnb-button" href="#dnb-app-content">Skip to content</a>
 // 2. Place this id="dnb-app-content" on your main content container
-.dnb-skip-link {
+[skip-isolation] .dnb-skip-link {
   position: absolute;
   z-index: 0;
   top: -100vh;
   opacity: 0.3;
   transition: opacity 0.3s ease-out;
 }
-.dnb-skip-link--active,
-.dnb-skip-link:focus {
+[skip-isolation] .dnb-skip-link--active,
+[skip-isolation] .dnb-skip-link:focus {
   @include skipLink();
 }
-html[data-whatintent='touch'] .dnb-skip-link {
+[skip-isolation] html[data-whatintent='touch'] .dnb-skip-link {
   display: none;
 }

package/es/style/core/scopes.scss

@@ -45,7 +45,7 @@
   word-break: break-word;
 
   // Will add this to the body tag – later we can test for a version mismatch
-  --eufemia-version: '10.76.1';
+  --eufemia-version: '10.77.1';
 
   @content;
 }