@dnb/eufemia 9.26.1 → 9.29.0

package/shared/Context.d.ts

@@ -1,46 +1,100 @@
-export function prepareContext(props?: {}): {
-    translation: any;
-    updateTranslation: (locale: any, translation: any) => void;
-    getTranslation: (props: any) => any;
-    locale: any;
-    locales: any;
-    skeleton: any;
-    Button: {};
-    Avatar: {};
-    AvatarGroup: {};
-    Breadcrumb: {};
-    BreadcrumbItem: {};
-    InfoCard: {};
-    Tag: {};
-    TagGroup: {};
-    Timeline: {};
-    TimelineItem: {};
-    VisuallyHidden: {};
-    Drawer: {};
-    Dialog: {};
-    NumberFormat: {};
+/**
+ * Web Context Context
+ *
+ */
+import React from 'react';
+import type { ButtonProps } from '../components/button/Button';
+import type { AvatarProps } from '../components/avatar/Avatar';
+import type { AvatarGroupProps } from '../components/avatar/AvatarGroup';
+import type { BadgeProps } from '../components/badge/Badge';
+import type { BreadcrumbProps } from '../components/breadcrumb/Breadcrumb';
+import type { BreadcrumbItemProps } from '../components/breadcrumb/BreadcrumbItem';
+import type { InfoCardProps } from '../components/info-card/InfoCard';
+import type { SliderProps } from '../components/slider/Slider';
+import type { TagProps } from '../components/tag/Tag';
+import type { TagGroupProps } from '../components/tag/TagGroup';
+import type { TimelineProps } from '../components/timeline/Timeline';
+import type { TimelineItemProps } from '../components/timeline/TimelineItem';
+import type { VisuallyHiddenProps } from '../components/visually-hidden/VisuallyHidden';
+import type { DrawerProps } from '../components/drawer/types';
+import type { DialogProps } from '../components/dialog/types';
+import type { AnchorProps } from '../elements/Anchor';
+export declare type ContextProps = {
+    Button?: Partial<ButtonProps>;
+    Anchor?: Partial<AnchorProps>;
+    Avatar?: Partial<AvatarProps>;
+    AvatarGroup?: Partial<AvatarGroupProps>;
+    Badge?: Partial<BadgeProps>;
+    Breadcrumb?: Partial<BreadcrumbProps>;
+    BreadcrumbItem?: Partial<BreadcrumbItemProps>;
+    InfoCard?: Partial<InfoCardProps>;
+    Slider?: Partial<SliderProps>;
+    Tag?: Partial<TagProps>;
+    TagGroup?: Partial<TagGroupProps>;
+    Timeline?: Partial<TimelineProps>;
+    TimelineItem?: Partial<TimelineItemProps>;
+    VisuallyHidden?: Partial<VisuallyHiddenProps>;
+    Drawer?: Partial<DrawerProps>;
+    Dialog?: Partial<DialogProps>;
+    NumberFormat?: Record<string, unknown>;
+    Table?: Record<string, unknown>;
+    HelpButton?: Record<string, unknown>;
+    Pagination?: Record<string, unknown>;
+    FormRow?: Record<string, unknown>;
+    /**
+     * Will enable all skeletons inside this provider/context scope
+     */
+    skeleton?: boolean | string;
+    /**
+     * Define what breakpoints should be used by the MediaQuery component and hook
+     */
+    breakpoints?: Record<string, string>;
+    /**
+     * Defines the locale (internal translation) used by some components
+     */
+    locale?: Locale;
+    /**
+     * Provide your own translations. Use the same format as defined in the translation files
+     */
+    translation?: Translation;
+    /**
+     * Defines the currency used by the NumberFormat component
+     */
+    currency?: string;
+    /**
+     * Defines the currencyDisplay used by the NumberFormat component
+     */
+    currency_display?: string;
+    /**
+     * Update any given provider/context properties
+     */
+    update?: (props: ContextProps) => void;
+    /**
+     * Update any given provider/context properties, but only for the particular scope
+     */
+    updateCurrent?: (props: ContextProps) => void;
+    /**
+     * Update the used locale from within the context
+     */
+    setLocale?: (locale: Locale) => void;
+    /**
+     * Update the used locale from within the context, but only for the particular scope
+     */
+    setCurrentLocale?: (locale: Locale) => void;
+    locales?: Locales;
+    __newContext?: Record<string, string>;
+    updateTranslation?: (locale: Locale, translation: Translation) => void;
+    getTranslation?: (props?: GetTranslationProps) => Translation;
 };
+export declare type GetTranslationProps = {
+    lang?: Locale;
+    locale?: Locale;
+} & Record<string, unknown>;
+export declare type Locale = string | 'nb-NO' | 'en-GB' | 'en-US';
+export declare type ComponentTranslationsName = string;
+export declare type ComponentTranslations = Record<string, string>;
+export declare type Locales = Record<Locale, Translation>;
+export declare type Translation = Record<ComponentTranslationsName, ComponentTranslations>;
+export declare const prepareContext: (props?: ContextProps) => ContextProps;
+declare const Context: React.Context<ContextProps>;
 export default Context;
-declare const Context: React.Context<{
-    translation: any;
-    updateTranslation: (locale: any, translation: any) => void;
-    getTranslation: (props: any) => any;
-    locale: any;
-    locales: any;
-    skeleton: any;
-    Button: {};
-    Avatar: {};
-    AvatarGroup: {};
-    Breadcrumb: {};
-    BreadcrumbItem: {};
-    InfoCard: {};
-    Tag: {};
-    TagGroup: {};
-    Timeline: {};
-    TimelineItem: {};
-    VisuallyHidden: {};
-    Drawer: {};
-    Dialog: {};
-    NumberFormat: {};
-}>;
-import React from "react";

package/shared/Context.js

@@ -52,23 +52,10 @@ export var prepareContext = function prepareContext() {
 
       return context.translation;
     },
-    locale: null,
     locales: locales,
-    skeleton: null,
-    Button: {},
-    Avatar: {},
-    AvatarGroup: {},
-    Breadcrumb: {},
-    BreadcrumbItem: {},
-    InfoCard: {},
-    Tag: {},
-    TagGroup: {},
-    Timeline: {},
-    TimelineItem: {},
-    VisuallyHidden: {},
-    Drawer: {},
-    Dialog: {},
-    NumberFormat: {}
+    locale: null,
+    breakpoints: null,
+    skeleton: null
   }, props), {}, {
     translation: translation
   });

package/shared/Eufemia.js

@@ -10,7 +10,7 @@ export function init() {
       _createClass(Eufemia, [{
         key: "version",
         get: function get() {
-          return '9.26.1';
+          return '9.29.0';
         }
       }]);
 

package/shared/MediaQuery.d.ts

@@ -1,38 +1,19 @@
-import * as React from 'react';
-export type MediaQueryMatchOnSsr = string | boolean;
-export type MediaQueryWhen = string | any[] | Object;
-export type MediaQueryNot = string | boolean;
-export type MediaQueryQuery = string | Object;
-
-/**
- * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
- */
-export interface MediaQueryProps extends React.HTMLProps<HTMLElement> {
-  /**
-   * If set to true, it will match and return the given children during SSR.
-   */
-  matchOnSSR?: MediaQueryMatchOnSsr;
-
-  /**
-   * Define a list of sizes to match, given as an object `{ min: &#39;small&#39;, max: &#39;medium&#39; }` or as an array `[{ min: &#39;small&#39;, max: &#39;medium&#39; }, { min: &#39;medium&#39;, max: &#39;large&#39; }]`.
-   */
-  when?: MediaQueryWhen;
-
-  /**
-   * Reverts the defined queries as a whole.
-   */
-  not?: MediaQueryNot;
-
-  /**
-   * A MediaQuery as a string similar to the CSS API, but without `@media`.
-   */
-  query?: MediaQueryQuery;
-  children?: React.ReactNode;
-}
-export default class MediaQuery extends React.Component<
-  MediaQueryProps,
-  any
-> {
-  static defaultProps: object;
-  render(): JSX.Element;
+import React from 'react';
+import { onMediaQueryChange } from './MediaQueryUtils';
+import type { MediaQueryProps, MediaQueryState, MediaQueryListener } from './MediaQueryUtils';
+export type { MediaQueryProps };
+export { onMediaQueryChange };
+export default class MediaQuery extends React.PureComponent<MediaQueryProps, MediaQueryState> {
+    static contextType: React.Context<import("./Context").ContextProps>;
+    listener: MediaQueryListener;
+    state: {
+        match: any;
+        mediaQueryList: any;
+    };
+    constructor(props: any, context: any);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(props: any): void;
+    bindListener: () => void;
+    render(): React.ReactNode;
 }

package/shared/MediaQuery.js

@@ -15,7 +15,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import { isTrue } from './component-helper';
 import Context from './Context';
 import { makeMediaQueryList, createMediaQueryListener, onMediaQueryChange, isMatchMediaSupported } from './MediaQueryUtils';
@@ -33,6 +32,8 @@ var MediaQuery = function (_React$PureComponent) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "listener", void 0);
+
     _defineProperty(_assertThisInitialized(_this), "state", {
       match: null,
       mediaQueryList: null
@@ -106,19 +107,4 @@ var MediaQuery = function (_React$PureComponent) {
 
 _defineProperty(MediaQuery, "contextType", Context);
 
-_defineProperty(MediaQuery, "defaultProps", {
-  matchOnSSR: null,
-  when: null,
-  not: null,
-  query: null,
-  children: null
-});
-
-export { MediaQuery as default };
-process.env.NODE_ENV !== "production" ? MediaQuery.propTypes = {
-  matchOnSSR: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  when: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.object]),
-  not: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  query: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  children: PropTypes.node
-} : void 0;
+export { MediaQuery as default };

package/shared/MediaQueryUtils.d.ts

@@ -1,3 +1,52 @@
+/// <reference types="react" />
+export declare type MediaQuerySizes = 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+export declare type MediaQueryBreakpoints = Partial<Record<MediaQuerySizes, string>>;
+export declare const defaultBreakpoints: MediaQueryBreakpoints;
+export declare type MediaQueryCondition = {
+    min?: number | string | MediaQuerySizes;
+    max?: number | string | MediaQuerySizes;
+    screen?: boolean;
+    minWidth?: number | string | MediaQuerySizes;
+    maxWidth?: number | string | MediaQuerySizes;
+    orientation?: string;
+    handheld?: boolean;
+    not?: boolean;
+    all?: boolean;
+    monochrome?: boolean;
+    aspectRatio?: string;
+} | string;
+export declare type MediaQueryProperties = {
+    /**
+     * A MediaQuery as a string similar to the CSS API, but without `@media`.
+     */
+    query?: MediaQueryCondition;
+    /**
+     * 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' }]`.
+     */
+    when?: MediaQueryCondition | Array<MediaQueryCondition>;
+    /**
+     * Reverts the defined queries as a whole.
+     */
+    not?: boolean;
+    /**
+     * For debugging
+     */
+    log?: boolean;
+} & MediaQueryCondition;
+export declare type MediaQueryListener = () => void;
+export declare 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 = {
+    match?: boolean | null;
+    mediaQueryList?: {
+        matches: boolean;
+    };
+};
 /**
  * Adds a listener to a given MediaQuery
  *
@@ -8,9 +57,15 @@
  * @param {function} callback function that gets emitted when the given media query
  * @returns function to remove listeners when called
  */
-export function onMediaQueryChange(property: any, callback: Function, { runOnInit }?: {
+export declare function onMediaQueryChange(property: MediaQueryProperties | string, callback?: (matches: boolean, mediaQueryList: MediaQueryList) => void, { runOnInit }?: {
     runOnInit?: boolean;
-}): () => any;
+}): MediaQueryListener;
+/**
+ * Returns a boolean for whether window.matchMedia is supported or not
+ *
+ * @returns boolean
+ */
+export declare const isMatchMediaSupported: () => boolean;
 /**
  * Convert user defined media queries to an valid MediaQueryList we can assign a listener to
  *
@@ -21,12 +76,7 @@ export function onMediaQueryChange(property: any, callback: Function, { runOnIni
  * @property {boolean} log - print used query to console
  * @returns MediaQueryList type
  */
-export function makeMediaQueryList({ query, when, not, log }?: {
-    query: any;
-    when: any;
-    not?: any;
-    log?: boolean;
-}, breakpoints?: any): MediaQueryList;
+export declare function makeMediaQueryList({ query, when, not, log }?: MediaQueryProperties, breakpoints?: MediaQueryBreakpoints): MediaQueryList;
 /**
  * Adds a listener to the window.matchMedia Browser API
  *
@@ -34,7 +84,7 @@ export function makeMediaQueryList({ query, when, not, log }?: {
  * @param {function} callback callback function
  * @returns function to remove listeners when called
  */
-export function createMediaQueryListener(mediaQueryList: MatchMediaList, callback: Function): () => any;
+export declare function createMediaQueryListener(mediaQueryList: MediaQueryList, callback: (matches: boolean, event: any) => void): MediaQueryListener;
 /**
  * Builds a valid media query we can use on window.matchMedia(...)
  *
@@ -44,23 +94,11 @@ export function createMediaQueryListener(mediaQueryList: MatchMediaList, callbac
  * @property {boolean} not - reverses a media query
  * @returns media queries as a string
  */
-export function buildQuery({ query, when, not }: {
-    query?: any;
-    when?: any;
-    not?: any;
-}, breakpoints: any): any;
+export declare function buildQuery({ query, when, not }?: MediaQueryProperties, breakpoints?: MediaQueryBreakpoints): MediaQueryCondition;
 /**
  * Convert a media query from various formats to a valid string based media query
  *
  * @param {array|object|string} query media query definitions
  * @returns media query string
  */
-export function convertToMediaQuery(query: any[] | object | string, breakpoints?: any): any;
-export const defaultBreakpoints: {
-    small: string;
-    medium: string;
-    large: string;
-    'x-large': string;
-    'xx-large': string;
-};
-export function isMatchMediaSupported(): boolean;
+export declare function convertToMediaQuery(query: MediaQueryCondition | Array<MediaQueryCondition>, breakpoints?: MediaQueryBreakpoints): string;

package/shared/MediaQueryUtils.js

@@ -157,7 +157,7 @@ export function buildQuery() {
   }
 
   if (isTrue(not)) {
-    query = reverseQuery(query);
+    query = reverseQuery(String(query));
   }
 
   return query || 'not';
@@ -287,7 +287,7 @@ function objToMediaQuery(obj) {
 }
 
 function getValueByFeature(value) {
-  var types = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var types = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   types = types || defaultBreakpoints;
 
   if (Object.prototype.hasOwnProperty.call(types, value)) {

package/shared/Provider.d.ts

@@ -1,15 +1,39 @@
-import * as React from 'react';
-
 /**
- * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ * Lib Provider
+ *
  */
-export interface ProviderProps extends React.HTMLProps<HTMLElement> {
-  value?: Object;
-  locale?: string;
-  skeleton?: boolean;
-  children: React.ReactNode;
-}
-export default class Provider extends React.Component<ProviderProps, any> {
-  static defaultProps: object;
-  render(): JSX.Element;
+import React from 'react';
+import type { ContextProps } from './Context';
+export declare type ProviderProps = {
+    /**
+     * Send in an object that gets spread as properties to the Provider
+     */
+    value?: ContextProps;
+    /**
+     * Define the locale used for every Eufemia components inside this Provider. Defaults to nb-NO
+     */
+    locale?: string;
+    /**
+     * Enable skeleton of every Eufemia component inside this Provider
+     */
+    skeleton?: boolean | string;
+    /**
+     * The content
+     */
+    children: React.ReactNode;
+} & ContextProps;
+export declare type ProviderState = {
+    /** For internal use */
+    isRoot?: boolean;
+    _listenForPropChanges?: boolean;
+    _startupProps?: ContextProps;
+} & ContextProps;
+export default class Provider extends React.PureComponent<ProviderProps, ProviderState> {
+    static contextType: React.Context<ContextProps>;
+    static defaultProps: Record<string, unknown>;
+    static getDerivedStateFromProps(props: any, state: any): ContextProps;
+    static mergeContext(props: any, context: any): any;
+    constructor(props: any, context: any);
+    setNewContext(__newContext: any): void;
+    render(): JSX.Element;
 }

package/shared/Provider.js

@@ -27,10 +27,9 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import Context, { prepareContext } from './Context';
 import { makeUniqueId } from './component-helper';
-import { prepareFormRowContext } from '../components/form-row/FormRow';
+import { prepareFormRowContext } from '../components/form-row/FormRowHelpers';
 
 var Provider = function (_React$PureComponent) {
   _inherits(Provider, _React$PureComponent);
@@ -86,10 +85,10 @@ var Provider = function (_React$PureComponent) {
       });
     };
 
+    pC.isRoot = isRoot;
+    pC._listenForPropChanges = true;
+    pC._startupProps = startupProps;
     _this.state = pC;
-    _this.state.isRoot = isRoot;
-    _this.state._listenForPropChanges = true;
-    _this.state._startupProps = startupProps;
     return _this;
   }
 
@@ -174,10 +173,4 @@ _defineProperty(Provider, "contextType", Context);
 
 _defineProperty(Provider, "defaultProps", {});
 
-export { Provider as default };
-process.env.NODE_ENV !== "production" ? Provider.propTypes = {
-  value: PropTypes.object,
-  locale: PropTypes.string,
-  skeleton: PropTypes.bool,
-  children: PropTypes.node.isRequired
-} : void 0;
+export { Provider as default };

package/shared/component-helper.d.ts

@@ -39,7 +39,7 @@ export function makeUniqueId(prefix?: string, length?: number): string;
 export function slugify(s: any): string;
 export function matchAll(string: any, regex: any): any[];
 export function getPreviousSibling(className: [string], element: [HTMLElement]): [HTMLElement];
-export function isChildOfElement(element: any, target: any, cb?: any): any;
+export function isChildOfElement(element: HTMLElement, target: HTMLElement, callback?: Function): HTMLElement | null;
 export function roundToNearest(num: any, target: any): any;
 export function isInsideScrollView(currentElement: any, returnElement?: boolean): boolean | [HTMLElement];
 export function convertJsxToString(elements: any, separator?: any): any;

package/shared/component-helper.js

@@ -629,15 +629,15 @@ export var getPreviousSibling = function getPreviousSibling(className, element)
   return element;
 };
 export var isChildOfElement = function isChildOfElement(element, target) {
-  var cb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
 
   try {
     var contains = function contains(element) {
-      if (cb) {
-        var res = cb(element);
+      if (callback) {
+        var res = callback(element);
 
-        if (typeof res === 'boolean') {
-          return res;
+        if (res) {
+          return element;
         }
       }
 

package/shared/helpers/Suffix.d.ts

@@ -4,11 +4,13 @@
  */
 import React from 'react';
 declare const SuffixContext: React.Context<any>;
-interface SuffixProps {
+export declare type SuffixChildren = React.ReactNode;
+export declare type SuffixProps = {
     className: string;
-    children: React.ReactNode;
+    children: SuffixChildren;
     context: Record<string, unknown>;
-}
-declare const Suffix: ({ className, children, context, ...props }: SuffixProps) => JSX.Element;
+    skeleton?: boolean;
+};
+declare const Suffix: ({ className, children, context, skeleton, ...props }: SuffixProps & React.HTMLAttributes<HTMLSpanElement>) => JSX.Element;
 export { SuffixContext };
 export default Suffix;

package/shared/helpers/Suffix.js

@@ -1,18 +1,20 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "children", "context"];
+var _excluded = ["className", "children", "context", "skeleton"];
 import React from 'react';
 import classnames from 'classnames';
+import { createSkeletonClass } from '../../components/skeleton/SkeletonHelper';
 var SuffixContext = React.createContext(null);
 
 var Suffix = function Suffix(_ref) {
   var className = _ref.className,
       children = _ref.children,
       context = _ref.context,
+      skeleton = _ref.skeleton,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var content = React.createElement("span", _extends({
-    className: classnames('dnb-suffix', className)
+    className: classnames('dnb-suffix', className, !React.isValidElement(children) && createSkeletonClass('font', skeleton, context))
   }, props), children);
 
   if (typeof children !== 'string' && context) {

package/shared/helpers/filterValidProps.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Filters out props from a given object/context
+ * It returns a new object, with keys defined in validKeys
+ *
+ * @param props object of component properties
+ * @param validKeys object with keys that should get returned
+ * @param excludeKeys object with keys that should be excluded
+ * @returns filtered properties
+ */
+declare function filterValidProps<Props>(props: Props, validKeys: Record<string, unknown>, excludeKeys?: Record<string, unknown>): Props;
+export { filterValidProps };

package/shared/helpers/filterValidProps.js

@@ -0,0 +1,14 @@
+function filterValidProps(props, validKeys, excludeKeys) {
+  var res = {},
+      o = Object.prototype.hasOwnProperty;
+
+  for (var key in props) {
+    if (o.call(validKeys, key) && (!excludeKeys || excludeKeys && !o.call(excludeKeys, key))) {
+      res[key] = props[key];
+    }
+  }
+
+  return res;
+}
+
+export { filterValidProps };

package/shared/helpers/withCamelCaseProps.d.ts

@@ -32,7 +32,7 @@ export declare function classWithCamelCaseProps<TBase extends React.ComponentCla
  */
 export declare type ToCamelCasePartial<T> = Partial<ToCamelCase<T>>;
 export declare type ToCamelCase<T> = T extends object ? {
-    [K in keyof T as ConvertSnakeToCamelCase<K & string>]: ToCamelCase<T[K]>;
+    [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;

package/shared/helpers/withCamelCaseProps.js

@@ -74,6 +74,9 @@ export function classWithCamelCaseProps(Base) {
     }
 
     _createClass(Derived, [{
+      key: "componentDidMount",
+      value: function componentDidMount() {}
+    }, {
       key: "render",
       value: function render() {
         if (this.props !== this._prevProps) {