@dnb/eufemia 10.30.2 → 10.32.0

package/es/shared/MediaQueryUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaQueryUtils.js","names":["isTrue","toKebabCase","warn","defaultBreakpoints","small","medium","large","onMediaQueryChange","property","callback","runOnInit","query","when","not","mediaQueryList","makeMediaQueryList","matches","createMediaQueryListener","isMatchMediaSupported","window","matchMedia","log","disabled","breakpoints","isSupported","buildQuery","mediaQueryString","convertToMediaQuery","listener","event","addEventListener","removeEventListener","split","listOfQueries","Array","isArray","concat","combineQueries","push","length","join","filter","Boolean","replace","reverseQuery","String","startsWith","test","queries","reduce","i","arr","mergeBreakpoints","Object","entries","_objectSpread","sort","a","b","acc","key","value","q","index","objToMediaQuery","obj","hasNot","keys","feature","getValueByFeature","types","prototype","hasOwnProperty","call"],"sources":["../../../src/shared/MediaQueryUtils.ts"],"sourcesContent":["import { isTrue, toKebabCase } from './component-helper'\nimport { warn } from './helpers'\n\nexport type MediaQuerySizes =\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\nexport type MediaQueryBreakpoints = Partial<\n  Record<MediaQuerySizes, string>\n>\n\nexport const defaultBreakpoints: MediaQueryBreakpoints = {\n  small: '40em',\n  medium: '60em',\n  large: '72em',\n  'x-large': '80em',\n  'xx-large': '90em',\n}\n\nexport type MediaQueryCondition =\n  | {\n      min?: number | string | MediaQuerySizes\n      max?: number | string | MediaQuerySizes\n      screen?: boolean\n      minWidth?: number | string | MediaQuerySizes\n      maxWidth?: number | string | MediaQuerySizes\n      orientation?: string\n      handheld?: boolean\n      not?: boolean\n      all?: boolean\n      monochrome?: boolean\n      aspectRatio?: string\n    }\n  | string\n\nexport type MediaQueryProperties = {\n  /**\n   * A MediaQuery as a string similar to the CSS API, but without `@media`.\n   */\n  query?: MediaQueryCondition\n\n  /**\n   * Define a list of sizes to match, given as an object `{ min: 'small', max: 'medium' }` or as an array `[{ min: 'small', max: 'medium' }, { min: 'medium', max: 'large' }]`.\n   */\n  when?: MediaQueryCondition | Array<MediaQueryCondition>\n\n  /**\n   * Reverts the defined queries as a whole.\n   */\n  not?: boolean\n\n  /**\n   * If set to true, no MediaQuery will be used.\n   */\n  disabled?: boolean\n\n  /**\n   * For debugging\n   */\n  log?: boolean\n} & MediaQueryCondition\n\nexport type MediaQueryListener = () => void\n\nexport type MediaQueryProps = {\n  /**\n   * If set to true, it will match and return the given children during SSR.\n   */\n  matchOnSSR?: boolean\n\n  children?: React.ReactNode\n} & MediaQueryProperties\n\nexport type MediaQueryState = {\n  match?: boolean | null\n  mediaQueryList?: { matches: boolean }\n}\n\n/**\n * Adds a listener to a given MediaQuery\n *\n * @type {object} string or object { when: { min: 'small' } } that describes the media query\n * @property {string} query - media queries\n * @property {object} when - media queries\n * @property {boolean} not - reverses a media query\n * @param {function} callback function that gets emitted when the given media query\n * @returns function to remove listeners when called\n */\nexport function onMediaQueryChange(\n  property: MediaQueryProperties | string,\n  callback?: (matches: boolean, mediaQueryList: MediaQueryList) => void,\n  { runOnInit = false } = {}\n): MediaQueryListener {\n  let query = property\n  let when = null\n  let not = null\n\n  if (property && typeof property === 'object') {\n    query = null\n    when = property.when || property\n    not = property.not\n  }\n\n  const mediaQueryList = makeMediaQueryList({ query, when, not })\n\n  if (runOnInit) {\n    if (typeof callback === 'function') {\n      callback(mediaQueryList?.matches, mediaQueryList)\n    }\n  }\n\n  return createMediaQueryListener(mediaQueryList, callback)\n}\n\n/**\n * Returns a boolean for whether window.matchMedia is supported or not\n *\n * @returns boolean\n */\nexport const isMatchMediaSupported = (): boolean =>\n  typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined'\n\n/**\n * Convert user defined media queries to an valid MediaQueryList we can assign a listener to\n *\n * @type {object} object that contains either a query, a when or not\n * @property {string} query - media queries\n * @property {object} when - media queries\n * @property {boolean} not - reverses a media query\n * @property {boolean} log - print used query to console\n * @returns MediaQueryList type\n */\nexport function makeMediaQueryList(\n  {\n    query,\n    when,\n    not = null,\n    log = false,\n    disabled = false,\n  }: MediaQueryProperties = {},\n  breakpoints: MediaQueryBreakpoints = null\n): MediaQueryList {\n  const isSupported = isMatchMediaSupported()\n\n  if (disabled || !isSupported) {\n    return null\n  }\n\n  if (when) {\n    query = buildQuery({ query, when, not }, breakpoints)\n  }\n\n  const mediaQueryString = convertToMediaQuery(query, breakpoints)\n  const mediaQueryList = window.matchMedia(mediaQueryString)\n\n  if (log) {\n    warn('MediaQuery:', mediaQueryString)\n  }\n\n  return mediaQueryList\n}\n\n/**\n * Adds a listener to the window.matchMedia Browser API\n *\n * @param {MatchMediaList} mediaQueryList a DOM MatchMediaList object\n * @param {function} callback callback function\n * @returns function to remove listeners when called\n */\nexport function createMediaQueryListener(\n  mediaQueryList: MediaQueryList,\n  callback: (matches: boolean, event: Partial<MediaQueryListEvent>) => void\n): MediaQueryListener {\n  if (!mediaQueryList) {\n    return () => null\n  }\n\n  const listener = (event: MediaQueryListEvent) => {\n    if (typeof callback === 'function') {\n      callback(event?.matches, event)\n    }\n  }\n  if (mediaQueryList?.addEventListener) {\n    mediaQueryList.addEventListener('change', listener)\n  }\n\n  return () => {\n    if (mediaQueryList?.removeEventListener) {\n      mediaQueryList.removeEventListener('change', listener)\n    }\n  }\n}\n\n/**\n * Builds a valid media query we can use on window.matchMedia(...)\n *\n * @type {object} object that contains either a query, a when or not\n * @property {string} query - media queries\n * @property {object} when - media queries\n * @property {boolean} not - reverses a media query\n * @returns media queries as a string\n */\nexport function buildQuery(\n  { query = null, when = null, not = null }: MediaQueryProperties = {},\n  breakpoints?: MediaQueryBreakpoints\n) {\n  if (when) {\n    if (typeof when === 'string') {\n      when = when.split(/[ ,]/g)\n    }\n\n    let listOfQueries = []\n\n    if (Array.isArray(when)) {\n      listOfQueries = listOfQueries.concat(\n        combineQueries(when, breakpoints)\n      )\n    } else if (when && typeof when === 'object') {\n      const query = convertToMediaQuery(when, breakpoints)\n      if (query) {\n        listOfQueries.push(query)\n      }\n    }\n\n    if (listOfQueries.length > 0) {\n      query = [listOfQueries.join(' '), query || '']\n        .filter(Boolean)\n        .join(' and ')\n        .replace(/ +/g, ' ')\n        .replace(/ ,/g, ',')\n    }\n  }\n\n  if (isTrue(not)) {\n    query = reverseQuery(String(query))\n  }\n\n  return query || 'not'\n}\n\n/**\n * Reverses a media query\n * @param {string} query media query to reverse with \"not\"\n * @returns reversed query\n */\nfunction reverseQuery(query: string) {\n  if (query.startsWith('not')) {\n    return query.replace(/^not +/, '')\n  }\n  if (!/^(screen|all|print|speech)/.test(query)) {\n    query = `all and ${query}`\n  }\n  return `not ${query}`\n}\n\n/**\n * Builds a list of queries based on sizing types, like small, medium\n *\n * @param {*} queries media query definitions as an array that contains either strings with size types or an object with all the media query definitions\n * @returns array of JavaScript based queries\n */\nfunction combineQueries(\n  queries: Array<MediaQueryCondition>,\n  breakpoints: MediaQueryBreakpoints = null\n) {\n  return queries\n    .reduce((listOfQueries, when, i, arr) => {\n      if (breakpoints) {\n        breakpoints = mergeBreakpoints(breakpoints)\n      }\n\n      const query = convertToMediaQuery(when, breakpoints)\n\n      if (query) {\n        switch (arr[i - 1]) {\n          case 'and':\n            listOfQueries.push('and')\n            break\n\n          case 'or':\n          default:\n            listOfQueries.push(', ')\n            break\n        }\n\n        listOfQueries.push(query)\n      }\n\n      return listOfQueries\n    }, [])\n    .filter((query, i) => {\n      return !(i === 0 && query.startsWith(', '))\n    })\n}\n\n/**\n * If custom breakpoints are given, we order them by the value\n * and return again an object as before\n */\nfunction mergeBreakpoints(breakpoints: MediaQueryBreakpoints) {\n  return Object.entries({\n    ...defaultBreakpoints,\n    ...breakpoints,\n  })\n    .sort((a, b) => (a[1] > b[1] ? 1 : -1))\n    .reduce((acc, [key, value]) => {\n      acc[key] = value\n      return acc\n    }, {})\n}\n\n/**\n * Convert a media query from various formats to a valid string based media query\n *\n * @param {array|object|string} query media query definitions\n * @returns media query string\n */\nexport function convertToMediaQuery(\n  query: MediaQueryCondition | Array<MediaQueryCondition>,\n  breakpoints: MediaQueryBreakpoints = null\n): string {\n  if (typeof query === 'string') {\n    return query\n  }\n\n  // Handling array of media queries\n  if (Array.isArray(query)) {\n    return query.reduce((acc, q, index) => {\n      acc += objToMediaQuery(q, breakpoints)\n      if (index < query.length - 1) {\n        acc += ', '\n      }\n\n      return acc\n    }, '') as string\n  }\n\n  // Handling single media query\n  return objToMediaQuery(query, breakpoints)\n}\n\n/**\n * Converts an object with PascalCase defined properties to string based media queries\n * @param {object} obj Object with PascalCase defined properties and respective values\n * @returns media query string\n */\nfunction objToMediaQuery(\n  obj: MediaQueryCondition,\n  breakpoints: MediaQueryBreakpoints = null\n): string {\n  let hasNot = false\n  let query: string | Array<null> = Object.keys(obj).reduce(\n    (acc, feature) => {\n      let value = obj[feature]\n      feature = toKebabCase(feature)\n\n      if (feature === 'not') {\n        hasNot = true\n        return acc\n      }\n\n      if (feature === 'min' || feature === 'max') {\n        feature = `${feature}-width`\n      }\n\n      // Add em to dimension features\n      if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n        value = value + 'em'\n      }\n\n      if (value === true) {\n        acc.push(feature)\n      } else if (value === false) {\n        acc.push('not ' + feature)\n      } else {\n        value = getValueByFeature(value, breakpoints)\n        if (typeof value !== 'undefined') {\n          acc.push(`(${feature}: ${value})`)\n        }\n      }\n\n      return acc\n    },\n    []\n  )\n\n  if (Array.isArray(query)) {\n    query = query.length > 0 ? query.join(' and ') : query.join('')\n  }\n\n  if (hasNot) {\n    query = reverseQuery(query)\n  }\n\n  return query\n}\n\n/**\n * Corrects breakpoint types\n *\n * @param {string} value small, medium, large etc\n * @param {object} types breakpoints\n * @returns corrected value\n */\nfunction getValueByFeature(\n  value: string,\n  types: MediaQueryBreakpoints = null\n) {\n  types = types || defaultBreakpoints\n  if (Object.prototype.hasOwnProperty.call(types, value)) {\n    value = types[value]\n  }\n  return value\n}\n"],"mappings":"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"}
+{"version":3,"file":"MediaQueryUtils.js","names":["isTrue","toKebabCase","warn","defaultBreakpoints","small","medium","large","onMediaQueryChange","property","callback","runOnInit","query","when","not","mediaQueryList","makeMediaQueryList","matches","createMediaQueryListener","isMatchMediaSupported","window","matchMedia","breakpoints","options","isSupported","disabled","buildQuery","mediaQueryString","convertToMediaQuery","log","listener","event","addEventListener","removeEventListener","split","listOfQueries","Array","isArray","concat","combineQueries","push","length","join","filter","Boolean","replace","reverseQuery","String","startsWith","test","queries","reduce","i","arr","mergeBreakpoints","Object","entries","_objectSpread","sort","a","b","acc","key","value","q","index","objToMediaQuery","obj","hasNot","keys","feature","getValueByFeature","correctRange","size","parseFloat","match","correctedSize","types","prototype","hasOwnProperty","call"],"sources":["../../../src/shared/MediaQueryUtils.ts"],"sourcesContent":["import { isTrue, toKebabCase } from './component-helper'\nimport { warn } from './helpers'\n\nexport type MediaQuerySizes =\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\nexport type MediaQueryBreakpoints = Partial<\n  Record<MediaQuerySizes, string>\n>\n\nexport const defaultBreakpoints: MediaQueryBreakpoints = {\n  small: '40em',\n  medium: '60em',\n  large: '72em',\n  'x-large': '80em',\n  'xx-large': '90em',\n}\n\nexport type MediaQueryCondition =\n  | {\n      min?: number | string | MediaQuerySizes\n      max?: number | string | MediaQuerySizes\n      screen?: boolean\n      minWidth?: number | string | MediaQuerySizes\n      maxWidth?: number | string | MediaQuerySizes\n      orientation?: string\n      handheld?: boolean\n      not?: boolean\n      all?: boolean\n      monochrome?: boolean\n      aspectRatio?: string\n    }\n  | string\n\nexport type MediaQueryProperties = {\n  /**\n   * A MediaQuery as a string similar to the CSS API, but without `@media`.\n   */\n  query?: MediaQueryCondition\n\n  /**\n   * Define a list of sizes to match, given as an object `{ min: 'small', max: 'medium' }` or as an array `[{ min: 'small', max: 'medium' }, { min: 'medium', max: 'large' }]`.\n   */\n  when?: MediaQueryCondition | Array<MediaQueryCondition>\n\n  /**\n   * Reverts the defined queries as a whole.\n   */\n  not?: boolean\n} & MediaQueryCondition\n\nexport type MediaQueryOptions = {\n  /**\n   * If set to true, no MediaQuery will be used.\n   */\n  disabled?: boolean\n\n  /**\n   * Will correct the size of the media query ranges (e.g. medium will be from 40.0625em to 60em)\n   * Default: true\n   */\n  correctRange?: boolean\n\n  /**\n   * For debugging\n   */\n  log?: boolean\n}\n\nexport type MediaQueryListener = () => void\n\nexport type MediaQueryProps = {\n  /**\n   * If set to true, it will match and return the given children during SSR.\n   */\n  matchOnSSR?: boolean\n\n  children?: React.ReactNode\n} & MediaQueryProperties &\n  MediaQueryOptions\n\nexport type MediaQueryState = {\n  match?: boolean | null\n  mediaQueryList?: { matches: boolean }\n}\n\n/**\n * Adds a listener to a given MediaQuery\n */\nexport function onMediaQueryChange(\n  property: MediaQueryProperties | string,\n  callback?: (matches: boolean, mediaQueryList: MediaQueryList) => void,\n  { runOnInit = false } = {}\n): MediaQueryListener {\n  let query = property\n  let when = null\n  let not = null\n\n  if (property && typeof property === 'object') {\n    query = null\n    when = property.when || property\n    not = property.not\n  }\n\n  const mediaQueryList = makeMediaQueryList({ query, when, not })\n\n  if (runOnInit) {\n    if (typeof callback === 'function') {\n      callback(mediaQueryList?.matches, mediaQueryList)\n    }\n  }\n\n  return createMediaQueryListener(mediaQueryList, callback)\n}\n\n/**\n * Returns a boolean for whether window.matchMedia is supported or not\n */\nexport const isMatchMediaSupported = (): boolean =>\n  typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined'\n\n/**\n * Convert user defined media queries to an valid MediaQueryList we can assign a listener to\n */\nexport function makeMediaQueryList(\n  { query, when, not = null }: MediaQueryProperties = {},\n  breakpoints: MediaQueryBreakpoints = null,\n  options?: MediaQueryOptions\n): MediaQueryList {\n  const isSupported = isMatchMediaSupported()\n\n  if (options?.disabled || !isSupported) {\n    return null\n  }\n\n  if (when) {\n    query = buildQuery({ query, when, not }, breakpoints, options)\n  }\n\n  const mediaQueryString = convertToMediaQuery(query, breakpoints, options)\n  const mediaQueryList = window.matchMedia(mediaQueryString)\n\n  if (options?.log) {\n    warn('MediaQuery:', mediaQueryString)\n  }\n\n  return mediaQueryList\n}\n\n/**\n * Adds a listener to the window.matchMedia Browser API\n */\nexport function createMediaQueryListener(\n  mediaQueryList: MediaQueryList,\n  callback: (matches: boolean, event: Partial<MediaQueryListEvent>) => void\n): MediaQueryListener {\n  if (!mediaQueryList) {\n    return () => null\n  }\n\n  const listener = (event: MediaQueryListEvent) => {\n    if (typeof callback === 'function') {\n      callback(event?.matches, event)\n    }\n  }\n  if (mediaQueryList?.addEventListener) {\n    mediaQueryList.addEventListener('change', listener)\n  }\n\n  return () => {\n    if (mediaQueryList?.removeEventListener) {\n      mediaQueryList.removeEventListener('change', listener)\n    }\n  }\n}\n\n/**\n * Builds a valid media query we can use on window.matchMedia(...)\n */\nexport function buildQuery(\n  { query = null, when = null, not = null }: MediaQueryProperties = {},\n  breakpoints?: MediaQueryBreakpoints,\n  options?: MediaQueryOptions\n) {\n  if (when) {\n    if (typeof when === 'string') {\n      when = when.split(/[ ,]/g)\n    }\n\n    let listOfQueries = []\n\n    if (Array.isArray(when)) {\n      listOfQueries = listOfQueries.concat(\n        combineQueries(when, breakpoints, options)\n      )\n    } else if (when && typeof when === 'object') {\n      const query = convertToMediaQuery(when, breakpoints, options)\n      if (query) {\n        listOfQueries.push(query)\n      }\n    }\n\n    if (listOfQueries.length > 0) {\n      query = [listOfQueries.join(' '), query || '']\n        .filter(Boolean)\n        .join(' and ')\n        .replace(/ +/g, ' ')\n        .replace(/ ,/g, ',')\n    }\n  }\n\n  if (isTrue(not)) {\n    query = reverseQuery(String(query))\n  }\n\n  return query || 'not'\n}\n\n/**\n * Reverses a media query\n */\nfunction reverseQuery(query: string) {\n  if (query.startsWith('not')) {\n    return query.replace(/^not +/, '')\n  }\n  if (!/^(screen|all|print|speech)/.test(query)) {\n    query = `all and ${query}`\n  }\n  return `not ${query}`\n}\n\n/**\n * Builds a list of queries based on sizing types, like small, medium\n */\nfunction combineQueries(\n  queries: Array<MediaQueryCondition>,\n  breakpoints: MediaQueryBreakpoints = null,\n  options?: MediaQueryOptions\n) {\n  return queries\n    .reduce((listOfQueries, when, i, arr) => {\n      if (breakpoints) {\n        breakpoints = mergeBreakpoints(breakpoints)\n      }\n\n      const query = convertToMediaQuery(when, breakpoints, options)\n\n      if (query) {\n        switch (arr[i - 1]) {\n          case 'and':\n            listOfQueries.push('and')\n            break\n\n          case 'or':\n          default:\n            listOfQueries.push(', ')\n            break\n        }\n\n        listOfQueries.push(query)\n      }\n\n      return listOfQueries\n    }, [])\n    .filter((query, i) => {\n      return !(i === 0 && query.startsWith(', '))\n    })\n}\n\n/**\n * If custom breakpoints are given, we order them by the value\n * and return again an object as before\n */\nfunction mergeBreakpoints(breakpoints: MediaQueryBreakpoints) {\n  return Object.entries({\n    ...defaultBreakpoints,\n    ...breakpoints,\n  })\n    .sort((a, b) => (a[1] > b[1] ? 1 : -1))\n    .reduce((acc, [key, value]) => {\n      acc[key] = value\n      return acc\n    }, {})\n}\n\n/**\n * Convert a media query from various formats to a valid string based media query\n */\nexport function convertToMediaQuery(\n  query: MediaQueryCondition | Array<MediaQueryCondition>,\n  breakpoints: MediaQueryBreakpoints = null,\n  options?: MediaQueryOptions\n): string {\n  if (typeof query === 'string') {\n    return query\n  }\n\n  // Handling array of media queries\n  if (Array.isArray(query)) {\n    return query.reduce((acc, q, index) => {\n      acc += objToMediaQuery(q, breakpoints, options)\n      if (index < query.length - 1) {\n        acc += ', '\n      }\n\n      return acc\n    }, '') as string\n  }\n\n  // Handling single media query\n  return objToMediaQuery(query, breakpoints, options)\n}\n\n/**\n * Converts an object with PascalCase defined properties to string based media queries\n */\nfunction objToMediaQuery(\n  obj: MediaQueryCondition,\n  breakpoints: MediaQueryBreakpoints = null,\n  options?: MediaQueryOptions\n): string {\n  let hasNot = false\n  let query: string | Array<null> = Object.keys(obj).reduce(\n    (acc, feature) => {\n      let value = obj[feature]\n      feature = toKebabCase(feature)\n\n      if (feature === 'not') {\n        hasNot = true\n        return acc\n      }\n\n      if (feature === 'min' || feature === 'max') {\n        feature = `${feature}-width`\n      }\n\n      // Add em to dimension features\n      if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n        value = value + 'em'\n      }\n\n      if (value === true) {\n        acc.push(feature)\n      } else if (value === false) {\n        acc.push('not ' + feature)\n      } else {\n        value = getValueByFeature(value, breakpoints)\n        if (typeof value !== 'undefined') {\n          acc.push(`(${feature}: ${value})`)\n        }\n      }\n\n      return acc\n    },\n    []\n  )\n\n  if (Array.isArray(query)) {\n    query = query.length > 0 ? query.join(' and ') : query.join('')\n  }\n\n  if (hasNot) {\n    query = reverseQuery(query)\n  }\n\n  if (options?.correctRange && /\\(min-width: [0-9]+em\\)/.test(query)) {\n    const size =\n      parseFloat(query.match(/\\(min-width: ([0-9]+)em\\)/)[1]) || 0\n    if (size > 0) {\n      const correctedSize = (size * 16 + 1) / 16\n      query = query.replace(\n        /(min-width: [0-9]+em)/,\n        `min-width: ${correctedSize}em`\n      )\n    }\n  }\n\n  return query\n}\n\n/**\n * Corrects breakpoint types\n */\nfunction getValueByFeature(\n  value: string,\n  types: MediaQueryBreakpoints = null\n) {\n  types = types || defaultBreakpoints\n  if (Object.prototype.hasOwnProperty.call(types, value)) {\n    value = types[value]\n  }\n  return value\n}\n"],"mappings":"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"}

package/es/shared/component-helper.d.ts

@@ -43,7 +43,7 @@ export function matchAll(string: any, regex: any): any[];
 export function isChildOfElement(element: HTMLElement, target: HTMLElement, callback?: Function): HTMLElement | null;
 export function roundToNearest(num: any, target: any): any;
 export function getClosestScrollViewElement(currentElement: any): Element;
-export function convertJsxToString(elements: any, separator?: any): any;
+export function convertJsxToString(elements: any, separator?: any, transformWord?: any): any;
 import { getPreviousSibling } from './helpers/getPreviousSibling';
 import { warn } from './helpers';
 export { getPreviousSibling, warn };

package/es/shared/component-helper.js

@@ -390,18 +390,21 @@ export const roundToNearest = (num, target) => {
 export const getClosestScrollViewElement = currentElement => {
   return getPreviousSibling('.dnb-scroll-view', currentElement);
 };
-export const convertJsxToString = (elements, separator = undefined) => {
+export const convertJsxToString = (elements, separator = undefined, transformWord = undefined) => {
   if (!Array.isArray(elements)) {
     elements = [elements];
   }
   const process = word => {
     if (React.isValidElement(word)) {
+      if (transformWord) {
+        word = transformWord(word);
+      }
       if (typeof word.props.children === 'string') {
         word = word.props.children.trim();
       } else if (Array.isArray(word.props.children)) {
         word = word.props.children.reduce((acc, word) => {
           if (typeof word !== 'string') {
-            word = process(word);
+            word = process(word, separator, transformWord);
           }
           if (typeof word === 'string') {
             acc = (acc + (separator || '') + word).trim();

package/es/shared/component-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-helper.js","names":["React","keycode","whatInput","warn","PLATFORM_MAC","PLATFORM_WIN","PLATFORM_LINUX","getPreviousSibling","init","InteractionInvalidation","extendPropsWithContext","extendPropsWithContextInClassComponent","assignPropsWithContext","filterProps","specificKeys","defineNavigator","isTouchDevice","document","intent","documentElement","getAttribute","e","handleNavigator","window","navigator","IS_TEST","platform","match","RegExp","setAttribute","removeEventListener","readyState","addEventListener","validateDOMAttributes","props","params","attributes","attr","JSON","parse","Object","entries","forEach","key","value","assign","disabled","space","top","right","bottom","left","no_collapse","innerSpace","tabindex","tabIndex","i","test","processChildren","global","Array","isArray","registeredElements","length","cache","reverse","map","cb","includes","isFrozen","_objectSpread","children","createElement","Fragment","filter","Boolean","res","onlyTexts","reduce","pV","cV","push","join","extend","objects","first","keepRef","shift","acc1","object","acc2","keys","isTrue","String","dispatchCustomElementEvent","src","eventName","eventObjectOrig","ret","undefined","eventObject","event","currentTarget","dataset","replace","target","r","apply","toCamelCase","toSnakeCase","s","split","acc","cur","g0","g1","g2","toUpperCase","toLowerCase","toPascalCase","str","letter","toKebabCase","toCapitalized","l","detectOutsideClick","ignoreElements","onSuccess","options","DetectOutsideClickClass","constructor","_defineProperty","currentElement","tagName","pageX","clientWidth","pageY","clientHeight","checkIfHasScrollbar","elem","parentNode","handleClickOutside","checkOutsideClick","keydownCallback","keyCode","includedKeys","keyupCallback","remove","scrollHeight","offsetHeight","scrollWidth","offsetWidth","overflowIsScrollable","style","getComputedStyle","overflow","overflowX","overflowY","makeUniqueId","prefix","Math","random","toString","substr","idIncrement","slice","slugify","matchAll","string","regex","from","matches","exec","isChildOfElement","element","callback","contains","parentElement","roundToNearest","num","diff","getClosestScrollViewElement","convertJsxToString","elements","separator","process","word","isValidElement","trim","convertStatusToStateOnly","status","state","getStatusState","combineLabelledBy","combineAriaBy","combineDescribedBy","combineDetails","type","findElementInChildren","find","result","some","escapeRegexChars","removeUndefinedProps"],"sources":["../../../src/shared/component-helper.js"],"sourcesContent":["/**\n * Component helpers\n *\n */\n\nimport React from 'react'\nimport keycode from 'keycode'\nimport whatInput from 'what-input'\nimport {\n  warn,\n  PLATFORM_MAC,\n  PLATFORM_WIN,\n  PLATFORM_LINUX,\n} from './helpers'\nimport { getPreviousSibling } from './helpers/getPreviousSibling'\nimport { init } from './Eufemia'\n\nexport { InteractionInvalidation } from './helpers/InteractionInvalidation'\nexport {\n  extendPropsWithContext,\n  extendPropsWithContextInClassComponent,\n} from './helpers/extendPropsWithContext'\nexport { assignPropsWithContext } from './helpers/assignPropsWithContext'\nexport { filterProps } from './helpers/filterProps'\n\nexport { getPreviousSibling, warn }\n\ninit()\n\n// run component helper functions\nwhatInput.specificKeys([9])\ndefineNavigator()\n\n/**\n * Check if device is touch device or not\n */\nexport function isTouchDevice() {\n  if (typeof document !== 'undefined') {\n    let intent = false\n    try {\n      intent = document.documentElement.getAttribute('data-whatintent')\n    } catch (e) {\n      //\n    }\n    return intent === 'touch'\n  }\n  return false\n}\n\nexport function defineNavigator() {\n  const handleNavigator = () => {\n    if (\n      typeof document === 'undefined' ||\n      typeof window === 'undefined' ||\n      typeof navigator === 'undefined'\n    ) {\n      return\n    }\n\n    try {\n      if (!(typeof window !== 'undefined' && window.IS_TEST)) {\n        if (navigator.platform.match(new RegExp(PLATFORM_MAC)) !== null) {\n          document.documentElement.setAttribute('data-os', 'mac')\n        } else if (\n          navigator.platform.match(new RegExp(PLATFORM_WIN)) !== null\n        ) {\n          document.documentElement.setAttribute('data-os', 'win')\n        } else if (\n          navigator.platform.match(new RegExp(PLATFORM_LINUX)) !== null\n        ) {\n          document.documentElement.setAttribute('data-os', 'linux')\n        }\n      } else {\n        document.documentElement.setAttribute('data-os', 'other')\n      }\n    } catch (e) {\n      warn(e)\n    }\n\n    document.removeEventListener('DOMContentLoaded', handleNavigator)\n  }\n\n  if (\n    typeof document !== 'undefined' &&\n    document.readyState === 'loading'\n  ) {\n    document.addEventListener('DOMContentLoaded', handleNavigator)\n  } else {\n    handleNavigator()\n  }\n}\n\nexport const validateDOMAttributes = (props, params) => {\n  // if there is an \"attributes\" prop, prepare these\n  // mostly used for prop example usage\n  if (props && props.attributes) {\n    let attr = props.attributes\n    if (attr) {\n      if (attr[0] === '{') {\n        attr = JSON.parse(attr)\n      }\n      if (attr && typeof attr === 'object') {\n        Object.entries(attr).forEach(([key, value]) => {\n          Object.assign(params, { [key]: value })\n        })\n      }\n      delete params.attributes\n    }\n  }\n\n  // remove disabled, in case it is false (this is for web components support)\n  if (params.disabled === null || params.disabled === 'false') {\n    delete params.disabled\n  }\n  if (typeof params.space !== 'undefined') {\n    delete params.space\n  }\n  if (typeof params.top !== 'undefined') {\n    delete params.top\n  }\n  if (typeof params.right !== 'undefined') {\n    delete params.right\n  }\n  if (typeof params.bottom !== 'undefined') {\n    delete params.bottom\n  }\n  if (typeof params.left !== 'undefined') {\n    delete params.left\n  }\n  if (typeof params.no_collapse !== 'undefined') {\n    delete params.no_collapse\n  }\n  if (typeof params.innerSpace !== 'undefined') {\n    delete params.innerSpace\n  }\n\n  // in case disabled is a string, it its enabled, send it in as a true (this is for web components support)\n  else if (params.disabled === 'true') {\n    params.disabled = true\n  }\n  if (params.disabled === true) {\n    params['aria-disabled'] = true\n  }\n\n  if (props && props.tabindex) {\n    let tabIndex = props.tabindex\n    if (tabIndex === 'off') {\n      tabIndex = '-1'\n    }\n    params['tabIndex'] = tabIndex\n  }\n\n  // make sure we don't return a render prop as a DOM attribute\n  if (params && typeof params === 'object') {\n    for (const i in params) {\n      if (\n        // is React\n        typeof params[i] === 'function' &&\n        // only React Style props, like onClick are allowed\n        !/(^[a-z]{1,}[A-Z]{1})/.test(i)\n      ) {\n        delete params[i]\n\n        // filter out invalid attributes\n      } else if (\n        // we don't want NULL values\n        params[i] === null ||\n        // we don't want\n        /[^a-z-]/i.test(i)\n        // (typeof params[i] !== 'string' && /[^a-z-]/i.test(i))\n      ) {\n        delete params[i]\n      }\n    }\n  }\n\n  return params\n}\n\nexport const processChildren = (props) => {\n  if (!props) {\n    return null\n  }\n\n  // If used in WB, call functions who starts with \"render_\"\n  if (\n    typeof global !== 'undefined' &&\n    Array.isArray(global.registeredElements) &&\n    global.registeredElements.length > 0\n  ) {\n    let cache = null\n    Object.entries(props)\n      .reverse()\n      .map(([key, cb]) => {\n        if (key.includes('render_') && /^render_/.test(key)) {\n          if (typeof cb === 'function') {\n            if (cache) {\n              if (Object.isFrozen(props)) {\n                props = { ...props }\n              }\n              props.children = cache\n            }\n            return (cache = (\n              <React.Fragment key={key}>{cb(props)}</React.Fragment>\n            ))\n          }\n        }\n\n        return null\n      })\n      .filter(Boolean)\n    if (cache) {\n      return cache\n    }\n  }\n\n  const res =\n    typeof props.children === 'function'\n      ? props.children(props)\n      : props.children\n\n  // if we get several react children which represents only a text\n  if (Array.isArray(res)) {\n    const onlyTexts = res.reduce((pV, cV) => {\n      if (typeof cV === 'string' || typeof cV === 'number') {\n        pV.push(cV)\n      }\n      return pV\n    }, [])\n\n    // if there was one or more text elements\n    if (onlyTexts.length === res.length && onlyTexts.length > 0) {\n      return onlyTexts.join('')\n    }\n  }\n\n  return res\n}\n\n// extends given objects recursively and removes entries with null values\n// makes sure that we by default return a totally new object every time\nexport const extend = (...objects) => {\n  let first = {}\n  const keepRef = objects[0]\n\n  if (keepRef === true || keepRef === false) {\n    // remove settings value\n    objects.shift()\n\n    if (keepRef) {\n      // by extracting the first, we keep the same main object reference\n      first = objects.shift()\n    }\n  }\n\n  return objects.reduce((acc1, object) => {\n    if (object) {\n      acc1 = Object.assign(\n        acc1,\n        Object.entries(object).reduce((acc2, [key, value]) => {\n          if (value !== null) {\n            // go recursively\n            if (typeof value === 'object') {\n              value = extend(acc1[key] || {}, value)\n              if (Object.keys(value).length > 0) {\n                acc2[key] = value\n              }\n            } else {\n              acc2[key] = value\n            }\n          }\n          return acc2\n        }, {})\n      )\n    }\n    return acc1\n  }, first)\n}\n\n// check if value is \"truthy\"\nexport const isTrue = (value) => {\n  if (\n    value !== null &&\n    typeof value !== 'undefined' &&\n    (String(value) === 'true' || String(value) === '1')\n  ) {\n    return true\n  }\n  return false\n}\n\nexport const dispatchCustomElementEvent = (\n  src,\n  eventName,\n  eventObjectOrig\n) => {\n  let ret = undefined\n\n  const eventObject = {\n    ...((eventObjectOrig && eventObjectOrig.event) || {}),\n    ...eventObjectOrig,\n  }\n\n  // distribute dataset like \"data-*\" to both currentTarget and target\n  if (eventObject && eventObject.attributes && eventObject.event) {\n    const currentTarget = eventObject.event.currentTarget\n    if (currentTarget) {\n      try {\n        // 1. create new dataset, and copy if exists\n        const dataset = { ...(currentTarget.dataset || {}) }\n\n        // 2. copy in our attributes if they are of \"data-\" type\n        const attributes = { ...eventObject.attributes }\n        for (const i in attributes) {\n          if (/^data-/.test(i)) {\n            dataset[String(i).replace(/^data-/, '')] = attributes[i]\n          }\n        }\n\n        // 3. and distribute them to the targets. Use the for method because of immutability\n        for (const i in dataset) {\n          if (eventObject.event.currentTarget.dataset) {\n            eventObject.event.currentTarget.dataset[i] = dataset[i]\n          }\n          if (\n            eventObject.event.target &&\n            eventObject.event.target.dataset\n          ) {\n            eventObject.event.target.dataset[i] = dataset[i]\n          }\n        }\n      } catch (e) {\n        warn('Error on handling dataset:', e)\n      }\n    }\n  }\n\n  const props = (src && src.props) || src\n\n  // call the default snake case event\n  if (eventName.includes('_')) {\n    if (typeof props[eventName] === 'function') {\n      const r = props[eventName].apply(src, [eventObject])\n      if (typeof r !== 'undefined') {\n        ret = r\n      }\n    }\n\n    // call Synthetic React event camelCase naming events\n    eventName = toCamelCase(eventName)\n    if (typeof props[eventName] === 'function') {\n      const r = props[eventName].apply(src, [eventObject])\n      if (typeof r !== 'undefined') {\n        ret = r\n      }\n    }\n  } else {\n    if (typeof props[eventName] === 'function') {\n      const r = props[eventName].apply(src, [eventObject])\n      if (typeof r !== 'undefined') {\n        ret = r\n      }\n    }\n\n    // call (in future deprecated) event snake case naming events\n    eventName = toSnakeCase(eventName)\n    if (typeof props[eventName] === 'function') {\n      const r = props[eventName].apply(src, [eventObject])\n      if (typeof r !== 'undefined') {\n        ret = r\n      }\n    }\n  }\n\n  return ret\n}\n\n// transform on_click to onClick\nexport const toCamelCase = (s) =>\n  s\n    .split(/_/g)\n    .reduce(\n      (acc, cur, i) =>\n        acc +\n        (i === 0\n          ? cur\n          : cur.replace(\n              /(\\w)(\\w*)/g,\n              (g0, g1, g2) => g1.toUpperCase() + g2.toLowerCase()\n            )),\n      ''\n    )\n\n// TODO: Test if this solution is faster\n// const toCamelCase = (str) =>\n//   str.replace(/([-_][a-z])/g, (group) =>\n//     group.toUpperCase().replace('-', '').replace('_', '')\n//   )\n\n// transform my_component to MyComponent\nexport const toPascalCase = (s) =>\n  s\n    .split(/_/g)\n    .reduce(\n      (acc, cur) =>\n        acc +\n        cur.replace(\n          /(\\w)(\\w*)/g,\n          (g0, g1, g2) => g1.toUpperCase() + g2.toLowerCase()\n        ),\n      ''\n    )\n\n// transform MyComponent to my_component\nexport const toSnakeCase = (str) =>\n  str.replace(/\\B[A-Z]/g, (letter) => `_${letter}`).toLowerCase()\n\n// transform MyComponent to my-component\nexport const toKebabCase = (str) =>\n  str.replace(/\\B[A-Z]/g, (letter) => `-${letter}`).toLowerCase()\n\nexport function toCapitalized(str) {\n  return typeof str === 'string'\n    ? str\n        .toLowerCase()\n        .replace(/(?<=(^|\\s|-))(.)/g, (l) => l.toUpperCase())\n    : str\n}\n\n/**\n * [detectOutsideClick Detects a click outside a given DOM element]\n * @param  {[type]} ignoreElement [The element we want to protect from a click]\n * @param  {[type]} onSuccess     [Will be called on outside click]\n * @return {[type]}               [void]\n */\nexport const detectOutsideClick = (ignoreElements, onSuccess, options) =>\n  new DetectOutsideClickClass(ignoreElements, onSuccess, options)\n\n// Used by detectOutsideClick\nexport class DetectOutsideClickClass {\n  constructor(ignoreElements, onSuccess, options = {}) {\n    if (\n      !this.handleClickOutside &&\n      typeof document !== 'undefined' &&\n      typeof window !== 'undefined'\n    ) {\n      if (!Array.isArray(ignoreElements)) {\n        ignoreElements = [ignoreElements]\n      }\n      this.handleClickOutside = (event) => {\n        this.checkOutsideClick(\n          {\n            event,\n            ignoreElements,\n          },\n          () => typeof onSuccess === 'function' && onSuccess({ event })\n        )\n      }\n      document.addEventListener('mousedown', this.handleClickOutside)\n\n      this.keydownCallback = (event) => {\n        const keyCode = keycode(event)\n        if (keyCode === 'esc') {\n          window.removeEventListener('keydown', this.keydownCallback)\n          if (typeof onSuccess === 'function') {\n            onSuccess({ event })\n          }\n        }\n      }\n      window.addEventListener('keydown', this.keydownCallback)\n\n      // e.g. includedKeys = ['tab']\n      if (options.includedKeys) {\n        // use keyup so we get the correct new target\n        this.keyupCallback = (event) => {\n          const keyCode = keycode(event)\n          if (\n            options.includedKeys.includes(keyCode) &&\n            typeof this.handleClickOutside === 'function'\n          ) {\n            this.handleClickOutside(event, () => {\n              if (this.keyupCallback)\n                window.removeEventListener('keyup', this.keyupCallback)\n            })\n          }\n        }\n        window.addEventListener('keyup', this.keyupCallback)\n      }\n    }\n  }\n\n  remove() {\n    if (this.handleClickOutside && typeof document !== 'undefined') {\n      document.removeEventListener('mousedown', this.handleClickOutside)\n      this.handleClickOutside = null\n    }\n    if (this.keydownCallback && typeof window !== 'undefined') {\n      window.removeEventListener('keydown', this.keydownCallback)\n      this.keydownCallback = null\n    }\n    if (this.keyupCallback && typeof window !== 'undefined') {\n      window.removeEventListener('keyup', this.keyupCallback)\n      this.keyupCallback = null\n    }\n  }\n\n  checkOutsideClick = ({ event, ignoreElements }, onSuccess = null) => {\n    try {\n      const currentElement = event.target\n\n      // we also check if currentElement is documentElement\n      // and if it has scrollbars, we then ignore the click\n      if (\n        currentElement?.tagName === 'HTML' &&\n        (event.pageX > document.documentElement.clientWidth - 40 ||\n          event.pageY > document.documentElement.clientHeight - 40)\n      ) {\n        return // stop here\n      }\n\n      // check if element has e.g. \"overflow: scroll\"\n      if (checkIfHasScrollbar(currentElement)) {\n        return // stop here\n      }\n\n      // check the rest\n      for (let i = 0, elem, l = ignoreElements.length; i < l; ++i) {\n        elem = currentElement\n        if (!ignoreElements[i]) {\n          continue\n        }\n        do {\n          if (elem === ignoreElements[i]) {\n            return // stop here\n          }\n          elem = elem && elem.parentNode\n        } while (elem)\n      }\n\n      if (typeof onSuccess === 'function') {\n        onSuccess()\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n}\n\nexport const checkIfHasScrollbar = (elem) => {\n  return (\n    elem &&\n    (elem.scrollHeight > elem.offsetHeight ||\n      elem.scrollWidth > elem.offsetWidth) &&\n    overflowIsScrollable(elem)\n  )\n}\nconst overflowIsScrollable = (elem) => {\n  const style =\n    typeof window !== 'undefined' ? window.getComputedStyle(elem) : {}\n  return /scroll|auto/i.test(\n    (style.overflow || '') +\n      (style.overflowX || '') +\n      (style.overflowY || '')\n  )\n}\n\nexport const makeUniqueId = (prefix = 'id-', length = 8) =>\n  prefix +\n  String(\n    Math.random().toString(36).substr(2, length) + idIncrement++\n  ).slice(-length)\nlet idIncrement = 0\n\nexport const slugify = (s) =>\n  String(s)\n    .toLowerCase()\n    .replace(/[^\\w\\s-]/g, '')\n    .replace(/[\\s_-]+/g, '-')\n    .replace(/^-+|-+$/g, '')\n\n// NB: in future we can use String.matchAll() instead\nexport const matchAll = (string, regex) => {\n  if (typeof string.matchAll === 'function') {\n    return Array.from(string.matchAll(regex))\n  }\n  const matches = []\n  let match\n  while ((match = regex.exec(string))) {\n    matches.push(match)\n  }\n  return matches\n}\n\n/**\n * Check if an element exists in its children\n * If it finds it, the child \"element\" of target will be returned.\n *\n * @param {HTMLElement} element The DOM Element to find\n * @param {HTMLElement} target The DOM Element that should contain \"element\"\n * @param {function} callback (optional)\n * @returns {HTMLElement | null} Returns the found child of all existing dom elements inside of \"target\"\n */\nexport const isChildOfElement = (element, target, callback = null) => {\n  try {\n    const contains = (element) => {\n      if (callback) {\n        const res = callback(element)\n        if (res) {\n          return element\n        }\n      }\n      return element && element === target\n    }\n\n    if (contains(element)) {\n      return element\n    }\n\n    while (\n      (element = element && element.parentElement) &&\n      !contains(element)\n    );\n  } catch (e) {\n    //\n  }\n\n  return element\n}\n\n// Round number to nearest target number\nexport const roundToNearest = (num, target) => {\n  const diff = num % target\n  return diff > target / 2 ? num - diff + target : num - diff\n}\n\nexport const getClosestScrollViewElement = (currentElement) => {\n  return getPreviousSibling('.dnb-scroll-view', currentElement)\n}\n\nexport const convertJsxToString = (elements, separator = undefined) => {\n  if (!Array.isArray(elements)) {\n    elements = [elements]\n  }\n\n  const process = (word) => {\n    if (React.isValidElement(word)) {\n      if (typeof word.props.children === 'string') {\n        word = word.props.children.trim()\n      } else if (Array.isArray(word.props.children)) {\n        word = word.props.children.reduce((acc, word) => {\n          if (typeof word !== 'string') {\n            word = process(word)\n          }\n          if (typeof word === 'string') {\n            acc = (acc + (separator || '') + word).trim()\n          }\n          return acc\n        }, '')\n      } else {\n        return null\n      }\n    }\n\n    return word\n  }\n\n  return elements\n    .map((word) => process(word))\n    .filter(Boolean)\n    .join(separator)\n    .trim()\n}\n\nexport function convertStatusToStateOnly(status, state) {\n  return status ? state : null\n}\n\nexport function getStatusState(status) {\n  return (\n    status && status !== 'error' && status !== 'warn' && status !== 'info'\n  )\n}\n\nexport function combineLabelledBy(...params) {\n  return combineAriaBy('aria-labelledby', params)\n}\nexport function combineDescribedBy(...params) {\n  return combineAriaBy('aria-describedby', params)\n}\nexport function combineDetails(...params) {\n  return combineAriaBy('aria-details', params)\n}\nfunction combineAriaBy(type, params) {\n  params = params.map((cur) => {\n    if (Array.isArray(cur)) {\n      return cur.join(' ')\n    }\n    if (cur && params.includes(cur[type])) {\n      return null\n    }\n    if (cur && typeof cur[type] !== 'undefined') {\n      cur = cur[type]\n    }\n    if (typeof cur !== 'string') {\n      cur = null\n    }\n    return cur\n  })\n  params = params.filter(Boolean).join(' ')\n  if (params === '') {\n    params = undefined\n  }\n  return params\n}\n\nexport function findElementInChildren(children, find) {\n  if (!Array.isArray(children)) {\n    children = [children]\n  }\n\n  let result = null\n  children.some((cur) => {\n    if (cur && cur.props && cur.props.children) {\n      const res = findElementInChildren(cur.props.children, find)\n      if (res) {\n        return (result = res)\n      }\n    }\n    if (React.isValidElement(cur) && find(cur)) {\n      return (result = cur)\n    }\n    return null\n  })\n\n  return result\n}\n\nexport function escapeRegexChars(str) {\n  return str.replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, '\\\\$&')\n}\n\nexport function removeUndefinedProps(object) {\n  Object.keys(object).forEach((key) => {\n    if (object[key] === undefined) {\n      delete object[key]\n    }\n  })\n  return object\n}\n"],"mappings":"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"}
+{"version":3,"file":"component-helper.js","names":["React","keycode","whatInput","warn","PLATFORM_MAC","PLATFORM_WIN","PLATFORM_LINUX","getPreviousSibling","init","InteractionInvalidation","extendPropsWithContext","extendPropsWithContextInClassComponent","assignPropsWithContext","filterProps","specificKeys","defineNavigator","isTouchDevice","document","intent","documentElement","getAttribute","e","handleNavigator","window","navigator","IS_TEST","platform","match","RegExp","setAttribute","removeEventListener","readyState","addEventListener","validateDOMAttributes","props","params","attributes","attr","JSON","parse","Object","entries","forEach","key","value","assign","disabled","space","top","right","bottom","left","no_collapse","innerSpace","tabindex","tabIndex","i","test","processChildren","global","Array","isArray","registeredElements","length","cache","reverse","map","cb","includes","isFrozen","_objectSpread","children","createElement","Fragment","filter","Boolean","res","onlyTexts","reduce","pV","cV","push","join","extend","objects","first","keepRef","shift","acc1","object","acc2","keys","isTrue","String","dispatchCustomElementEvent","src","eventName","eventObjectOrig","ret","undefined","eventObject","event","currentTarget","dataset","replace","target","r","apply","toCamelCase","toSnakeCase","s","split","acc","cur","g0","g1","g2","toUpperCase","toLowerCase","toPascalCase","str","letter","toKebabCase","toCapitalized","l","detectOutsideClick","ignoreElements","onSuccess","options","DetectOutsideClickClass","constructor","_defineProperty","currentElement","tagName","pageX","clientWidth","pageY","clientHeight","checkIfHasScrollbar","elem","parentNode","handleClickOutside","checkOutsideClick","keydownCallback","keyCode","includedKeys","keyupCallback","remove","scrollHeight","offsetHeight","scrollWidth","offsetWidth","overflowIsScrollable","style","getComputedStyle","overflow","overflowX","overflowY","makeUniqueId","prefix","Math","random","toString","substr","idIncrement","slice","slugify","matchAll","string","regex","from","matches","exec","isChildOfElement","element","callback","contains","parentElement","roundToNearest","num","diff","getClosestScrollViewElement","convertJsxToString","elements","separator","transformWord","process","word","isValidElement","trim","convertStatusToStateOnly","status","state","getStatusState","combineLabelledBy","combineAriaBy","combineDescribedBy","combineDetails","type","findElementInChildren","find","result","some","escapeRegexChars","removeUndefinedProps"],"sources":["../../../src/shared/component-helper.js"],"sourcesContent":["/**\n * Component helpers\n *\n */\n\nimport React from 'react'\nimport keycode from 'keycode'\nimport whatInput from 'what-input'\nimport {\n  warn,\n  PLATFORM_MAC,\n  PLATFORM_WIN,\n  PLATFORM_LINUX,\n} from './helpers'\nimport { getPreviousSibling } from './helpers/getPreviousSibling'\nimport { init } from './Eufemia'\n\nexport { InteractionInvalidation } from './helpers/InteractionInvalidation'\nexport {\n  extendPropsWithContext,\n  extendPropsWithContextInClassComponent,\n} from './helpers/extendPropsWithContext'\nexport { assignPropsWithContext } from './helpers/assignPropsWithContext'\nexport { filterProps } from './helpers/filterProps'\n\nexport { getPreviousSibling, warn }\n\ninit()\n\n// run component helper functions\nwhatInput.specificKeys([9])\ndefineNavigator()\n\n/**\n * Check if device is touch device or not\n */\nexport function isTouchDevice() {\n  if (typeof document !== 'undefined') {\n    let intent = false\n    try {\n      intent = document.documentElement.getAttribute('data-whatintent')\n    } catch (e) {\n      //\n    }\n    return intent === 'touch'\n  }\n  return false\n}\n\nexport function defineNavigator() {\n  const handleNavigator = () => {\n    if (\n      typeof document === 'undefined' ||\n      typeof window === 'undefined' ||\n      typeof navigator === 'undefined'\n    ) {\n      return\n    }\n\n    try {\n      if (!(typeof window !== 'undefined' && window.IS_TEST)) {\n        if (navigator.platform.match(new RegExp(PLATFORM_MAC)) !== null) {\n          document.documentElement.setAttribute('data-os', 'mac')\n        } else if (\n          navigator.platform.match(new RegExp(PLATFORM_WIN)) !== null\n        ) {\n          document.documentElement.setAttribute('data-os', 'win')\n        } else if (\n          navigator.platform.match(new RegExp(PLATFORM_LINUX)) !== null\n        ) {\n          document.documentElement.setAttribute('data-os', 'linux')\n        }\n      } else {\n        document.documentElement.setAttribute('data-os', 'other')\n      }\n    } catch (e) {\n      warn(e)\n    }\n\n    document.removeEventListener('DOMContentLoaded', handleNavigator)\n  }\n\n  if (\n    typeof document !== 'undefined' &&\n    document.readyState === 'loading'\n  ) {\n    document.addEventListener('DOMContentLoaded', handleNavigator)\n  } else {\n    handleNavigator()\n  }\n}\n\nexport const validateDOMAttributes = (props, params) => {\n  // if there is an \"attributes\" prop, prepare these\n  // mostly used for prop example usage\n  if (props && props.attributes) {\n    let attr = props.attributes\n    if (attr) {\n      if (attr[0] === '{') {\n        attr = JSON.parse(attr)\n      }\n      if (attr && typeof attr === 'object') {\n        Object.entries(attr).forEach(([key, value]) => {\n          Object.assign(params, { [key]: value })\n        })\n      }\n      delete params.attributes\n    }\n  }\n\n  // remove disabled, in case it is false (this is for web components support)\n  if (params.disabled === null || params.disabled === 'false') {\n    delete params.disabled\n  }\n  if (typeof params.space !== 'undefined') {\n    delete params.space\n  }\n  if (typeof params.top !== 'undefined') {\n    delete params.top\n  }\n  if (typeof params.right !== 'undefined') {\n    delete params.right\n  }\n  if (typeof params.bottom !== 'undefined') {\n    delete params.bottom\n  }\n  if (typeof params.left !== 'undefined') {\n    delete params.left\n  }\n  if (typeof params.no_collapse !== 'undefined') {\n    delete params.no_collapse\n  }\n  if (typeof params.innerSpace !== 'undefined') {\n    delete params.innerSpace\n  }\n\n  // in case disabled is a string, it its enabled, send it in as a true (this is for web components support)\n  else if (params.disabled === 'true') {\n    params.disabled = true\n  }\n  if (params.disabled === true) {\n    params['aria-disabled'] = true\n  }\n\n  if (props && props.tabindex) {\n    let tabIndex = props.tabindex\n    if (tabIndex === 'off') {\n      tabIndex = '-1'\n    }\n    params['tabIndex'] = tabIndex\n  }\n\n  // make sure we don't return a render prop as a DOM attribute\n  if (params && typeof params === 'object') {\n    for (const i in params) {\n      if (\n        // is React\n        typeof params[i] === 'function' &&\n        // only React Style props, like onClick are allowed\n        !/(^[a-z]{1,}[A-Z]{1})/.test(i)\n      ) {\n        delete params[i]\n\n        // filter out invalid attributes\n      } else if (\n        // we don't want NULL values\n        params[i] === null ||\n        // we don't want\n        /[^a-z-]/i.test(i)\n        // (typeof params[i] !== 'string' && /[^a-z-]/i.test(i))\n      ) {\n        delete params[i]\n      }\n    }\n  }\n\n  return params\n}\n\nexport const processChildren = (props) => {\n  if (!props) {\n    return null\n  }\n\n  // If used in WB, call functions who starts with \"render_\"\n  if (\n    typeof global !== 'undefined' &&\n    Array.isArray(global.registeredElements) &&\n    global.registeredElements.length > 0\n  ) {\n    let cache = null\n    Object.entries(props)\n      .reverse()\n      .map(([key, cb]) => {\n        if (key.includes('render_') && /^render_/.test(key)) {\n          if (typeof cb === 'function') {\n            if (cache) {\n              if (Object.isFrozen(props)) {\n                props = { ...props }\n              }\n              props.children = cache\n            }\n            return (cache = (\n              <React.Fragment key={key}>{cb(props)}</React.Fragment>\n            ))\n          }\n        }\n\n        return null\n      })\n      .filter(Boolean)\n    if (cache) {\n      return cache\n    }\n  }\n\n  const res =\n    typeof props.children === 'function'\n      ? props.children(props)\n      : props.children\n\n  // if we get several react children which represents only a text\n  if (Array.isArray(res)) {\n    const onlyTexts = res.reduce((pV, cV) => {\n      if (typeof cV === 'string' || typeof cV === 'number') {\n        pV.push(cV)\n      }\n      return pV\n    }, [])\n\n    // if there was one or more text elements\n    if (onlyTexts.length === res.length && onlyTexts.length > 0) {\n      return onlyTexts.join('')\n    }\n  }\n\n  return res\n}\n\n// extends given objects recursively and removes entries with null values\n// makes sure that we by default return a totally new object every time\nexport const extend = (...objects) => {\n  let first = {}\n  const keepRef = objects[0]\n\n  if (keepRef === true || keepRef === false) {\n    // remove settings value\n    objects.shift()\n\n    if (keepRef) {\n      // by extracting the first, we keep the same main object reference\n      first = objects.shift()\n    }\n  }\n\n  return objects.reduce((acc1, object) => {\n    if (object) {\n      acc1 = Object.assign(\n        acc1,\n        Object.entries(object).reduce((acc2, [key, value]) => {\n          if (value !== null) {\n            // go recursively\n            if (typeof value === 'object') {\n              value = extend(acc1[key] || {}, value)\n              if (Object.keys(value).length > 0) {\n                acc2[key] = value\n              }\n            } else {\n              acc2[key] = value\n            }\n          }\n          return acc2\n        }, {})\n      )\n    }\n    return acc1\n  }, first)\n}\n\n// check if value is \"truthy\"\nexport const isTrue = (value) => {\n  if (\n    value !== null &&\n    typeof value !== 'undefined' &&\n    (String(value) === 'true' || String(value) === '1')\n  ) {\n    return true\n  }\n  return false\n}\n\nexport const dispatchCustomElementEvent = (\n  src,\n  eventName,\n  eventObjectOrig\n) => {\n  let ret = undefined\n\n  const eventObject = {\n    ...((eventObjectOrig && eventObjectOrig.event) || {}),\n    ...eventObjectOrig,\n  }\n\n  // distribute dataset like \"data-*\" to both currentTarget and target\n  if (eventObject && eventObject.attributes && eventObject.event) {\n    const currentTarget = eventObject.event.currentTarget\n    if (currentTarget) {\n      try {\n        // 1. create new dataset, and copy if exists\n        const dataset = { ...(currentTarget.dataset || {}) }\n\n        // 2. copy in our attributes if they are of \"data-\" type\n        const attributes = { ...eventObject.attributes }\n        for (const i in attributes) {\n          if (/^data-/.test(i)) {\n            dataset[String(i).replace(/^data-/, '')] = attributes[i]\n          }\n        }\n\n        // 3. and distribute them to the targets. Use the for method because of immutability\n        for (const i in dataset) {\n          if (eventObject.event.currentTarget.dataset) {\n            eventObject.event.currentTarget.dataset[i] = dataset[i]\n          }\n          if (\n            eventObject.event.target &&\n            eventObject.event.target.dataset\n          ) {\n            eventObject.event.target.dataset[i] = dataset[i]\n          }\n        }\n      } catch (e) {\n        warn('Error on handling dataset:', e)\n      }\n    }\n  }\n\n  const props = (src && src.props) || src\n\n  // call the default snake case event\n  if (eventName.includes('_')) {\n    if (typeof props[eventName] === 'function') {\n      const r = props[eventName].apply(src, [eventObject])\n      if (typeof r !== 'undefined') {\n        ret = r\n      }\n    }\n\n    // call Synthetic React event camelCase naming events\n    eventName = toCamelCase(eventName)\n    if (typeof props[eventName] === 'function') {\n      const r = props[eventName].apply(src, [eventObject])\n      if (typeof r !== 'undefined') {\n        ret = r\n      }\n    }\n  } else {\n    if (typeof props[eventName] === 'function') {\n      const r = props[eventName].apply(src, [eventObject])\n      if (typeof r !== 'undefined') {\n        ret = r\n      }\n    }\n\n    // call (in future deprecated) event snake case naming events\n    eventName = toSnakeCase(eventName)\n    if (typeof props[eventName] === 'function') {\n      const r = props[eventName].apply(src, [eventObject])\n      if (typeof r !== 'undefined') {\n        ret = r\n      }\n    }\n  }\n\n  return ret\n}\n\n// transform on_click to onClick\nexport const toCamelCase = (s) =>\n  s\n    .split(/_/g)\n    .reduce(\n      (acc, cur, i) =>\n        acc +\n        (i === 0\n          ? cur\n          : cur.replace(\n              /(\\w)(\\w*)/g,\n              (g0, g1, g2) => g1.toUpperCase() + g2.toLowerCase()\n            )),\n      ''\n    )\n\n// TODO: Test if this solution is faster\n// const toCamelCase = (str) =>\n//   str.replace(/([-_][a-z])/g, (group) =>\n//     group.toUpperCase().replace('-', '').replace('_', '')\n//   )\n\n// transform my_component to MyComponent\nexport const toPascalCase = (s) =>\n  s\n    .split(/_/g)\n    .reduce(\n      (acc, cur) =>\n        acc +\n        cur.replace(\n          /(\\w)(\\w*)/g,\n          (g0, g1, g2) => g1.toUpperCase() + g2.toLowerCase()\n        ),\n      ''\n    )\n\n// transform MyComponent to my_component\nexport const toSnakeCase = (str) =>\n  str.replace(/\\B[A-Z]/g, (letter) => `_${letter}`).toLowerCase()\n\n// transform MyComponent to my-component\nexport const toKebabCase = (str) =>\n  str.replace(/\\B[A-Z]/g, (letter) => `-${letter}`).toLowerCase()\n\nexport function toCapitalized(str) {\n  return typeof str === 'string'\n    ? str\n        .toLowerCase()\n        .replace(/(?<=(^|\\s|-))(.)/g, (l) => l.toUpperCase())\n    : str\n}\n\n/**\n * [detectOutsideClick Detects a click outside a given DOM element]\n * @param  {[type]} ignoreElement [The element we want to protect from a click]\n * @param  {[type]} onSuccess     [Will be called on outside click]\n * @return {[type]}               [void]\n */\nexport const detectOutsideClick = (ignoreElements, onSuccess, options) =>\n  new DetectOutsideClickClass(ignoreElements, onSuccess, options)\n\n// Used by detectOutsideClick\nexport class DetectOutsideClickClass {\n  constructor(ignoreElements, onSuccess, options = {}) {\n    if (\n      !this.handleClickOutside &&\n      typeof document !== 'undefined' &&\n      typeof window !== 'undefined'\n    ) {\n      if (!Array.isArray(ignoreElements)) {\n        ignoreElements = [ignoreElements]\n      }\n      this.handleClickOutside = (event) => {\n        this.checkOutsideClick(\n          {\n            event,\n            ignoreElements,\n          },\n          () => typeof onSuccess === 'function' && onSuccess({ event })\n        )\n      }\n      document.addEventListener('mousedown', this.handleClickOutside)\n\n      this.keydownCallback = (event) => {\n        const keyCode = keycode(event)\n        if (keyCode === 'esc') {\n          window.removeEventListener('keydown', this.keydownCallback)\n          if (typeof onSuccess === 'function') {\n            onSuccess({ event })\n          }\n        }\n      }\n      window.addEventListener('keydown', this.keydownCallback)\n\n      // e.g. includedKeys = ['tab']\n      if (options.includedKeys) {\n        // use keyup so we get the correct new target\n        this.keyupCallback = (event) => {\n          const keyCode = keycode(event)\n          if (\n            options.includedKeys.includes(keyCode) &&\n            typeof this.handleClickOutside === 'function'\n          ) {\n            this.handleClickOutside(event, () => {\n              if (this.keyupCallback)\n                window.removeEventListener('keyup', this.keyupCallback)\n            })\n          }\n        }\n        window.addEventListener('keyup', this.keyupCallback)\n      }\n    }\n  }\n\n  remove() {\n    if (this.handleClickOutside && typeof document !== 'undefined') {\n      document.removeEventListener('mousedown', this.handleClickOutside)\n      this.handleClickOutside = null\n    }\n    if (this.keydownCallback && typeof window !== 'undefined') {\n      window.removeEventListener('keydown', this.keydownCallback)\n      this.keydownCallback = null\n    }\n    if (this.keyupCallback && typeof window !== 'undefined') {\n      window.removeEventListener('keyup', this.keyupCallback)\n      this.keyupCallback = null\n    }\n  }\n\n  checkOutsideClick = ({ event, ignoreElements }, onSuccess = null) => {\n    try {\n      const currentElement = event.target\n\n      // we also check if currentElement is documentElement\n      // and if it has scrollbars, we then ignore the click\n      if (\n        currentElement?.tagName === 'HTML' &&\n        (event.pageX > document.documentElement.clientWidth - 40 ||\n          event.pageY > document.documentElement.clientHeight - 40)\n      ) {\n        return // stop here\n      }\n\n      // check if element has e.g. \"overflow: scroll\"\n      if (checkIfHasScrollbar(currentElement)) {\n        return // stop here\n      }\n\n      // check the rest\n      for (let i = 0, elem, l = ignoreElements.length; i < l; ++i) {\n        elem = currentElement\n        if (!ignoreElements[i]) {\n          continue\n        }\n        do {\n          if (elem === ignoreElements[i]) {\n            return // stop here\n          }\n          elem = elem && elem.parentNode\n        } while (elem)\n      }\n\n      if (typeof onSuccess === 'function') {\n        onSuccess()\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n}\n\nexport const checkIfHasScrollbar = (elem) => {\n  return (\n    elem &&\n    (elem.scrollHeight > elem.offsetHeight ||\n      elem.scrollWidth > elem.offsetWidth) &&\n    overflowIsScrollable(elem)\n  )\n}\nconst overflowIsScrollable = (elem) => {\n  const style =\n    typeof window !== 'undefined' ? window.getComputedStyle(elem) : {}\n  return /scroll|auto/i.test(\n    (style.overflow || '') +\n      (style.overflowX || '') +\n      (style.overflowY || '')\n  )\n}\n\nexport const makeUniqueId = (prefix = 'id-', length = 8) =>\n  prefix +\n  String(\n    Math.random().toString(36).substr(2, length) + idIncrement++\n  ).slice(-length)\nlet idIncrement = 0\n\nexport const slugify = (s) =>\n  String(s)\n    .toLowerCase()\n    .replace(/[^\\w\\s-]/g, '')\n    .replace(/[\\s_-]+/g, '-')\n    .replace(/^-+|-+$/g, '')\n\n// NB: in future we can use String.matchAll() instead\nexport const matchAll = (string, regex) => {\n  if (typeof string.matchAll === 'function') {\n    return Array.from(string.matchAll(regex))\n  }\n  const matches = []\n  let match\n  while ((match = regex.exec(string))) {\n    matches.push(match)\n  }\n  return matches\n}\n\n/**\n * Check if an element exists in its children\n * If it finds it, the child \"element\" of target will be returned.\n *\n * @param {HTMLElement} element The DOM Element to find\n * @param {HTMLElement} target The DOM Element that should contain \"element\"\n * @param {function} callback (optional)\n * @returns {HTMLElement | null} Returns the found child of all existing dom elements inside of \"target\"\n */\nexport const isChildOfElement = (element, target, callback = null) => {\n  try {\n    const contains = (element) => {\n      if (callback) {\n        const res = callback(element)\n        if (res) {\n          return element\n        }\n      }\n      return element && element === target\n    }\n\n    if (contains(element)) {\n      return element\n    }\n\n    while (\n      (element = element && element.parentElement) &&\n      !contains(element)\n    );\n  } catch (e) {\n    //\n  }\n\n  return element\n}\n\n// Round number to nearest target number\nexport const roundToNearest = (num, target) => {\n  const diff = num % target\n  return diff > target / 2 ? num - diff + target : num - diff\n}\n\nexport const getClosestScrollViewElement = (currentElement) => {\n  return getPreviousSibling('.dnb-scroll-view', currentElement)\n}\n\nexport const convertJsxToString = (\n  elements,\n  separator = undefined,\n  transformWord = undefined\n) => {\n  if (!Array.isArray(elements)) {\n    elements = [elements]\n  }\n\n  const process = (word) => {\n    if (React.isValidElement(word)) {\n      if (transformWord) {\n        word = transformWord(word)\n      }\n\n      if (typeof word.props.children === 'string') {\n        word = word.props.children.trim()\n      } else if (Array.isArray(word.props.children)) {\n        word = word.props.children.reduce((acc, word) => {\n          if (typeof word !== 'string') {\n            word = process(word, separator, transformWord)\n          }\n          if (typeof word === 'string') {\n            acc = (acc + (separator || '') + word).trim()\n          }\n          return acc\n        }, '')\n      } else {\n        return null\n      }\n    }\n\n    return word\n  }\n\n  return elements\n    .map((word) => process(word))\n    .filter(Boolean)\n    .join(separator)\n    .trim()\n}\n\nexport function convertStatusToStateOnly(status, state) {\n  return status ? state : null\n}\n\nexport function getStatusState(status) {\n  return (\n    status && status !== 'error' && status !== 'warn' && status !== 'info'\n  )\n}\n\nexport function combineLabelledBy(...params) {\n  return combineAriaBy('aria-labelledby', params)\n}\nexport function combineDescribedBy(...params) {\n  return combineAriaBy('aria-describedby', params)\n}\nexport function combineDetails(...params) {\n  return combineAriaBy('aria-details', params)\n}\nfunction combineAriaBy(type, params) {\n  params = params.map((cur) => {\n    if (Array.isArray(cur)) {\n      return cur.join(' ')\n    }\n    if (cur && params.includes(cur[type])) {\n      return null\n    }\n    if (cur && typeof cur[type] !== 'undefined') {\n      cur = cur[type]\n    }\n    if (typeof cur !== 'string') {\n      cur = null\n    }\n    return cur\n  })\n  params = params.filter(Boolean).join(' ')\n  if (params === '') {\n    params = undefined\n  }\n  return params\n}\n\nexport function findElementInChildren(children, find) {\n  if (!Array.isArray(children)) {\n    children = [children]\n  }\n\n  let result = null\n  children.some((cur) => {\n    if (cur && cur.props && cur.props.children) {\n      const res = findElementInChildren(cur.props.children, find)\n      if (res) {\n        return (result = res)\n      }\n    }\n    if (React.isValidElement(cur) && find(cur)) {\n      return (result = cur)\n    }\n    return null\n  })\n\n  return result\n}\n\nexport function escapeRegexChars(str) {\n  return str.replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, '\\\\$&')\n}\n\nexport function removeUndefinedProps(object) {\n  Object.keys(object).forEach((key) => {\n    if (object[key] === undefined) {\n      delete object[key]\n    }\n  })\n  return object\n}\n"],"mappings":"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"}

package/es/shared/useMedia.d.ts

@@ -1,4 +1,4 @@
-import type { MediaQueryCondition, MediaQueryBreakpoints } from './MediaQueryUtils';
+import type { MediaQueryCondition, MediaQueryBreakpoints, MediaQueryOptions } from './MediaQueryUtils';
 export type UseMediaProps = {
     /**
      * Give a initial value, that is used during SSR as well.
@@ -9,7 +9,7 @@ export type UseMediaProps = {
      * If set to true, no MediaQuery will be used.
      * Default: false
      */
-    disabled?: boolean;
+    disabled?: MediaQueryOptions['disabled'];
     /**
      * Provide a custom breakpoint
      * Default: defaultBreakpoints
@@ -24,6 +24,11 @@ export type UseMediaProps = {
      * For debugging
      */
     log?: boolean;
+    /**
+     * Not documented as of now. For internal use only.
+     * Default: true
+     */
+    correctRange?: MediaQueryOptions['correctRange'];
 };
 export type UseMediaQueries = {
     small: MediaQueryCondition;

package/es/shared/useMedia.js

@@ -3,12 +3,12 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import Context from './Context';
 import { makeMediaQueryList, createMediaQueryListener, isMatchMediaSupported } from './MediaQueryUtils';
 import { toPascalCase } from './component-helper';
 const makeLayoutEffect = () => {
-  return typeof window === 'undefined' ? React.useEffect : window['__SSR_TEST__'] ? () => null : React.useLayoutEffect;
+  return typeof window === 'undefined' ? useEffect : window['__SSR_TEST__'] ? () => null : React.useLayoutEffect;
 };
 export const defaultQueries = {
   small: {
@@ -27,17 +27,18 @@ export default function useMedia(props = {}) {
   const {
     initialValue = null,
     disabled,
+    correctRange = true,
     breakpoints,
     queries = defaultQueries,
     log
   } = props;
-  const context = React.useContext(Context);
-  const refs = React.useRef({});
-  const defaults = React.useRef({});
-  const isMounted = React.useRef(false);
-  const isDisabled = React.useRef(disabled);
-  const [result, updateRerender] = React.useState(makeResult);
-  const useLayoutEffect = React.useMemo(makeLayoutEffect, []);
+  const context = useContext(Context);
+  const refs = useRef({});
+  const defaults = useRef({});
+  const isMounted = useRef(false);
+  const isDisabled = useRef(disabled);
+  const [result, updateRerender] = useState(makeResult);
+  const useLayoutEffect = useMemo(makeLayoutEffect, []);
   useLayoutEffect(() => {
     if (!isMounted.current) {
       isMounted.current = true;
@@ -95,10 +96,12 @@ export default function useMedia(props = {}) {
       return;
     }
     const mediaQueryList = makeMediaQueryList({
-      when,
+      when
+    }, breakpoints || context.breakpoints, {
       disabled,
+      correctRange,
       log
-    }, breakpoints || context.breakpoints);
+    });
     const event = createMediaQueryListener(mediaQueryList, match => {
       if (!isDisabled.current && match) {
         const state = _objectSpread(_objectSpread({}, defaults.current), {}, {

package/es/shared/useMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMedia.js","names":["React","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","toPascalCase","makeLayoutEffect","window","useEffect","useLayoutEffect","defaultQueries","small","min","max","medium","large","useMedia","props","initialValue","disabled","breakpoints","queries","log","context","useContext","refs","useRef","defaults","isMounted","isDisabled","result","updateRerender","useState","makeResult","useMemo","current","removeListeners","Object","entries","forEach","key","item","_item$event","event","call","reduce","acc","k","when","_item$mediaQueryList","name","runQuery","hasMatch","mediaQueryList","matches","isSSR","match","state","_objectSpread"],"sources":["../../../src/shared/useMedia.tsx"],"sourcesContent":["import React from 'react'\nimport Context from './Context'\nimport {\n  makeMediaQueryList,\n  createMediaQueryListener,\n  isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n  MediaQueryListener,\n  MediaQueryCondition,\n  MediaQueryBreakpoints,\n} from './MediaQueryUtils'\nimport { toPascalCase } from './component-helper'\n\nconst makeLayoutEffect = () => {\n  // SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n  return typeof window === 'undefined'\n    ? React.useEffect\n    : window['__SSR_TEST__'] // To be able to test this hook like we are in SSR land\n    ? () => null\n    : React.useLayoutEffect\n}\n\nexport type UseMediaProps = {\n  /**\n   * Give a initial value, that is used during SSR as well.\n   * Default: null\n   */\n  initialValue?: Partial<UseMediaResult>\n\n  /**\n   * If set to true, no MediaQuery will be used.\n   * Default: false\n   */\n  disabled?: boolean\n\n  /**\n   * Provide a custom breakpoint\n   * Default: defaultBreakpoints\n   */\n  breakpoints?: MediaQueryBreakpoints\n\n  /**\n   * Provide a custom query\n   * Default: defaultQueries\n   */\n  queries?: Record<string, MediaQueryCondition>\n\n  /**\n   * For debugging\n   */\n  log?: boolean\n}\n\nexport type UseMediaQueries = {\n  small: MediaQueryCondition\n  medium: MediaQueryCondition\n  large: MediaQueryCondition\n}\n\nexport const defaultQueries: UseMediaQueries = {\n  small: { min: 0, max: 'small' },\n  medium: { min: 'small', max: 'medium' },\n  large: { min: 'medium' },\n}\n\nexport type UseMediaResult = {\n  isSmall: boolean\n  isMedium: boolean\n  isLarge: boolean\n  isSSR: boolean\n  key: Keys\n}\n\n/**\n * Internal stuff\n */\n\ntype Keys = keyof UseMediaQueries\ntype Names = 'isSmall' | 'isMedium' | 'isLarge'\n\ntype UseMediaItem = {\n  event: MediaQueryListener\n  mediaQueryList: MediaQueryList\n}\n\ntype UseMediaQueryProps = {\n  when: MediaQueryCondition\n  name: Names\n  key: Keys\n}\n\nexport default function useMedia(\n  props: UseMediaProps = {}\n): UseMediaResult {\n  const {\n    initialValue = null,\n    disabled,\n    breakpoints,\n    queries = defaultQueries,\n    log,\n  } = props\n\n  const context = React.useContext(Context)\n\n  const refs = React.useRef({})\n  const defaults = React.useRef({})\n  const isMounted = React.useRef(false)\n  const isDisabled = React.useRef(disabled)\n  const [result, updateRerender] =\n    React.useState<UseMediaResult>(makeResult)\n\n  const useLayoutEffect = React.useMemo(makeLayoutEffect, [])\n\n  useLayoutEffect(() => {\n    if (!isMounted.current) {\n      isMounted.current = true\n      updateRerender(makeResult())\n    }\n\n    return removeListeners\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => {\n    // If it was disabled before\n    if (isDisabled.current && !disabled) {\n      updateRerender(makeResult())\n    }\n    isDisabled.current = disabled\n  }, [disabled]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return result\n\n  function removeListeners() {\n    Object.entries(refs.current).forEach(\n      ([key, item]: [Keys, UseMediaItem]) => {\n        item?.event?.()\n        delete refs.current[key]\n      }\n    )\n  }\n\n  function makeResult() {\n    return Object.entries(queries).reduce(\n      (acc, [k, when]) => {\n        const key = k as Keys\n        const name = `is${toPascalCase(key)}` as Names\n\n        if (disabled) {\n          acc[name] = false\n          return acc\n        }\n\n        defaults.current[name] = false\n\n        const item = runQuery({\n          when,\n          name,\n          key,\n        })\n\n        const hasMatch = !isMounted.current\n          ? typeof initialValue?.[name] !== 'undefined'\n            ? initialValue[name]\n            : false\n          : item?.mediaQueryList?.matches || false\n        acc[name] = hasMatch\n        if (hasMatch) {\n          acc.key = key\n        }\n\n        refs.current[key] = item\n\n        return acc\n      },\n      { isSSR: !isMatchMediaSupported(), key: null } as UseMediaResult\n    ) as UseMediaResult\n  }\n\n  function runQuery({\n    when,\n    name,\n    key,\n  }: UseMediaQueryProps): UseMediaItem {\n    if (!isMatchMediaSupported()) {\n      return // do nothing\n    }\n\n    const mediaQueryList = makeMediaQueryList(\n      {\n        when,\n        disabled,\n        log,\n      },\n\n      breakpoints || context.breakpoints\n    )\n\n    const event = createMediaQueryListener(mediaQueryList, (match) => {\n      if (!isDisabled.current && match) {\n        const state = {\n          ...defaults.current,\n          key,\n          isSSR: result.isSSR,\n        } as UseMediaResult\n        state[name] = match\n        updateRerender(state)\n      }\n    })\n\n    return { event, mediaQueryList }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useMedia.js","names":["React","useContext","useEffect","useMemo","useRef","useState","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","toPascalCase","makeLayoutEffect","window","useLayoutEffect","defaultQueries","small","min","max","medium","large","useMedia","props","initialValue","disabled","correctRange","breakpoints","queries","log","context","refs","defaults","isMounted","isDisabled","result","updateRerender","makeResult","current","removeListeners","Object","entries","forEach","key","item","_item$event","event","call","reduce","acc","k","when","_item$mediaQueryList","name","runQuery","hasMatch","mediaQueryList","matches","isSSR","match","state","_objectSpread"],"sources":["../../../src/shared/useMedia.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport Context from './Context'\nimport {\n  makeMediaQueryList,\n  createMediaQueryListener,\n  isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n  MediaQueryListener,\n  MediaQueryCondition,\n  MediaQueryBreakpoints,\n  MediaQueryOptions,\n} from './MediaQueryUtils'\nimport { toPascalCase } from './component-helper'\n\nconst makeLayoutEffect = () => {\n  // SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\n  return typeof window === 'undefined'\n    ? useEffect\n    : window['__SSR_TEST__'] // To be able to test this hook like we are in SSR land\n    ? () => null\n    : React.useLayoutEffect\n}\n\nexport type UseMediaProps = {\n  /**\n   * Give a initial value, that is used during SSR as well.\n   * Default: null\n   */\n  initialValue?: Partial<UseMediaResult>\n\n  /**\n   * If set to true, no MediaQuery will be used.\n   * Default: false\n   */\n  disabled?: MediaQueryOptions['disabled']\n\n  /**\n   * Provide a custom breakpoint\n   * Default: defaultBreakpoints\n   */\n  breakpoints?: MediaQueryBreakpoints\n\n  /**\n   * Provide a custom query\n   * Default: defaultQueries\n   */\n  queries?: Record<string, MediaQueryCondition>\n\n  /**\n   * For debugging\n   */\n  log?: boolean\n\n  /**\n   * Not documented as of now. For internal use only.\n   * Default: true\n   */\n  correctRange?: MediaQueryOptions['correctRange']\n}\n\nexport type UseMediaQueries = {\n  small: MediaQueryCondition\n  medium: MediaQueryCondition\n  large: MediaQueryCondition\n}\n\nexport const defaultQueries: UseMediaQueries = {\n  small: { min: 0, max: 'small' },\n  medium: { min: 'small', max: 'medium' },\n  large: { min: 'medium' },\n}\n\nexport type UseMediaResult = {\n  isSmall: boolean\n  isMedium: boolean\n  isLarge: boolean\n  isSSR: boolean\n  key: Keys\n}\n\n/**\n * Internal stuff\n */\n\ntype Keys = keyof UseMediaQueries\ntype Names = 'isSmall' | 'isMedium' | 'isLarge'\n\ntype UseMediaItem = {\n  event: MediaQueryListener\n  mediaQueryList: MediaQueryList\n}\n\ntype UseMediaQueryProps = {\n  when: MediaQueryCondition\n  name: Names\n  key: Keys\n}\n\nexport default function useMedia(\n  props: UseMediaProps = {}\n): UseMediaResult {\n  const {\n    initialValue = null,\n    disabled,\n    correctRange = true,\n    breakpoints,\n    queries = defaultQueries,\n    log,\n  } = props\n\n  const context = useContext(Context)\n\n  const refs = useRef({})\n  const defaults = useRef({})\n  const isMounted = useRef(false)\n  const isDisabled = useRef(disabled)\n  const [result, updateRerender] = useState<UseMediaResult>(makeResult)\n\n  const useLayoutEffect = useMemo(makeLayoutEffect, [])\n\n  useLayoutEffect(() => {\n    if (!isMounted.current) {\n      isMounted.current = true\n      updateRerender(makeResult())\n    }\n\n    return removeListeners\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useLayoutEffect(() => {\n    // If it was disabled before\n    if (isDisabled.current && !disabled) {\n      updateRerender(makeResult())\n    }\n    isDisabled.current = disabled\n  }, [disabled]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return result\n\n  function removeListeners() {\n    Object.entries(refs.current).forEach(\n      ([key, item]: [Keys, UseMediaItem]) => {\n        item?.event?.()\n        delete refs.current[key]\n      }\n    )\n  }\n\n  function makeResult() {\n    return Object.entries(queries).reduce(\n      (acc, [k, when]) => {\n        const key = k as Keys\n        const name = `is${toPascalCase(key)}` as Names\n\n        if (disabled) {\n          acc[name] = false\n          return acc\n        }\n\n        defaults.current[name] = false\n\n        const item = runQuery({\n          when,\n          name,\n          key,\n        })\n\n        const hasMatch = !isMounted.current\n          ? typeof initialValue?.[name] !== 'undefined'\n            ? initialValue[name]\n            : false\n          : item?.mediaQueryList?.matches || false\n        acc[name] = hasMatch\n        if (hasMatch) {\n          acc.key = key\n        }\n\n        refs.current[key] = item\n\n        return acc\n      },\n      { isSSR: !isMatchMediaSupported(), key: null } as UseMediaResult\n    ) as UseMediaResult\n  }\n\n  function runQuery({\n    when,\n    name,\n    key,\n  }: UseMediaQueryProps): UseMediaItem {\n    if (!isMatchMediaSupported()) {\n      return // do nothing\n    }\n\n    const mediaQueryList = makeMediaQueryList(\n      { when },\n      breakpoints || context.breakpoints,\n      { disabled, correctRange, log }\n    )\n\n    const event = createMediaQueryListener(mediaQueryList, (match) => {\n      if (!isDisabled.current && match) {\n        const state = {\n          ...defaults.current,\n          key,\n          isSSR: result.isSSR,\n        } as UseMediaResult\n        state[name] = match\n        updateRerender(state)\n      }\n    })\n\n    return { event, mediaQueryList }\n  }\n}\n"],"mappings":"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"}

package/es/shared/useMediaQuery.js

@@ -1,39 +1,58 @@
 "use client";
 
-import React from 'react';
+import React, { useContext, useMemo, useRef, useState } from 'react';
 import { isTrue } from './component-helper';
 import Context from './Context';
 import { makeMediaQueryList, createMediaQueryListener, isMatchMediaSupported } from './MediaQueryUtils';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
 export default function useMediaQuery(props) {
   var _mediaQueryList$curre;
-  const context = React.useContext(Context);
+  const context = useContext(Context);
   const {
     query,
     when,
     not,
     matchOnSSR,
-    disabled
+    disabled,
+    correctRange = true,
+    log
   } = props;
-  let matches = React.useMemo(() => {
+  let matches = useMemo(() => {
     if (disabled) {
       return false;
     }
     return isTrue(matchOnSSR) && !isMatchMediaSupported();
   }, [disabled, matchOnSSR]);
-  const mediaQueryList = React.useRef(makeMediaQueryList(props, context.breakpoints));
+  const mediaQueryList = useRef(makeMediaQueryList({
+    query,
+    when,
+    not
+  }, context.breakpoints, {
+    disabled,
+    correctRange,
+    log
+  }));
   if ((_mediaQueryList$curre = mediaQueryList.current) !== null && _mediaQueryList$curre !== void 0 && _mediaQueryList$curre.matches) {
     matches = true;
   }
-  const [match, matchUpdate] = React.useState(matches);
-  const listenerRef = React.useRef();
-  React.useLayoutEffect(() => {
+  const [match, matchUpdate] = useState(matches);
+  const listenerRef = useRef();
+  useLayoutEffect(() => {
     if (disabled) {
       return;
     }
     if (typeof listenerRef.current === 'function') {
       var _mediaQueryList$curre2;
       listenerRef.current();
-      mediaQueryList.current = makeMediaQueryList(props, context.breakpoints);
+      mediaQueryList.current = makeMediaQueryList({
+        query,
+        when,
+        not
+      }, context.breakpoints, {
+        disabled,
+        correctRange,
+        log
+      });
       matchUpdate((_mediaQueryList$curre2 = mediaQueryList.current) === null || _mediaQueryList$curre2 === void 0 ? void 0 : _mediaQueryList$curre2.matches);
     }
     listenerRef.current = createMediaQueryListener(mediaQueryList.current, match => matchUpdate(match));

package/es/shared/useMediaQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.js","names":["React","isTrue","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","useMediaQuery","props","_mediaQueryList$curre","context","useContext","query","when","not","matchOnSSR","disabled","matches","useMemo","mediaQueryList","useRef","breakpoints","current","match","matchUpdate","useState","listenerRef","useLayoutEffect","_mediaQueryList$curre2","Boolean"],"sources":["../../../src/shared/useMediaQuery.tsx"],"sourcesContent":["import React from 'react'\nimport { isTrue } from './component-helper'\nimport Context from './Context'\nimport {\n  makeMediaQueryList,\n  createMediaQueryListener,\n  isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n  MediaQueryProps,\n  MediaQueryListener,\n} from './MediaQueryUtils'\n\nexport type { MediaQueryProps }\n\nexport default function useMediaQuery(props: MediaQueryProps) {\n  const context = React.useContext(Context)\n  const { query, when, not, matchOnSSR, disabled } = props\n\n  let matches = React.useMemo(() => {\n    if (disabled) {\n      return false // stop here\n    }\n\n    return isTrue(matchOnSSR) && !isMatchMediaSupported()\n  }, [disabled, matchOnSSR])\n\n  const mediaQueryList = React.useRef(\n    makeMediaQueryList(props, context.breakpoints)\n  )\n  if (mediaQueryList.current?.matches) {\n    matches = true\n  }\n\n  const [match, matchUpdate] = React.useState(matches)\n\n  const listenerRef = React.useRef<MediaQueryListener>()\n  React.useLayoutEffect(() => {\n    if (disabled) {\n      return // stop here\n    }\n\n    if (typeof listenerRef.current === 'function') {\n      listenerRef.current()\n\n      mediaQueryList.current = makeMediaQueryList(\n        props,\n        context.breakpoints\n      )\n      matchUpdate(mediaQueryList.current?.matches)\n    }\n\n    listenerRef.current = createMediaQueryListener(\n      mediaQueryList.current,\n      (match) => matchUpdate(match)\n    )\n\n    return listenerRef.current\n  }, [query, when, not, disabled]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return Boolean(match)\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,OAAOC,OAAO,MAAM,WAAW;AAC/B,SACEC,kBAAkB,EAClBC,wBAAwB,EACxBC,qBAAqB,QAChB,mBAAmB;AAQ1B,eAAe,SAASC,aAAaA,CAACC,KAAsB,EAAE;EAAA,IAAAC,qBAAA;EAC5D,MAAMC,OAAO,GAAGT,KAAK,CAACU,UAAU,CAACR,OAAO,CAAC;EACzC,MAAM;IAAES,KAAK;IAAEC,IAAI;IAAEC,GAAG;IAAEC,UAAU;IAAEC;EAAS,CAAC,GAAGR,KAAK;EAExD,IAAIS,OAAO,GAAGhB,KAAK,CAACiB,OAAO,CAAC,MAAM;IAChC,IAAIF,QAAQ,EAAE;MACZ,OAAO,KAAK;IACd;IAEA,OAAOd,MAAM,CAACa,UAAU,CAAC,IAAI,CAACT,qBAAqB,CAAC,CAAC;EACvD,CAAC,EAAE,CAACU,QAAQ,EAAED,UAAU,CAAC,CAAC;EAE1B,MAAMI,cAAc,GAAGlB,KAAK,CAACmB,MAAM,CACjChB,kBAAkB,CAACI,KAAK,EAAEE,OAAO,CAACW,WAAW,CAC/C,CAAC;EACD,KAAAZ,qBAAA,GAAIU,cAAc,CAACG,OAAO,cAAAb,qBAAA,eAAtBA,qBAAA,CAAwBQ,OAAO,EAAE;IACnCA,OAAO,GAAG,IAAI;EAChB;EAEA,MAAM,CAACM,KAAK,EAAEC,WAAW,CAAC,GAAGvB,KAAK,CAACwB,QAAQ,CAACR,OAAO,CAAC;EAEpD,MAAMS,WAAW,GAAGzB,KAAK,CAACmB,MAAM,CAAqB,CAAC;EACtDnB,KAAK,CAAC0B,eAAe,CAAC,MAAM;IAC1B,IAAIX,QAAQ,EAAE;MACZ;IACF;IAEA,IAAI,OAAOU,WAAW,CAACJ,OAAO,KAAK,UAAU,EAAE;MAAA,IAAAM,sBAAA;MAC7CF,WAAW,CAACJ,OAAO,CAAC,CAAC;MAErBH,cAAc,CAACG,OAAO,GAAGlB,kBAAkB,CACzCI,KAAK,EACLE,OAAO,CAACW,WACV,CAAC;MACDG,WAAW,EAAAI,sBAAA,GAACT,cAAc,CAACG,OAAO,cAAAM,sBAAA,uBAAtBA,sBAAA,CAAwBX,OAAO,CAAC;IAC9C;IAEAS,WAAW,CAACJ,OAAO,GAAGjB,wBAAwB,CAC5Cc,cAAc,CAACG,OAAO,EACrBC,KAAK,IAAKC,WAAW,CAACD,KAAK,CAC9B,CAAC;IAED,OAAOG,WAAW,CAACJ,OAAO;EAC5B,CAAC,EAAE,CAACV,KAAK,EAAEC,IAAI,EAAEC,GAAG,EAAEE,QAAQ,CAAC,CAAC;EAEhC,OAAOa,OAAO,CAACN,KAAK,CAAC;AACvB"}
+{"version":3,"file":"useMediaQuery.js","names":["React","useContext","useMemo","useRef","useState","isTrue","Context","makeMediaQueryList","createMediaQueryListener","isMatchMediaSupported","useLayoutEffect","window","useEffect","useMediaQuery","props","_mediaQueryList$curre","context","query","when","not","matchOnSSR","disabled","correctRange","log","matches","mediaQueryList","breakpoints","current","match","matchUpdate","listenerRef","_mediaQueryList$curre2","Boolean"],"sources":["../../../src/shared/useMediaQuery.tsx"],"sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react'\nimport { isTrue } from './component-helper'\nimport Context from './Context'\nimport {\n  makeMediaQueryList,\n  createMediaQueryListener,\n  isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n  MediaQueryProps,\n  MediaQueryListener,\n} from './MediaQueryUtils'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type { MediaQueryProps }\n\nexport default function useMediaQuery(props: MediaQueryProps) {\n  const context = useContext(Context)\n  const {\n    query,\n    when,\n    not,\n    matchOnSSR,\n    disabled,\n    correctRange = true,\n    log,\n  } = props\n\n  let matches = useMemo(() => {\n    if (disabled) {\n      return false // stop here\n    }\n\n    return isTrue(matchOnSSR) && !isMatchMediaSupported()\n  }, [disabled, matchOnSSR])\n\n  const mediaQueryList = useRef(\n    makeMediaQueryList({ query, when, not }, context.breakpoints, {\n      disabled,\n      correctRange,\n      log,\n    })\n  )\n  if (mediaQueryList.current?.matches) {\n    matches = true\n  }\n\n  const [match, matchUpdate] = useState(matches)\n\n  const listenerRef = useRef<MediaQueryListener>()\n  useLayoutEffect(() => {\n    if (disabled) {\n      return // stop here\n    }\n\n    if (typeof listenerRef.current === 'function') {\n      listenerRef.current()\n\n      mediaQueryList.current = makeMediaQueryList(\n        { query, when, not },\n        context.breakpoints,\n        { disabled, correctRange, log }\n      )\n      matchUpdate(mediaQueryList.current?.matches)\n    }\n\n    listenerRef.current = createMediaQueryListener(\n      mediaQueryList.current,\n      (match) => matchUpdate(match)\n    )\n\n    return listenerRef.current\n  }, [query, when, not, disabled]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  return Boolean(match)\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACpE,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,OAAOC,OAAO,MAAM,WAAW;AAC/B,SACEC,kBAAkB,EAClBC,wBAAwB,EACxBC,qBAAqB,QAChB,mBAAmB;AAO1B,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGX,KAAK,CAACY,SAAS,GAAGZ,KAAK,CAACU,eAAe;AAIzE,eAAe,SAASG,aAAaA,CAACC,KAAsB,EAAE;EAAA,IAAAC,qBAAA;EAC5D,MAAMC,OAAO,GAAGf,UAAU,CAACK,OAAO,CAAC;EACnC,MAAM;IACJW,KAAK;IACLC,IAAI;IACJC,GAAG;IACHC,UAAU;IACVC,QAAQ;IACRC,YAAY,GAAG,IAAI;IACnBC;EACF,CAAC,GAAGT,KAAK;EAET,IAAIU,OAAO,GAAGtB,OAAO,CAAC,MAAM;IAC1B,IAAImB,QAAQ,EAAE;MACZ,OAAO,KAAK;IACd;IAEA,OAAOhB,MAAM,CAACe,UAAU,CAAC,IAAI,CAACX,qBAAqB,CAAC,CAAC;EACvD,CAAC,EAAE,CAACY,QAAQ,EAAED,UAAU,CAAC,CAAC;EAE1B,MAAMK,cAAc,GAAGtB,MAAM,CAC3BI,kBAAkB,CAAC;IAAEU,KAAK;IAAEC,IAAI;IAAEC;EAAI,CAAC,EAAEH,OAAO,CAACU,WAAW,EAAE;IAC5DL,QAAQ;IACRC,YAAY;IACZC;EACF,CAAC,CACH,CAAC;EACD,KAAAR,qBAAA,GAAIU,cAAc,CAACE,OAAO,cAAAZ,qBAAA,eAAtBA,qBAAA,CAAwBS,OAAO,EAAE;IACnCA,OAAO,GAAG,IAAI;EAChB;EAEA,MAAM,CAACI,KAAK,EAAEC,WAAW,CAAC,GAAGzB,QAAQ,CAACoB,OAAO,CAAC;EAE9C,MAAMM,WAAW,GAAG3B,MAAM,CAAqB,CAAC;EAChDO,eAAe,CAAC,MAAM;IACpB,IAAIW,QAAQ,EAAE;MACZ;IACF;IAEA,IAAI,OAAOS,WAAW,CAACH,OAAO,KAAK,UAAU,EAAE;MAAA,IAAAI,sBAAA;MAC7CD,WAAW,CAACH,OAAO,CAAC,CAAC;MAErBF,cAAc,CAACE,OAAO,GAAGpB,kBAAkB,CACzC;QAAEU,KAAK;QAAEC,IAAI;QAAEC;MAAI,CAAC,EACpBH,OAAO,CAACU,WAAW,EACnB;QAAEL,QAAQ;QAAEC,YAAY;QAAEC;MAAI,CAChC,CAAC;MACDM,WAAW,EAAAE,sBAAA,GAACN,cAAc,CAACE,OAAO,cAAAI,sBAAA,uBAAtBA,sBAAA,CAAwBP,OAAO,CAAC;IAC9C;IAEAM,WAAW,CAACH,OAAO,GAAGnB,wBAAwB,CAC5CiB,cAAc,CAACE,OAAO,EACrBC,KAAK,IAAKC,WAAW,CAACD,KAAK,CAC9B,CAAC;IAED,OAAOE,WAAW,CAACH,OAAO;EAC5B,CAAC,EAAE,CAACV,KAAK,EAAEC,IAAI,EAAEC,GAAG,EAAEE,QAAQ,CAAC,CAAC;EAEhC,OAAOW,OAAO,CAACJ,KAAK,CAAC;AACvB"}

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.30.2';
+  --eufemia-version: '10.32.0';
 
   @content;
 }

package/es/style/dnb-ui-basis.css

@@ -251,7 +251,7 @@ body {
   /* stylelint-disable-next-line */
   -webkit-text-size-adjust: 100%;
   word-break: break-word;
-  --eufemia-version: "10.30.2";
+  --eufemia-version: "10.32.0";
 }
 .dnb-core-style *,
 .dnb-core-style ::before,
@@ -656,8 +656,7 @@ html[data-whatintent=touch] .dnb-skip-link {
   -webkit-touch-callout: none !important;
   pointer-events: none !important;
   position: absolute !important;
-  -webkit-clip-path: inset(50%) !important;
-          clip-path: inset(50%) !important;
+  clip-path: inset(50%) !important;
   max-width: 1px !important;
   max-height: 1px !important;
   overflow: hidden !important;