@dnb/eufemia 10.34.1 → 10.36.0

package/components/icon/Icon.js

@@ -1,19 +1,18 @@
 "use client";
 
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["sizeAsString"],
-  _excluded2 = ["icon", "size", "width", "height", "border", "color", "inherit_color", "modifier", "alt", "title", "skeleton", "className"];
+  _excluded2 = ["icon", "size", "width", "height", "border", "color", "inheritColor", "inherit_color", "modifier", "alt", "title", "skeleton", "className"];
 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 PropTypes from 'prop-types';
+import React, { useContext } from 'react';
 import classnames from 'classnames';
 import { ErrorHandler } from '../../shared/error-helper';
-import { isTrue, validateDOMAttributes, processChildren, extendPropsWithContextInClassComponent } from '../../shared/component-helper';
-import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
-import { createSkeletonClass } from '../skeleton/SkeletonHelper';
+import { validateDOMAttributes, processChildren, extendPropsWithContext } from '../../shared/component-helper';
 import Context from '../../shared/Context';
+import { createSpacingClasses } from '../space/SpacingHelper';
+import { createSkeletonClass } from '../skeleton/SkeletonHelper';
 import { iconCase } from './IconHelpers';
 export const DefaultIconSize = 16;
 export const DefaultIconSizes = {
@@ -21,152 +20,106 @@ export const DefaultIconSizes = {
   medium: 24
 };
 export const ListDefaultIconSizes = [['default', 16], ['medium', 24]];
-export const ValidIconSizes = ['small', 'default', 'medium', 'large', 'x-large', 'xx-large'];
-export const iconPropTypes = _objectSpread(_objectSpread({
-  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func]),
-  modifier: PropTypes.string,
-  size: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.oneOf(['default', 'medium', 'large'])])
-}, spacingPropTypes), {}, {
-  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  border: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  color: PropTypes.string,
-  inherit_color: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  alt: PropTypes.string,
-  title: PropTypes.string,
-  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  className: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])
-});
-export default class Icon extends React.PureComponent {
-  static getIcon(props) {
-    if (props.icon) {
-      return props.icon;
-    }
-    return processChildren(props);
+export const ValidIconType = ['small', 'default', 'medium', 'large', 'x-large', 'xx-large'];
+export default function Icon(localProps) {
+  const context = useContext(Context);
+  const props = extendPropsWithContext(localProps, {}, {
+    skeleton: context === null || context === void 0 ? void 0 : context.skeleton
+  }, context.Icon);
+  const {
+    icon: iconProp,
+    size,
+    wrapperParams,
+    iconParams,
+    alt,
+    children
+  } = prepareIcon(props, context);
+  const icon = iconProp !== null && iconProp !== void 0 ? iconProp : children;
+  if (!icon) {
+    return null;
   }
-  render() {
-    var _this$context;
-    const props = extendPropsWithContextInClassComponent(this.props, Icon.defaultProps, {
-      skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
-    }, this.context.Icon);
-    const {
-      icon,
-      size,
-      wrapperParams,
-      iconParams,
-      alt
-    } = prepareIcon(props, this.context);
-    if (!icon) {
-      return null;
-    }
-    const IconContainer = prerenderIcon({
-      icon,
-      size,
-      alt
-    });
-    if (!IconContainer) return React.createElement(React.Fragment, null);
-    return React.createElement("span", wrapperParams, React.createElement(IconContainer, iconParams));
+  const IconContainer = prerenderIcon({
+    icon,
+    size,
+    alt
+  });
+  if (!IconContainer) {
+    return React.createElement(React.Fragment, null);
   }
+  return React.createElement("span", wrapperParams, React.createElement(IconContainer, iconParams));
 }
-_defineProperty(Icon, "contextType", Context);
-_defineProperty(Icon, "defaultProps", {
-  icon: null,
-  modifier: null,
-  size: null,
-  width: null,
-  height: null,
-  border: null,
-  color: null,
-  inherit_color: true,
-  alt: null,
-  title: null,
-  skeleton: null,
-  attributes: null,
-  className: null,
-  children: null
-});
-process.env.NODE_ENV !== "production" ? Icon.propTypes = _objectSpread({}, iconPropTypes) : void 0;
-export const getIconNameFromComponent = icon => {
-  const name = typeof icon === 'string' ? icon : icon && (icon.displayName || icon.name);
+export function getIconNameFromComponent(icon) {
+  const name = typeof icon === 'function' ? icon.name : String(icon);
   if (/^data:image\//.test(name)) {
     return null;
   }
   return name;
-};
-export const calcSize = props => {
+}
+export function calcSize(props) {
   const {
     icon,
     size,
     width,
     height
   } = props;
-  let sizeAsInt = -1;
+  let sizeAsInt = null;
   let sizeAsString = null;
   if (!size || size === DefaultIconSize) {
     const name = getIconNameFromComponent(icon);
     const nameParts = String(name || '').split('_');
     if (nameParts.length > 1) {
+      var _ListDefaultIconSizes, _ListDefaultIconSizes2;
       const lastPartOfIconName = nameParts.reverse()[0];
-      const potentialSize = ListDefaultIconSizes.filter(_ref => {
+      const potentialSize = (_ListDefaultIconSizes = ListDefaultIconSizes.filter(_ref => {
         let [key] = _ref;
         return key === lastPartOfIconName;
-      }).reduce((acc, _ref2) => {
-        let [key, value] = _ref2;
-        return key && value;
-      }, null);
+      })) === null || _ListDefaultIconSizes === void 0 ? void 0 : (_ListDefaultIconSizes2 = _ListDefaultIconSizes[0]) === null || _ListDefaultIconSizes2 === void 0 ? void 0 : _ListDefaultIconSizes2[1];
       if (potentialSize) {
         sizeAsInt = potentialSize;
       }
-      if (ValidIconSizes.includes(lastPartOfIconName)) {
+      if (ValidIconType.includes(lastPartOfIconName)) {
         sizeAsString = lastPartOfIconName;
       }
     } else {
       if (typeof icon === 'function') {
         const elem = icon();
         if (elem.props) {
-          let potentialSize = -1;
+          let potentialSize = null;
           if (elem.props.width) {
             potentialSize = elem.props.width;
           }
           if (!potentialSize && elem.props.viewBox) {
-            potentialSize = /[0-9]+ [0-9]+ ([0-9]+)/.exec(elem.props.viewBox)[1];
+            potentialSize = parseFloat(/[0-9]+ [0-9]+ ([0-9]+)/.exec(elem.props.viewBox)[1]);
           }
-          if (potentialSize) {
+          if (!isNaN(potentialSize)) {
             sizeAsInt = potentialSize;
           }
         }
       }
     }
   } else if (typeof size === 'string' && !(parseFloat(size) > 0)) {
-    sizeAsInt = ListDefaultIconSizes.filter(_ref3 => {
-      let [key] = _ref3;
+    var _ListDefaultIconSizes3, _ListDefaultIconSizes4, _ListDefaultIconSizes5;
+    sizeAsInt = (_ListDefaultIconSizes3 = (_ListDefaultIconSizes4 = ListDefaultIconSizes.filter(_ref2 => {
+      let [key] = _ref2;
       return key === size;
-    }).reduce((acc, _ref4) => {
-      let [key, value] = _ref4;
-      return key && value;
-    }, -1);
-    if (ValidIconSizes.includes(size)) {
+    })) === null || _ListDefaultIconSizes4 === void 0 ? void 0 : (_ListDefaultIconSizes5 = _ListDefaultIconSizes4[0]) === null || _ListDefaultIconSizes5 === void 0 ? void 0 : _ListDefaultIconSizes5[1]) !== null && _ListDefaultIconSizes3 !== void 0 ? _ListDefaultIconSizes3 : -1;
+    if (ValidIconType.includes(size)) {
       sizeAsString = size;
     }
-  } else if (parseFloat(size) > 0) {
-    sizeAsInt = ListDefaultIconSizes.filter(_ref5 => {
-      let [key, value] = _ref5;
-      return key && value === parseFloat(size);
-    }).reduce((acc, _ref6) => {
-      let [key, value] = _ref6;
-      if (key && value) return value;
-      return acc;
-    }, -1);
+  } else if (parseFloat(String(size)) > 0) {
+    var _ListDefaultIconSizes6, _ListDefaultIconSizes7, _ListDefaultIconSizes8;
+    sizeAsInt = (_ListDefaultIconSizes6 = (_ListDefaultIconSizes7 = ListDefaultIconSizes.filter(_ref3 => {
+      let [key, value] = _ref3;
+      return key && value === parseFloat(String(size));
+    })) === null || _ListDefaultIconSizes7 === void 0 ? void 0 : (_ListDefaultIconSizes8 = _ListDefaultIconSizes7[0]) === null || _ListDefaultIconSizes8 === void 0 ? void 0 : _ListDefaultIconSizes8[1]) !== null && _ListDefaultIconSizes6 !== void 0 ? _ListDefaultIconSizes6 : -1;
     if (sizeAsInt === -1) {
-      sizeAsInt = parseFloat(size);
+      sizeAsInt = parseFloat(String(size));
       sizeAsString = 'custom-size';
     }
   }
   if (!sizeAsString && sizeAsInt > 0) {
-    const potentialSizeAsString = ListDefaultIconSizes.reduce((acc, _ref7) => {
-      let [key, value] = _ref7;
+    const potentialSizeAsString = ListDefaultIconSizes.reduce((acc, _ref4) => {
+      let [key, value] = _ref4;
       if (key && value === sizeAsInt) {
         return key;
       }
@@ -202,12 +155,12 @@ export const calcSize = props => {
     sizeAsInt,
     sizeAsString
   };
-};
-const prepareIconParams = _ref8 => {
+}
+function prepareIconParams(_ref5) {
   let {
       sizeAsString
-    } = _ref8,
-    rest = _objectWithoutProperties(_ref8, _excluded);
+    } = _ref5,
+    rest = _objectWithoutProperties(_ref5, _excluded);
   const {
     size,
     width,
@@ -215,26 +168,26 @@ const prepareIconParams = _ref8 => {
     sizeAsInt
   } = rest;
   const params = {};
-  if (!sizeAsString && !(sizeAsInt > 0) && parseFloat(size) > -1) {
-    params.width = params.height = parseFloat(size);
+  if (!sizeAsString && !(sizeAsInt > 0) && parseFloat(String(size)) > -1) {
+    params.width = params.height = parseFloat(String(size));
   } else if (sizeAsString === 'custom-size') {
-    params.width = params.height = parseFloat(sizeAsInt);
+    params.width = params.height = parseFloat(String(sizeAsInt));
   }
-  if (parseFloat(width) > -1) {
+  if (parseFloat(String(width)) > -1) {
     sizeAsString = 'custom-size';
-    params.width = parseFloat(width);
+    params.width = parseFloat(String(width));
   }
-  if (parseFloat(height) > -1) {
+  if (parseFloat(String(height)) > -1) {
     sizeAsString = 'custom-size';
-    params.height = parseFloat(height);
+    params.height = parseFloat(String(height));
   }
   validateDOMAttributes({}, params);
   return {
     params,
     sizeAsString
   };
-};
-export const prepareIcon = (props, context) => {
+}
+export function prepareIcon(props, context) {
   const {
       icon,
       size,
@@ -242,6 +195,7 @@ export const prepareIcon = (props, context) => {
       height,
       border,
       color,
+      inheritColor,
       inherit_color,
       modifier,
       alt,
@@ -278,8 +232,8 @@ export const prepareIcon = (props, context) => {
     }
     delete wrapperParams['aria-label'];
   }
-  wrapperParams.className = classnames('dnb-icon', sizeAsString ? `dnb-icon--${sizeAsString}` : 'dnb-icon--default', createSkeletonClass(null, skeleton, context), createSpacingClasses(props), className, modifier && `dnb-icon--${modifier}`, isTrue(border) && 'dnb-icon--border', isTrue(inherit_color) && 'dnb-icon--inherit-color');
-  let iconToRender = Icon.getIcon(props);
+  wrapperParams.className = classnames('dnb-icon', sizeAsString ? `dnb-icon--${sizeAsString}` : 'dnb-icon--default', createSkeletonClass(null, skeleton, context), createSpacingClasses(props), className, modifier && `dnb-icon--${modifier}`, border && 'dnb-icon--border', (inheritColor !== null && inheritColor !== void 0 ? inheritColor : inherit_color) !== false && 'dnb-icon--inherit-color');
+  let iconToRender = getIcon(props);
   if (iconToRender && typeof iconToRender.defaultProps !== 'undefined') {
     iconToRender = React.createElement(iconToRender, validateDOMAttributes({}, {
       color,
@@ -295,17 +249,19 @@ export const prepareIcon = (props, context) => {
     iconParams,
     wrapperParams
   });
-};
-export const prerenderIcon = function () {
-  let {
-    icon,
+}
+export function prerenderIcon(props) {
+  const {
     size = null,
     listOfIcons = null,
     alt = null
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  } = props;
+  let {
+    icon
+  } = props;
   if (typeof icon === 'string' && /^data:image\//.test(icon)) {
     return () => React.createElement("img", {
-      src: icon,
+      src: String(icon),
       alt: alt || 'no-alt'
     });
   }
@@ -321,7 +277,7 @@ export const prerenderIcon = function () {
   }
   try {
     icon = iconCase(icon);
-    if (size && DefaultIconSizes[size] && size !== 'default' && !(parseFloat(size) > 0) && !icon.includes(size)) {
+    if (size && DefaultIconSizes[size] && size !== 'basis' && size !== 'default' && !(parseFloat(String(size)) > 0) && !icon.includes(size)) {
       icon = `${icon}_${size}`;
     }
     const mod = (listOfIcons.dnbIcons ? listOfIcons.dnbIcons : listOfIcons)[icon];
@@ -330,6 +286,12 @@ export const prerenderIcon = function () {
     ErrorHandler(`Icon '${icon}' did not exist!`);
     return null;
   }
-};
+}
+function getIcon(props) {
+  if (props.icon) {
+    return props.icon;
+  }
+  return processChildren(props);
+}
 Icon._supportsSpacingProps = true;
 //# sourceMappingURL=Icon.js.map

package/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["React","PropTypes","classnames","ErrorHandler","isTrue","validateDOMAttributes","processChildren","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","createSkeletonClass","Context","iconCase","DefaultIconSize","DefaultIconSizes","default","medium","ListDefaultIconSizes","ValidIconSizes","iconPropTypes","_objectSpread","icon","oneOfType","string","node","func","modifier","size","number","oneOf","width","height","border","bool","color","inherit_color","alt","title","skeleton","attributes","object","className","children","Icon","PureComponent","getIcon","props","render","_this$context","defaultProps","context","wrapperParams","iconParams","prepareIcon","IconContainer","prerenderIcon","createElement","Fragment","_defineProperty","process","env","NODE_ENV","propTypes","getIconNameFromComponent","name","displayName","test","calcSize","sizeAsInt","sizeAsString","nameParts","String","split","length","lastPartOfIconName","reverse","potentialSize","filter","_ref","key","reduce","acc","_ref2","value","includes","elem","viewBox","exec","parseFloat","_ref3","_ref4","_ref5","_ref6","potentialSizeAsString","_ref7","isCustomSize","params","prepareIconParams","_ref8","rest","_objectWithoutProperties","_excluded","_excluded2","label","role","replace","iconToRender","listOfIcons","arguments","undefined","src","isValidElement","Array","isArray","mod","dnbIcons","e","_supportsSpacingProps"],"sources":["../../../../src/components/icon/Icon.js"],"sourcesContent":["/**\n * Web Icon Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { ErrorHandler } from '../../shared/error-helper'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  processChildren,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport Context from '../../shared/Context'\nimport { iconCase } from './IconHelpers'\n\nexport const DefaultIconSize = 16\nexport const DefaultIconSizes = {\n  // small: 8, // currently not in use\n  default: 16,\n  medium: 24,\n  // large: 32 // currently not in use\n}\n// instead of using Object.entries(DefaultIconSizes)\nexport const ListDefaultIconSizes = [\n  ['default', 16],\n  ['medium', 24],\n]\nexport const ValidIconSizes = [\n  'small', // 12px 0.75rem\n  'default', // 16px 1rem\n  'medium', // 24px 1.5rem\n  'large', // 32px 2rem\n  'x-large', // 40px 2.5rem\n  'xx-large', // 48px 3rem\n]\n\nexport const iconPropTypes = {\n  icon: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n    PropTypes.func,\n  ]),\n  modifier: PropTypes.string,\n  size: PropTypes.oneOfType([\n    PropTypes.number,\n    PropTypes.string,\n    PropTypes.oneOf(['default', 'medium', 'large']),\n  ]),\n\n  ...spacingPropTypes,\n\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  border: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  color: PropTypes.string,\n  inherit_color: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  alt: PropTypes.string,\n  title: PropTypes.string,\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n}\n\n/**\n * The icon component is a span wrapping an inline svg. When using this component in your preferred framework. To load an svg file dynamically, you may need a \"svg-loader\". Feel free to use whatever tool you want (regarding the setup/tooling), as long as the output is the same markup as shown below.\n */\nexport default class Icon extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    /**\n     * Use spread, so generateTypes.js makes a valid copy to create the types\n     */\n    ...iconPropTypes,\n  }\n\n  static defaultProps = {\n    icon: null,\n    modifier: null,\n    size: null,\n    width: null,\n    height: null,\n    border: null,\n    color: null,\n    inherit_color: true,\n    alt: null,\n    title: null,\n    skeleton: null,\n    attributes: null,\n\n    className: null,\n    children: null,\n  }\n\n  static getIcon(props) {\n    if (props.icon) {\n      return props.icon\n    }\n    return processChildren(props)\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      Icon.defaultProps,\n      { skeleton: this.context?.skeleton },\n      this.context.Icon\n    )\n\n    const { icon, size, wrapperParams, iconParams, alt } = prepareIcon(\n      props,\n      this.context\n    )\n\n    if (!icon) {\n      return null\n    }\n\n    const IconContainer = prerenderIcon({ icon, size, alt })\n\n    // make sure we return an empty span if we don't could get the icon\n    if (!IconContainer) return <></>\n\n    return (\n      <span {...wrapperParams}>\n        <IconContainer {...iconParams} />\n      </span>\n    )\n  }\n}\n\nexport const getIconNameFromComponent = (icon) => {\n  const name =\n    typeof icon === 'string'\n      ? icon\n      : icon && (icon.displayName || icon.name)\n  if (/^data:image\\//.test(name)) {\n    return null\n  }\n  return name\n}\n\nexport const calcSize = (props) => {\n  const { icon, size, width, height } = props\n\n  let sizeAsInt = -1\n  let sizeAsString = null\n\n  // if there is no size, check if we can find the actual size in the name\n  if (!size || size === DefaultIconSize) {\n    // get the icon name - we use is for several things\n    const name = getIconNameFromComponent(icon)\n\n    const nameParts = String(name || '').split('_')\n\n    if (nameParts.length > 1) {\n      const lastPartOfIconName = nameParts.reverse()[0]\n      const potentialSize = ListDefaultIconSizes.filter(\n        ([key]) => key === lastPartOfIconName\n      ).reduce((acc, [key, value]) => {\n        return key && value\n      }, null)\n      if (potentialSize) {\n        sizeAsInt = potentialSize\n      }\n      if (ValidIconSizes.includes(lastPartOfIconName)) {\n        sizeAsString = lastPartOfIconName\n      }\n    } else {\n      if (typeof icon === 'function') {\n        const elem = icon()\n        if (elem.props) {\n          let potentialSize = -1\n          if (elem.props.width) {\n            potentialSize = elem.props.width\n          }\n          if (!potentialSize && elem.props.viewBox) {\n            potentialSize = /[0-9]+ [0-9]+ ([0-9]+)/.exec(\n              elem.props.viewBox\n            )[1] // get the width\n          }\n          if (potentialSize) {\n            sizeAsInt = potentialSize\n          }\n        }\n      }\n    }\n  }\n\n  // if size is defined as a string, find the size number\n  else if (typeof size === 'string' && !(parseFloat(size) > 0)) {\n    sizeAsInt = ListDefaultIconSizes.filter(\n      ([key]) => key === size\n    ).reduce((acc, [key, value]) => {\n      return key && value\n    }, -1)\n\n    // of if the size is a default size defined as a string\n    if (ValidIconSizes.includes(size)) {\n      sizeAsString = size\n    }\n  }\n\n  // check if the size is given as a number, and if is a default size\n  else if (parseFloat(size) > 0) {\n    sizeAsInt = ListDefaultIconSizes.filter(\n      ([key, value]) => key && value === parseFloat(size)\n    ).reduce((acc, [key, value]) => {\n      if (key && value) return value\n      return acc\n    }, -1)\n\n    // has custom size\n    if (sizeAsInt === -1) {\n      sizeAsInt = parseFloat(size)\n      sizeAsString = 'custom-size'\n    }\n  }\n\n  // check if the sizeAsInt is a default size - and no sizeAsString exists yet\n  if (!sizeAsString && sizeAsInt > 0) {\n    const potentialSizeAsString = ListDefaultIconSizes.reduce(\n      (acc, [key, value]) => {\n        if (key && value === sizeAsInt) {\n          return key\n        }\n        return acc\n      },\n      null\n    )\n\n    if (potentialSizeAsString) {\n      sizeAsString = potentialSizeAsString\n    }\n  }\n\n  // define all the svg parameters\n  const { sizeAsString: isCustomSize, params: iconParams } =\n    prepareIconParams({\n      sizeAsString,\n      sizeAsInt,\n      size,\n      width,\n      height,\n    })\n  if (isCustomSize) {\n    sizeAsString = isCustomSize\n  }\n\n  if (!(sizeAsInt > 0)) {\n    sizeAsInt = DefaultIconSize\n  }\n\n  if (size === 'auto') {\n    iconParams.width = '100%'\n    iconParams.height = '100%'\n    sizeAsString = 'auto'\n  }\n\n  return {\n    iconParams,\n    sizeAsInt,\n    sizeAsString,\n  }\n}\n\nconst prepareIconParams = ({ sizeAsString, ...rest }) => {\n  const { size, width, height, sizeAsInt } = rest\n  const params = {}\n\n  if (!sizeAsString && !(sizeAsInt > 0) && parseFloat(size) > -1) {\n    params.width = params.height = parseFloat(size)\n  } else if (sizeAsString === 'custom-size') {\n    params.width = params.height = parseFloat(sizeAsInt)\n  }\n  if (parseFloat(width) > -1) {\n    sizeAsString = 'custom-size'\n    params.width = parseFloat(width)\n  }\n  if (parseFloat(height) > -1) {\n    sizeAsString = 'custom-size'\n    params.height = parseFloat(height)\n  }\n\n  validateDOMAttributes({}, params)\n\n  return { params, sizeAsString }\n}\n\nexport const prepareIcon = (props, context) => {\n  const {\n    icon,\n    size, // eslint-disable-line\n    width,\n    height,\n    border,\n    color,\n    inherit_color,\n    modifier,\n    alt,\n    title,\n    skeleton,\n    className,\n    ...attributes\n  } = props\n\n  const { sizeAsString, iconParams } = calcSize({\n    icon,\n    size,\n    width,\n    height,\n  })\n\n  if (color) {\n    iconParams.color = color\n  }\n\n  const label = icon ? getIconNameFromComponent(icon) : null\n\n  // some wrapper params\n  // also used for code markup simulation\n  const wrapperParams = validateDOMAttributes(props, {\n    role: alt ? 'img' : 'presentation',\n    alt, // in case the image don't shows up (because we define the role to be img)\n    'aria-label':\n      label && !label.includes('default')\n        ? label.replace(/_/g, ' ') + ' icon'\n        : null, // for screen readers only\n    title, // to show on hover, if defined\n    ...attributes,\n  })\n  if (!alt && typeof wrapperParams['aria-hidden'] === 'undefined') {\n    wrapperParams['aria-hidden'] = true\n  }\n  if (wrapperParams['aria-hidden']) {\n    if (\n      !wrapperParams['data-testid'] &&\n      typeof process !== 'undefined' &&\n      process.env.NODE_ENV === 'test'\n    ) {\n      wrapperParams['data-testid'] = wrapperParams['aria-label']\n    }\n    delete wrapperParams['aria-label']\n  }\n\n  wrapperParams.className = classnames(\n    'dnb-icon',\n    modifier && `dnb-icon--${modifier}`,\n    isTrue(border) && 'dnb-icon--border',\n    isTrue(inherit_color) && 'dnb-icon--inherit-color',\n    sizeAsString ? `dnb-icon--${sizeAsString}` : 'dnb-icon--default',\n    createSkeletonClass(null, skeleton, context),\n    createSpacingClasses(props),\n    className\n  )\n\n  let iconToRender = Icon.getIcon(props)\n\n  if (iconToRender && typeof iconToRender.defaultProps !== 'undefined') {\n    iconToRender = React.createElement(\n      iconToRender,\n      validateDOMAttributes(\n        {},\n        {\n          color,\n          icon,\n          size,\n          width,\n          height,\n        }\n      )\n    )\n  }\n\n  return {\n    ...props,\n    icon: iconToRender,\n    alt,\n    iconParams,\n    wrapperParams,\n  }\n}\n\nexport const prerenderIcon = ({\n  icon,\n  size = null,\n  listOfIcons = null,\n  alt = null,\n} = {}) => {\n  if (typeof icon === 'string' && /^data:image\\//.test(icon)) {\n    return () => <img src={icon} alt={alt || 'no-alt'} />\n  }\n\n  if (typeof icon === 'function') {\n    const elem = icon()\n    if (React.isValidElement(elem)) {\n      return icon\n    }\n    return elem\n  }\n\n  if (React.isValidElement(icon) || Array.isArray(icon)) {\n    return () => icon\n  }\n\n  // for importing react component\n  try {\n    icon = iconCase(icon)\n    if (\n      size &&\n      DefaultIconSizes[size] &&\n      size !== 'default' &&\n      !(parseFloat(size) > 0) &&\n      !icon.includes(size)\n    ) {\n      icon = `${icon}_${size}`\n    }\n    const mod = (\n      listOfIcons.dnbIcons ? listOfIcons.dnbIcons : listOfIcons\n    )[icon]\n    return mod && mod.default ? mod.default : mod\n  } catch (e) {\n    ErrorHandler(`Icon '${icon}' did not exist!`)\n    return null\n  }\n}\n\nIcon._supportsSpacingProps = true\n"],"mappings":";;;;;;;;AAOA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SACEC,MAAM,EACNC,qBAAqB,EACrBC,eAAe,EACfC,sCAAsC,QACjC,+BAA+B;AACtC,SACEC,gBAAgB,EAChBC,oBAAoB,QACf,wBAAwB;AAC/B,SAASC,mBAAmB,QAAQ,4BAA4B;AAChE,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SAASC,QAAQ,QAAQ,eAAe;AAExC,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,OAAO,MAAMC,gBAAgB,GAAG;EAE9BC,OAAO,EAAE,EAAE;EACXC,MAAM,EAAE;AAEV,CAAC;AAED,OAAO,MAAMC,oBAAoB,GAAG,CAClC,CAAC,SAAS,EAAE,EAAE,CAAC,EACf,CAAC,QAAQ,EAAE,EAAE,CAAC,CACf;AACD,OAAO,MAAMC,cAAc,GAAG,CAC5B,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,CACX;AAED,OAAO,MAAMC,aAAa,GAAAC,aAAA,CAAAA,aAAA;EACxBC,IAAI,EAAEpB,SAAS,CAACqB,SAAS,CAAC,CACxBrB,SAAS,CAACsB,MAAM,EAChBtB,SAAS,CAACuB,IAAI,EACdvB,SAAS,CAACwB,IAAI,CACf,CAAC;EACFC,QAAQ,EAAEzB,SAAS,CAACsB,MAAM;EAC1BI,IAAI,EAAE1B,SAAS,CAACqB,SAAS,CAAC,CACxBrB,SAAS,CAAC2B,MAAM,EAChB3B,SAAS,CAACsB,MAAM,EAChBtB,SAAS,CAAC4B,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAChD;AAAC,GAECrB,gBAAgB;EAEnBsB,KAAK,EAAE7B,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,MAAM,EAAEtB,SAAS,CAAC2B,MAAM,CAAC,CAAC;EAChEG,MAAM,EAAE9B,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,MAAM,EAAEtB,SAAS,CAAC2B,MAAM,CAAC,CAAC;EACjEI,MAAM,EAAE/B,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,MAAM,EAAEtB,SAAS,CAACgC,IAAI,CAAC,CAAC;EAC/DC,KAAK,EAAEjC,SAAS,CAACsB,MAAM;EACvBY,aAAa,EAAElC,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,MAAM,EAAEtB,SAAS,CAACgC,IAAI,CAAC,CAAC;EACtEG,GAAG,EAAEnC,SAAS,CAACsB,MAAM;EACrBc,KAAK,EAAEpC,SAAS,CAACsB,MAAM;EACvBe,QAAQ,EAAErC,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,MAAM,EAAEtB,SAAS,CAACgC,IAAI,CAAC,CAAC;EACjEM,UAAU,EAAEtC,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACsB,MAAM,EAAEtB,SAAS,CAACuC,MAAM,CAAC,CAAC;EAErEC,SAAS,EAAExC,SAAS,CAACsB,MAAM;EAC3BmB,QAAQ,EAAEzC,SAAS,CAACqB,SAAS,CAAC,CAACrB,SAAS,CAACuB,IAAI,EAAEvB,SAAS,CAACwB,IAAI,CAAC;AAAC,EAChE;AAKD,eAAe,MAAMkB,IAAI,SAAS3C,KAAK,CAAC4C,aAAa,CAAC;EA4BpD,OAAOC,OAAOA,CAACC,KAAK,EAAE;IACpB,IAAIA,KAAK,CAACzB,IAAI,EAAE;MACd,OAAOyB,KAAK,CAACzB,IAAI;IACnB;IACA,OAAOf,eAAe,CAACwC,KAAK,CAAC;EAC/B;EAEAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,aAAA;IAEP,MAAMF,KAAK,GAAGvC,sCAAsC,CAClD,IAAI,CAACuC,KAAK,EACVH,IAAI,CAACM,YAAY,EACjB;MAAEX,QAAQ,GAAAU,aAAA,GAAE,IAAI,CAACE,OAAO,cAAAF,aAAA,uBAAZA,aAAA,CAAcV;IAAS,CAAC,EACpC,IAAI,CAACY,OAAO,CAACP,IACf,CAAC;IAED,MAAM;MAAEtB,IAAI;MAAEM,IAAI;MAAEwB,aAAa;MAAEC,UAAU;MAAEhB;IAAI,CAAC,GAAGiB,WAAW,CAChEP,KAAK,EACL,IAAI,CAACI,OACP,CAAC;IAED,IAAI,CAAC7B,IAAI,EAAE;MACT,OAAO,IAAI;IACb;IAEA,MAAMiC,aAAa,GAAGC,aAAa,CAAC;MAAElC,IAAI;MAAEM,IAAI;MAAES;IAAI,CAAC,CAAC;IAGxD,IAAI,CAACkB,aAAa,EAAE,OAAOtD,KAAA,CAAAwD,aAAA,CAAAxD,KAAA,CAAAyD,QAAA,MAAI,CAAC;IAEhC,OACEzD,KAAA,CAAAwD,aAAA,SAAUL,aAAa,EACrBnD,KAAA,CAAAwD,aAAA,CAACF,aAAa,EAAKF,UAAa,CAC5B,CAAC;EAEX;AACF;AAACM,eAAA,CAhEoBf,IAAI,iBACFhC,OAAO;AAAA+C,eAAA,CADTf,IAAI,kBAUD;EACpBtB,IAAI,EAAE,IAAI;EACVK,QAAQ,EAAE,IAAI;EACdC,IAAI,EAAE,IAAI;EACVG,KAAK,EAAE,IAAI;EACXC,MAAM,EAAE,IAAI;EACZC,MAAM,EAAE,IAAI;EACZE,KAAK,EAAE,IAAI;EACXC,aAAa,EAAE,IAAI;EACnBC,GAAG,EAAE,IAAI;EACTC,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAE,IAAI;EACdC,UAAU,EAAE,IAAI;EAEhBE,SAAS,EAAE,IAAI;EACfC,QAAQ,EAAE;AACZ,CAAC;AAAAiB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBA1BkBlB,IAAI,CAGhBmB,SAAS,GAAA1C,aAAA,KAIXD,aAAa;AA2DpB,OAAO,MAAM4C,wBAAwB,GAAI1C,IAAI,IAAK;EAChD,MAAM2C,IAAI,GACR,OAAO3C,IAAI,KAAK,QAAQ,GACpBA,IAAI,GACJA,IAAI,KAAKA,IAAI,CAAC4C,WAAW,IAAI5C,IAAI,CAAC2C,IAAI,CAAC;EAC7C,IAAI,eAAe,CAACE,IAAI,CAACF,IAAI,CAAC,EAAE;IAC9B,OAAO,IAAI;EACb;EACA,OAAOA,IAAI;AACb,CAAC;AAED,OAAO,MAAMG,QAAQ,GAAIrB,KAAK,IAAK;EACjC,MAAM;IAAEzB,IAAI;IAAEM,IAAI;IAAEG,KAAK;IAAEC;EAAO,CAAC,GAAGe,KAAK;EAE3C,IAAIsB,SAAS,GAAG,CAAC,CAAC;EAClB,IAAIC,YAAY,GAAG,IAAI;EAGvB,IAAI,CAAC1C,IAAI,IAAIA,IAAI,KAAKd,eAAe,EAAE;IAErC,MAAMmD,IAAI,GAAGD,wBAAwB,CAAC1C,IAAI,CAAC;IAE3C,MAAMiD,SAAS,GAAGC,MAAM,CAACP,IAAI,IAAI,EAAE,CAAC,CAACQ,KAAK,CAAC,GAAG,CAAC;IAE/C,IAAIF,SAAS,CAACG,MAAM,GAAG,CAAC,EAAE;MACxB,MAAMC,kBAAkB,GAAGJ,SAAS,CAACK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;MACjD,MAAMC,aAAa,GAAG3D,oBAAoB,CAAC4D,MAAM,CAC/CC,IAAA;QAAA,IAAC,CAACC,GAAG,CAAC,GAAAD,IAAA;QAAA,OAAKC,GAAG,KAAKL,kBAAkB;MAAA,CACvC,CAAC,CAACM,MAAM,CAAC,CAACC,GAAG,EAAAC,KAAA,KAAmB;QAAA,IAAjB,CAACH,GAAG,EAAEI,KAAK,CAAC,GAAAD,KAAA;QACzB,OAAOH,GAAG,IAAII,KAAK;MACrB,CAAC,EAAE,IAAI,CAAC;MACR,IAAIP,aAAa,EAAE;QACjBR,SAAS,GAAGQ,aAAa;MAC3B;MACA,IAAI1D,cAAc,CAACkE,QAAQ,CAACV,kBAAkB,CAAC,EAAE;QAC/CL,YAAY,GAAGK,kBAAkB;MACnC;IACF,CAAC,MAAM;MACL,IAAI,OAAOrD,IAAI,KAAK,UAAU,EAAE;QAC9B,MAAMgE,IAAI,GAAGhE,IAAI,CAAC,CAAC;QACnB,IAAIgE,IAAI,CAACvC,KAAK,EAAE;UACd,IAAI8B,aAAa,GAAG,CAAC,CAAC;UACtB,IAAIS,IAAI,CAACvC,KAAK,CAAChB,KAAK,EAAE;YACpB8C,aAAa,GAAGS,IAAI,CAACvC,KAAK,CAAChB,KAAK;UAClC;UACA,IAAI,CAAC8C,aAAa,IAAIS,IAAI,CAACvC,KAAK,CAACwC,OAAO,EAAE;YACxCV,aAAa,GAAG,wBAAwB,CAACW,IAAI,CAC3CF,IAAI,CAACvC,KAAK,CAACwC,OACb,CAAC,CAAC,CAAC,CAAC;UACN;UACA,IAAIV,aAAa,EAAE;YACjBR,SAAS,GAAGQ,aAAa;UAC3B;QACF;MACF;IACF;EACF,CAAC,MAGI,IAAI,OAAOjD,IAAI,KAAK,QAAQ,IAAI,EAAE6D,UAAU,CAAC7D,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;IAC5DyC,SAAS,GAAGnD,oBAAoB,CAAC4D,MAAM,CACrCY,KAAA;MAAA,IAAC,CAACV,GAAG,CAAC,GAAAU,KAAA;MAAA,OAAKV,GAAG,KAAKpD,IAAI;IAAA,CACzB,CAAC,CAACqD,MAAM,CAAC,CAACC,GAAG,EAAAS,KAAA,KAAmB;MAAA,IAAjB,CAACX,GAAG,EAAEI,KAAK,CAAC,GAAAO,KAAA;MACzB,OAAOX,GAAG,IAAII,KAAK;IACrB,CAAC,EAAE,CAAC,CAAC,CAAC;IAGN,IAAIjE,cAAc,CAACkE,QAAQ,CAACzD,IAAI,CAAC,EAAE;MACjC0C,YAAY,GAAG1C,IAAI;IACrB;EACF,CAAC,MAGI,IAAI6D,UAAU,CAAC7D,IAAI,CAAC,GAAG,CAAC,EAAE;IAC7ByC,SAAS,GAAGnD,oBAAoB,CAAC4D,MAAM,CACrCc,KAAA;MAAA,IAAC,CAACZ,GAAG,EAAEI,KAAK,CAAC,GAAAQ,KAAA;MAAA,OAAKZ,GAAG,IAAII,KAAK,KAAKK,UAAU,CAAC7D,IAAI,CAAC;IAAA,CACrD,CAAC,CAACqD,MAAM,CAAC,CAACC,GAAG,EAAAW,KAAA,KAAmB;MAAA,IAAjB,CAACb,GAAG,EAAEI,KAAK,CAAC,GAAAS,KAAA;MACzB,IAAIb,GAAG,IAAII,KAAK,EAAE,OAAOA,KAAK;MAC9B,OAAOF,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CAAC;IAGN,IAAIb,SAAS,KAAK,CAAC,CAAC,EAAE;MACpBA,SAAS,GAAGoB,UAAU,CAAC7D,IAAI,CAAC;MAC5B0C,YAAY,GAAG,aAAa;IAC9B;EACF;EAGA,IAAI,CAACA,YAAY,IAAID,SAAS,GAAG,CAAC,EAAE;IAClC,MAAMyB,qBAAqB,GAAG5E,oBAAoB,CAAC+D,MAAM,CACvD,CAACC,GAAG,EAAAa,KAAA,KAAmB;MAAA,IAAjB,CAACf,GAAG,EAAEI,KAAK,CAAC,GAAAW,KAAA;MAChB,IAAIf,GAAG,IAAII,KAAK,KAAKf,SAAS,EAAE;QAC9B,OAAOW,GAAG;MACZ;MACA,OAAOE,GAAG;IACZ,CAAC,EACD,IACF,CAAC;IAED,IAAIY,qBAAqB,EAAE;MACzBxB,YAAY,GAAGwB,qBAAqB;IACtC;EACF;EAGA,MAAM;IAAExB,YAAY,EAAE0B,YAAY;IAAEC,MAAM,EAAE5C;EAAW,CAAC,GACtD6C,iBAAiB,CAAC;IAChB5B,YAAY;IACZD,SAAS;IACTzC,IAAI;IACJG,KAAK;IACLC;EACF,CAAC,CAAC;EACJ,IAAIgE,YAAY,EAAE;IAChB1B,YAAY,GAAG0B,YAAY;EAC7B;EAEA,IAAI,EAAE3B,SAAS,GAAG,CAAC,CAAC,EAAE;IACpBA,SAAS,GAAGvD,eAAe;EAC7B;EAEA,IAAIc,IAAI,KAAK,MAAM,EAAE;IACnByB,UAAU,CAACtB,KAAK,GAAG,MAAM;IACzBsB,UAAU,CAACrB,MAAM,GAAG,MAAM;IAC1BsC,YAAY,GAAG,MAAM;EACvB;EAEA,OAAO;IACLjB,UAAU;IACVgB,SAAS;IACTC;EACF,CAAC;AACH,CAAC;AAED,MAAM4B,iBAAiB,GAAGC,KAAA,IAA+B;EAAA,IAA9B;MAAE7B;IAAsB,CAAC,GAAA6B,KAAA;IAANC,IAAI,GAAAC,wBAAA,CAAAF,KAAA,EAAAG,SAAA;EAChD,MAAM;IAAE1E,IAAI;IAAEG,KAAK;IAAEC,MAAM;IAAEqC;EAAU,CAAC,GAAG+B,IAAI;EAC/C,MAAMH,MAAM,GAAG,CAAC,CAAC;EAEjB,IAAI,CAAC3B,YAAY,IAAI,EAAED,SAAS,GAAG,CAAC,CAAC,IAAIoB,UAAU,CAAC7D,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;IAC9DqE,MAAM,CAAClE,KAAK,GAAGkE,MAAM,CAACjE,MAAM,GAAGyD,UAAU,CAAC7D,IAAI,CAAC;EACjD,CAAC,MAAM,IAAI0C,YAAY,KAAK,aAAa,EAAE;IACzC2B,MAAM,CAAClE,KAAK,GAAGkE,MAAM,CAACjE,MAAM,GAAGyD,UAAU,CAACpB,SAAS,CAAC;EACtD;EACA,IAAIoB,UAAU,CAAC1D,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE;IAC1BuC,YAAY,GAAG,aAAa;IAC5B2B,MAAM,CAAClE,KAAK,GAAG0D,UAAU,CAAC1D,KAAK,CAAC;EAClC;EACA,IAAI0D,UAAU,CAACzD,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE;IAC3BsC,YAAY,GAAG,aAAa;IAC5B2B,MAAM,CAACjE,MAAM,GAAGyD,UAAU,CAACzD,MAAM,CAAC;EACpC;EAEA1B,qBAAqB,CAAC,CAAC,CAAC,EAAE2F,MAAM,CAAC;EAEjC,OAAO;IAAEA,MAAM;IAAE3B;EAAa,CAAC;AACjC,CAAC;AAED,OAAO,MAAMhB,WAAW,GAAGA,CAACP,KAAK,EAAEI,OAAO,KAAK;EAC7C,MAAM;MACJ7B,IAAI;MACJM,IAAI;MACJG,KAAK;MACLC,MAAM;MACNC,MAAM;MACNE,KAAK;MACLC,aAAa;MACbT,QAAQ;MACRU,GAAG;MACHC,KAAK;MACLC,QAAQ;MACRG;IAEF,CAAC,GAAGK,KAAK;IADJP,UAAU,GAAA6D,wBAAA,CACXtD,KAAK,EAAAwD,UAAA;EAET,MAAM;IAAEjC,YAAY;IAAEjB;EAAW,CAAC,GAAGe,QAAQ,CAAC;IAC5C9C,IAAI;IACJM,IAAI;IACJG,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,IAAIG,KAAK,EAAE;IACTkB,UAAU,CAAClB,KAAK,GAAGA,KAAK;EAC1B;EAEA,MAAMqE,KAAK,GAAGlF,IAAI,GAAG0C,wBAAwB,CAAC1C,IAAI,CAAC,GAAG,IAAI;EAI1D,MAAM8B,aAAa,GAAG9C,qBAAqB,CAACyC,KAAK,EAAA1B,aAAA;IAC/CoF,IAAI,EAAEpE,GAAG,GAAG,KAAK,GAAG,cAAc;IAClCA,GAAG;IACH,YAAY,EACVmE,KAAK,IAAI,CAACA,KAAK,CAACnB,QAAQ,CAAC,SAAS,CAAC,GAC/BmB,KAAK,CAACE,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,OAAO,GAClC,IAAI;IACVpE;EAAK,GACFE,UAAU,CACd,CAAC;EACF,IAAI,CAACH,GAAG,IAAI,OAAOe,aAAa,CAAC,aAAa,CAAC,KAAK,WAAW,EAAE;IAC/DA,aAAa,CAAC,aAAa,CAAC,GAAG,IAAI;EACrC;EACA,IAAIA,aAAa,CAAC,aAAa,CAAC,EAAE;IAChC,IACE,CAACA,aAAa,CAAC,aAAa,CAAC,IAC7B,OAAOQ,OAAO,KAAK,WAAW,IAC9BA,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAC/B;MACAV,aAAa,CAAC,aAAa,CAAC,GAAGA,aAAa,CAAC,YAAY,CAAC;IAC5D;IACA,OAAOA,aAAa,CAAC,YAAY,CAAC;EACpC;EAEAA,aAAa,CAACV,SAAS,GAAGvC,UAAU,CAClC,UAAU,EAIVmE,YAAY,GAAI,aAAYA,YAAa,EAAC,GAAG,mBAAmB,EAChE3D,mBAAmB,CAAC,IAAI,EAAE4B,QAAQ,EAAEY,OAAO,CAAC,EAC5CzC,oBAAoB,CAACqC,KAAK,CAAC,EAC3BL,SAAS,EANTf,QAAQ,IAAK,aAAYA,QAAS,EAAC,EACnCtB,MAAM,CAAC4B,MAAM,CAAC,IAAI,kBAAkB,EACpC5B,MAAM,CAAC+B,aAAa,CAAC,IAAI,yBAK3B,CAAC;EAED,IAAIuE,YAAY,GAAG/D,IAAI,CAACE,OAAO,CAACC,KAAK,CAAC;EAEtC,IAAI4D,YAAY,IAAI,OAAOA,YAAY,CAACzD,YAAY,KAAK,WAAW,EAAE;IACpEyD,YAAY,GAAG1G,KAAK,CAACwD,aAAa,CAChCkD,YAAY,EACZrG,qBAAqB,CACnB,CAAC,CAAC,EACF;MACE6B,KAAK;MACLb,IAAI;MACJM,IAAI;MACJG,KAAK;MACLC;IACF,CACF,CACF,CAAC;EACH;EAEA,OAAAX,aAAA,CAAAA,aAAA,KACK0B,KAAK;IACRzB,IAAI,EAAEqF,YAAY;IAClBtE,GAAG;IACHgB,UAAU;IACVD;EAAa;AAEjB,CAAC;AAED,OAAO,MAAMI,aAAa,GAAG,SAAAA,CAAA,EAKlB;EAAA,IALmB;IAC5BlC,IAAI;IACJM,IAAI,GAAG,IAAI;IACXgF,WAAW,GAAG,IAAI;IAClBvE,GAAG,GAAG;EACR,CAAC,GAAAwE,SAAA,CAAAnC,MAAA,QAAAmC,SAAA,QAAAC,SAAA,GAAAD,SAAA,MAAG,CAAC,CAAC;EACJ,IAAI,OAAOvF,IAAI,KAAK,QAAQ,IAAI,eAAe,CAAC6C,IAAI,CAAC7C,IAAI,CAAC,EAAE;IAC1D,OAAO,MAAMrB,KAAA,CAAAwD,aAAA;MAAKsD,GAAG,EAAEzF,IAAK;MAACe,GAAG,EAAEA,GAAG,IAAI;IAAS,CAAE,CAAC;EACvD;EAEA,IAAI,OAAOf,IAAI,KAAK,UAAU,EAAE;IAC9B,MAAMgE,IAAI,GAAGhE,IAAI,CAAC,CAAC;IACnB,IAAIrB,KAAK,CAAC+G,cAAc,CAAC1B,IAAI,CAAC,EAAE;MAC9B,OAAOhE,IAAI;IACb;IACA,OAAOgE,IAAI;EACb;EAEA,IAAIrF,KAAK,CAAC+G,cAAc,CAAC1F,IAAI,CAAC,IAAI2F,KAAK,CAACC,OAAO,CAAC5F,IAAI,CAAC,EAAE;IACrD,OAAO,MAAMA,IAAI;EACnB;EAGA,IAAI;IACFA,IAAI,GAAGT,QAAQ,CAACS,IAAI,CAAC;IACrB,IACEM,IAAI,IACJb,gBAAgB,CAACa,IAAI,CAAC,IACtBA,IAAI,KAAK,SAAS,IAClB,EAAE6D,UAAU,CAAC7D,IAAI,CAAC,GAAG,CAAC,CAAC,IACvB,CAACN,IAAI,CAAC+D,QAAQ,CAACzD,IAAI,CAAC,EACpB;MACAN,IAAI,GAAI,GAAEA,IAAK,IAAGM,IAAK,EAAC;IAC1B;IACA,MAAMuF,GAAG,GAAG,CACVP,WAAW,CAACQ,QAAQ,GAAGR,WAAW,CAACQ,QAAQ,GAAGR,WAAW,EACzDtF,IAAI,CAAC;IACP,OAAO6F,GAAG,IAAIA,GAAG,CAACnG,OAAO,GAAGmG,GAAG,CAACnG,OAAO,GAAGmG,GAAG;EAC/C,CAAC,CAAC,OAAOE,CAAC,EAAE;IACVjH,YAAY,CAAE,SAAQkB,IAAK,kBAAiB,CAAC;IAC7C,OAAO,IAAI;EACb;AACF,CAAC;AAEDsB,IAAI,CAAC0E,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"Icon.js","names":["React","useContext","classnames","ErrorHandler","validateDOMAttributes","processChildren","extendPropsWithContext","Context","createSpacingClasses","createSkeletonClass","iconCase","DefaultIconSize","DefaultIconSizes","default","medium","ListDefaultIconSizes","ValidIconType","Icon","localProps","context","props","skeleton","icon","iconProp","size","wrapperParams","iconParams","alt","children","prepareIcon","IconContainer","prerenderIcon","createElement","Fragment","getIconNameFromComponent","name","String","test","calcSize","width","height","sizeAsInt","sizeAsString","nameParts","split","length","_ListDefaultIconSizes","_ListDefaultIconSizes2","lastPartOfIconName","reverse","potentialSize","filter","_ref","key","includes","elem","viewBox","parseFloat","exec","isNaN","_ListDefaultIconSizes3","_ListDefaultIconSizes4","_ListDefaultIconSizes5","_ref2","_ListDefaultIconSizes6","_ListDefaultIconSizes7","_ListDefaultIconSizes8","_ref3","value","potentialSizeAsString","reduce","acc","_ref4","isCustomSize","params","prepareIconParams","_ref5","rest","_objectWithoutProperties","_excluded","border","color","inheritColor","inherit_color","modifier","title","className","attributes","_excluded2","label","_objectSpread","role","replace","process","env","NODE_ENV","iconToRender","getIcon","defaultProps","listOfIcons","src","isValidElement","Array","isArray","mod","dnbIcons","e","_supportsSpacingProps"],"sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ErrorHandler } from '../../shared/error-helper'\nimport {\n  validateDOMAttributes,\n  processChildren,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport Context, { ContextProps } from '../../shared/Context'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport { iconCase } from './IconHelpers'\nimport { SpacingProps } from '../../shared/types'\nimport { SkeletonShow } from '../Skeleton'\n\nexport const DefaultIconSize = 16\nexport const DefaultIconSizes = {\n  // small: 8, // currently not in use\n  default: 16,\n  medium: 24,\n  // large: 32 // currently not in use\n} as const\nexport const ListDefaultIconSizes: Array<\n  [ValidIconType, ValidIconNumericSize]\n> = [\n  ['default', 16],\n  ['medium', 24],\n]\nexport const ValidIconType = [\n  'small', // 12px 0.75rem\n  'default', // 16px 1rem\n  'medium', // 24px 1.5rem\n  'large', // 32px 2rem\n  'x-large', // 40px 2.5rem\n  'xx-large', // 48px 3rem\n] as const\n\nexport type DefaultIconSizes = typeof DefaultIconSizes\nexport type ValidIconType = (typeof ValidIconType)[number]\nexport type ValidIconNumericSize = DefaultIconSizes[keyof DefaultIconSizes]\n\n/** For internal usage */\ntype IconType =\n  | string\n  | React.ReactElement<SVGElement>\n  | ((props?: unknown) => JSX.Element)\n  | false\n\n/** For external usage */\nexport type IconIcon = IconType | React.FC<unknown>\n\nexport type IconSize =\n  | ValidIconNumericSize\n  | `${ValidIconNumericSize | number}`\n  | ValidIconType\n  | 'auto'\n  | 'basis'\n\nexport type IconColor =\n  | string\n  | number\n  | { [key: string]: string | number }\n\nexport type IconProps = {\n  /**\n   * A React SVG Component or the icon name (in case we use `IconPrimary` or `dnb-icon-primary`).\n   */\n  icon?: IconIcon\n\n  /**\n   * The dimension of the icon. This will be the `viewBox` and represent `width` and `height`. Defaults to `16`. You can use `small`,`medium`, `large` or `auto`. Auto will enable that the icon size gets inherited by the parent HTML element if it provides a `font-size`.\n   */\n  size?: IconSize\n\n  /**\n   * The color can be any valid color property, such as Hex, RGB or preferable – any CSS variable from the <a href=\"/uilib/usage/customisation/colors\">colors table</a>, e.g. `var(--color-ocean-green)`. Default is no color, which means `--color-black-80`.\n   */\n  color?: IconColor\n\n  /**\n   * Defaults to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.\n   */\n  inheritColor?: boolean\n\n  /** @deprecated Use `inheritColor` instead */\n  inherit_color?: boolean\n\n  /**\n   * The alternative label (text version) of the icon. Defaults to the imported icon name.\n   */\n  alt?: string\n\n  /**\n   * Use a title to provide extra information about the icon used.\n   */\n  title?: string\n\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Modifier class to define. Will result in: `dnb-icon--${modifier}`.\n   */\n  modifier?: string\n\n  border?: boolean\n  width?: `${IconSize}` | `${number}%` | number\n  height?: `${IconSize}` | `${number}%` | number\n  children?: IconIcon\n}\n\nexport type IconAllProps = IconProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'size' | 'children'>\n\nexport default function Icon(localProps: IconAllProps) {\n  const context = useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    {},\n    { skeleton: context?.skeleton },\n    context.Icon\n  )\n\n  // Todo: rewrite prepareIcon to hook\n  const {\n    icon: iconProp,\n    size,\n    wrapperParams,\n    iconParams,\n    alt,\n    children,\n  } = prepareIcon(props, context)\n  const icon = iconProp ?? children\n\n  if (!icon) {\n    return null\n  }\n\n  const IconContainer = prerenderIcon({ icon, size, alt })\n\n  // make sure we return an empty span if we couldn't get the icon\n  if (!IconContainer) {\n    return <></>\n  }\n\n  return (\n    <span {...wrapperParams}>\n      <IconContainer {...iconParams} />\n    </span>\n  )\n}\n\nexport function getIconNameFromComponent(icon: IconProps['icon']): string {\n  const name = typeof icon === 'function' ? icon.name : String(icon)\n  if (/^data:image\\//.test(name)) {\n    return null\n  }\n  return name\n}\n\nexport function calcSize(props: IconProps) {\n  const { icon, size, width, height } = props as Omit<\n    IconProps,\n    'icon'\n  > & { icon: IconType }\n\n  let sizeAsInt: ValidIconNumericSize | -1 = null\n  let sizeAsString = null\n\n  // if there is no size, check if we can find the actual size in the name\n  if (!size || size === DefaultIconSize) {\n    // get the icon name - we use it for several things\n    const name = getIconNameFromComponent(icon)\n\n    const nameParts = String(name || '').split('_')\n\n    if (nameParts.length > 1) {\n      const lastPartOfIconName = nameParts.reverse()[0] as ValidIconType\n      const potentialSize = ListDefaultIconSizes.filter(\n        ([key]) => key === lastPartOfIconName\n      )?.[0]?.[1]\n      if (potentialSize) {\n        sizeAsInt = potentialSize\n      }\n      if (ValidIconType.includes(lastPartOfIconName)) {\n        sizeAsString = lastPartOfIconName\n      }\n    } else {\n      if (typeof icon === 'function') {\n        const elem = icon()\n        if (elem.props) {\n          let potentialSize: ValidIconNumericSize | -1 = null\n          if (elem.props.width) {\n            potentialSize = elem.props.width\n          }\n          if (!potentialSize && elem.props.viewBox) {\n            potentialSize = parseFloat(\n              /[0-9]+ [0-9]+ ([0-9]+)/.exec(elem.props.viewBox)[1]\n            ) as ValidIconNumericSize // get the width\n          }\n          if (!isNaN(potentialSize)) {\n            sizeAsInt = potentialSize\n          }\n        }\n      }\n    }\n  }\n\n  // if size is defined as a string, find the size number\n  else if (typeof size === 'string' && !(parseFloat(size) > 0)) {\n    sizeAsInt =\n      ListDefaultIconSizes.filter(([key]) => key === size)?.[0]?.[1] ?? -1\n\n    // or if the size is a default size defined as a string\n    if (ValidIconType.includes(size as ValidIconType)) {\n      sizeAsString = size\n    }\n  }\n\n  // check if the size is given as a number, and if it's a default size\n  else if (parseFloat(String(size)) > 0) {\n    sizeAsInt =\n      ListDefaultIconSizes.filter(\n        ([key, value]) => key && value === parseFloat(String(size))\n      )?.[0]?.[1] ?? -1\n\n    // has custom size\n    if (sizeAsInt === -1) {\n      sizeAsInt = parseFloat(String(size)) as ValidIconNumericSize\n      sizeAsString = 'custom-size'\n    }\n  }\n\n  // check if the sizeAsInt is a default size - and no sizeAsString exists yet\n  if (!sizeAsString && sizeAsInt > 0) {\n    const potentialSizeAsString = ListDefaultIconSizes.reduce(\n      (acc, [key, value]) => {\n        if (key && value === sizeAsInt) {\n          return key\n        }\n        return acc\n      },\n      null\n    )\n\n    if (potentialSizeAsString) {\n      sizeAsString = potentialSizeAsString\n    }\n  }\n\n  // define all the svg parameters\n  const { sizeAsString: isCustomSize, params: iconParams } =\n    prepareIconParams({\n      sizeAsString,\n      sizeAsInt,\n      size,\n      width,\n      height,\n    })\n\n  if (isCustomSize) {\n    sizeAsString = isCustomSize\n  }\n\n  if (!(sizeAsInt > 0)) {\n    sizeAsInt = DefaultIconSize\n  }\n\n  if (size === 'auto') {\n    iconParams.width = '100%'\n    iconParams.height = '100%'\n    sizeAsString = 'auto'\n  }\n\n  return {\n    iconParams,\n    sizeAsInt,\n    sizeAsString,\n  }\n}\n\nfunction prepareIconParams({\n  sizeAsString,\n  ...rest\n}: Omit<IconProps, 'icon'> & {\n  sizeAsString?: ValidIconType | 'custom-size'\n  sizeAsInt?: ValidIconNumericSize | -1\n}) {\n  const { size, width, height, sizeAsInt } = rest\n  const params: {\n    height?: IconProps['height']\n    width?: IconProps['width']\n    color?: IconProps['color']\n  } = {}\n\n  if (!sizeAsString && !(sizeAsInt > 0) && parseFloat(String(size)) > -1) {\n    params.width = params.height = parseFloat(String(size))\n  } else if (sizeAsString === 'custom-size') {\n    params.width = params.height = parseFloat(String(sizeAsInt))\n  }\n  if (parseFloat(String(width)) > -1) {\n    sizeAsString = 'custom-size'\n    params.width = parseFloat(String(width))\n  }\n  if (parseFloat(String(height)) > -1) {\n    sizeAsString = 'custom-size'\n    params.height = parseFloat(String(height))\n  }\n\n  validateDOMAttributes({}, params)\n\n  return { params, sizeAsString }\n}\n\nexport function prepareIcon(props: IconAllProps, context: ContextProps) {\n  const {\n    icon,\n    size,\n    width,\n    height,\n    border,\n    color,\n    inheritColor,\n    inherit_color,\n    modifier,\n    alt,\n    title,\n    skeleton,\n    className,\n    ...attributes\n  } = props\n\n  const { sizeAsString, iconParams } = calcSize({\n    icon,\n    size,\n    width,\n    height,\n  })\n\n  if (color) {\n    iconParams.color = color\n  }\n\n  const label = icon ? getIconNameFromComponent(icon) : null\n\n  // some wrapper params\n  // also used for code markup simulation\n  const wrapperParams = validateDOMAttributes(props, {\n    role: alt ? 'img' : 'presentation',\n    alt, // in case the image don't shows up (because we define the role to be img)\n    'aria-label':\n      label && !label.includes('default')\n        ? label.replace(/_/g, ' ') + ' icon'\n        : null, // for screen readers only\n    title, // to show on hover, if defined\n    ...attributes,\n  })\n  if (!alt && typeof wrapperParams['aria-hidden'] === 'undefined') {\n    wrapperParams['aria-hidden'] = true\n  }\n  if (wrapperParams['aria-hidden']) {\n    if (\n      !wrapperParams['data-testid'] &&\n      typeof process !== 'undefined' &&\n      process.env.NODE_ENV === 'test'\n    ) {\n      wrapperParams['data-testid'] = wrapperParams['aria-label']\n    }\n    delete wrapperParams['aria-label']\n  }\n\n  wrapperParams.className = classnames(\n    'dnb-icon',\n    modifier && `dnb-icon--${modifier}`,\n    border && 'dnb-icon--border',\n    (inheritColor ?? inherit_color) !== false && 'dnb-icon--inherit-color',\n    sizeAsString ? `dnb-icon--${sizeAsString}` : 'dnb-icon--default',\n    createSkeletonClass(null, skeleton, context),\n    createSpacingClasses(props),\n    className\n  )\n\n  let iconToRender = getIcon(props)\n\n  if (iconToRender && typeof iconToRender.defaultProps !== 'undefined') {\n    iconToRender = React.createElement(\n      iconToRender,\n      validateDOMAttributes(\n        {},\n        {\n          color,\n          icon,\n          size,\n          width,\n          height,\n        }\n      )\n    )\n  }\n\n  return {\n    ...props,\n    icon: iconToRender,\n    alt,\n    iconParams,\n    wrapperParams,\n  }\n}\n\nexport function prerenderIcon(\n  props: IconProps & {\n    listOfIcons?: Record<string, IconIcon>\n  }\n) {\n  const { size = null, listOfIcons = null, alt = null } = props\n  let { icon } = props as Omit<IconProps, 'icon'> & { icon: IconType }\n\n  if (typeof icon === 'string' && /^data:image\\//.test(icon)) {\n    return () => <img src={String(icon)} alt={alt || 'no-alt'} />\n  }\n\n  if (typeof icon === 'function') {\n    const elem = icon()\n    if (React.isValidElement(elem)) {\n      return icon\n    }\n    return elem\n  }\n\n  if (React.isValidElement(icon) || Array.isArray(icon)) {\n    return () => icon\n  }\n\n  // For UMD/ dynamic import of icons\n  try {\n    icon = iconCase(icon)\n    if (\n      size &&\n      DefaultIconSizes[size] &&\n      size !== 'basis' &&\n      size !== 'default' &&\n      !(parseFloat(String(size)) > 0) &&\n      !icon.includes(size as ValidIconType)\n    ) {\n      icon = `${icon}_${size}`\n    }\n    const mod = (\n      listOfIcons.dnbIcons ? listOfIcons.dnbIcons : listOfIcons\n    )[icon]\n    return mod && mod.default ? mod.default : mod\n  } catch (e) {\n    ErrorHandler(`Icon '${icon}' did not exist!`)\n    return null\n  }\n}\n\nfunction getIcon(props) {\n  if (props.icon) {\n    return props.icon\n  }\n  return processChildren(props)\n}\n\nIcon._supportsSpacingProps = true\n"],"mappings":"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"}

package/components/icon/IconHelpers.d.ts

@@ -1 +1,2 @@
-export function iconCase(name: any): any;
+import { IconIcon } from './Icon';
+export declare const iconCase: (name: IconIcon) => string;

package/components/icon/IconHelpers.js

@@ -1 +1 @@
-export const iconCase = name => name.replace(/((?!^)[A-Z])/g, '_$1').toLowerCase().replace(/^[0-9]/g, '$1').replace(/[^a-z0-9_]/gi, '_');
+export const iconCase = name => String(name).replace(/((?!^)[A-Z])/g, '_$1').toLowerCase().replace(/^[0-9]/g, '$1').replace(/[^a-z0-9_]/gi, '_');

package/components/icon/IconHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconHelpers.js","names":["iconCase","name","replace","toLowerCase"],"sources":["../../../../src/components/icon/IconHelpers.js"],"sourcesContent":["// to replace icon names\nexport const iconCase = (name) =>\n  name\n    .replace(/((?!^)[A-Z])/g, '_$1')\n    .toLowerCase()\n    .replace(/^[0-9]/g, '$1')\n    .replace(/[^a-z0-9_]/gi, '_')\n"],"mappings":"AACA,OAAO,MAAMA,QAAQ,GAAIC,IAAI,IAC3BA,IAAI,CACDC,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,CAC/BC,WAAW,CAAC,CAAC,CACbD,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CACxBA,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC"}
+{"version":3,"file":"IconHelpers.js","names":["iconCase","name","String","replace","toLowerCase"],"sources":["../../../../src/components/icon/IconHelpers.ts"],"sourcesContent":["import { IconIcon } from './Icon'\n\n// to replace icon names\nexport const iconCase = (name: IconIcon) =>\n  String(name)\n    .replace(/((?!^)[A-Z])/g, '_$1')\n    .toLowerCase()\n    .replace(/^[0-9]/g, '$1')\n    .replace(/[^a-z0-9_]/gi, '_')\n"],"mappings":"AAGA,OAAO,MAAMA,QAAQ,GAAIC,IAAc,IACrCC,MAAM,CAACD,IAAI,CAAC,CACTE,OAAO,CAAC,eAAe,EAAE,KAAK,CAAC,CAC/BC,WAAW,CAAC,CAAC,CACbD,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CACxBA,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC"}

package/components/icon/IconPrimary.d.ts

@@ -1,3 +1,3 @@
-export default IconPrimary;
-export * from "../icon-primary/IconPrimary";
 import IconPrimary from '../icon-primary/IconPrimary';
+export default IconPrimary;
+export * from '../icon-primary/IconPrimary';

package/components/icon/IconPrimary.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPrimary.js","names":["IconPrimary"],"sources":["../../../../src/components/icon/IconPrimary.js"],"sourcesContent":["import IconPrimary from '../icon-primary/IconPrimary'\nexport default IconPrimary\nexport * from '../icon-primary/IconPrimary'\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,6BAA6B;AACrD,eAAeA,WAAW;AAC1B,cAAc,6BAA6B"}
+{"version":3,"file":"IconPrimary.js","names":["IconPrimary"],"sources":["../../../../src/components/icon/IconPrimary.ts"],"sourcesContent":["import IconPrimary from '../icon-primary/IconPrimary'\nexport default IconPrimary\nexport * from '../icon-primary/IconPrimary'\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,6BAA6B;AACrD,eAAeA,WAAW;AAC1B,cAAc,6BAA6B"}

package/components/icon-primary/IconPrimary.d.ts

@@ -1,12 +1,9 @@
-import * as React from 'react';
-import type { IconProps } from '../Icon';
-export interface IconPrimaryProps
-  extends IconProps,
-    Omit<React.HTMLProps<HTMLElement>, 'size' | 'ref'> {}
-export default class IconPrimary extends React.Component<
-  IconPrimaryProps,
-  any
-> {
-  static defaultProps: object;
-  render(): JSX.Element;
+import { IconAllProps, IconProps } from '../icon/Icon';
+export * from '../icon/Icon';
+export type IconPrimaryProps = IconProps;
+export type IconPrimaryAllProps = IconAllProps;
+declare function IconPrimary(localProps: IconAllProps): import("react/jsx-runtime").JSX.Element;
+declare namespace IconPrimary {
+    var _supportsSpacingProps: boolean;
 }
+export default IconPrimary;

package/components/icon-primary/IconPrimary.js

@@ -3,42 +3,36 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from 'react';
+import React, { useContext } from 'react';
 import Context from '../../shared/Context';
-import { extendPropsWithContextInClassComponent } from '../../shared/component-helper';
-import DefaultIcon, { iconPropTypes, DefaultIconSize, prerenderIcon, prepareIcon } from '../icon/Icon';
+import { extendPropsWithContext } from '../../shared/component-helper';
+import { prerenderIcon, prepareIcon } from '../icon/Icon';
 import * as primary_icons from '../../icons/dnb/primary_icons';
 import * as primary_icons_medium from '../../icons/dnb/primary_icons_medium';
+export * from '../icon/Icon';
 const icons = _objectSpread(_objectSpread({}, primary_icons), primary_icons_medium);
-export { DefaultIconSize };
-export default class IconPrimary extends React.PureComponent {
-  static getIcon(props) {
-    return DefaultIcon.getIcon(props);
-  }
-  render() {
-    var _this$context;
-    const props = extendPropsWithContextInClassComponent(this.props, IconPrimary.defaultProps, {
-      skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
-    }, this.context.Icon, this.context.IconPrimary);
-    const {
-      icon,
-      size,
-      wrapperParams,
-      iconParams,
-      alt
-    } = prepareIcon(props, this.context);
-    const IconContainer = prerenderIcon({
-      icon,
-      size,
-      alt,
-      listOfIcons: icons
-    });
-    if (!IconContainer) return React.createElement(React.Fragment, null);
-    return React.createElement("span", wrapperParams, React.createElement(IconContainer, iconParams));
+export default function IconPrimary(localProps) {
+  const context = useContext(Context);
+  const props = extendPropsWithContext(localProps, {}, {
+    skeleton: context === null || context === void 0 ? void 0 : context.skeleton
+  }, context.Icon, context.IconPrimary);
+  const {
+    icon,
+    size,
+    wrapperParams,
+    iconParams,
+    alt
+  } = prepareIcon(props, context);
+  const IconContainer = prerenderIcon({
+    icon,
+    size,
+    alt,
+    listOfIcons: icons
+  });
+  if (!IconContainer) {
+    return React.createElement(React.Fragment, null);
   }
+  return React.createElement("span", wrapperParams, React.createElement(IconContainer, iconParams));
 }
-_defineProperty(IconPrimary, "contextType", Context);
-_defineProperty(IconPrimary, "defaultProps", _objectSpread({}, DefaultIcon.defaultProps));
-process.env.NODE_ENV !== "production" ? IconPrimary.propTypes = _objectSpread({}, iconPropTypes) : void 0;
 IconPrimary._supportsSpacingProps = true;
 //# sourceMappingURL=IconPrimary.js.map

package/components/icon-primary/IconPrimary.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconPrimary.js","names":["React","Context","extendPropsWithContextInClassComponent","DefaultIcon","iconPropTypes","DefaultIconSize","prerenderIcon","prepareIcon","primary_icons","primary_icons_medium","icons","_objectSpread","IconPrimary","PureComponent","getIcon","props","render","_this$context","defaultProps","skeleton","context","Icon","icon","size","wrapperParams","iconParams","alt","IconContainer","listOfIcons","createElement","Fragment","_defineProperty","process","env","NODE_ENV","propTypes","_supportsSpacingProps"],"sources":["../../../../src/components/icon-primary/IconPrimary.js"],"sourcesContent":["/**\n * Web Icon Component\n *\n * This is a legacy component.\n * For refferencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\n// eslint-disable-next-line no-unused-vars\nimport PropTypes from 'prop-types' // Is needed because of ts types\nimport Context from '../../shared/Context'\nimport { extendPropsWithContextInClassComponent } from '../../shared/component-helper'\nimport DefaultIcon, {\n  iconPropTypes,\n  DefaultIconSize,\n  prerenderIcon,\n  prepareIcon,\n} from '../icon/Icon'\n\n// NB: The path reflects the rollup.config.js -> external: '../../icons/dnb/primary_icons'\nimport * as primary_icons from '../../icons/dnb/primary_icons'\nimport * as primary_icons_medium from '../../icons/dnb/primary_icons_medium'\n\nconst icons = { ...primary_icons, ...primary_icons_medium }\n\nexport { DefaultIconSize }\n\nexport default class IconPrimary extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    /**\n     * Use spread, so generateTypes.js makes a valid copy to create the types\n     */\n    ...iconPropTypes,\n  }\n  static defaultProps = { ...DefaultIcon.defaultProps }\n\n  static getIcon(props) {\n    return DefaultIcon.getIcon(props)\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      IconPrimary.defaultProps,\n      { skeleton: this.context?.skeleton },\n      this.context.Icon,\n      this.context.IconPrimary\n    )\n\n    const { icon, size, wrapperParams, iconParams, alt } = prepareIcon(\n      props,\n      this.context\n    )\n\n    const IconContainer = prerenderIcon({\n      icon,\n      size,\n      alt,\n      listOfIcons: icons,\n    })\n\n    if (!IconContainer) return <></>\n\n    return (\n      <span {...wrapperParams}>\n        <IconContainer {...iconParams} />\n      </span>\n    )\n  }\n}\n\nIconPrimary._supportsSpacingProps = true\n"],"mappings":";;;;;AAOA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SAASC,sCAAsC,QAAQ,+BAA+B;AACtF,OAAOC,WAAW,IAChBC,aAAa,EACbC,eAAe,EACfC,aAAa,EACbC,WAAW,QACN,cAAc;AAGrB,OAAO,KAAKC,aAAa,MAAM,+BAA+B;AAC9D,OAAO,KAAKC,oBAAoB,MAAM,sCAAsC;AAE5E,MAAMC,KAAK,GAAAC,aAAA,CAAAA,aAAA,KAAQH,aAAa,GAAKC,oBAAoB,CAAE;AAE3D,SAASJ,eAAe;AAExB,eAAe,MAAMO,WAAW,SAASZ,KAAK,CAACa,aAAa,CAAC;EAW3D,OAAOC,OAAOA,CAACC,KAAK,EAAE;IACpB,OAAOZ,WAAW,CAACW,OAAO,CAACC,KAAK,CAAC;EACnC;EAEAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,aAAA;IAEP,MAAMF,KAAK,GAAGb,sCAAsC,CAClD,IAAI,CAACa,KAAK,EACVH,WAAW,CAACM,YAAY,EACxB;MAAEC,QAAQ,GAAAF,aAAA,GAAE,IAAI,CAACG,OAAO,cAAAH,aAAA,uBAAZA,aAAA,CAAcE;IAAS,CAAC,EACpC,IAAI,CAACC,OAAO,CAACC,IAAI,EACjB,IAAI,CAACD,OAAO,CAACR,WACf,CAAC;IAED,MAAM;MAAEU,IAAI;MAAEC,IAAI;MAAEC,aAAa;MAAEC,UAAU;MAAEC;IAAI,CAAC,GAAGnB,WAAW,CAChEQ,KAAK,EACL,IAAI,CAACK,OACP,CAAC;IAED,MAAMO,aAAa,GAAGrB,aAAa,CAAC;MAClCgB,IAAI;MACJC,IAAI;MACJG,GAAG;MACHE,WAAW,EAAElB;IACf,CAAC,CAAC;IAEF,IAAI,CAACiB,aAAa,EAAE,OAAO3B,KAAA,CAAA6B,aAAA,CAAA7B,KAAA,CAAA8B,QAAA,MAAI,CAAC;IAEhC,OACE9B,KAAA,CAAA6B,aAAA,SAAUL,aAAa,EACrBxB,KAAA,CAAA6B,aAAA,CAACF,aAAa,EAAKF,UAAa,CAC5B,CAAC;EAEX;AACF;AAACM,eAAA,CA7CoBnB,WAAW,iBACTX,OAAO;AAAA8B,eAAA,CADTnB,WAAW,kBAAAD,aAAA,KASHR,WAAW,CAACe,YAAY;AAAAc,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAThCtB,WAAW,CAGvBuB,SAAS,GAAAxB,aAAA,KAIXP,aAAa;AAwCpBQ,WAAW,CAACwB,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"IconPrimary.js","names":["React","useContext","Context","extendPropsWithContext","prerenderIcon","prepareIcon","primary_icons","primary_icons_medium","icons","_objectSpread","IconPrimary","localProps","context","props","skeleton","Icon","icon","size","wrapperParams","iconParams","alt","IconContainer","listOfIcons","createElement","Fragment","_supportsSpacingProps"],"sources":["../../../../src/components/icon-primary/IconPrimary.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport Context from '../../shared/Context'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport {\n  prerenderIcon,\n  prepareIcon,\n  IconAllProps,\n  IconProps,\n} from '../icon/Icon'\n\n// NB: The path reflects the rollup.config.js -> external: '../../icons/dnb/primary_icons'\nimport * as primary_icons from '../../icons/dnb/primary_icons'\nimport * as primary_icons_medium from '../../icons/dnb/primary_icons_medium'\n\nexport * from '../icon/Icon'\n\nexport type IconPrimaryProps = IconProps\nexport type IconPrimaryAllProps = IconAllProps\n\nconst icons = { ...primary_icons, ...primary_icons_medium }\n\nexport default function IconPrimary(localProps: IconAllProps) {\n  const context = useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    {},\n    { skeleton: context?.skeleton },\n    context.Icon,\n    context.IconPrimary\n  )\n\n  const { icon, size, wrapperParams, iconParams, alt } = prepareIcon(\n    props,\n    context\n  )\n\n  const IconContainer = prerenderIcon({\n    icon,\n    size,\n    alt,\n    listOfIcons: icons,\n  })\n\n  if (!IconContainer) {\n    return <></>\n  }\n\n  return (\n    <span {...wrapperParams}>\n      <IconContainer {...iconParams} />\n    </span>\n  )\n}\n\nIconPrimary._supportsSpacingProps = true\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,SAASC,sBAAsB,QAAQ,+BAA+B;AACtE,SACEC,aAAa,EACbC,WAAW,QAGN,cAAc;AAGrB,OAAO,KAAKC,aAAa,MAAM,+BAA+B;AAC9D,OAAO,KAAKC,oBAAoB,MAAM,sCAAsC;AAE5E,cAAc,cAAc;AAK5B,MAAMC,KAAK,GAAAC,aAAA,CAAAA,aAAA,KAAQH,aAAa,GAAKC,oBAAoB,CAAE;AAE3D,eAAe,SAASG,WAAWA,CAACC,UAAwB,EAAE;EAC5D,MAAMC,OAAO,GAAGX,UAAU,CAACC,OAAO,CAAC;EAGnC,MAAMW,KAAK,GAAGV,sBAAsB,CAClCQ,UAAU,EACV,CAAC,CAAC,EACF;IAAEG,QAAQ,EAAEF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE;EAAS,CAAC,EAC/BF,OAAO,CAACG,IAAI,EACZH,OAAO,CAACF,WACV,CAAC;EAED,MAAM;IAAEM,IAAI;IAAEC,IAAI;IAAEC,aAAa;IAAEC,UAAU;IAAEC;EAAI,CAAC,GAAGf,WAAW,CAChEQ,KAAK,EACLD,OACF,CAAC;EAED,MAAMS,aAAa,GAAGjB,aAAa,CAAC;IAClCY,IAAI;IACJC,IAAI;IACJG,GAAG;IACHE,WAAW,EAAEd;EACf,CAAC,CAAC;EAEF,IAAI,CAACa,aAAa,EAAE;IAClB,OAAOrB,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,MAAI,CAAC;EACd;EAEA,OACExB,KAAA,CAAAuB,aAAA,SAAUL,aAAa,EACrBlB,KAAA,CAAAuB,aAAA,CAACF,aAAa,EAAKF,UAAa,CAC5B,CAAC;AAEX;AAEAT,WAAW,CAACe,qBAAqB,GAAG,IAAI"}