npm - @dnb/eufemia - Versions diffs - 10.2.0 → 10.3.0 - Mend

@@ -59,63 +59,42 @@ Object.defineProperty(exports, "warn", {
     return _helpers.warn;
   }
 });
 var _react = _interopRequireDefault(require("react"));
 var _keycode = _interopRequireDefault(require("keycode"));
 var _whatInput = _interopRequireDefault(require("what-input"));
 var _helpers = require("./helpers");
 var _getPreviousSibling = require("./helpers/getPreviousSibling");
 var _Eufemia = require("./Eufemia");
 var _InteractionInvalidation = require("./helpers/InteractionInvalidation");
 var _extendPropsWithContext = require("./helpers/extendPropsWithContext");
 var _useEventEmitter = require("./helpers/useEventEmitter");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = 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 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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 (0, _Eufemia.init)();
 if (typeof process !== 'undefined' && process.env.NODE_ENV === 'test' && typeof window !== 'undefined') {
   window.IS_TEST = true;
 }
 _whatInput.default.specificKeys([9]);
 defineNavigator();
 function isTouchDevice() {
   if (typeof document !== 'undefined') {
     let intent = false;
     try {
       intent = document.documentElement.getAttribute('data-whatintent');
     } catch (e) {}
     return intent === 'touch';
   }
   return false;
 }
 function defineNavigator() {
   const handleNavigator = () => {
     if (typeof document === 'undefined' || typeof window === 'undefined' || typeof navigator === 'undefined') {
       return;
     }
     try {
       if (!(typeof window !== 'undefined' && window.IS_TEST)) {
         if (navigator.platform.match(new RegExp(_helpers.PLATFORM_MAC)) !== null) {
@@ -131,26 +110,21 @@ function defineNavigator() {
     } catch (e) {
       (0, _helpers.warn)(e);
     }
     document.removeEventListener('DOMContentLoaded', handleNavigator);
   };
   if (typeof document !== 'undefined' && document.readyState === 'loading') {
     document.addEventListener('DOMContentLoaded', handleNavigator);
   } else {
     handleNavigator();
   }
 }
 const validateDOMAttributes = (props, params) => {
   if (props && props.attributes) {
     let attr = props.attributes;
     if (attr) {
       if (attr[0] === '{') {
         attr = JSON.parse(attr);
       }
       if (attr && typeof attr === 'object') {
         Object.entries(attr).forEach(_ref => {
           let [key, value] = _ref;
@@ -159,55 +133,42 @@ const validateDOMAttributes = (props, params) => {
           });
         });
       }
       delete params.attributes;
     }
   }
   if (params.disabled === null || params.disabled === 'false') {
     delete params.disabled;
   }
   if (typeof params.space !== 'undefined') {
     delete params.space;
   }
   if (typeof params.top !== 'undefined') {
     delete params.top;
   }
   if (typeof params.right !== 'undefined') {
     delete params.right;
   }
   if (typeof params.bottom !== 'undefined') {
     delete params.bottom;
   }
   if (typeof params.left !== 'undefined') {
     delete params.left;
   }
   if (typeof params.no_collapse !== 'undefined') {
     delete params.no_collapse;
   } else if (params.disabled === 'true') {
     params.disabled = true;
   }
   if (params.disabled === true) {
     params['aria-disabled'] = true;
   }
   if (props && props.tabindex) {
     let tabIndex = props.tabindex;
     if (tabIndex === 'off') {
       tabIndex = '-1';
     }
     params['tabIndex'] = tabIndex;
   }
   if (params && typeof params === 'object') {
     for (const i in params) {
       if (typeof params[i] === 'function' && !/(^[a-z]{1,}[A-Z]{1})/.test(i)) {
@@ -217,93 +178,70 @@ const validateDOMAttributes = (props, params) => {
       }
     }
   }
   return params;
 };
 exports.validateDOMAttributes = validateDOMAttributes;
 const processChildren = props => {
   if (!props) {
     return null;
   }
   if (typeof global !== 'undefined' && Array.isArray(global.registeredElements) && global.registeredElements.length > 0) {
     let cache = null;
     Object.entries(props).reverse().map(_ref2 => {
       let [key, cb] = _ref2;
       if (key.includes('render_') && /^render_/.test(key)) {
         if (typeof cb === 'function') {
           if (cache) {
             if (Object.isFrozen(props)) {
               props = _objectSpread({}, props);
             }
             props.children = cache;
           }
           return cache = _react.default.createElement(_react.default.Fragment, {
             key: key
           }, cb(props));
         }
       }
       return null;
     }).filter(Boolean);
     if (cache) {
       return cache;
     }
   }
   const res = typeof props.children === 'function' ? props.children(props) : props.children;
   if (Array.isArray(res)) {
     const onlyTexts = res.reduce((pV, cV) => {
       if (typeof cV === 'string' || typeof cV === 'number') {
         pV.push(cV);
       }
       return pV;
     }, []);
     if (onlyTexts.length === res.length && onlyTexts.length > 0) {
       return onlyTexts.join('');
     }
   }
   return res;
 };
 exports.processChildren = processChildren;
 const extend = function () {
   let first = {};
   for (var _len = arguments.length, objects = new Array(_len), _key = 0; _key < _len; _key++) {
     objects[_key] = arguments[_key];
   }
   const keepRef = objects[0];
   if (keepRef === true || keepRef === false) {
     objects.shift();
     if (keepRef) {
       first = objects.shift();
     }
   }
   return objects.reduce((acc1, object) => {
     if (object) {
       acc1 = Object.assign(acc1, Object.entries(object).reduce((acc2, _ref3) => {
         let [key, value] = _ref3;
         if (value !== null) {
           if (typeof value === 'object') {
             value = extend(acc1[key] || {}, value);
             if (Object.keys(value).length > 0) {
               acc2[key] = value;
             }
@@ -311,52 +249,38 @@ const extend = function () {
             acc2[key] = value;
           }
         }
         return acc2;
       }, {}));
     }
     return acc1;
   }, first);
 };
 exports.extend = extend;
 const isTrue = value => {
   if (value !== null && typeof value !== 'undefined' && (String(value) === 'true' || String(value) === '1')) {
     return true;
   }
   return false;
 };
 exports.isTrue = isTrue;
 const dispatchCustomElementEvent = (src, eventName, eventObjectOrig) => {
   let ret = undefined;
   const eventObject = _objectSpread(_objectSpread({}, eventObjectOrig && eventObjectOrig.event || {}), eventObjectOrig);
   if (eventObject && eventObject.attributes && eventObject.event) {
     const currentTarget = eventObject.event.currentTarget;
     if (currentTarget) {
       try {
         const dataset = _objectSpread({}, currentTarget.dataset || {});
         const attributes = _objectSpread({}, eventObject.attributes);
         for (const i in attributes) {
           if (/^data-/.test(i)) {
             dataset[String(i).replace(/^data-/, '')] = attributes[i];
           }
         }
         for (const i in dataset) {
           if (eventObject.event.currentTarget.dataset) {
             eventObject.event.currentTarget.dataset[i] = dataset[i];
           }
           if (eventObject.event.target && eventObject.event.target.dataset) {
             eventObject.event.target.dataset[i] = dataset[i];
           }
@@ -366,23 +290,17 @@ const dispatchCustomElementEvent = (src, eventName, eventObjectOrig) => {
       }
     }
   }
   const props = src && src.props || src;
   if (eventName.includes('_')) {
     if (typeof props[eventName] === 'function') {
       const r = props[eventName].apply(src, [eventObject]);
       if (typeof r !== 'undefined') {
         ret = r;
       }
     }
     eventName = toCamelCase(eventName);
     if (typeof props[eventName] === 'function') {
       const r = props[eventName].apply(src, [eventObject]);
       if (typeof r !== 'undefined') {
         ret = r;
       }
@@ -390,86 +308,60 @@ const dispatchCustomElementEvent = (src, eventName, eventObjectOrig) => {
   } else {
     if (typeof props[eventName] === 'function') {
       const r = props[eventName].apply(src, [eventObject]);
       if (typeof r !== 'undefined') {
         ret = r;
       }
     }
     eventName = toSnakeCase(eventName);
     if (typeof props[eventName] === 'function') {
       const r = props[eventName].apply(src, [eventObject]);
       if (typeof r !== 'undefined') {
         ret = r;
       }
     }
   }
   return ret;
 };
 exports.dispatchCustomElementEvent = dispatchCustomElementEvent;
 const toCamelCase = s => s.split(/_/g).reduce((acc, cur, i) => acc + (i === 0 ? cur : cur.replace(/(\w)(\w*)/g, (g0, g1, g2) => g1.toUpperCase() + g2.toLowerCase())), '');
 exports.toCamelCase = toCamelCase;
 const toPascalCase = s => s.split(/_/g).reduce((acc, cur) => acc + cur.replace(/(\w)(\w*)/g, (g0, g1, g2) => g1.toUpperCase() + g2.toLowerCase()), '');
 exports.toPascalCase = toPascalCase;
 const toSnakeCase = str => str.replace(/\B[A-Z]/g, letter => `_${letter}`).toLowerCase();
 exports.toSnakeCase = toSnakeCase;
 const toKebabCase = str => str.replace(/\B[A-Z]/g, letter => `-${letter}`).toLowerCase();
 exports.toKebabCase = toKebabCase;
 const detectOutsideClick = (ignoreElements, onSuccess, options) => new DetectOutsideClickClass(ignoreElements, onSuccess, options);
 exports.detectOutsideClick = detectOutsideClick;
 class DetectOutsideClickClass {
   constructor(_ignoreElements, _onSuccess) {
     let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     _defineProperty(this, "checkOutsideClick", function (_ref4) {
       let {
         event,
         ignoreElements
       } = _ref4;
       let onSuccess = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       try {
         const currentElement = event.target;
         if ((currentElement === null || currentElement === void 0 ? void 0 : currentElement.tagName) === 'HTML' && (event.pageX > document.documentElement.clientWidth - 40 || event.pageY > document.documentElement.clientHeight - 40)) {
           return;
         }
         if (checkIfHasScrollbar(currentElement)) {
           return;
         }
         for (let i = 0, elem, l = ignoreElements.length; i < l; ++i) {
           elem = currentElement;
           if (!ignoreElements[i]) {
             continue;
           }
           do {
             if (elem === ignoreElements[i]) {
               return;
             }
             elem = elem && elem.parentNode;
           } while (elem);
         }
         if (typeof onSuccess === 'function') {
           onSuccess();
         }
@@ -477,12 +369,10 @@ class DetectOutsideClickClass {
         (0, _helpers.warn)(e);
       }
     });
     if (!this.handleClickOutside && typeof document !== 'undefined' && typeof window !== 'undefined') {
       if (!Array.isArray(_ignoreElements)) {
         _ignoreElements = [_ignoreElements];
       }
       this.handleClickOutside = event => {
         this.checkOutsideClick({
           event,
@@ -491,15 +381,11 @@ class DetectOutsideClickClass {
           event
         }));
       };
       document.addEventListener('mousedown', this.handleClickOutside);
       this.keydownCallback = event => {
         const keyCode = (0, _keycode.default)(event);
         if (keyCode === 'esc') {
           window.removeEventListener('keydown', this.keydownCallback);
           if (typeof _onSuccess === 'function') {
             _onSuccess({
               event
@@ -507,166 +393,123 @@ class DetectOutsideClickClass {
           }
         }
       };
       window.addEventListener('keydown', this.keydownCallback);
       if (options.includedKeys) {
         this.keyupCallback = event => {
           const keyCode = (0, _keycode.default)(event);
           if (options.includedKeys.includes(keyCode) && typeof this.handleClickOutside === 'function') {
             this.handleClickOutside(event, () => {
               if (this.keyupCallback) window.removeEventListener('keyup', this.keyupCallback);
             });
           }
         };
         window.addEventListener('keyup', this.keyupCallback);
       }
     }
   }
   remove() {
     if (this.handleClickOutside && typeof document !== 'undefined') {
       document.removeEventListener('mousedown', this.handleClickOutside);
       this.handleClickOutside = null;
     }
     if (this.keydownCallback && typeof window !== 'undefined') {
       window.removeEventListener('keydown', this.keydownCallback);
       this.keydownCallback = null;
     }
     if (this.keyupCallback && typeof window !== 'undefined') {
       window.removeEventListener('keyup', this.keyupCallback);
       this.keyupCallback = null;
     }
   }
 }
 exports.DetectOutsideClickClass = DetectOutsideClickClass;
 const checkIfHasScrollbar = elem => {
   return elem && (elem.scrollHeight > elem.offsetHeight || elem.scrollWidth > elem.offsetWidth) && overflowIsScrollable(elem);
 };
 exports.checkIfHasScrollbar = checkIfHasScrollbar;
 const overflowIsScrollable = elem => {
   const style = typeof window !== 'undefined' ? window.getComputedStyle(elem) : {};
   return /scroll|auto/i.test((style.overflow || '') + (style.overflowX || '') + (style.overflowY || ''));
 };
 const filterProps = function (props) {
   let remove = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   let allowed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   if (Array.isArray(remove)) {
     remove = remove.reduce((acc, key) => {
       acc[key] = true;
       return acc;
     }, {});
   }
   if (Array.isArray(allowed)) {
     allowed = allowed.reduce((acc, key) => {
       acc[key] = true;
       return acc;
     }, {});
   }
   return Object.entries(props).reduce((acc, _ref5) => {
     let [k, v] = _ref5;
     if (remove && typeof remove[k] === 'undefined' || allowed && typeof allowed[k] !== 'undefined') {
       acc[k] = v;
     }
     return acc;
   }, {});
 };
 exports.filterProps = filterProps;
 const makeUniqueId = function () {
   let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'id-';
   let length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 8;
   return prefix + String(Math.random().toString(36).substr(2, length) + idIncrement++).slice(-length);
 };
 exports.makeUniqueId = makeUniqueId;
 let idIncrement = 0;
 const slugify = s => String(s).toLowerCase().replace(/[^\w\s-]/g, '').replace(/[\s_-]+/g, '-').replace(/^-+|-+$/g, '');
 exports.slugify = slugify;
 const matchAll = (string, regex) => {
   if (typeof string.matchAll === 'function') {
     return Array.from(string.matchAll(regex));
   }
   const matches = [];
   let match;
   while (match = regex.exec(string)) {
     matches.push(match);
   }
   return matches;
 };
 exports.matchAll = matchAll;
 const isChildOfElement = function (element, target) {
   let callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   try {
     const contains = element => {
       if (callback) {
         const res = callback(element);
         if (res) {
           return element;
         }
       }
       return element && element === target;
     };
     if (contains(element)) {
       return element;
     }
     while ((element = element && element.parentElement) && !contains(element));
   } catch (e) {}
   return element;
 };
 exports.isChildOfElement = isChildOfElement;
 const roundToNearest = (num, target) => {
   const diff = num % target;
   return diff > target / 2 ? num - diff + target : num - diff;
 };
 exports.roundToNearest = roundToNearest;
 const getClosestScrollViewElement = currentElement => {
   return (0, _getPreviousSibling.getPreviousSibling)('.dnb-scroll-view', currentElement);
 };
 exports.getClosestScrollViewElement = getClosestScrollViewElement;
 const convertJsxToString = function (elements) {
   let separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
   if (!Array.isArray(elements)) {
     elements = [elements];
   }
   const process = word => {
     if (_react.default.isValidElement(word)) {
       if (typeof word.props.children === 'string') {
@@ -676,103 +519,79 @@ const convertJsxToString = function (elements) {
           if (typeof word !== 'string') {
             word = process(word);
           }
           if (typeof word === 'string') {
             acc = (acc + (separator || '') + word).trim();
           }
           return acc;
         }, '');
       } else {
         return null;
       }
     }
     return word;
   };
   return elements.map(word => process(word)).filter(Boolean).join(separator).trim();
 };
 exports.convertJsxToString = convertJsxToString;
 function convertStatusToStateOnly(status, state) {
   return status ? state : null;
 }
 function getStatusState(status) {
   return status && status !== 'error' && status !== 'warn' && status !== 'info';
 }
 function combineLabelledBy() {
   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 _len3 = arguments.length, params = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
     params[_key3] = arguments[_key3];
   }
   return combineAriaBy('aria-describedby', params);
 }
 function combineAriaBy(type, params) {
   params = params.map(cur => {
     if (cur && params.includes(cur[type])) {
       return null;
     }
     if (cur && typeof cur[type] !== 'undefined') {
       cur = cur[type];
     }
     if (typeof cur !== 'string') {
       cur = null;
     }
     return cur;
   });
   params = params.filter(Boolean).join(' ');
   if (params === '') {
     params = undefined;
   }
   return params;
 }
 function findElementInChildren(children, find) {
   if (!Array.isArray(children)) {
     children = [children];
   }
   let result = null;
   children.some(cur => {
     if (cur && cur.props && cur.props.children) {
       const res = findElementInChildren(cur.props.children, find);
       if (res) {
         return result = res;
       }
     }
     if (_react.default.isValidElement(cur) && find(cur)) {
       return result = cur;
     }
     return null;
   });
   return result;
 }
 function escapeRegexChars(str) {
   return str.replace(/[-[\]{}()*+?.,\\^$|#]/g, '\\$&');
 }
 function removeUndefinedProps(object) {
   Object.keys(object).forEach(key => {
     if (object[key] === undefined) {
@@ -780,4 +599,5 @@ function removeUndefinedProps(object) {
     }
   });
   return object;
-}
+}
+//# sourceMappingURL=component-helper.js.map

@dnb/eufemia 10.2.0 → 10.3.0