@dnb/eufemia 10.2.0 → 10.3.0

package/shared/helpers/getPreviousSibling.d.ts

@@ -1,5 +1,5 @@
-export declare type TargetSelector = string;
-export declare type RootElement = Element;
+export type TargetSelector = string;
+export type RootElement = Element;
 /**
  * getPreviousSibling traverses down the DOM tree until it finds the wanted element
  *

package/shared/helpers/getPreviousSibling.js

@@ -3,31 +3,25 @@ export const getPreviousSibling = (selector, element) => {
   try {
     const tagName = /[A-Z]/.test(selector) ? selector : null;
     const className = tagName ? null : selector.replace(/^\./, '');
-
     const contains = element => {
       if (!element) {
         return null;
       }
-
       if (tagName) {
         return (element === null || element === void 0 ? void 0 : element.tagName) === tagName;
       }
-
       return element === null || element === void 0 ? void 0 : element.classList.contains(className);
     };
-
     if (contains(element)) {
       return element;
     }
-
     while ((element = (_element = element) === null || _element === void 0 ? void 0 : _element.parentElement) && !contains(element)) {
       var _element;
-
       ;
     }
   } catch (e) {
     warn(e);
   }
-
   return element;
-};
+};
+//# sourceMappingURL=getPreviousSibling.js.map

package/shared/helpers/getPreviousSibling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPreviousSibling.js","names":["warn","getPreviousSibling","selector","element","tagName","test","className","replace","contains","classList","_element","parentElement","e"],"sources":["../../../../src/shared/helpers/getPreviousSibling.ts"],"sourcesContent":["import { warn } from '../helpers'\n\nexport type TargetSelector = string\nexport type RootElement = Element\n\n/**\n * getPreviousSibling traverses down the DOM tree until it finds the wanted element\n *\n * @param  {string} selector CSS selector name (HTML class name or selector or tag name with upper case chars, like BUTTON)\n * @param  {Element} element The element to begin with\n * @return {Element} Found element\n */\nexport const getPreviousSibling = (\n  selector: TargetSelector,\n  element: RootElement\n): Element | null => {\n  try {\n    const tagName = /[A-Z]/.test(selector) ? selector : null\n    const className = tagName ? null : selector.replace(/^\\./, '')\n\n    const contains = (element: Element) => {\n      if (!element) {\n        return null\n      }\n\n      if (tagName) {\n        return element?.tagName === tagName\n      }\n\n      return element?.classList.contains(className)\n    }\n\n    if (contains(element)) {\n      return element\n    }\n\n    while ((element = element?.parentElement) && !contains(element));\n  } catch (e) {\n    warn(e)\n  }\n\n  return element\n}\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,YAAY;AAYjC,OAAO,MAAMC,kBAAkB,GAAGA,CAChCC,QAAwB,EACxBC,OAAoB,KACD;EACnB,IAAI;IACF,MAAMC,OAAO,GAAG,OAAO,CAACC,IAAI,CAACH,QAAQ,CAAC,GAAGA,QAAQ,GAAG,IAAI;IACxD,MAAMI,SAAS,GAAGF,OAAO,GAAG,IAAI,GAAGF,QAAQ,CAACK,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IAE9D,MAAMC,QAAQ,GAAIL,OAAgB,IAAK;MACrC,IAAI,CAACA,OAAO,EAAE;QACZ,OAAO,IAAI;MACb;MAEA,IAAIC,OAAO,EAAE;QACX,OAAO,CAAAD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC,OAAO,MAAKA,OAAO;MACrC;MAEA,OAAOD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEM,SAAS,CAACD,QAAQ,CAACF,SAAS,CAAC;IAC/C,CAAC;IAED,IAAIE,QAAQ,CAACL,OAAO,CAAC,EAAE;MACrB,OAAOA,OAAO;IAChB;IAEA,OAAO,CAACA,OAAO,IAAAO,QAAA,GAAGP,OAAO,cAAAO,QAAA,uBAAPA,QAAA,CAASC,aAAa,KAAK,CAACH,QAAQ,CAACL,OAAO,CAAC;MAAA,IAAAO,QAAA;MAAC;IAAC;EACnE,CAAC,CAAC,OAAOE,CAAC,EAAE;IACVZ,IAAI,CAACY,CAAC,CAAC;EACT;EAEA,OAAOT,OAAO;AAChB,CAAC"}

package/shared/helpers/useEventEmitter.js

@@ -12,13 +12,11 @@ export const useEventEmitter = function () {
       return emitter;
     }
   });
-
   if (!emitter) {
     return {
       data: null
     };
   }
-
   const {
     get,
     update
@@ -28,4 +26,5 @@ export const useEventEmitter = function () {
     data,
     update
   };
-};
+};
+//# sourceMappingURL=useEventEmitter.js.map

package/shared/helpers/useEventEmitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventEmitter.js","names":["React","EventEmitter","useEventEmitter","id","arguments","length","undefined","updateState","useState","forceUpdate","useCallback","useEffect","emitter","unlisten","createInstance","listen","data","get","update"],"sources":["../../../../src/shared/helpers/useEventEmitter.tsx"],"sourcesContent":["import React from 'react'\nimport EventEmitter, {\n  EventEmitterData,\n  EventEmitterId,\n} from './EventEmitter'\n\n/**\n * Use this React Hook as an easy way to sync data between components without a Context/Provider\n *\n * @param {string} id unique id, same as used in the \"lined place\"\n * @returns React Hook { data, update }\n */\nexport const useEventEmitter = (id: EventEmitterId = null) => {\n  const [, updateState] = React.useState(null)\n  const forceUpdate = React.useCallback(() => updateState({}), [])\n\n  React.useEffect(() => () => emitter?.unlisten(forceUpdate), []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const [emitter] = React.useState(() => {\n    if (id) {\n      const emitter = EventEmitter.createInstance(id)\n      emitter.listen(forceUpdate)\n      return emitter\n    }\n  })\n\n  if (!emitter) {\n    return { data: null }\n  }\n\n  const { get, update } = emitter\n  const data: EventEmitterData = get()\n\n  return { data, update }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAGZ,gBAAgB;AAQvB,OAAO,MAAMC,eAAe,GAAG,SAAAA,CAAA,EAA+B;EAAA,IAA9BC,EAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EACvD,MAAM,GAAGG,WAAW,CAAC,GAAGP,KAAK,CAACQ,QAAQ,CAAC,IAAI,CAAC;EAC5C,MAAMC,WAAW,GAAGT,KAAK,CAACU,WAAW,CAAC,MAAMH,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAEhEP,KAAK,CAACW,SAAS,CAAC,MAAM,MAAMC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC,QAAQ,CAACJ,WAAW,CAAC,EAAE,EAAE,CAAC;EAE/D,MAAM,CAACG,OAAO,CAAC,GAAGZ,KAAK,CAACQ,QAAQ,CAAC,MAAM;IACrC,IAAIL,EAAE,EAAE;MACN,MAAMS,OAAO,GAAGX,YAAY,CAACa,cAAc,CAACX,EAAE,CAAC;MAC/CS,OAAO,CAACG,MAAM,CAACN,WAAW,CAAC;MAC3B,OAAOG,OAAO;IAChB;EACF,CAAC,CAAC;EAEF,IAAI,CAACA,OAAO,EAAE;IACZ,OAAO;MAAEI,IAAI,EAAE;IAAK,CAAC;EACvB;EAEA,MAAM;IAAEC,GAAG;IAAEC;EAAO,CAAC,GAAGN,OAAO;EAC/B,MAAMI,IAAsB,GAAGC,GAAG,CAAC,CAAC;EAEpC,OAAO;IAAED,IAAI;IAAEE;EAAO,CAAC;AACzB,CAAC"}

package/shared/helpers/withCamelCaseProps.d.ts

@@ -30,10 +30,10 @@ export declare function classWithCamelCaseProps<TBase extends React.ComponentCla
  * - ToCamelCasePartial removes required for the camelCase props
  *
  */
-export declare type ToCamelCasePartial<T> = Partial<ToCamelCase<T>>;
-export declare type ToCamelCase<T> = T extends object ? {
+export type ToCamelCasePartial<T> = Partial<ToCamelCase<T>>;
+export type ToCamelCase<T> = T extends object ? {
     [K in keyof T as ConvertSnakeToCamelCase<K & string>]: T[K] | ToCamelCase<T[K]>;
 } : T;
-export declare type IncludeCamelCase<T> = Partial<T> & ToCamelCasePartial<T>;
-declare type ConvertSnakeToCamelCase<S extends string> = S extends `${infer T}_${infer U}` ? `${T}${Capitalize<ConvertSnakeToCamelCase<U>>}` : S;
+export type IncludeCamelCase<T> = Partial<T> & ToCamelCasePartial<T>;
+type ConvertSnakeToCamelCase<S extends string> = S extends `${infer T}_${infer U}` ? `${T}${Capitalize<ConvertSnakeToCamelCase<U>>}` : S;
 export {};

package/shared/helpers/withCamelCaseProps.js

@@ -1,55 +1,40 @@
 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 React from 'react';
 import { toSnakeCase } from '../component-helper';
 export function withCamelCaseProps(Base) {
   const Component = Base;
-
   const Derived = props => {
     return React.createElement(Component, Object.freeze(convertCamelCaseProps(props)));
   };
-
   Object.defineProperty(Derived, 'name', {
     value: Base.name
   });
-
   for (const name in Base) {
     Object.defineProperty(Derived, name, {
       value: Base[name]
     });
   }
-
   return Derived;
 }
 export function classWithCamelCaseProps(Base) {
   const Component = Base;
-
   class Derived extends Base {
     constructor() {
       super(...arguments);
-
       _defineProperty(this, "_prevProps", void 0);
-
       _defineProperty(this, "_elem", void 0);
     }
-
     componentDidMount() {}
-
     render() {
       if (this.props !== this._prevProps) {
         this._prevProps = this.props;
         this._elem = React.createElement(Component, Object.freeze(convertCamelCaseProps(this.props)));
       }
-
       return this._elem;
     }
-
   }
-
   Object.defineProperty(Derived, 'name', {
     value: Base.name
   });
@@ -58,10 +43,8 @@ export function classWithCamelCaseProps(Base) {
   });
   return Derived;
 }
-
 function convertCamelCaseProps(props) {
   const newProps = _objectSpread({}, props);
-
   for (const key in props) {
     switch (key) {
       case 'className':
@@ -69,12 +52,11 @@ function convertCamelCaseProps(props) {
           continue;
         }
     }
-
     if (/^[a-z]+[A-Z]/.test(key)) {
       newProps[toSnakeCase(key)] = props[key];
       delete newProps[key];
     }
   }
-
   return newProps;
-}
+}
+//# sourceMappingURL=withCamelCaseProps.js.map

package/shared/helpers/withCamelCaseProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withCamelCaseProps.js","names":["React","toSnakeCase","withCamelCaseProps","Base","Component","Derived","props","createElement","Object","freeze","convertCamelCaseProps","defineProperty","value","name","classWithCamelCaseProps","constructor","arguments","_defineProperty","componentDidMount","render","_prevProps","_elem","displayName","newProps","_objectSpread","key","test"],"sources":["../../../../src/shared/helpers/withCamelCaseProps.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react'\nimport { toSnakeCase } from '../component-helper'\n\n/**\n * withCamelCaseProps is a HOC for function components\n * it will return a React Component where all snake_case props gets converted to camelCase\n *\n * Use the same for TypeScript types by using: ToCamelCase\n *\n * @param Base the original function or class\n * @returns extended function or class\n */\nexport function withCamelCaseProps<TBase, P>(\n  Base: React.FunctionComponent<P> & TBase\n): typeof Base {\n  const Component: React.ComponentType = Base\n\n  const Derived = (props: P) => {\n    return <Component {...Object.freeze(convertCamelCaseProps(props))} />\n  }\n\n  Object.defineProperty(Derived, 'name', {\n    value: Base.name,\n  })\n\n  for (const name in Base) {\n    Object.defineProperty(Derived, name, {\n      value: Base[name],\n    })\n  }\n\n  // @ts-ignore\n  return Derived\n}\n\n/**\n * withCamelCaseProps is a HOC for classes\n * it will return a React Component where all snake_case props gets converted to camelCase\n *\n * Use the same for TypeScript types by using: ToCamelCase\n *\n * @param Base the original function or class\n * @returns extended function or class\n */\nexport function classWithCamelCaseProps<\n  TBase extends React.ComponentClass\n>(Base: TBase): typeof Base {\n  const Component: React.ComponentClass = Base\n\n  // Bug? https://github.com/microsoft/TypeScript/issues/37142\n  // @ts-ignore\n  class Derived extends Base {\n    _prevProps: Record<string, unknown>\n    _elem: React.ReactElement\n\n    componentDidMount() {\n      // ensures we do not run componentDidMount twice\n    }\n\n    render() {\n      if (this.props !== this._prevProps) {\n        this._prevProps = this.props\n        this._elem = (\n          // @ts-ignore\n          <Component\n            {...Object.freeze(convertCamelCaseProps(this.props))}\n          />\n        )\n      }\n\n      return this._elem\n    }\n  }\n\n  Object.defineProperty(Derived, 'name', {\n    value: Base.name,\n  })\n\n  Object.defineProperty(Derived, 'displayName', {\n    value: Base.displayName || Base.name,\n  })\n\n  return Derived\n}\n\nfunction convertCamelCaseProps<P>(props: P) {\n  const newProps = { ...props }\n\n  for (const key in props) {\n    switch (key) {\n      case 'className': {\n        continue\n      }\n    }\n\n    if (/^[a-z]+[A-Z]/.test(key)) {\n      newProps[toSnakeCase(key)] = props[key]\n      delete newProps[key]\n    }\n  }\n\n  return newProps\n}\n\n/**\n * Convert recursively Types from snake_case to camelCase\n *\n * Use it like so:\n * OriginalProps & ToCamelCase<OriginalProps>\n *\n * Disclaimer: Be careful using these with required props\n * - ToCamelCase makes the required snake_case props also required in camelCase\n * - ToCamelCasePartial removes required for the camelCase props\n *\n */\nexport type ToCamelCasePartial<T> = Partial<ToCamelCase<T>>\nexport type ToCamelCase<T> = T extends object\n  ? {\n      [K in keyof T as ConvertSnakeToCamelCase<K & string>]:\n        | T[K]\n        | ToCamelCase<T[K]>\n    }\n  : T\nexport type IncludeCamelCase<T> = Partial<T> & ToCamelCasePartial<T>\ntype ConvertSnakeToCamelCase<S extends string> =\n  S extends `${infer T}_${infer U}`\n    ? `${T}${Capitalize<ConvertSnakeToCamelCase<U>>}`\n    : S\n"],"mappings":";;;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,qBAAqB;AAWjD,OAAO,SAASC,kBAAkBA,CAChCC,IAAwC,EAC3B;EACb,MAAMC,SAA8B,GAAGD,IAAI;EAE3C,MAAME,OAAO,GAAIC,KAAQ,IAAK;IAC5B,OAAON,KAAA,CAAAO,aAAA,CAACH,SAAS,EAAKI,MAAM,CAACC,MAAM,CAACC,qBAAqB,CAACJ,KAAK,CAAC,CAAI,CAAC;EACvE,CAAC;EAEDE,MAAM,CAACG,cAAc,CAACN,OAAO,EAAE,MAAM,EAAE;IACrCO,KAAK,EAAET,IAAI,CAACU;EACd,CAAC,CAAC;EAEF,KAAK,MAAMA,IAAI,IAAIV,IAAI,EAAE;IACvBK,MAAM,CAACG,cAAc,CAACN,OAAO,EAAEQ,IAAI,EAAE;MACnCD,KAAK,EAAET,IAAI,CAACU,IAAI;IAClB,CAAC,CAAC;EACJ;EAGA,OAAOR,OAAO;AAChB;AAWA,OAAO,SAASS,uBAAuBA,CAErCX,IAAW,EAAe;EAC1B,MAAMC,SAA+B,GAAGD,IAAI;EAI5C,MAAME,OAAO,SAASF,IAAI,CAAC;IAAAY,YAAA;MAAA,SAAAC,SAAA;MAAAC,eAAA;MAAAA,eAAA;IAAA;IAIzBC,iBAAiBA,CAAA,EAAG,CAEpB;IAEAC,MAAMA,CAAA,EAAG;MACP,IAAI,IAAI,CAACb,KAAK,KAAK,IAAI,CAACc,UAAU,EAAE;QAClC,IAAI,CAACA,UAAU,GAAG,IAAI,CAACd,KAAK;QAC5B,IAAI,CAACe,KAAK,GAERrB,KAAA,CAAAO,aAAA,CAACH,SAAS,EACJI,MAAM,CAACC,MAAM,CAACC,qBAAqB,CAAC,IAAI,CAACJ,KAAK,CAAC,CACpD,CACF;MACH;MAEA,OAAO,IAAI,CAACe,KAAK;IACnB;EACF;EAEAb,MAAM,CAACG,cAAc,CAACN,OAAO,EAAE,MAAM,EAAE;IACrCO,KAAK,EAAET,IAAI,CAACU;EACd,CAAC,CAAC;EAEFL,MAAM,CAACG,cAAc,CAACN,OAAO,EAAE,aAAa,EAAE;IAC5CO,KAAK,EAAET,IAAI,CAACmB,WAAW,IAAInB,IAAI,CAACU;EAClC,CAAC,CAAC;EAEF,OAAOR,OAAO;AAChB;AAEA,SAASK,qBAAqBA,CAAIJ,KAAQ,EAAE;EAC1C,MAAMiB,QAAQ,GAAAC,aAAA,KAAQlB,KAAK,CAAE;EAE7B,KAAK,MAAMmB,GAAG,IAAInB,KAAK,EAAE;IACvB,QAAQmB,GAAG;MACT,KAAK,WAAW;QAAE;UAChB;QACF;IACF;IAEA,IAAI,cAAc,CAACC,IAAI,CAACD,GAAG,CAAC,EAAE;MAC5BF,QAAQ,CAACtB,WAAW,CAACwB,GAAG,CAAC,CAAC,GAAGnB,KAAK,CAACmB,GAAG,CAAC;MACvC,OAAOF,QAAQ,CAACE,GAAG,CAAC;IACtB;EACF;EAEA,OAAOF,QAAQ;AACjB"}

package/shared/helpers/withSnakeCaseProps.d.ts

@@ -31,10 +31,10 @@ export declare function convertSnakeCaseProps<P>(props: P): P;
  * - ToSnakeCasePartial removes required for the snake_case props
  *
  */
-export declare type ToSnakeCasePartial<T> = Partial<ToSnakeCase<T>>;
-export declare type ToSnakeCase<T> = T extends object ? {
+export type ToSnakeCasePartial<T> = Partial<ToSnakeCase<T>>;
+export type ToSnakeCase<T> = T extends object ? {
     [K in keyof T as ConvertCamelToSnakeCase<K & string>]: T[K] | ToSnakeCase<T[K]>;
 } : T;
-export declare type IncludeSnakeCase<T> = Partial<T> & ToSnakeCasePartial<T>;
-declare type ConvertCamelToSnakeCase<S extends string> = S extends `${infer T}${infer U}` ? `${T extends Capitalize<T> ? '_' : ''}${Lowercase<T>}${ConvertCamelToSnakeCase<U>}` : S;
+export type IncludeSnakeCase<T> = Partial<T> & ToSnakeCasePartial<T>;
+type ConvertCamelToSnakeCase<S extends string> = S extends `${infer T}${infer U}` ? `${T extends Capitalize<T> ? '_' : ''}${Lowercase<T>}${ConvertCamelToSnakeCase<U>}` : S;
 export {};

package/shared/helpers/withSnakeCaseProps.js

@@ -1,55 +1,40 @@
 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 React from 'react';
 import { toCamelCase } from '../component-helper';
 export function withSnakeCaseProps(Base) {
   const Component = Base;
-
   const Derived = props => {
     return React.createElement(Component, Object.freeze(convertSnakeCaseProps(props)));
   };
-
   Object.defineProperty(Derived, 'name', {
     value: Base.name
   });
-
   for (const name in Base) {
     Object.defineProperty(Derived, name, {
       value: Base[name]
     });
   }
-
   return Derived;
 }
 export function classWithSnakeCaseProps(Base) {
   const Component = Base;
-
   class Derived extends Base {
     constructor() {
       super(...arguments);
-
       _defineProperty(this, "_prevProps", void 0);
-
       _defineProperty(this, "_elem", void 0);
     }
-
     componentDidMount() {}
-
     render() {
       if (this.props !== this._prevProps) {
         this._prevProps = this.props;
         this._elem = React.createElement(Component, Object.freeze(convertSnakeCaseProps(this.props)));
       }
-
       return this._elem;
     }
-
   }
-
   Object.defineProperty(Derived, 'name', {
     value: Base.name
   });
@@ -60,13 +45,12 @@ export function classWithSnakeCaseProps(Base) {
 }
 export function convertSnakeCaseProps(props) {
   const newProps = _objectSpread({}, props);
-
   for (const key in props) {
     if (key.includes('_') && /^[a-z]+/.test(key) && !/[A-Z]/.test(key)) {
       newProps[toCamelCase(key)] = props[key];
       delete newProps[key];
     }
   }
-
   return newProps;
-}
+}
+//# sourceMappingURL=withSnakeCaseProps.js.map

package/shared/helpers/withSnakeCaseProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withSnakeCaseProps.js","names":["React","toCamelCase","withSnakeCaseProps","Base","Component","Derived","props","createElement","Object","freeze","convertSnakeCaseProps","defineProperty","value","name","classWithSnakeCaseProps","constructor","arguments","_defineProperty","componentDidMount","render","_prevProps","_elem","displayName","newProps","_objectSpread","key","includes","test"],"sources":["../../../../src/shared/helpers/withSnakeCaseProps.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport React from 'react'\nimport { toCamelCase } from '../component-helper'\n\n/**\n * withSnakeCaseProps is a HOC for function components\n * it will return a React Component where all snake_case props gets converted to camelCase\n *\n * Use the same for TypeScript types by using: ToSnakeCase\n *\n * @param Base the original function or class\n * @returns extended function or class\n */\nexport function withSnakeCaseProps<TBase, P>(\n  Base: React.FunctionComponent<P> & TBase\n): typeof Base {\n  const Component: React.ComponentType = Base\n\n  const Derived = (props: P) => {\n    return <Component {...Object.freeze(convertSnakeCaseProps(props))} />\n  }\n\n  Object.defineProperty(Derived, 'name', {\n    value: Base.name,\n  })\n\n  for (const name in Base) {\n    Object.defineProperty(Derived, name, {\n      value: Base[name],\n    })\n  }\n\n  // @ts-ignore\n  return Derived\n}\n\n/**\n * withSnakeCaseProps is a HOC for classes\n * it will return a React Component where all snake_case props gets converted to camelCase\n *\n * Use the same for TypeScript types by using: ToSnakeCase\n *\n * @param Base the original function or class\n * @returns extended function or class\n */\nexport function classWithSnakeCaseProps<\n  TBase extends React.ComponentClass\n>(Base: TBase): typeof Base {\n  const Component: React.ComponentClass = Base\n\n  // Bug? https://github.com/microsoft/TypeScript/issues/37142\n  // @ts-ignore\n  class Derived extends Base {\n    _prevProps: Record<string, unknown>\n    _elem: React.ReactElement\n\n    componentDidMount() {\n      // ensures we do not run componentDidMount twice\n    }\n\n    render() {\n      if (this.props !== this._prevProps) {\n        this._prevProps = this.props\n        this._elem = (\n          // @ts-ignore\n          <Component\n            {...Object.freeze(convertSnakeCaseProps(this.props))}\n          />\n        )\n      }\n\n      return this._elem\n    }\n  }\n\n  Object.defineProperty(Derived, 'name', {\n    value: Base.name,\n  })\n\n  Object.defineProperty(Derived, 'displayName', {\n    value: Base.displayName || Base.name,\n  })\n\n  return Derived\n}\n\nexport function convertSnakeCaseProps<P>(props: P) {\n  const newProps = { ...props }\n\n  for (const key in props) {\n    if (key.includes('_') && /^[a-z]+/.test(key) && !/[A-Z]/.test(key)) {\n      newProps[toCamelCase(key)] = props[key]\n      delete newProps[key]\n    }\n  }\n\n  return newProps\n}\n\n/**\n * Convert recursively Types from camelCase to snake_case\n *\n * Use it like so:\n * OriginalProps & ToSnakeCase<OriginalProps>\n *\n * Disclaimer: Be careful using these with required props\n * - ToSnakeCase makes the required camelCase props also required in snake_case\n * - ToSnakeCasePartial removes required for the snake_case props\n *\n */\nexport type ToSnakeCasePartial<T> = Partial<ToSnakeCase<T>>\nexport type ToSnakeCase<T> = T extends object\n  ? {\n      [K in keyof T as ConvertCamelToSnakeCase<K & string>]:\n        | T[K]\n        | ToSnakeCase<T[K]>\n    }\n  : T\nexport type IncludeSnakeCase<T> = Partial<T> & ToSnakeCasePartial<T>\ntype ConvertCamelToSnakeCase<S extends string> =\n  S extends `${infer T}${infer U}`\n    ? `${T extends Capitalize<T>\n        ? '_'\n        : ''}${Lowercase<T>}${ConvertCamelToSnakeCase<U>}`\n    : S\n"],"mappings":";;;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,qBAAqB;AAWjD,OAAO,SAASC,kBAAkBA,CAChCC,IAAwC,EAC3B;EACb,MAAMC,SAA8B,GAAGD,IAAI;EAE3C,MAAME,OAAO,GAAIC,KAAQ,IAAK;IAC5B,OAAON,KAAA,CAAAO,aAAA,CAACH,SAAS,EAAKI,MAAM,CAACC,MAAM,CAACC,qBAAqB,CAACJ,KAAK,CAAC,CAAI,CAAC;EACvE,CAAC;EAEDE,MAAM,CAACG,cAAc,CAACN,OAAO,EAAE,MAAM,EAAE;IACrCO,KAAK,EAAET,IAAI,CAACU;EACd,CAAC,CAAC;EAEF,KAAK,MAAMA,IAAI,IAAIV,IAAI,EAAE;IACvBK,MAAM,CAACG,cAAc,CAACN,OAAO,EAAEQ,IAAI,EAAE;MACnCD,KAAK,EAAET,IAAI,CAACU,IAAI;IAClB,CAAC,CAAC;EACJ;EAGA,OAAOR,OAAO;AAChB;AAWA,OAAO,SAASS,uBAAuBA,CAErCX,IAAW,EAAe;EAC1B,MAAMC,SAA+B,GAAGD,IAAI;EAI5C,MAAME,OAAO,SAASF,IAAI,CAAC;IAAAY,YAAA;MAAA,SAAAC,SAAA;MAAAC,eAAA;MAAAA,eAAA;IAAA;IAIzBC,iBAAiBA,CAAA,EAAG,CAEpB;IAEAC,MAAMA,CAAA,EAAG;MACP,IAAI,IAAI,CAACb,KAAK,KAAK,IAAI,CAACc,UAAU,EAAE;QAClC,IAAI,CAACA,UAAU,GAAG,IAAI,CAACd,KAAK;QAC5B,IAAI,CAACe,KAAK,GAERrB,KAAA,CAAAO,aAAA,CAACH,SAAS,EACJI,MAAM,CAACC,MAAM,CAACC,qBAAqB,CAAC,IAAI,CAACJ,KAAK,CAAC,CACpD,CACF;MACH;MAEA,OAAO,IAAI,CAACe,KAAK;IACnB;EACF;EAEAb,MAAM,CAACG,cAAc,CAACN,OAAO,EAAE,MAAM,EAAE;IACrCO,KAAK,EAAET,IAAI,CAACU;EACd,CAAC,CAAC;EAEFL,MAAM,CAACG,cAAc,CAACN,OAAO,EAAE,aAAa,EAAE;IAC5CO,KAAK,EAAET,IAAI,CAACmB,WAAW,IAAInB,IAAI,CAACU;EAClC,CAAC,CAAC;EAEF,OAAOR,OAAO;AAChB;AAEA,OAAO,SAASK,qBAAqBA,CAAIJ,KAAQ,EAAE;EACjD,MAAMiB,QAAQ,GAAAC,aAAA,KAAQlB,KAAK,CAAE;EAE7B,KAAK,MAAMmB,GAAG,IAAInB,KAAK,EAAE;IACvB,IAAImB,GAAG,CAACC,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAACC,IAAI,CAACF,GAAG,CAAC,IAAI,CAAC,OAAO,CAACE,IAAI,CAACF,GAAG,CAAC,EAAE;MAClEF,QAAQ,CAACtB,WAAW,CAACwB,GAAG,CAAC,CAAC,GAAGnB,KAAK,CAACmB,GAAG,CAAC;MACvC,OAAOF,QAAQ,CAACE,GAAG,CAAC;IACtB;EACF;EAEA,OAAOF,QAAQ;AACjB"}

package/shared/helpers.js

@@ -12,37 +12,30 @@ export let IS_ANDROID = false;
 export let IS_LINUX = false;
 export const isMac = () => {
   var _navigator;
-
   return IS_MAC = typeof navigator !== 'undefined' && new RegExp(PLATFORM_MAC, 'i').test((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.platform);
 };
 export const isWin = () => {
   var _navigator2;
-
   return IS_WIN = typeof navigator !== 'undefined' && new RegExp(PLATFORM_WIN, 'i').test((_navigator2 = navigator) === null || _navigator2 === void 0 ? void 0 : _navigator2.platform);
 };
 export const isAndroid = () => {
   var _navigator3;
-
   return IS_ANDROID = typeof navigator !== 'undefined' && new RegExp(PLATFORM_ANDROID, 'i').test((_navigator3 = navigator) === null || _navigator3 === void 0 ? void 0 : _navigator3.userAgent);
 };
 export const isLinux = () => {
   var _navigator4;
-
   return IS_LINUX = typeof navigator !== 'undefined' && new RegExp(PLATFORM_LINUX, 'i').test((_navigator4 = navigator) === null || _navigator4 === void 0 ? void 0 : _navigator4.platform);
 };
 export const isiOS = () => {
   var _navigator5;
-
   return IS_IOS = typeof navigator !== 'undefined' && new RegExp(PLATFORM_IOS, 'i').test((_navigator5 = navigator) === null || _navigator5 === void 0 ? void 0 : _navigator5.platform);
 };
 export const isSafari = () => {
   var _navigator6, _navigator7;
-
   return IS_SAFARI = typeof navigator !== 'undefined' && /safari/i.test((_navigator6 = navigator) === null || _navigator6 === void 0 ? void 0 : _navigator6.userAgent) && !/chrome/i.test((_navigator7 = navigator) === null || _navigator7 === void 0 ? void 0 : _navigator7.userAgent);
 };
 export const isEdge = () => {
   var _navigator8;
-
   return IS_EDGE = typeof navigator !== 'undefined' && /edge/i.test((_navigator8 = navigator) === null || _navigator8 === void 0 ? void 0 : _navigator8.userAgent);
 };
 isEdge();
@@ -60,54 +53,43 @@ export function setPageFocusElement(selectorOrElement) {
 export function applyPageFocus() {
   let selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
   let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-
   try {
     let element = /^[.#]/.test(selector) ? selector : pageFocusElements[selector];
-
     if (typeof element === 'string' && typeof document !== 'undefined') {
       element = document.querySelector(element);
     } else if (!element && typeof document !== 'undefined') {
       element = document.querySelector('.dnb-no-focus');
     }
-
     if (!(element instanceof HTMLElement)) {
       return;
     }
-
     const role = element.getAttribute('role');
     const list = ['a', 'button', 'input', 'textarea', 'select', 'label', 'menu'];
     const isInteractive = list.includes(String(element.nodeName).toLowerCase()) || list.includes(String(role).toLowerCase());
     const hasTabIndex = element.hasAttribute('tabindex');
     const hasNoFocus = element.classList.contains('dnb-no-focus');
-
     if (!isInteractive) {
       if (!hasTabIndex) {
         element.setAttribute('tabindex', '-1');
       }
-
       if (!hasNoFocus) {
         element.classList.add('dnb-no-focus');
       }
     }
-
     element.focus();
-
     const onBlur = () => {
       if (!isInteractive) {
         if (!hasTabIndex) {
           element.removeAttribute('tabindex');
         }
-
         if (!hasNoFocus) {
           element.classList.remove('dnb-no-focus');
         }
       }
     };
-
     element.addEventListener('blur', onBlur, {
       once: true
     });
-
     if (typeof callback === 'function') {
       callback(element);
     }
@@ -117,7 +99,6 @@ export function applyPageFocus() {
 }
 export function getOffsetTop(elem) {
   let offsetTop = 0;
-
   if (elem) {
     do {
       if (!isNaN(elem.offsetTop)) {
@@ -125,12 +106,10 @@ export function getOffsetTop(elem) {
       }
     } while (elem = elem.offsetParent);
   }
-
   return offsetTop;
 }
 export function getOffsetLeft(elem) {
   let offsetLeft = 0;
-
   if (elem) {
     do {
       if (!isNaN(elem.offsetLeft)) {
@@ -138,7 +117,6 @@ export function getOffsetLeft(elem) {
       }
     } while (elem = elem.offsetParent);
   }
-
   return offsetLeft;
 }
 export function scrollToLocationHashId() {
@@ -147,32 +125,24 @@ export function scrollToLocationHashId() {
     delay = null,
     onCompletion = null
   } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   if (typeof document !== 'undefined' && typeof window !== 'undefined' && window.location) {
     try {
       let _timeout;
-
       const id = String(window.location.hash).replace('#', '');
-
       if (id.length > 0) {
         const handleScroll = () => {
           const runScroll = () => {
             const totalOffset = getOffsetTop(elem);
-
             if (totalOffset <= 0) {
               return;
             }
-
             const top = totalOffset - offset;
-
             try {
               if (typeof IntersectionObserver !== 'undefined') {
                 const intersectionObserver = new IntersectionObserver(entries => {
                   const [entry] = entries;
-
                   if (entry.isIntersecting) {
                     intersectionObserver.unobserve(elem);
-
                     if (typeof onCompletion === 'function') {
                       onCompletion(elem);
                     }
@@ -180,7 +150,6 @@ export function scrollToLocationHashId() {
                 });
                 intersectionObserver.observe(elem);
               }
-
               if (window.scrollTo) {
                 window.scrollTo({
                   top,
@@ -193,7 +162,6 @@ export function scrollToLocationHashId() {
               warn('Error on scrollToLocationHashId:', e);
             }
           };
-
           if (delay > 0) {
             clearTimeout(_timeout);
             _timeout = setTimeout(runScroll, delay);
@@ -201,19 +169,15 @@ export function scrollToLocationHashId() {
             runScroll();
           }
         };
-
         const elem = document.getElementById(id);
-
         if (elem instanceof HTMLElement) {
           window.addEventListener('beforeunload', () => clearTimeout(_timeout));
-
           if (document.readyState === 'loading') {
             document.addEventListener('DOMContentLoaded', handleScroll);
           } else {
             handleScroll();
           }
         }
-
         return elem;
       }
     } catch (e) {
@@ -229,39 +193,29 @@ export function debounce(func) {
   } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   let timeout;
   let recall;
-
   const cancel = () => clearTimeout(timeout);
-
   function executedFunction() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     let inst = this;
-
     if (typeof recall === 'function') {
       recall();
     }
-
     const later = () => {
       timeout = null;
-
       if (!immediate) {
         recall = func.apply(instance || inst, args);
       }
     };
-
     const callNow = immediate && !timeout;
     clearTimeout(timeout);
     timeout = setTimeout(later, wait);
-
     if (callNow) {
       recall = func.apply(instance || inst, args);
     }
-
     return recall;
   }
-
   executedFunction.cancel = cancel;
   return executedFunction;
 }
@@ -277,7 +231,6 @@ export function getSelectedText() {
   try {
     return window.getSelection().toString();
   } catch (e) {}
-
   return '';
 }
 export function hasSelectedText() {
@@ -286,37 +239,29 @@ export function hasSelectedText() {
 export function getSelectedElement() {
   try {
     const selection = window.getSelection();
-
     if (selection.rangeCount > 0) {
       let elem = selection.getRangeAt(0).startContainer;
-
       if (elem && typeof elem === 'object') {
         elem = elem.parentNode;
       }
-
       return elem;
     }
   } catch (e) {}
-
   return null;
 }
 export async function copyToClipboard(string) {
   var _navigator9;
-
   if (typeof window === 'undefined' || typeof document === 'undefined') {
     return false;
   }
-
   const selection = window.getSelection();
   const range = selection.rangeCount > 0 ? selection.getRangeAt(0) : false;
-
   const resetSelection = () => {
     try {
       selection.removeAllRanges();
       selection.addRange(range);
     } catch (e) {}
   };
-
   const copyFallback = () => {
     try {
       const elem = document.createElement('textarea');
@@ -329,19 +274,15 @@ export async function copyToClipboard(string) {
       const success = document.execCommand('copy');
       document.body.removeChild(elem);
       resetSelection();
-
       if (success) {
         return true;
       }
     } catch (e) {
       return e;
     }
-
     return `Could not copy! Unknown reason. ${string}`;
   };
-
   let success;
-
   if (typeof navigator !== 'undefined' && (_navigator9 = navigator) !== null && _navigator9 !== void 0 && _navigator9.clipboard) {
     try {
       await navigator.clipboard.writeText(String(string));
@@ -350,7 +291,6 @@ export async function copyToClipboard(string) {
     } catch (e) {
       success = e;
       const newTry = copyFallback();
-
       if (newTry === true) {
         success = newTry;
       }
@@ -358,17 +298,14 @@ export async function copyToClipboard(string) {
   } else {
     success = copyFallback();
   }
-
   return success;
 }
 export const warn = function () {
   if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && typeof console !== 'undefined' && typeof console.log === 'function') {
     const isBrowser = typeof window !== 'undefined' && process.env.NODE_ENV !== 'test';
-
     for (var _len2 = arguments.length, params = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       params[_key2] = arguments[_key2];
     }
-
     if (isBrowser) {
       const styles = [`padding: 0.125rem 0.5rem ${IS_SAFARI ? '' : '0'}`, 'font-weight: bold', 'color: #00343E', 'background: #A5E1D2'].join(';');
       console.log('%cEufemia', styles, ...params);
@@ -376,4 +313,5 @@ export const warn = function () {
       console.log('\u001b[0m\u001b[1m\u001b[38;5;23m\u001b[48;5;152mEufemia\u001b[49m\u001b[39m\u001b[22m\u001b[0m', ...params);
     }
   }
-};
+};
+//# sourceMappingURL=helpers.js.map