@dnb/eufemia 9.17.0 → 9.19.0

package/cjs/components/input-masked/InputMaskedHooks.js

@@ -33,7 +33,7 @@ require("core-js/modules/es.object.get-own-property-descriptors.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useNumberMask = exports.useMaskParams = exports.useLocale = exports.useLocalValue = exports.useInternalMask = exports.useInputElementRef = exports.useInputElement = exports.useFilteredProps = exports.useEventMapping = void 0;
+exports.useNumberMask = exports.useMaskParams = exports.useMask = exports.useLocale = exports.useLocalValue = exports.useInputElementRef = exports.useInputElement = exports.useFilteredProps = exports.useEventMapping = void 0;
 
 require("core-js/modules/es.object.freeze.js");
 
@@ -59,8 +59,6 @@ var _NumberUtils = require("../number-format/NumberUtils");
 
 var _componentHelper = require("../../shared/component-helper");
 
-var _Context = _interopRequireDefault(require("../../shared/Context"));
-
 var _TextMask = _interopRequireDefault(require("./TextMask"));
 
 var _createNumberMask = _interopRequireDefault(require("./addons/createNumberMask"));
@@ -140,9 +138,8 @@ exports.useInputElementRef = useInputElementRef;
 
 var useLocale = function useLocale() {
   var _React$useContext3 = _react.default.useContext(_InputMaskedContext.default),
-      props = _React$useContext3.props;
-
-  var context = _react.default.useContext(_Context.default);
+      props = _React$useContext3.props,
+      context = _React$useContext3.context;
 
   var locale = props.locale;
 
@@ -157,18 +154,16 @@ exports.useLocale = useLocale;
 
 var useLocalValue = function useLocalValue() {
   var _React$useContext4 = _react.default.useContext(_InputMaskedContext.default),
-      props = _React$useContext4.props;
-
-  var context = _react.default.useContext(_Context.default);
+      props = _React$useContext4.props,
+      context = _React$useContext4.context;
 
-  var maskParams = useNumberMaskParams();
+  var maskParams = useNumberMaskParams() || {};
   var locale = useLocale();
 
   var _React$useState = _react.default.useState(function () {
     return (0, _InputMaskedUtils.correctNumberValue)({
-      props: props,
-      context: context,
       locale: locale,
+      props: props,
       maskParams: maskParams
     });
   }),
@@ -179,9 +174,8 @@ var useLocalValue = function useLocalValue() {
   _react.default.useEffect(function () {
     var value = (0, _InputMaskedUtils.correctNumberValue)({
       localValue: localValue,
-      props: props,
-      context: context,
       locale: locale,
+      props: props,
       maskParams: maskParams
     });
     setLocalValue(value);
@@ -198,7 +192,10 @@ exports.useLocalValue = useLocalValue;
 var useNumberMask = function useNumberMask() {
   var maskParams = useNumberMaskParams();
 
-  if (!maskParams) {
+  var _React$useContext5 = _react.default.useContext(_InputMaskedContext.default),
+      props = _React$useContext5.props;
+
+  if (!maskParams || !(0, _InputMaskedUtils.isRequestingNumberMask)(props)) {
     return null;
   }
 
@@ -209,9 +206,9 @@ var useNumberMask = function useNumberMask() {
 
 exports.useNumberMask = useNumberMask;
 
-var useInternalMask = function useInternalMask() {
-  var _React$useContext5 = _react.default.useContext(_InputMaskedContext.default),
-      props = _React$useContext5.props;
+var useMask = function useMask() {
+  var _React$useContext6 = _react.default.useContext(_InputMaskedContext.default),
+      props = _React$useContext6.props;
 
   var numberMask = useNumberMask();
 
@@ -222,18 +219,18 @@ var useInternalMask = function useInternalMask() {
   return props.mask;
 };
 
-exports.useInternalMask = useInternalMask;
+exports.useMask = useMask;
 
 var useMaskParams = function useMaskParams() {
-  var _React$useContext6 = _react.default.useContext(_InputMaskedContext.default),
-      props = _React$useContext6.props;
+  var _React$useContext7 = _react.default.useContext(_InputMaskedContext.default),
+      props = _React$useContext7.props;
 
   var keep_char_positions = props.keep_char_positions,
       show_guide = props.show_guide,
       show_mask = props.show_mask,
       placeholder_char = props.placeholder_char,
       placeholder = props.placeholder;
-  var mask = useInternalMask();
+  var mask = useMask();
   var maskParams = useNumberMaskParams() || {};
   maskParams.showMask = !placeholder && (0, _componentHelper.isTrue)(show_mask);
   maskParams.placeholderChar = placeholder_char;
@@ -260,11 +257,11 @@ exports.useMaskParams = useMaskParams;
 var useInputElement = function useInputElement() {
   var ref = useInputElementRef();
 
-  var _React$useContext7 = _react.default.useContext(_InputMaskedContext.default),
-      props = _React$useContext7.props;
+  var _React$useContext8 = _react.default.useContext(_InputMaskedContext.default),
+      props = _React$useContext8.props;
 
   var pipe = props.pipe;
-  var mask = useInternalMask();
+  var mask = useMask();
 
   var _useMaskParams = useMaskParams(),
       showMask = _useMaskParams.showMask,
@@ -313,26 +310,31 @@ var useEventMapping = function useEventMapping(_ref) {
         event: event
       }, 'on_before_input');
     },
+    onFocus: function onFocus(params) {
+      return callEvent(params, 'on_focus');
+    },
+    onBlur: function onBlur(params) {
+      return callEvent(params, 'on_blur');
+    },
     onMouseUp: function onMouseUp(event) {
       return callEvent({
         event: event
       }, 'on_mouse_up');
     },
-    on_focus: function on_focus(params) {
-      return callEvent(params, 'on_focus');
-    },
-    on_key_down: function on_key_down(params) {
+    onKeyDown: function onKeyDown(params) {
       return callEvent(params, 'on_key_down');
     },
-    on_submit: function on_submit(params) {
+    onSubmit: function onSubmit(params) {
       return callEvent(params, 'on_submit');
     },
-    on_blur: function on_blur(params) {
-      return callEvent(params, 'on_blur');
-    },
-    on_change: function on_change(params) {
+    onChange: function onChange(params) {
       return callEvent(params, 'on_change');
-    }
+    },
+    on_focus: undefined,
+    on_blur: undefined,
+    on_key_down: undefined,
+    on_submit: undefined,
+    on_change: undefined
   };
 };
 
@@ -341,15 +343,11 @@ exports.useEventMapping = useEventMapping;
 var useCallEvent = function useCallEvent(_ref2) {
   var setLocalValue = _ref2.setLocalValue;
 
-  var _React$useContext8 = _react.default.useContext(_InputMaskedContext.default),
-      props = _React$useContext8.props;
+  var _React$useContext9 = _react.default.useContext(_InputMaskedContext.default),
+      props = _React$useContext9.props;
 
   var maskParams = useMaskParams();
-
-  if (!maskParams) {
-    return function () {};
-  }
-
+  var isNumberMask = useNumberMask();
   var decimalSeparators = /[,.'·]/;
   var isUnidentified = false;
 
@@ -370,16 +368,15 @@ var useCallEvent = function useCallEvent(_ref2) {
       isUnidentified = false;
     }
 
-    if (name === 'on_key_down' && !isUnidentified && !(maskParams !== null && maskParams !== void 0 && maskParams.allowLeadingZeroes) && (keyCode === '0' || value.replace(/[^\d]/g, '') === '' && decimalSeparators.test(keyCode))) {
+    if (name === 'on_key_down' && !isUnidentified && (isNumberMask && !(maskParams !== null && maskParams !== void 0 && maskParams.allowLeadingZeroes) || !isNumberMask && (maskParams === null || maskParams === void 0 ? void 0 : maskParams.allowLeadingZeroes) === false) && (keyCode === '0' || keyCode === 'numpad 0' || value.replace(/[^\d]/g, '') === '' && decimalSeparators.test(keyCode))) {
       var testValue = (value.slice(0, selStart) + '0' + value.slice(selStart + 1, value.length)).replace(/[^\d]/g, '');
 
       if (/^0/.test(testValue)) {
         event.preventDefault();
-        return;
       }
     }
 
-    if (name === 'on_key_down' && !isUnidentified && maskParams !== null && maskParams !== void 0 && maskParams.decimalSymbol) {
+    if (name === 'on_key_down' && isNumberMask && !isUnidentified && maskParams !== null && maskParams !== void 0 && maskParams.decimalSymbol) {
       var hasDecimalSymbol = value.includes(maskParams.decimalSymbol);
       var allowedDecimals = maskParams.decimalLimit > 0 || maskParams.allowDecimal !== false;
 
@@ -453,15 +450,13 @@ var useCallEvent = function useCallEvent(_ref2) {
 var useNumberMaskParams = function useNumberMaskParams() {
   var _currency_mask;
 
-  var _React$useContext9 = _react.default.useContext(_InputMaskedContext.default),
-      props = _React$useContext9.props;
-
-  var context = _react.default.useContext(_Context.default);
+  var _React$useContext10 = _react.default.useContext(_InputMaskedContext.default),
+      props = _React$useContext10.props;
 
   var locale = useLocale();
 
   if (!(0, _InputMaskedUtils.isRequestingNumberMask)(props)) {
-    return null;
+    return _objectSpread({}, (0, _InputMaskedUtils.fromJSON)(props.mask_options));
   }
 
   var number_mask = props.number_mask,
@@ -502,7 +497,6 @@ var useNumberMaskParams = function useNumberMaskParams() {
 
   if (number_mask) {
     maskParams = (0, _InputMaskedUtils.handleNumberMask)({
-      context: context,
       mask_options: mask_options,
       number_mask: number_mask
     });
@@ -516,7 +510,6 @@ var useNumberMaskParams = function useNumberMaskParams() {
     }
   } else if (currency_mask) {
     maskParams = (0, _InputMaskedUtils.handleCurrencyMask)({
-      context: context,
       mask_options: mask_options,
       currency_mask: currency_mask
     });

package/cjs/components/input-masked/InputMaskedUtils.js

@@ -116,12 +116,9 @@ var isRequestingNumberMask = function isRequestingNumberMask(props) {
 exports.isRequestingNumberMask = isRequestingNumberMask;
 
 var correctNumberValue = function correctNumberValue(_ref5) {
-  var _context$InputMasked;
-
   var _ref5$localValue = _ref5.localValue,
       localValue = _ref5$localValue === void 0 ? null : _ref5$localValue,
       props = _ref5.props,
-      context = _ref5.context,
       locale = _ref5.locale,
       maskParams = _ref5.maskParams;
   var value = String(props.value);
@@ -140,13 +137,11 @@ var correctNumberValue = function correctNumberValue(_ref5) {
     }
   }
 
-  var numberFormatFromContext = context === null || context === void 0 ? void 0 : (_context$InputMasked = context.InputMasked) === null || _context$InputMasked === void 0 ? void 0 : _context$InputMasked.number_format;
-
-  if (props.number_format || numberFormatFromContext) {
-    var options = _objectSpread(_objectSpread({
+  if (props.number_format) {
+    var options = _objectSpread({
       locale: locale,
       decimals: 0
-    }, fromJSON(props.number_format)), numberFormatFromContext);
+    }, props.number_format);
 
     if (shouldHaveDecimals) {
       options.decimals = maskParams.decimalLimit;
@@ -258,19 +253,16 @@ var handlePercentMask = function handlePercentMask(_ref6) {
 exports.handlePercentMask = handlePercentMask;
 
 var handleCurrencyMask = function handleCurrencyMask(_ref7) {
-  var _context$InputMasked2, _context$InputMasked3;
-
-  var context = _ref7.context,
-      mask_options = _ref7.mask_options,
+  var mask_options = _ref7.mask_options,
       currency_mask = _ref7.currency_mask;
 
-  var maskParams = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  var maskParams = _objectSpread(_objectSpread({
     showMask: true,
     placeholderChar: null,
     allowDecimal: true,
     decimalLimit: 2,
     decimalSymbol: ','
-  }, context === null || context === void 0 ? void 0 : (_context$InputMasked2 = context.InputMasked) === null || _context$InputMasked2 === void 0 ? void 0 : _context$InputMasked2.mask_options), context === null || context === void 0 ? void 0 : (_context$InputMasked3 = context.InputMasked) === null || _context$InputMasked3 === void 0 ? void 0 : _context$InputMasked3.currency_mask), mask_options), currency_mask);
+  }, mask_options), currency_mask);
 
   var fix = typeof currency_mask === 'string' ? currency_mask : typeof maskParams.currency === 'string' ? maskParams.currency : 'kr';
   maskParams.suffix = " ".concat(fix);
@@ -280,15 +272,12 @@ var handleCurrencyMask = function handleCurrencyMask(_ref7) {
 exports.handleCurrencyMask = handleCurrencyMask;
 
 var handleNumberMask = function handleNumberMask(_ref8) {
-  var _context$InputMasked4, _context$InputMasked5;
-
-  var context = _ref8.context,
-      mask_options = _ref8.mask_options,
+  var mask_options = _ref8.mask_options,
       number_mask = _ref8.number_mask;
 
-  var maskParams = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  var maskParams = _objectSpread(_objectSpread({
     decimalSymbol: ','
-  }, context === null || context === void 0 ? void 0 : (_context$InputMasked4 = context.InputMasked) === null || _context$InputMasked4 === void 0 ? void 0 : _context$InputMasked4.mask_options), context === null || context === void 0 ? void 0 : (_context$InputMasked5 = context.InputMasked) === null || _context$InputMasked5 === void 0 ? void 0 : _context$InputMasked5.number_mask), mask_options), number_mask);
+  }, mask_options), number_mask);
 
   if (typeof maskParams.allowDecimal === 'undefined') {
     maskParams.allowDecimal = maskParams.decimalLimit > 0;

package/cjs/components/lib.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "Autocomplete", {
     return _Autocomplete.default;
   }
 });
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function get() {
+    return _Avatar.default;
+  }
+});
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
   get: function get() {
@@ -105,6 +111,12 @@ Object.defineProperty(exports, "IconPrimary", {
     return _IconPrimary.default;
   }
 });
+Object.defineProperty(exports, "InfoCard", {
+  enumerable: true,
+  get: function get() {
+    return _InfoCard.default;
+  }
+});
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function get() {
@@ -195,12 +207,24 @@ Object.defineProperty(exports, "Tabs", {
     return _Tabs.default;
   }
 });
+Object.defineProperty(exports, "Tag", {
+  enumerable: true,
+  get: function get() {
+    return _Tag.default;
+  }
+});
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
   get: function get() {
     return _Textarea.default;
   }
 });
+Object.defineProperty(exports, "Timeline", {
+  enumerable: true,
+  get: function get() {
+    return _Timeline.default;
+  }
+});
 Object.defineProperty(exports, "ToggleButton", {
   enumerable: true,
   get: function get() {
@@ -221,6 +245,8 @@ var _Accordion = _interopRequireDefault(require("./accordion/Accordion"));
 
 var _Autocomplete = _interopRequireDefault(require("./autocomplete/Autocomplete"));
 
+var _Avatar = _interopRequireDefault(require("./avatar/Avatar"));
+
 var _Breadcrumb = _interopRequireDefault(require("./breadcrumb/Breadcrumb"));
 
 var _Button = _interopRequireDefault(require("./button/Button"));
@@ -251,6 +277,8 @@ var _Icon = _interopRequireDefault(require("./icon/Icon"));
 
 var _IconPrimary = _interopRequireDefault(require("./icon-primary/IconPrimary"));
 
+var _InfoCard = _interopRequireDefault(require("./info-card/InfoCard"));
+
 var _Input = _interopRequireDefault(require("./input/Input"));
 
 var _InputMasked = _interopRequireDefault(require("./input-masked/InputMasked"));
@@ -281,8 +309,12 @@ var _Switch = _interopRequireDefault(require("./switch/Switch"));
 
 var _Tabs = _interopRequireDefault(require("./tabs/Tabs"));
 
+var _Tag = _interopRequireDefault(require("./tag/Tag"));
+
 var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
 
+var _Timeline = _interopRequireDefault(require("./timeline/Timeline"));
+
 var _ToggleButton = _interopRequireDefault(require("./toggle-button/ToggleButton"));
 
 var _Tooltip = _interopRequireDefault(require("./tooltip/Tooltip"));
@@ -293,6 +325,7 @@ var getComponents = function getComponents() {
   return {
     Accordion: _Accordion.default,
     Autocomplete: _Autocomplete.default,
+    Avatar: _Avatar.default,
     Breadcrumb: _Breadcrumb.default,
     Button: _Button.default,
     Checkbox: _Checkbox.default,
@@ -308,6 +341,7 @@ var getComponents = function getComponents() {
     HelpButton: _HelpButton.default,
     Icon: _Icon.default,
     IconPrimary: _IconPrimary.default,
+    InfoCard: _InfoCard.default,
     Input: _Input.default,
     InputMasked: _InputMasked.default,
     Logo: _Logo.default,
@@ -323,7 +357,9 @@ var getComponents = function getComponents() {
     StepIndicator: _StepIndicator.default,
     Switch: _Switch.default,
     Tabs: _Tabs.default,
+    Tag: _Tag.default,
     Textarea: _Textarea.default,
+    Timeline: _Timeline.default,
     ToggleButton: _ToggleButton.default,
     Tooltip: _Tooltip.default
   };