@dnb/eufemia 10.2.0 → 10.3.0

package/es/shared/MediaQuery.js

@@ -7,19 +7,14 @@ export { onMediaQueryChange };
 export default class MediaQuery extends React.PureComponent {
   constructor(props, context) {
     super(props);
-
     _defineProperty(this, "listener", void 0);
-
     _defineProperty(this, "context", void 0);
-
     _defineProperty(this, "state", {
       match: null,
       mediaQueryList: null
     });
-
     _defineProperty(this, "bindListener", () => {
       this.componentWillUnmount();
-
       if (this.state.mediaQueryList) {
         this.listener = createMediaQueryListener(this.state.mediaQueryList, match => {
           this.setState({
@@ -28,35 +23,28 @@ export default class MediaQuery extends React.PureComponent {
         });
       }
     });
-
     if (!isMatchMediaSupported() && isTrue(props.matchOnSSR)) {
       this.state.match = true;
     }
-
     if (isMatchMediaSupported()) {
       var _this$state$mediaQuer;
-
-      this.state.mediaQueryList = makeMediaQueryList(props, context.breakpoints);
-
+      this.state.mediaQueryList = makeMediaQueryList(props, context === null || context === void 0 ? void 0 : context.breakpoints);
       if ((_this$state$mediaQuer = this.state.mediaQueryList) !== null && _this$state$mediaQuer !== void 0 && _this$state$mediaQuer.matches) {
         this.state.match = true;
       }
     }
   }
-
   componentDidMount() {
     if (isMatchMediaSupported()) {
       this.bindListener();
     }
   }
-
   componentWillUnmount() {
     if (this.listener) {
       this.listener();
       this.listener = null;
     }
   }
-
   componentDidUpdate(props) {
     if (this.props.query !== props.query || this.props.when !== props.when || this.props.not !== props.not) {
       const mediaQueryList = makeMediaQueryList(this.props, this.context.breakpoints);
@@ -66,14 +54,12 @@ export default class MediaQuery extends React.PureComponent {
       }, this.bindListener);
     }
   }
-
   render() {
     const {
       children
     } = this.props;
     return React.createElement(React.Fragment, null, this.state.match ? children : null);
   }
-
 }
-
-_defineProperty(MediaQuery, "contextType", Context);
+_defineProperty(MediaQuery, "contextType", Context);
+//# sourceMappingURL=MediaQuery.js.map

package/es/shared/MediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQuery.js","names":["React","isTrue","Context","makeMediaQueryList","createMediaQueryListener","onMediaQueryChange","isMatchMediaSupported","MediaQuery","PureComponent","constructor","props","context","_defineProperty","match","mediaQueryList","componentWillUnmount","state","listener","setState","matchOnSSR","_this$state$mediaQuer","breakpoints","matches","componentDidMount","bindListener","componentDidUpdate","query","when","not","render","children","createElement","Fragment"],"sources":["../../../src/shared/MediaQuery.tsx"],"sourcesContent":["import React from 'react'\nimport { isTrue } from './component-helper'\nimport Context, { ContextProps } from './Context'\nimport {\n  makeMediaQueryList,\n  createMediaQueryListener,\n  onMediaQueryChange,\n  isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n  MediaQueryProps,\n  MediaQueryState,\n  MediaQueryListener,\n} from './MediaQueryUtils'\n\nexport type { MediaQueryProps }\n\nexport { onMediaQueryChange }\n\nexport default class MediaQuery extends React.PureComponent<\n  MediaQueryProps,\n  MediaQueryState\n> {\n  static contextType = Context\n  listener: MediaQueryListener\n  context: ContextProps\n\n  state = {\n    match: null,\n    mediaQueryList: null,\n  }\n\n  constructor(props: MediaQueryProps, context?: ContextProps) {\n    super(props)\n\n    if (!isMatchMediaSupported() && isTrue(props.matchOnSSR)) {\n      this.state.match = true\n    }\n\n    if (isMatchMediaSupported()) {\n      this.state.mediaQueryList = makeMediaQueryList(\n        props,\n        context?.breakpoints\n      )\n\n      if (this.state.mediaQueryList?.matches) {\n        this.state.match = true\n      }\n    }\n  }\n\n  componentDidMount() {\n    if (isMatchMediaSupported()) {\n      this.bindListener()\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.listener) {\n      this.listener()\n      this.listener = null\n    }\n  }\n\n  componentDidUpdate(props) {\n    if (\n      this.props.query !== props.query ||\n      this.props.when !== props.when ||\n      this.props.not !== props.not\n    ) {\n      const mediaQueryList = makeMediaQueryList(\n        this.props,\n        this.context.breakpoints\n      )\n      this.setState(\n        {\n          match: mediaQueryList?.matches,\n          mediaQueryList,\n        },\n        this.bindListener\n      )\n    }\n  }\n\n  bindListener = () => {\n    this.componentWillUnmount()\n    if (this.state.mediaQueryList) {\n      this.listener = createMediaQueryListener(\n        this.state.mediaQueryList,\n        (match) => {\n          this.setState({ match })\n        }\n      )\n    }\n  }\n\n  render() {\n    const { children } = this.props\n    return <>{this.state.match ? children : null}</>\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,OAAOC,OAAO,MAAwB,WAAW;AACjD,SACEC,kBAAkB,EAClBC,wBAAwB,EACxBC,kBAAkB,EAClBC,qBAAqB,QAChB,mBAAmB;AAS1B,SAASD,kBAAkB;AAE3B,eAAe,MAAME,UAAU,SAASP,KAAK,CAACQ,aAAa,CAGzD;EAUAC,WAAWA,CAACC,KAAsB,EAAEC,OAAsB,EAAE;IAC1D,KAAK,CAACD,KAAK,CAAC;IAAAE,eAAA;IAAAA,eAAA;IAAAA,eAAA,gBANN;MACNC,KAAK,EAAE,IAAI;MACXC,cAAc,EAAE;IAClB,CAAC;IAAAF,eAAA,uBAsDc,MAAM;MACnB,IAAI,CAACG,oBAAoB,CAAC,CAAC;MAC3B,IAAI,IAAI,CAACC,KAAK,CAACF,cAAc,EAAE;QAC7B,IAAI,CAACG,QAAQ,GAAGb,wBAAwB,CACtC,IAAI,CAACY,KAAK,CAACF,cAAc,EACxBD,KAAK,IAAK;UACT,IAAI,CAACK,QAAQ,CAAC;YAAEL;UAAM,CAAC,CAAC;QAC1B,CACF,CAAC;MACH;IACF,CAAC;IA3DC,IAAI,CAACP,qBAAqB,CAAC,CAAC,IAAIL,MAAM,CAACS,KAAK,CAACS,UAAU,CAAC,EAAE;MACxD,IAAI,CAACH,KAAK,CAACH,KAAK,GAAG,IAAI;IACzB;IAEA,IAAIP,qBAAqB,CAAC,CAAC,EAAE;MAAA,IAAAc,qBAAA;MAC3B,IAAI,CAACJ,KAAK,CAACF,cAAc,GAAGX,kBAAkB,CAC5CO,KAAK,EACLC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEU,WACX,CAAC;MAED,KAAAD,qBAAA,GAAI,IAAI,CAACJ,KAAK,CAACF,cAAc,cAAAM,qBAAA,eAAzBA,qBAAA,CAA2BE,OAAO,EAAE;QACtC,IAAI,CAACN,KAAK,CAACH,KAAK,GAAG,IAAI;MACzB;IACF;EACF;EAEAU,iBAAiBA,CAAA,EAAG;IAClB,IAAIjB,qBAAqB,CAAC,CAAC,EAAE;MAC3B,IAAI,CAACkB,YAAY,CAAC,CAAC;IACrB;EACF;EAEAT,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACE,QAAQ,EAAE;MACjB,IAAI,CAACA,QAAQ,CAAC,CAAC;MACf,IAAI,CAACA,QAAQ,GAAG,IAAI;IACtB;EACF;EAEAQ,kBAAkBA,CAACf,KAAK,EAAE;IACxB,IACE,IAAI,CAACA,KAAK,CAACgB,KAAK,KAAKhB,KAAK,CAACgB,KAAK,IAChC,IAAI,CAAChB,KAAK,CAACiB,IAAI,KAAKjB,KAAK,CAACiB,IAAI,IAC9B,IAAI,CAACjB,KAAK,CAACkB,GAAG,KAAKlB,KAAK,CAACkB,GAAG,EAC5B;MACA,MAAMd,cAAc,GAAGX,kBAAkB,CACvC,IAAI,CAACO,KAAK,EACV,IAAI,CAACC,OAAO,CAACU,WACf,CAAC;MACD,IAAI,CAACH,QAAQ,CACX;QACEL,KAAK,EAAEC,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEQ,OAAO;QAC9BR;MACF,CAAC,EACD,IAAI,CAACU,YACP,CAAC;IACH;EACF;EAcAK,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACpB,KAAK;IAC/B,OAAOV,KAAA,CAAA+B,aAAA,CAAA/B,KAAA,CAAAgC,QAAA,QAAG,IAAI,CAAChB,KAAK,CAACH,KAAK,GAAGiB,QAAQ,GAAG,IAAO,CAAC;EAClD;AACF;AAAClB,eAAA,CAjFoBL,UAAU,iBAIRL,OAAO"}

package/es/shared/MediaQueryUtils.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-export declare type MediaQuerySizes = 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
-export declare type MediaQueryBreakpoints = Partial<Record<MediaQuerySizes, string>>;
+export type MediaQuerySizes = 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+export type MediaQueryBreakpoints = Partial<Record<MediaQuerySizes, string>>;
 export declare const defaultBreakpoints: MediaQueryBreakpoints;
-export declare type MediaQueryCondition = {
+export type MediaQueryCondition = {
     min?: number | string | MediaQuerySizes;
     max?: number | string | MediaQuerySizes;
     screen?: boolean;
@@ -15,7 +15,7 @@ export declare type MediaQueryCondition = {
     monochrome?: boolean;
     aspectRatio?: string;
 } | string;
-export declare type MediaQueryProperties = {
+export type MediaQueryProperties = {
     /**
      * A MediaQuery as a string similar to the CSS API, but without `@media`.
      */
@@ -37,15 +37,15 @@ export declare type MediaQueryProperties = {
      */
     log?: boolean;
 } & MediaQueryCondition;
-export declare type MediaQueryListener = () => void;
-export declare type MediaQueryProps = {
+export type MediaQueryListener = () => void;
+export type MediaQueryProps = {
     /**
      * If set to true, it will match and return the given children during SSR.
      */
     matchOnSSR?: boolean;
     children?: React.ReactNode;
 } & MediaQueryProperties;
-export declare type MediaQueryState = {
+export type MediaQueryState = {
     match?: boolean | null;
     mediaQueryList?: {
         matches: boolean;

package/es/shared/MediaQueryUtils.js

@@ -1,9 +1,6 @@
 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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+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 { isTrue, toKebabCase } from './component-helper';
 import { warn } from './helpers';
 export const defaultBreakpoints = {
@@ -19,25 +16,21 @@ export function onMediaQueryChange(property, callback, {
   let query = property;
   let when = null;
   let not = null;
-
   if (property && typeof property === 'object') {
     query = null;
     when = property.when || property;
     not = property.not;
   }
-
   const mediaQueryList = makeMediaQueryList({
     query,
     when,
     not
   });
-
   if (runOnInit) {
     if (typeof callback === 'function') {
       callback(mediaQueryList === null || mediaQueryList === void 0 ? void 0 : mediaQueryList.matches, mediaQueryList);
     }
   }
-
   return createMediaQueryListener(mediaQueryList, callback);
 }
 export const isMatchMediaSupported = () => typeof window !== 'undefined' && typeof window.matchMedia !== 'undefined';
@@ -49,11 +42,9 @@ export function makeMediaQueryList({
   disabled = false
 } = {}, breakpoints = null) {
   const isSupported = isMatchMediaSupported();
-
   if (disabled || !isSupported) {
     return null;
   }
-
   if (when) {
     query = buildQuery({
       query,
@@ -61,31 +52,25 @@ export function makeMediaQueryList({
       not
     }, breakpoints);
   }
-
   const mediaQueryString = convertToMediaQuery(query, breakpoints);
   const mediaQueryList = window.matchMedia(mediaQueryString);
-
   if (log) {
     warn('MediaQuery:', mediaQueryString);
   }
-
   return mediaQueryList;
 }
 export function createMediaQueryListener(mediaQueryList, callback) {
   if (!mediaQueryList) {
     return () => null;
   }
-
   const listener = event => {
     if (typeof callback === 'function') {
       callback(event === null || event === void 0 ? void 0 : event.matches, event);
     }
   };
-
   if (mediaQueryList !== null && mediaQueryList !== void 0 && mediaQueryList.addEventListener) {
     mediaQueryList.addEventListener('change', listener);
   }
-
   return () => {
     if (mediaQueryList !== null && mediaQueryList !== void 0 && mediaQueryList.removeEventListener) {
       mediaQueryList.removeEventListener('change', listener);
@@ -101,150 +86,117 @@ export function buildQuery({
     if (typeof when === 'string') {
       when = when.split(/[ ,]/g);
     }
-
     let listOfQueries = [];
-
     if (Array.isArray(when)) {
       listOfQueries = listOfQueries.concat(combineQueries(when, breakpoints));
     } else if (when && typeof when === 'object') {
       const query = convertToMediaQuery(when, breakpoints);
-
       if (query) {
         listOfQueries.push(query);
       }
     }
-
     if (listOfQueries.length > 0) {
       query = [listOfQueries.join(' '), query || ''].filter(Boolean).join(' and ').replace(/ +/g, ' ').replace(/ ,/g, ',');
     }
   }
-
   if (isTrue(not)) {
     query = reverseQuery(String(query));
   }
-
   return query || 'not';
 }
-
 function reverseQuery(query) {
   if (query.startsWith('not')) {
     return query.replace(/^not +/, '');
   }
-
   if (!/^(screen|all|print|speech)/.test(query)) {
     query = `all and ${query}`;
   }
-
   return `not ${query}`;
 }
-
 function combineQueries(queries, breakpoints = null) {
   return queries.reduce((listOfQueries, when, i, arr) => {
     if (breakpoints) {
       breakpoints = mergeBreakpoints(breakpoints);
     }
-
     const query = convertToMediaQuery(when, breakpoints);
-
     if (query) {
       switch (arr[i - 1]) {
         case 'and':
           listOfQueries.push('and');
           break;
-
         case 'or':
         default:
           listOfQueries.push(', ');
           break;
       }
-
       listOfQueries.push(query);
     }
-
     return listOfQueries;
   }, []).filter((query, i) => {
     return !(i === 0 && query.startsWith(', '));
   });
 }
-
 function mergeBreakpoints(breakpoints) {
   return Object.entries(_objectSpread(_objectSpread({}, defaultBreakpoints), breakpoints)).sort((a, b) => a[1] > b[1] ? 1 : -1).reduce((acc, [key, value]) => {
     acc[key] = value;
     return acc;
   }, {});
 }
-
 export function convertToMediaQuery(query, breakpoints = null) {
   if (typeof query === 'string') {
     return query;
   }
-
   if (Array.isArray(query)) {
     return query.reduce((acc, q, index) => {
       acc += objToMediaQuery(q, breakpoints);
-
       if (index < query.length - 1) {
         acc += ', ';
       }
-
       return acc;
     }, '');
   }
-
   return objToMediaQuery(query, breakpoints);
 }
-
 function objToMediaQuery(obj, breakpoints = null) {
   let hasNot = false;
   let query = Object.keys(obj).reduce((acc, feature) => {
     let value = obj[feature];
     feature = toKebabCase(feature);
-
     if (feature === 'not') {
       hasNot = true;
       return acc;
     }
-
     if (feature === 'min' || feature === 'max') {
       feature = `${feature}-width`;
     }
-
     if (typeof value === 'number' && /[height|width]$/.test(feature)) {
       value = value + 'em';
     }
-
     if (value === true) {
       acc.push(feature);
     } else if (value === false) {
       acc.push('not ' + feature);
     } else {
       value = getValueByFeature(value, breakpoints);
-
       if (typeof value !== 'undefined') {
         acc.push(`(${feature}: ${value})`);
       }
     }
-
     return acc;
   }, []);
-
   if (Array.isArray(query)) {
     query = query.length > 0 ? query.join(' and ') : query.join('');
   }
-
   if (hasNot) {
     query = reverseQuery(query);
   }
-
   return query;
 }
-
 function getValueByFeature(value, types = null) {
   types = types || defaultBreakpoints;
-
   if (Object.prototype.hasOwnProperty.call(types, value)) {
     value = types[value];
   }
-
   return value;
-}
+}
+//# sourceMappingURL=MediaQueryUtils.js.map

package/es/shared/MediaQueryUtils.js.map

@@ -0,0 +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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"}

package/es/shared/Provider.d.ts

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import type { ContextProps } from './Context';
-export declare type ProviderProps = {
+export type ProviderProps = {
     /**
      * Send in an object that gets spread as properties to the Provider
      */

package/es/shared/Provider.js

@@ -1,30 +1,24 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children"],
-      _excluded2 = ["value"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+  _excluded2 = ["value"];
+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 Context, { prepareContext } from './Context';
 import { prepareFormRowContext } from '../components/form-row/FormRowHelpers';
 export default function Provider(localProps) {
   const {
-    children
-  } = localProps,
-        props = _objectWithoutProperties(localProps, _excluded);
-
+      children
+    } = localProps,
+    props = _objectWithoutProperties(localProps, _excluded);
   const context = React.useContext(Context);
   const [localContext, setLocalContext] = React.useState(null);
   let value = mergeContext(context, _objectSpread(_objectSpread({}, localContext), props));
-
   if (context) {
     value = prepareContext(value);
     context.updateTranslation(value.locale, value.translation);
   }
-
   value.update = updateAll;
   value.setLocale = setAllLocale;
   value.updateCurrent = updateCurrent;
@@ -32,13 +26,11 @@ export default function Provider(localProps) {
   return React.createElement(Context.Provider, {
     value: value
   }, children);
-
   function updateCurrent(props) {
     setLocalContext({
       __context__: props
     });
   }
-
   function setCurrentLocale(locale) {
     setLocalContext({
       __context__: {
@@ -46,38 +38,31 @@ export default function Provider(localProps) {
       }
     });
   }
-
   function setAllLocale(locale) {
     updateAll({
       locale
     });
   }
-
   function updateAll(props) {
     if (typeof context.update === 'function') {
       context.update(props);
     }
-
     setLocalContext({
       __context__: props
     });
   }
 }
-
 function mergeContext(context, props) {
   const {
-    value
-  } = props,
-        rest = _objectWithoutProperties(props, _excluded2);
-
+      value
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded2);
   const merge = _objectSpread(_objectSpread({}, value), rest);
-
   const mergedContext = _objectSpread(_objectSpread({}, context), merge);
-
   if (context !== null && context !== void 0 && context.FormRow && merge.FormRow) {
     mergedContext.FormRow = _objectSpread(_objectSpread({}, context.FormRow), merge.FormRow);
     mergedContext.FormRow = prepareFormRowContext(mergedContext.FormRow);
   }
-
   return mergedContext;
-}
+}
+//# sourceMappingURL=Provider.js.map

package/es/shared/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","names":["React","Context","prepareContext","prepareFormRowContext","Provider","localProps","children","props","_objectWithoutProperties","_excluded","context","useContext","localContext","setLocalContext","useState","value","mergeContext","_objectSpread","updateTranslation","locale","translation","update","updateAll","setLocale","setAllLocale","updateCurrent","setCurrentLocale","createElement","__context__","rest","_excluded2","merge","mergedContext","FormRow"],"sources":["../../../src/shared/Provider.tsx"],"sourcesContent":["/**\n * Lib Provider\n *\n */\n\nimport React from 'react'\nimport Context, { prepareContext } from './Context'\nimport type { ContextProps } from './Context'\nimport { prepareFormRowContext } from '../components/form-row/FormRowHelpers'\n\nexport type ProviderProps = {\n  /**\n   * Send in an object that gets spread as properties to the Provider\n   */\n  value?: ContextProps\n\n  /**\n   * The content\n   */\n  children: React.ReactNode\n} & ContextProps\n\nexport default function Provider<Props>(\n  localProps: ProviderProps & Props\n) {\n  const { children, ...props } = localProps\n\n  const context = React.useContext(Context)\n  const [localContext, setLocalContext] = React.useState(null)\n\n  let value = mergeContext(context, { ...localContext, ...props })\n\n  if (context) {\n    value = prepareContext(value)\n    context.updateTranslation(value.locale, value.translation)\n  }\n\n  value.update = updateAll\n  value.setLocale = setAllLocale\n  value.updateCurrent = updateCurrent\n  value.setCurrentLocale = setCurrentLocale\n\n  return <Context.Provider value={value}>{children}</Context.Provider>\n\n  function updateCurrent(props: ContextProps) {\n    setLocalContext({ __context__: props })\n  }\n\n  function setCurrentLocale(locale: string) {\n    setLocalContext({ __context__: { locale } })\n  }\n\n  function setAllLocale(locale: string) {\n    updateAll({ locale })\n  }\n\n  function updateAll(props: ContextProps) {\n    if (typeof context.update === 'function') {\n      context.update(props)\n    }\n\n    setLocalContext({ __context__: props })\n  }\n}\n\ntype MergeContext = {\n  FormRow?: Pick<ContextProps, 'FormRow'>\n}\ntype MergeContextProps = {\n  value: ProviderProps\n} & MergeContext\n\nfunction mergeContext<ContextT, PropsT>(\n  context: ContextT & ContextProps,\n  props: PropsT & MergeContextProps\n) {\n  // When value is given as so: <Provider value={{}} />\n  const { value, ...rest } = props\n\n  // Make sure we create a copy, because we add some custom methods to it\n  const merge = { ...value, ...rest }\n\n  // Merge our new values with an existing context\n  const mergedContext = { ...context, ...merge }\n\n  // Because we don't want to deep merge, we merge FormRow additionally\n  if (context?.FormRow && merge.FormRow) {\n    mergedContext.FormRow = {\n      ...context.FormRow,\n      ...merge.FormRow,\n    }\n    mergedContext.FormRow = prepareFormRowContext(mergedContext.FormRow)\n  }\n\n  return mergedContext\n}\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,IAAIC,cAAc,QAAQ,WAAW;AAEnD,SAASC,qBAAqB,QAAQ,uCAAuC;AAc7E,eAAe,SAASC,QAAQA,CAC9BC,UAAiC,EACjC;EACA,MAAM;MAAEC;IAAmB,CAAC,GAAGD,UAAU;IAApBE,KAAK,GAAAC,wBAAA,CAAKH,UAAU,EAAAI,SAAA;EAEzC,MAAMC,OAAO,GAAGV,KAAK,CAACW,UAAU,CAACV,OAAO,CAAC;EACzC,MAAM,CAACW,YAAY,EAAEC,eAAe,CAAC,GAAGb,KAAK,CAACc,QAAQ,CAAC,IAAI,CAAC;EAE5D,IAAIC,KAAK,GAAGC,YAAY,CAACN,OAAO,EAAAO,aAAA,CAAAA,aAAA,KAAOL,YAAY,GAAKL,KAAK,CAAE,CAAC;EAEhE,IAAIG,OAAO,EAAE;IACXK,KAAK,GAAGb,cAAc,CAACa,KAAK,CAAC;IAC7BL,OAAO,CAACQ,iBAAiB,CAACH,KAAK,CAACI,MAAM,EAAEJ,KAAK,CAACK,WAAW,CAAC;EAC5D;EAEAL,KAAK,CAACM,MAAM,GAAGC,SAAS;EACxBP,KAAK,CAACQ,SAAS,GAAGC,YAAY;EAC9BT,KAAK,CAACU,aAAa,GAAGA,aAAa;EACnCV,KAAK,CAACW,gBAAgB,GAAGA,gBAAgB;EAEzC,OAAO1B,KAAA,CAAA2B,aAAA,CAAC1B,OAAO,CAACG,QAAQ;IAACW,KAAK,EAAEA;EAAM,GAAET,QAA2B,CAAC;EAEpE,SAASmB,aAAaA,CAAClB,KAAmB,EAAE;IAC1CM,eAAe,CAAC;MAAEe,WAAW,EAAErB;IAAM,CAAC,CAAC;EACzC;EAEA,SAASmB,gBAAgBA,CAACP,MAAc,EAAE;IACxCN,eAAe,CAAC;MAAEe,WAAW,EAAE;QAAET;MAAO;IAAE,CAAC,CAAC;EAC9C;EAEA,SAASK,YAAYA,CAACL,MAAc,EAAE;IACpCG,SAAS,CAAC;MAAEH;IAAO,CAAC,CAAC;EACvB;EAEA,SAASG,SAASA,CAACf,KAAmB,EAAE;IACtC,IAAI,OAAOG,OAAO,CAACW,MAAM,KAAK,UAAU,EAAE;MACxCX,OAAO,CAACW,MAAM,CAACd,KAAK,CAAC;IACvB;IAEAM,eAAe,CAAC;MAAEe,WAAW,EAAErB;IAAM,CAAC,CAAC;EACzC;AACF;AASA,SAASS,YAAYA,CACnBN,OAAgC,EAChCH,KAAiC,EACjC;EAEA,MAAM;MAAEQ;IAAe,CAAC,GAAGR,KAAK;IAAdsB,IAAI,GAAArB,wBAAA,CAAKD,KAAK,EAAAuB,UAAA;EAGhC,MAAMC,KAAK,GAAAd,aAAA,CAAAA,aAAA,KAAQF,KAAK,GAAKc,IAAI,CAAE;EAGnC,MAAMG,aAAa,GAAAf,aAAA,CAAAA,aAAA,KAAQP,OAAO,GAAKqB,KAAK,CAAE;EAG9C,IAAIrB,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEuB,OAAO,IAAIF,KAAK,CAACE,OAAO,EAAE;IACrCD,aAAa,CAACC,OAAO,GAAAhB,aAAA,CAAAA,aAAA,KAChBP,OAAO,CAACuB,OAAO,GACfF,KAAK,CAACE,OAAO,CACjB;IACDD,aAAa,CAACC,OAAO,GAAG9B,qBAAqB,CAAC6B,aAAa,CAACC,OAAO,CAAC;EACtE;EAEA,OAAOD,aAAa;AACtB"}

package/es/shared/Theme.d.ts

@@ -4,13 +4,13 @@
  */
 import React from 'react';
 import { DynamicElement } from './types';
-export declare type ThemeNames = 'ui' | 'eiendom' | 'sbanken';
-export declare type ThemeVariants = string;
-export declare type ThemeSizes = 'basis';
-export declare type PropMapping = string;
-export declare type ContrastMode = boolean;
-export declare type DarkMode = boolean;
-export declare type ThemeProps = {
+export type ThemeNames = 'ui' | 'eiendom' | 'sbanken';
+export type ThemeVariants = string;
+export type ThemeSizes = 'basis';
+export type PropMapping = string;
+export type ContrastMode = boolean;
+export type DarkMode = boolean;
+export type ThemeProps = {
     name?: ThemeNames;
     variant?: ThemeVariants;
     size?: ThemeSizes;
@@ -19,7 +19,7 @@ export declare type ThemeProps = {
     darkMode?: DarkMode;
     element?: DynamicElement | false;
 };
-export declare type ThemeAllProps = ThemeProps & React.HTMLAttributes<HTMLElement>;
+export type ThemeAllProps = ThemeProps & React.HTMLAttributes<HTMLElement>;
 export default function Theme(themeProps: ThemeAllProps): JSX.Element;
 export declare function ThemeWrapper({ children, theme, element, className, ...rest }: {
     [x: string]: any;

package/es/shared/Theme.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children", "element", "name", "variant", "size", "propMapping", "contrastMode", "darkMode"],
-      _excluded2 = ["children", "theme", "element", "className"];
+  _excluded2 = ["children", "theme", "element", "className"];
 import React from 'react';
 import classnames from 'classnames';
 import Context from './Context';
@@ -9,19 +9,17 @@ import Provider from './Provider';
 import { extendPropsWithContext } from './component-helper';
 export default function Theme(themeProps) {
   const context = React.useContext(Context);
-
   const {
-    children,
-    element,
-    name,
-    variant,
-    size,
-    propMapping,
-    contrastMode,
-    darkMode
-  } = themeProps,
-        restProps = _objectWithoutProperties(themeProps, _excluded);
-
+      children,
+      element,
+      name,
+      variant,
+      size,
+      propMapping,
+      contrastMode,
+      darkMode
+    } = themeProps,
+    restProps = _objectWithoutProperties(themeProps, _excluded);
   const theme = extendPropsWithContext({
     name,
     variant,
@@ -39,20 +37,17 @@ export default function Theme(themeProps) {
 }
 export function ThemeWrapper(_ref) {
   let {
-    children,
-    theme,
-    element = null,
-    className = null
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded2);
-
+      children,
+      theme,
+      element = null,
+      className = null
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded2);
   const Wrapper = element === false ? React.Fragment : element || 'div';
   const ref = React.useRef(null);
-
   if (Wrapper === React.Fragment) {
     return children;
   }
-
   rest['ref'] = ref;
   const classNames = getThemeClasses(theme, className);
   const {
@@ -71,7 +66,6 @@ export function getThemeClasses(theme, className = null) {
   if (!theme) {
     return className;
   }
-
   const {
     name,
     variant,
@@ -81,4 +75,5 @@ export function getThemeClasses(theme, className = null) {
     darkMode
   } = theme;
   return classnames(className, 'eufemia-theme', name && `eufemia-theme__${name}` + (variant ? ` eufemia-theme__${name}--${variant}` : ""), propMapping && `eufemia-theme__prop-mapping--${propMapping}`, contrastMode && 'eufemia-theme__contrast-mode', darkMode && 'eufemia-theme__dark-mode', size && `eufemia-theme__size--${size}`);
-}
+}
+//# sourceMappingURL=Theme.js.map

package/es/shared/Theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.js","names":["React","classnames","Context","Provider","extendPropsWithContext","Theme","themeProps","context","useContext","children","element","name","variant","size","propMapping","contrastMode","darkMode","restProps","_objectWithoutProperties","_excluded","theme","createElement","ThemeWrapper","_extends","_ref","className","rest","_excluded2","Wrapper","Fragment","ref","useRef","classNames","getThemeClasses"],"sources":["../../../src/shared/Theme.tsx"],"sourcesContent":["/**\n * Theme Provider\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from './Context'\nimport Provider from './Provider'\nimport { DynamicElement } from './types'\nimport { extendPropsWithContext } from './component-helper'\n\nexport type ThemeNames = 'ui' | 'eiendom' | 'sbanken'\nexport type ThemeVariants = string\nexport type ThemeSizes = 'basis'\nexport type PropMapping = string\nexport type ContrastMode = boolean\nexport type DarkMode = boolean\n\nexport type ThemeProps = {\n  name?: ThemeNames\n  variant?: ThemeVariants\n  size?: ThemeSizes\n  propMapping?: PropMapping\n  contrastMode?: ContrastMode\n  darkMode?: DarkMode\n  element?: DynamicElement | false\n}\n\nexport type ThemeAllProps = ThemeProps & React.HTMLAttributes<HTMLElement>\n\nexport default function Theme(themeProps: ThemeAllProps) {\n  const context = React.useContext(Context)\n\n  const {\n    children,\n    element,\n    name,\n    variant,\n    size,\n    propMapping,\n    contrastMode,\n    darkMode,\n    ...restProps\n  } = themeProps\n\n  const theme = extendPropsWithContext(\n    {\n      name,\n      variant,\n      size,\n      propMapping,\n      contrastMode,\n      darkMode,\n    },\n    null,\n    context?.theme\n  )\n\n  return (\n    <Provider theme={theme}>\n      <ThemeWrapper element={element} theme={theme} {...restProps}>\n        {children}\n      </ThemeWrapper>\n    </Provider>\n  )\n}\n\nexport function ThemeWrapper({\n  children,\n  theme,\n  element = null,\n  className = null,\n  ...rest\n}) {\n  const Wrapper = element === false ? React.Fragment : element || 'div'\n  const ref = React.useRef<HTMLElement>(null)\n\n  if (Wrapper === React.Fragment) {\n    return children\n  }\n\n  rest['ref'] = ref\n\n  const classNames = getThemeClasses(theme, className)\n  const { name, variant, size } = theme\n\n  return (\n    <Wrapper\n      data-name={name}\n      data-variant={variant}\n      data-size={size}\n      className={classNames}\n      {...rest}\n    >\n      {children}\n    </Wrapper>\n  )\n}\n\nexport function getThemeClasses(theme: ThemeProps, className = null) {\n  if (!theme) {\n    return className\n  }\n\n  const { name, variant, size, propMapping, contrastMode, darkMode } =\n    theme\n\n  return classnames(\n    className,\n    'eufemia-theme',\n    name && `eufemia-theme__${name}`,\n    name && variant && `eufemia-theme__${name}--${variant}`,\n    propMapping && `eufemia-theme__prop-mapping--${propMapping}`,\n    contrastMode && 'eufemia-theme__contrast-mode',\n    darkMode && 'eufemia-theme__dark-mode',\n    size && `eufemia-theme__size--${size}`\n  )\n}\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,QAAQ,MAAM,YAAY;AAEjC,SAASC,sBAAsB,QAAQ,oBAAoB;AAqB3D,eAAe,SAASC,KAAKA,CAACC,UAAyB,EAAE;EACvD,MAAMC,OAAO,GAAGP,KAAK,CAACQ,UAAU,CAACN,OAAO,CAAC;EAEzC,MAAM;MACJO,QAAQ;MACRC,OAAO;MACPC,IAAI;MACJC,OAAO;MACPC,IAAI;MACJC,WAAW;MACXC,YAAY;MACZC;IAEF,CAAC,GAAGV,UAAU;IADTW,SAAS,GAAAC,wBAAA,CACVZ,UAAU,EAAAa,SAAA;EAEd,MAAMC,KAAK,GAAGhB,sBAAsB,CAClC;IACEO,IAAI;IACJC,OAAO;IACPC,IAAI;IACJC,WAAW;IACXC,YAAY;IACZC;EACF,CAAC,EACD,IAAI,EACJT,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEa,KACX,CAAC;EAED,OACEpB,KAAA,CAAAqB,aAAA,CAAClB,QAAQ;IAACiB,KAAK,EAAEA;EAAM,GACrBpB,KAAA,CAAAqB,aAAA,CAACC,YAAY,EAAAC,QAAA;IAACb,OAAO,EAAEA,OAAQ;IAACU,KAAK,EAAEA;EAAM,GAAKH,SAAS,GACxDR,QACW,CACN,CAAC;AAEf;AAEA,OAAO,SAASa,YAAYA,CAAAE,IAAA,EAMzB;EAAA,IAN0B;MAC3Bf,QAAQ;MACRW,KAAK;MACLV,OAAO,GAAG,IAAI;MACde,SAAS,GAAG;IAEd,CAAC,GAAAD,IAAA;IADIE,IAAI,GAAAR,wBAAA,CAAAM,IAAA,EAAAG,UAAA;EAEP,MAAMC,OAAO,GAAGlB,OAAO,KAAK,KAAK,GAAGV,KAAK,CAAC6B,QAAQ,GAAGnB,OAAO,IAAI,KAAK;EACrE,MAAMoB,GAAG,GAAG9B,KAAK,CAAC+B,MAAM,CAAc,IAAI,CAAC;EAE3C,IAAIH,OAAO,KAAK5B,KAAK,CAAC6B,QAAQ,EAAE;IAC9B,OAAOpB,QAAQ;EACjB;EAEAiB,IAAI,CAAC,KAAK,CAAC,GAAGI,GAAG;EAEjB,MAAME,UAAU,GAAGC,eAAe,CAACb,KAAK,EAAEK,SAAS,CAAC;EACpD,MAAM;IAAEd,IAAI;IAAEC,OAAO;IAAEC;EAAK,CAAC,GAAGO,KAAK;EAErC,OACEpB,KAAA,CAAAqB,aAAA,CAACO,OAAO,EAAAL,QAAA;IACN,aAAWZ,IAAK;IAChB,gBAAcC,OAAQ;IACtB,aAAWC,IAAK;IAChBY,SAAS,EAAEO;EAAW,GAClBN,IAAI,GAEPjB,QACM,CAAC;AAEd;AAEA,OAAO,SAASwB,eAAeA,CAACb,KAAiB,EAAEK,SAAS,GAAG,IAAI,EAAE;EACnE,IAAI,CAACL,KAAK,EAAE;IACV,OAAOK,SAAS;EAClB;EAEA,MAAM;IAAEd,IAAI;IAAEC,OAAO;IAAEC,IAAI;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAChEI,KAAK;EAEP,OAAOnB,UAAU,CACfwB,SAAS,EACT,eAAe,EACfd,IAAI,IAAK,kBAAiBA,IAAK,EAAC,IACxBC,OAAO,sBAAsBD,IAAK,KAAIC,OAAQ,UACtDE,WAAW,IAAK,gCAA+BA,WAAY,EAAC,EAC5DC,YAAY,IAAI,8BAA8B,EAC9CC,QAAQ,IAAI,0BAA0B,EACtCH,IAAI,IAAK,wBAAuBA,IAAK,EACvC,CAAC;AACH"}