@dnb/eufemia 9.30.0 → 9.32.0

package/cjs/shared/component-helper.js

@@ -21,7 +21,14 @@ require("core-js/modules/es.object.get-own-property-descriptors.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.checkIfHasScrollbar = exports.InteractionInvalidation = exports.DetectOutsideClickClass = void 0;
+exports.DetectOutsideClickClass = void 0;
+Object.defineProperty(exports, "InteractionInvalidation", {
+  enumerable: true,
+  get: function get() {
+    return _InteractionInvalidation.InteractionInvalidation;
+  }
+});
+exports.checkIfHasScrollbar = void 0;
 exports.combineDescribedBy = combineDescribedBy;
 exports.combineLabelledBy = combineLabelledBy;
 exports.convertJsxToString = void 0;
@@ -29,10 +36,27 @@ exports.convertStatusToStateOnly = convertStatusToStateOnly;
 exports.defineNavigator = defineNavigator;
 exports.dispatchCustomElementEvent = exports.detectOutsideClick = void 0;
 exports.escapeRegexChars = escapeRegexChars;
-exports.filterProps = exports.extendPropsWithContext = exports.extend = void 0;
+exports.extend = void 0;
+Object.defineProperty(exports, "extendPropsWithContext", {
+  enumerable: true,
+  get: function get() {
+    return _extendPropsWithContext.extendPropsWithContext;
+  }
+});
+Object.defineProperty(exports, "extendPropsWithContextInClassComponent", {
+  enumerable: true,
+  get: function get() {
+    return _extendPropsWithContext.extendPropsWithContextInClassComponent;
+  }
+});
+exports.filterProps = void 0;
 exports.findElementInChildren = findElementInChildren;
-exports.getInnerRef = getInnerRef;
-exports.getPreviousSibling = void 0;
+Object.defineProperty(exports, "getPreviousSibling", {
+  enumerable: true,
+  get: function get() {
+    return _getPreviousSibling.getPreviousSibling;
+  }
+});
 exports.getStatusState = getStatusState;
 exports.isInsideScrollView = exports.isChildOfElement = void 0;
 exports.isTouchDevice = isTouchDevice;
@@ -44,7 +68,14 @@ Object.defineProperty(exports, "registerElement", {
   }
 });
 exports.removeUndefinedProps = removeUndefinedProps;
-exports.validateDOMAttributes = exports.toSnakeCase = exports.toPascalCase = exports.toKebabCase = exports.toCamelCase = exports.slugify = exports.roundToNearest = void 0;
+exports.toSnakeCase = exports.toPascalCase = exports.toKebabCase = exports.toCamelCase = exports.slugify = exports.roundToNearest = void 0;
+Object.defineProperty(exports, "useEventEmitter", {
+  enumerable: true,
+  get: function get() {
+    return _useEventEmitter.useEventEmitter;
+  }
+});
+exports.validateDOMAttributes = void 0;
 Object.defineProperty(exports, "warn", {
   enumerable: true,
   get: function get() {
@@ -98,33 +129,27 @@ require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.string.trim.js");
 
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.string.ends-with.js");
-
 var _react = _interopRequireDefault(require("react"));
 
 var _keycode = _interopRequireDefault(require("keycode"));
 
 var _whatInput = _interopRequireDefault(require("what-input"));
 
-var _customElement = require("./custom-element");
-
 var _helpers = require("./helpers");
 
-var _Eufemia = require("./Eufemia");
+var _getPreviousSibling = require("./helpers/getPreviousSibling");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _Eufemia = require("./Eufemia");
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+var _InteractionInvalidation = require("./helpers/InteractionInvalidation");
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+var _extendPropsWithContext = require("./helpers/extendPropsWithContext");
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+var _customElement = require("./custom-element");
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+var _useEventEmitter = require("./helpers/useEventEmitter");
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -395,35 +420,6 @@ var extend = function extend() {
 
 exports.extend = extend;
 
-var extendPropsWithContext = function extendPropsWithContext(props) {
-  var defaults = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
-  for (var _len2 = arguments.length, contexts = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-    contexts[_key2 - 2] = arguments[_key2];
-  }
-
-  var context = contexts.reduce(function (acc, cur) {
-    if (cur) {
-      acc = _objectSpread(_objectSpread({}, acc), cur);
-    }
-
-    return acc;
-  }, {});
-  return _objectSpread(_objectSpread({}, props), Object.entries(context).reduce(function (acc, _ref7) {
-    var _ref8 = _slicedToArray(_ref7, 2),
-        key = _ref8[0],
-        value = _ref8[1];
-
-    if (typeof props[key] !== 'undefined' && props[key] === defaults[key]) {
-      acc[key] = value;
-    }
-
-    return acc;
-  }, {}));
-};
-
-exports.extendPropsWithContext = extendPropsWithContext;
-
 var isTrue = function isTrue(value) {
   if (value !== null && typeof value !== 'undefined' && (String(value) === 'true' || String(value) === '1')) {
     return true;
@@ -570,9 +566,9 @@ var DetectOutsideClickClass = function () {
 
     _classCallCheck(this, DetectOutsideClickClass);
 
-    _defineProperty(this, "checkOutsideClick", function (_ref9) {
-      var event = _ref9.event,
-          ignoreElements = _ref9.ignoreElements;
+    _defineProperty(this, "checkOutsideClick", function (_ref7) {
+      var event = _ref7.event,
+          ignoreElements = _ref7.ignoreElements;
       var onSuccess = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 
       try {
@@ -714,10 +710,10 @@ var filterProps = function filterProps(props) {
     }, {});
   }
 
-  return Object.entries(props).reduce(function (acc, _ref10) {
-    var _ref11 = _slicedToArray(_ref10, 2),
-        k = _ref11[0],
-        v = _ref11[1];
+  return Object.entries(props).reduce(function (acc, _ref8) {
+    var _ref9 = _slicedToArray(_ref8, 2),
+        k = _ref9[0],
+        v = _ref9[1];
 
     if (remove && typeof remove[k] === 'undefined' || allowed && typeof allowed[k] !== 'undefined') {
       acc[k] = v;
@@ -761,28 +757,6 @@ var matchAll = function matchAll(string, regex) {
 
 exports.matchAll = matchAll;
 
-var getPreviousSibling = function getPreviousSibling(className, element) {
-  try {
-    var contains = function contains(element) {
-      return element && element.classList.contains(className);
-    };
-
-    if (contains(element)) {
-      return element;
-    }
-
-    while ((element = element && element.parentElement) && !contains(element)) {
-      ;
-    }
-  } catch (e) {
-    (0, _helpers.warn)(e);
-  }
-
-  return element;
-};
-
-exports.getPreviousSibling = getPreviousSibling;
-
 var isChildOfElement = function isChildOfElement(element, target) {
   var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
 
@@ -822,7 +796,7 @@ exports.roundToNearest = roundToNearest;
 
 var isInsideScrollView = function isInsideScrollView(currentElement) {
   var returnElement = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var elem = getPreviousSibling('dnb-scroll-view', currentElement);
+  var elem = (0, _getPreviousSibling.getPreviousSibling)('dnb-scroll-view', currentElement);
 
   if (returnElement) {
     return elem == window ? null : elem;
@@ -871,171 +845,6 @@ var convertJsxToString = function convertJsxToString(elements) {
 
 exports.convertJsxToString = convertJsxToString;
 
-var InteractionInvalidation = function () {
-  function InteractionInvalidation() {
-    _classCallCheck(this, InteractionInvalidation);
-
-    this.bypassElement = null;
-    this.bypassSelectors = [];
-    return this;
-  }
-
-  _createClass(InteractionInvalidation, [{
-    key: "setBypassElement",
-    value: function setBypassElement(bypassElement) {
-      if (bypassElement instanceof HTMLElement) {
-        this.bypassElement = bypassElement;
-      }
-
-      return this;
-    }
-  }, {
-    key: "setBypassSelector",
-    value: function setBypassSelector(bypassSelector) {
-      if (!Array.isArray(bypassSelector)) {
-        bypassSelector = [bypassSelector];
-      }
-
-      this.bypassSelectors = bypassSelector;
-      return this;
-    }
-  }, {
-    key: "activate",
-    value: function activate() {
-      var targetElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
-      if (!this._nodesToInvalidate) {
-        this._runInvalidaiton(targetElement);
-      }
-    }
-  }, {
-    key: "revert",
-    value: function revert() {
-      this._revertInvalidation();
-
-      this._nodesToInvalidate = null;
-    }
-  }, {
-    key: "_runInvalidaiton",
-    value: function _runInvalidaiton(targetElement) {
-      if (typeof document === 'undefined') {
-        return;
-      }
-
-      this._nodesToInvalidate = this.getNodesToInvalidate(targetElement);
-
-      var _iterator = _createForOfIteratorHelper(this._nodesToInvalidate),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var node = _step.value;
-
-          if (!node) {
-            continue;
-          }
-
-          var tabindex = node.getAttribute('tabindex');
-          var ariahidden = node.getAttribute('aria-hidden');
-
-          if (tabindex !== null && typeof node.__tabindex === 'undefined') {
-            node.__tabindex = tabindex;
-          }
-
-          if (ariahidden !== null && typeof node.__ariahidden === 'undefined') {
-            node.__ariahidden = ariahidden;
-          }
-
-          node.setAttribute('tabindex', '-1');
-          node.setAttribute('aria-hidden', 'true');
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    }
-  }, {
-    key: "_revertInvalidation",
-    value: function _revertInvalidation() {
-      if (!Array.isArray(this._nodesToInvalidate)) {
-        return;
-      }
-
-      var _iterator2 = _createForOfIteratorHelper(this._nodesToInvalidate),
-          _step2;
-
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var node = _step2.value;
-
-          if (!node) {
-            continue;
-          }
-
-          if (typeof node.__tabindex !== 'undefined') {
-            node.setAttribute('tabindex', node.__tabindex);
-            delete node.__tabindex;
-          } else {
-            node.removeAttribute('tabindex');
-          }
-
-          if (typeof node.__ariahidden !== 'undefined') {
-            node.setAttribute('aria-hidden', node.__ariahidden);
-            delete node.__ariahidden;
-          } else {
-            node.removeAttribute('aria-hidden');
-          }
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-    }
-  }, {
-    key: "getNodesToInvalidate",
-    value: function getNodesToInvalidate() {
-      var targetElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
-      if (typeof document === 'undefined') {
-        return [];
-      }
-
-      if (typeof targetElement === 'string') {
-        targetElement = document.querySelector(targetElement);
-      }
-
-      var rootSelector = targetElement ? '*' : 'html *';
-      var elementSelector = this.bypassSelectors.map(function (s) {
-        return ":not(".concat(s, ")");
-      }).join('');
-      var selector = "".concat(rootSelector, " ").concat(elementSelector, ":not(script):not(style):not(path):not(head *)");
-
-      if (_helpers.IS_IE11 || process.env.NODE_ENV === 'test') {
-        var excludeSelectors = [];
-        var testSelector = selector.split(':').map(function (localSel) {
-          if (localSel.endsWith(' *)')) {
-            excludeSelectors.push.apply(excludeSelectors, _toConsumableArray(Array.from((targetElement || document.documentElement).querySelectorAll(localSel.match(/\(([^)]*)\)/)[1]))));
-            localSel = localSel.replace(' *', '');
-          }
-
-          return localSel;
-        }).join(':');
-        return Array.from((targetElement || document.documentElement).querySelectorAll(testSelector)).filter(function (node) {
-          return !excludeSelectors.includes(node);
-        });
-      }
-
-      return Array.from((targetElement || document.documentElement).querySelectorAll(selector));
-    }
-  }]);
-
-  return InteractionInvalidation;
-}();
-
-exports.InteractionInvalidation = InteractionInvalidation;
-
 function convertStatusToStateOnly(status, state) {
   return status ? state : null;
 }
@@ -1044,31 +853,17 @@ function getStatusState(status) {
   return status && status !== 'error' && status !== 'warn' && status !== 'info';
 }
 
-function getInnerRef(ref) {
-  var ret = ref;
-
-  if (ref && ref.current && !_react.default.isValidElement(ref.current) && ref.current._ref) {
-    var tmp = getInnerRef(ref.current._ref);
-
-    if (tmp && Object.prototype.hasOwnProperty.call(tmp, 'current')) {
-      ret = tmp;
-    }
-  }
-
-  return ret;
-}
-
 function combineLabelledBy() {
-  for (var _len3 = arguments.length, params = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-    params[_key3] = arguments[_key3];
+  for (var _len2 = arguments.length, params = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    params[_key2] = arguments[_key2];
   }
 
   return combineAriaBy('aria-labelledby', params);
 }
 
 function combineDescribedBy() {
-  for (var _len4 = arguments.length, params = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-    params[_key4] = arguments[_key4];
+  for (var _len3 = arguments.length, params = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+    params[_key3] = arguments[_key3];
   }
 
   return combineAriaBy('aria-describedby', params);

package/cjs/shared/helpers/EventEmitter.d.ts

@@ -0,0 +1,46 @@
+/**
+ * EventEmitter
+ *
+ * This is a tiny event emitter meant to be used at several components that relay on each other to sync data in parallel.
+ *
+ * - In your class: this._emitterInstance = EventEmitter.createInstance(id) // unique id
+ * - Listen to changes: this._emitterInstance.listen(function)
+ * - Set new data: this._emitterInstance.set({...})
+ * - Update new data: this._emitterInstance.update({...})
+ * - Get new data: this._emitterInstance.get()
+ * - Remove it like this: this._emitterInstance.remove()
+ *
+ * __EEE__ stands for __EUFEMIA_EVENT_EMITTER__
+ */
+declare global {
+    interface Window {
+        __EEE__?: EventEmitterEEE;
+    }
+}
+export declare type EventEmitterId = string;
+export declare type EventEmitterData = Record<string, unknown>;
+export declare type EventEmitterListener = (data: EventEmitterData) => void;
+export declare type EventEmitterEEE = Record<EventEmitterId, EventEmitterScopeObject>;
+export declare type EventEmitterScope = ({
+    __EEE__?: EventEmitterEEE;
+} & Window) | EventEmitter;
+export declare type EventEmitterScopeInstances = Array<EventEmitter>;
+export declare type EventEmitterScopeObject = {
+    count: number;
+    instances: EventEmitterScopeInstances;
+    data: EventEmitterData;
+};
+declare class EventEmitter {
+    static createInstance(id: EventEmitterId): EventEmitter;
+    static __EEE__?: Record<EventEmitterId, EventEmitterScopeObject>;
+    id: EventEmitterId;
+    listeners: Array<EventEmitterListener>;
+    constructor(id: EventEmitterId);
+    update: (data: EventEmitterData) => void;
+    set: (data: EventEmitterData) => void;
+    get: () => EventEmitterData;
+    listen(fn: EventEmitterListener): this;
+    unlisten(fn?: EventEmitterListener | undefined): void;
+    remove(): void;
+}
+export default EventEmitter;

package/cjs/shared/{EventEmitter.js → helpers/EventEmitter.js}

@@ -27,18 +27,44 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var EventEmitter = function () {
   function EventEmitter(id) {
+    var _this = this;
+
     _classCallCheck(this, EventEmitter);
 
+    _defineProperty(this, "id", void 0);
+
+    _defineProperty(this, "listeners", void 0);
+
+    _defineProperty(this, "update", function (data) {
+      _this.set(data);
+
+      scope.__EEE__[_this.id].instances.forEach(function (instance) {
+        instance.listeners.forEach(function (fn) {
+          if (typeof fn === 'function') {
+            fn(instance.get());
+          }
+        });
+      });
+    });
+
+    _defineProperty(this, "set", function (data) {
+      scope.__EEE__[_this.id].data = _objectSpread(_objectSpread({}, scope.__EEE__[_this.id].data), data);
+    });
+
+    _defineProperty(this, "get", function () {
+      return scope.__EEE__[_this.id].data;
+    });
+
     scope.__EEE__ = scope.__EEE__ || {};
 
     if (!scope.__EEE__[id]) {
@@ -59,29 +85,6 @@ var EventEmitter = function () {
   }
 
   _createClass(EventEmitter, [{
-    key: "update",
-    value: function update(data) {
-      this.set(data);
-
-      scope.__EEE__[this.id].instances.forEach(function (instance) {
-        instance.listeners.forEach(function (fn) {
-          if (typeof fn === 'function') {
-            fn(instance.get());
-          }
-        });
-      });
-    }
-  }, {
-    key: "set",
-    value: function set(data) {
-      scope.__EEE__[this.id].data = _objectSpread(_objectSpread({}, scope.__EEE__[this.id].data), data);
-    }
-  }, {
-    key: "get",
-    value: function get() {
-      return scope.__EEE__[this.id].data;
-    }
-  }, {
     key: "listen",
     value: function listen(fn) {
       if (!this.listeners.includes(fn)) {
@@ -94,7 +97,7 @@ var EventEmitter = function () {
     key: "unlisten",
     value: function unlisten(fn) {
       for (var i = 0, l = this.listeners.length; i < l; i++) {
-        if (!fn || fn && this.listeners[i] === fn) {
+        if (!fn || fn && fn === this.listeners[i]) {
           this.listeners[i] = null;
         }
       }
@@ -119,6 +122,8 @@ var EventEmitter = function () {
   return EventEmitter;
 }();
 
+_defineProperty(EventEmitter, "__EEE__", void 0);
+
 var scope = typeof window !== 'undefined' ? window : EventEmitter;
 var _default = EventEmitter;
 exports.default = _default;

package/cjs/shared/helpers/InteractionInvalidation.d.ts

@@ -0,0 +1,30 @@
+export declare type TargetElement = HTMLElement;
+export declare type TargetSelector = string;
+export declare type HTMLElementNode = TargetElement & {
+    __ariahidden: string;
+    __tabindex: string;
+};
+export declare type InteractionInvalidationOptions = {
+    /**
+     * Use false to omit processing aria-hidden. Defaults to true.
+     */
+    ariaHidden?: boolean;
+    /**
+     * Use false to omit processing tabindex. Defaults to true.
+     */
+    tabIndex?: boolean;
+};
+export declare class InteractionInvalidation {
+    bypassElement: TargetElement;
+    bypassSelectors: Array<TargetSelector>;
+    _nodesToInvalidate: Array<HTMLElementNode>;
+    options: InteractionInvalidationOptions;
+    constructor(options?: InteractionInvalidationOptions);
+    setBypassElement(bypassElement: TargetElement): this;
+    setBypassSelector(bypassSelector: TargetSelector | Array<TargetSelector>): this;
+    activate(targetElement?: TargetElement | TargetSelector): void;
+    revert(): void;
+    _runInvalidaiton(targetElement: TargetElement | TargetSelector): void;
+    _revertInvalidation(): void;
+    getNodesToInvalidate(targetElement?: TargetElement | TargetSelector): Array<HTMLElementNode>;
+}