@dnb/eufemia 9.23.1 → 9.24.0

package/cjs/components/number-format/NumberUtils.d.ts

@@ -34,6 +34,9 @@ export interface formatOptionParams {
   /** Should the number be cleaned */
   clean?: boolean;
 
+  /** shortens any number or currency including an abbreviation. You can combine `compact` with `currency`. It gives you zero decimal by default `decimals={0}`. Use either a boolean, or a string with "short" or "long" */
+  compact?: boolean | 'short' | 'long';
+
   /** How many decimals */
   decimals?: number;
 
@@ -53,13 +56,19 @@ export interface formatOptionParams {
   /** Currency code (ISO 4217) or `true` to use the default, `NOK`. */
   currency?: string | boolean;
 
-  /** Intl.NumberFormat currency option – you can use false or empty string to hide the sign/name */
-  currency_display?: string | boolean;
+  /** Intl.NumberFormat currency option – you can use false or empty string to hide the sign/name. Defaults to narrowSymbol when the locale is no else we default to code. */
+  currency_display?:
+    | boolean
+    | ''
+    | 'code'
+    | 'name'
+    | 'symbol'
+    | 'narrowSymbol';
   /** currency option */
   currency_position?: formatCurrencyPosition;
   /** hides the currency sign */
   omit_currency_sign?: boolean;
-  /** will remove all extra signs,like a currency sign or percent sign for the cleanedValue return when returnAria is true */
+  /** will remove all extra signs, like a currency sign or percent sign for the cleanedValue return when returnAria is true */
   clean_copy_value?: boolean;
 
   /** Intl.NumberFormat options (NumberFormatOptions) */

package/cjs/components/number-format/NumberUtils.js

@@ -64,6 +64,8 @@ require("core-js/modules/es.string.ends-with.js");
 
 require("core-js/modules/es.array.find.js");
 
+require("core-js/modules/es.parse-int.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Context = _interopRequireDefault(require("../../shared/Context"));
@@ -100,6 +102,8 @@ var format = function format(value) {
       locale = _ref$locale === void 0 ? null : _ref$locale,
       _ref$clean = _ref.clean,
       clean = _ref$clean === void 0 ? false : _ref$clean,
+      _ref$compact = _ref.compact,
+      compact = _ref$compact === void 0 ? null : _ref$compact,
       _ref$phone = _ref.phone,
       phone = _ref$phone === void 0 ? null : _ref$phone,
       _ref$org = _ref.org,
@@ -151,7 +155,7 @@ var format = function format(value) {
 
   if (parseFloat(decimals) >= 0) {
     value = formatDecimals(value, decimals, omit_rounding, opts);
-  } else {
+  } else if (typeof opts.maximumFractionDigits === 'undefined') {
     opts.maximumFractionDigits = 20;
   }
 
@@ -209,6 +213,13 @@ var format = function format(value) {
   } else if ((0, _componentHelper.isTrue)(currency) || typeof currency === 'string') {
     type = 'currency';
     opts.currency = opts.currency || ((0, _componentHelper.isTrue)(currency) ? _defaults.CURRENCY : currency);
+    handleCompactBeforeDisplay({
+      value: value,
+      locale: locale,
+      compact: compact,
+      decimals: decimals,
+      opts: opts
+    });
 
     if (decimals === null) {
       decimals = 2;
@@ -222,7 +233,7 @@ var format = function format(value) {
     }
 
     opts.style = 'currency';
-    opts.currencyDisplay = getFallbackCurrencyDisplay(locale, opts.currency_display || currency_display);
+    opts.currencyDisplay = getFallbackCurrencyDisplay(locale, opts.currencyDisplay || currency_display);
 
     if (typeof opts.minimumFractionDigits === 'undefined' && String(value).indexOf('.') === -1 && cleanedNumber % 1 === 0) {
       opts.minimumFractionDigits = 0;
@@ -271,6 +282,11 @@ var format = function format(value) {
       }
     }
 
+    handleCompactBeforeAria({
+      value: value,
+      compact: compact,
+      opts: opts
+    });
     aria = formatNumber(cleanedNumber, locale, _objectSpread(_objectSpread({
       minimumFractionDigits: 0,
       maximumFractionDigits: 2
@@ -286,12 +302,21 @@ var format = function format(value) {
       aria = prepareMinus(aria, locale);
     }
   } else {
+    handleCompactBeforeDisplay({
+      value: value,
+      locale: locale,
+      compact: compact,
+      decimals: decimals,
+      opts: opts
+    });
     display = formatNumber(value, locale, opts);
     display = prepareMinus(display, locale);
-    aria = formatNumber(value, locale, _objectSpread(_objectSpread({}, opts), {}, {
-      minimumFractionDigits: 1,
-      maximumFractionDigits: 20
-    }));
+    handleCompactBeforeAria({
+      value: value,
+      compact: compact,
+      opts: opts
+    });
+    aria = formatNumber(value, locale, opts);
     aria = enhanceSR(value, aria, locale);
   }
 
@@ -318,7 +343,7 @@ var format = function format(value) {
       });
     } else {
       var thousandsSeparator = getThousandsSeparator(locale);
-      cleanedValue = display.replace(new RegExp("".concat(thousandsSeparator, "(?=\\d{3})"), 'g'), '');
+      cleanedValue = String(display).replace(new RegExp("".concat(thousandsSeparator, "(?=\\d{3})"), 'g'), '');
     }
 
     return {
@@ -965,4 +990,78 @@ function formatToParts(_ref9) {
   return [{
     value: number
   }];
+}
+
+function handleCompactBeforeDisplay() {
+  var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      value = _ref10.value,
+      locale = _ref10.locale,
+      compact = _ref10.compact,
+      _ref10$decimals = _ref10.decimals,
+      decimals = _ref10$decimals === void 0 ? 0 : _ref10$decimals,
+      opts = _ref10.opts;
+
+  if (!canHandleCompact({
+    value: value,
+    compact: compact
+  })) {
+    return;
+  }
+
+  value = parseInt(Math.abs(value));
+  opts.notation = 'compact';
+
+  if ((0, _componentHelper.isTrue)(compact) && locale && /(no|nb|nn)$/i.test(locale)) {
+    opts.compactDisplay = Math.abs(value) < 1000000 ? 'long' : 'short';
+  } else {
+    opts.compactDisplay = !(0, _componentHelper.isTrue)(compact) ? compact : 'short';
+  }
+
+  if (typeof opts.maximumSignificantDigits === 'undefined') {
+    if (isNaN(parseFloat(decimals))) {
+      decimals = 0;
+    } else {
+      decimals = parseFloat(decimals);
+    }
+
+    var ref = String(value).length % 3;
+
+    if (ref === 2) {
+      decimals += 1;
+    } else if (ref === 0) {
+      decimals += 2;
+    }
+
+    opts.maximumSignificantDigits = decimals + 1;
+  }
+}
+
+function handleCompactBeforeAria(_ref11) {
+  var value = _ref11.value,
+      compact = _ref11.compact,
+      opts = _ref11.opts;
+
+  if (!canHandleCompact({
+    value: value,
+    compact: compact
+  })) {
+    return;
+  }
+
+  opts.compactDisplay = 'long';
+}
+
+function canHandleCompact(_ref12) {
+  var value = _ref12.value,
+      compact = _ref12.compact;
+
+  if (_helpers.IS_IE11) {
+    return false;
+  }
+
+  if (compact && Math.abs(value) >= 1000) {
+    return true;
+  }
+
+  return false;
 }

package/cjs/components/tag/Tag.d.ts

@@ -13,6 +13,11 @@ export interface TagProps {
      * Default: null
      */
     icon?: IconPrimaryIcon;
+    /**
+     * If a label is given, typical inside a table or dl (definition list), then you can disable Tag.Group as a dependent of Tag. Use `true` to omit the `Tag group required:` warning.
+     * Default: null
+     */
+    hasLabel?: boolean;
     /**
      * Custom className on the component root
      * Default: null
@@ -45,13 +50,7 @@ export interface TagProps {
     omitOnKeyUpDeleteEvent?: boolean;
 }
 export declare const defaultProps: {
-    className: any;
     skeleton: boolean;
-    text: any;
-    children: any;
-    icon: any;
-    onClick: any;
-    onDelete: any;
     omitOnKeyUpDeleteEvent: boolean;
 };
 declare const Tag: {

package/cjs/components/tag/Tag.js

@@ -33,7 +33,7 @@ var _TagContext = require("./TagContext");
 
 var _IconPrimary;
 
-var _excluded = ["className", "skeleton", "children", "text", "onClick", "onDelete", "omitOnKeyUpDeleteEvent"];
+var _excluded = ["className", "skeleton", "children", "text", "hasLabel", "onClick", "onDelete", "omitOnKeyUpDeleteEvent"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -44,13 +44,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var defaultProps = {
-  className: null,
   skeleton: false,
-  text: null,
-  children: null,
-  icon: null,
-  onClick: null,
-  onDelete: null,
   omitOnKeyUpDeleteEvent: false
 };
 exports.defaultProps = defaultProps;
@@ -67,6 +61,7 @@ var Tag = function Tag(localProps) {
       skeleton = _usePropsWithContext.skeleton,
       children = _usePropsWithContext.children,
       text = _usePropsWithContext.text,
+      hasLabel = _usePropsWithContext.hasLabel,
       onClick = _usePropsWithContext.onClick,
       onDelete = _usePropsWithContext.onDelete,
       omitOnKeyUpDeleteEvent = _usePropsWithContext.omitOnKeyUpDeleteEvent,
@@ -99,7 +94,7 @@ var Tag = function Tag(localProps) {
     buttonAttr.icon = getDeleteIcon();
   }
 
-  if (!tagGroupContext) {
+  if (!tagGroupContext && !hasLabel) {
     (0, _componentHelper.warn)("Tag group required: A Tag requires a Tag.Group with label description as a parent component. This is to ensure correct semantic and accessibility.");
   }
 

package/cjs/fragments/drawer-list/DrawerList.js

@@ -554,7 +554,7 @@ var ItemContent = function ItemContent(_ref3) {
         className: "dnb-drawer-list__option__item"
       }, children.render ? children.render(item, hash + n) : item);
     });
-  } else if (children.content) {
+  } else if (Object.prototype.hasOwnProperty.call(children, 'content')) {
     return children.render ? children.render(children.content, hash, children) : children.content;
   }
 

package/cjs/fragments/drawer-list/DrawerListHelpers.js

@@ -274,6 +274,8 @@ var normalizeData = function normalizeData(props) {
   }
 
   return (data || []).map(function (item, __id) {
+    var _item;
+
     if (typeof item === 'number' || typeof item === 'string' || Array.isArray(item) || _react.default.isValidElement(item)) {
       item = {
         content: item,
@@ -281,7 +283,7 @@ var normalizeData = function normalizeData(props) {
       };
     }
 
-    return typeof item.__id !== 'undefined' ? item : _objectSpread(_objectSpread({}, item), {}, {
+    return typeof ((_item = item) === null || _item === void 0 ? void 0 : _item.__id) !== 'undefined' ? item : _objectSpread(_objectSpread({}, item), {}, {
       __id: __id
     });
   });

package/cjs/shared/Context.d.ts

@@ -3,6 +3,7 @@ export function prepareContext(props?: {}): {
     updateTranslation: (locale: any, translation: any) => void;
     getTranslation: (props: any) => any;
     locales: any;
+    Button: {};
     Avatar: {};
     AvatarGroup: {};
     Breadcrumb: {};
@@ -22,6 +23,7 @@ declare const Context: React.Context<{
     updateTranslation: (locale: any, translation: any) => void;
     getTranslation: (props: any) => any;
     locales: any;
+    Button: {};
     Avatar: {};
     AvatarGroup: {};
     Breadcrumb: {};

package/cjs/shared/Context.js

@@ -80,6 +80,7 @@ var prepareContext = function prepareContext() {
       return context.translation;
     },
     locales: locales,
+    Button: {},
     Avatar: {},
     AvatarGroup: {},
     Breadcrumb: {},

package/cjs/shared/Eufemia.js

@@ -21,7 +21,7 @@ function init() {
       _createClass(Eufemia, [{
         key: "version",
         get: function get() {
-          return '9.23.1';
+          return '9.24.0';
         }
       }]);
 

package/cjs/shared/locales/en-GB.d.ts

@@ -72,6 +72,10 @@ declare var _default: {
             dialog_title: string;
             close_title: string;
         };
+        Dialog: {
+            declineText: string;
+            confirmText: string;
+        };
         NumberFormat: {
             clipboard_copy: string;
         };

package/cjs/shared/locales/en-GB.js

@@ -78,6 +78,10 @@ var _default = {
       dialog_title: 'Dialog Window',
       close_title: 'Close'
     },
+    Dialog: {
+      declineText: 'Cancel',
+      confirmText: 'Approve'
+    },
     NumberFormat: {
       clipboard_copy: 'Copied'
     },

package/cjs/shared/locales/en-US.d.ts

@@ -73,6 +73,10 @@ declare var _default: {
             dialog_title: string;
             close_title: string;
         };
+        Dialog: {
+            declineText: string;
+            confirmText: string;
+        };
         NumberFormat: {
             clipboard_copy: string;
         };

package/cjs/shared/locales/index.d.ts

@@ -72,6 +72,10 @@ declare var _default: {
             dialog_title: string;
             close_title: string;
         };
+        Dialog: {
+            declineText: string;
+            confirmText: string;
+        };
         NumberFormat: {
             clipboard_copy: string;
         };
@@ -188,6 +192,10 @@ declare var _default: {
             dialog_title: string;
             close_title: string;
         };
+        Dialog: {
+            declineText: string;
+            confirmText: string;
+        };
         NumberFormat: {
             clipboard_copy: string;
         };

package/cjs/shared/locales/nb-NO.d.ts

@@ -72,6 +72,10 @@ declare var _default: {
             dialog_title: string;
             close_title: string;
         };
+        Dialog: {
+            declineText: string;
+            confirmText: string;
+        };
         NumberFormat: {
             clipboard_copy: string;
         };

package/cjs/shared/locales/nb-NO.js

@@ -78,6 +78,10 @@ var _default = {
       dialog_title: 'Separat Vindu',
       close_title: 'Lukk'
     },
+    Dialog: {
+      declineText: 'Avbryt',
+      confirmText: 'Godta'
+    },
     NumberFormat: {
       clipboard_copy: 'Kopiert'
     },

package/cjs/shared/useTranslation.d.ts

@@ -6,6 +6,7 @@ export class Translation extends React.PureComponent<any, any, any> {
         updateTranslation: (locale: any, translation: any) => void;
         getTranslation: (props: any) => any;
         locales: any;
+        Button: {};
         Avatar: {};
         AvatarGroup: {};
         Breadcrumb: {};