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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ThemeNames, ThemeProps } from './Theme';
-declare type VisibilityByThemeProps = {
+type VisibilityByThemeProps = {
     /**
      * A valid theme name or object.
      * Will pass children on a match.
@@ -17,7 +17,7 @@ declare type VisibilityByThemeProps = {
      */
     children: React.ReactNode;
 };
-declare type ThemeItem = ThemeNames | ThemeProps;
-declare type ThemeParams = ThemeItem | Array<ThemeItem>;
+type ThemeItem = ThemeNames | ThemeProps;
+type ThemeParams = ThemeItem | Array<ThemeItem>;
 export default function VisibilityByTheme({ children, visible, hidden, }: VisibilityByThemeProps): JSX.Element;
 export {};

@@ -12,7 +12,6 @@ export default function VisibilityByTheme({
   }, [themeOrig]);
   const visibleList = Array.isArray(visible) ? visible : [visible];
   const hiddenList = Array.isArray(hidden) ? hidden : [hidden];
   if (visible) {
     if (!visibleList.some(match(theme))) {
       return null;
@@ -22,18 +21,16 @@ export default function VisibilityByTheme({
       return null;
     }
   }
   return children;
   function match(theme) {
     return themeItem => {
       return typeof themeItem === 'string' ? theme.name === themeItem : matchObject(theme, themeItem);
     };
   }
   function matchObject(theme, themeItem) {
     return Object.keys(themeItem).every(key => {
       return theme[key] === themeItem[key];
     });
   }
-}
+}
+//# sourceMappingURL=VisibilityByTheme.js.map

@@ -42,7 +42,7 @@ export function isChildOfElement(element: HTMLElement, target: HTMLElement, call
 export function roundToNearest(num: any, target: any): any;
 export function getClosestScrollViewElement(currentElement: any): Element;
 export function convertJsxToString(elements: any, separator?: any): any;
-import { getPreviousSibling } from "./helpers/getPreviousSibling";
-import { warn } from "./helpers";
+import { getPreviousSibling } from './helpers/getPreviousSibling';
+import { warn } from './helpers';
 export { getPreviousSibling, warn };
 export { extendPropsWithContext, extendPropsWithContextInClassComponent } from "./helpers/extendPropsWithContext";

@@ -1,9 +1,6 @@
 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); 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 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 keycode from 'keycode';
 import whatInput from 'what-input';
@@ -15,24 +12,19 @@ export { extendPropsWithContext, extendPropsWithContextInClassComponent } from '
 export { useEventEmitter } from './helpers/useEventEmitter';
 export { getPreviousSibling, warn };
 init();
 if (typeof process !== 'undefined' && process.env.NODE_ENV === 'test' && typeof window !== 'undefined') {
   window.IS_TEST = true;
 }
 whatInput.specificKeys([9]);
 defineNavigator();
 export function isTouchDevice() {
   if (typeof document !== 'undefined') {
     let intent = false;
     try {
       intent = document.documentElement.getAttribute('data-whatintent');
     } catch (e) {}
     return intent === 'touch';
   }
   return false;
 }
 export function defineNavigator() {
@@ -40,7 +32,6 @@ export function defineNavigator() {
     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(PLATFORM_MAC)) !== null) {
@@ -56,10 +47,8 @@ export function defineNavigator() {
     } catch (e) {
       warn(e);
     }
     document.removeEventListener('DOMContentLoaded', handleNavigator);
   };
   if (typeof document !== 'undefined' && document.readyState === 'loading') {
     document.addEventListener('DOMContentLoaded', handleNavigator);
   } else {
@@ -69,12 +58,10 @@ export function defineNavigator() {
 export 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(([key, value]) => {
           Object.assign(params, {
@@ -82,55 +69,42 @@ export 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)) {
@@ -140,14 +114,12 @@ export const validateDOMAttributes = (props, params) => {
       }
     }
   }
   return params;
 };
 export 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(([key, cb]) => {
@@ -157,61 +129,48 @@ export const processChildren = props => {
             if (Object.isFrozen(props)) {
               props = _objectSpread({}, props);
             }
             props.children = cache;
           }
           return cache = React.createElement(React.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;
 };
 export const extend = (...objects) => {
   let first = {};
   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, [key, value]) => {
         if (value !== null) {
           if (typeof value === 'object') {
             value = extend(acc1[key] || {}, value);
             if (Object.keys(value).length > 0) {
               acc2[key] = value;
             }
@@ -219,11 +178,9 @@ export const extend = (...objects) => {
             acc2[key] = value;
           }
         }
         return acc2;
       }, {}));
     }
     return acc1;
   }, first);
 };
@@ -231,34 +188,26 @@ export const isTrue = value => {
   if (value !== null && typeof value !== 'undefined' && (String(value) === 'true' || String(value) === '1')) {
     return true;
   }
   return false;
 };
 export 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];
           }
@@ -268,23 +217,17 @@ export 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;
       }
@@ -292,23 +235,18 @@ export 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;
 };
 export 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())), '');
@@ -324,31 +262,24 @@ export class DetectOutsideClickClass {
     }, onSuccess = 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();
         }
@@ -356,12 +287,10 @@ export class DetectOutsideClickClass {
         warn(e);
       }
     });
     if (!this.handleClickOutside && typeof document !== 'undefined' && typeof window !== 'undefined') {
       if (!Array.isArray(_ignoreElements)) {
         _ignoreElements = [_ignoreElements];
       }
       this.handleClickOutside = event => {
         this.checkOutsideClick({
           event,
@@ -370,15 +299,11 @@ export class DetectOutsideClickClass {
           event
         }));
       };
       document.addEventListener('mousedown', this.handleClickOutside);
       this.keydownCallback = event => {
         const keyCode = keycode(event);
         if (keyCode === 'esc') {
           window.removeEventListener('keydown', this.keydownCallback);
           if (typeof _onSuccess === 'function') {
             _onSuccess({
               event
@@ -386,52 +311,42 @@ export class DetectOutsideClickClass {
           }
         }
       };
       window.addEventListener('keydown', this.keydownCallback);
       if (options.includedKeys) {
         this.keyupCallback = event => {
           const keyCode = keycode(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;
     }
   }
 }
 export const checkIfHasScrollbar = elem => {
   return elem && (elem.scrollHeight > elem.offsetHeight || elem.scrollWidth > elem.offsetWidth) && overflowIsScrollable(elem);
 };
 const overflowIsScrollable = elem => {
   const style = typeof window !== 'undefined' ? window.getComputedStyle(elem) : {};
   return /scroll|auto/i.test((style.overflow || '') + (style.overflowX || '') + (style.overflowY || ''));
 };
 export const filterProps = (props, remove = null, allowed = null) => {
   if (Array.isArray(remove)) {
     remove = remove.reduce((acc, key) => {
@@ -439,19 +354,16 @@ export const filterProps = (props, remove = null, allowed = null) => {
       return acc;
     }, {});
   }
   if (Array.isArray(allowed)) {
     allowed = allowed.reduce((acc, key) => {
       acc[key] = true;
       return acc;
     }, {});
   }
   return Object.entries(props).reduce((acc, [k, v]) => {
     if (remove && typeof remove[k] === 'undefined' || allowed && typeof allowed[k] !== 'undefined') {
       acc[k] = v;
     }
     return acc;
   }, {});
 };
@@ -462,14 +374,11 @@ export 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;
 };
 export const isChildOfElement = (element, target, callback = null) => {
@@ -477,22 +386,17 @@ export const isChildOfElement = (element, target, callback = null) => {
     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;
 };
 export const roundToNearest = (num, target) => {
@@ -506,7 +410,6 @@ export const convertJsxToString = (elements, separator = undefined) => {
   if (!Array.isArray(elements)) {
     elements = [elements];
   }
   const process = word => {
     if (React.isValidElement(word)) {
       if (typeof word.props.children === 'string') {
@@ -516,21 +419,17 @@ export const convertJsxToString = (elements, separator = undefined) => {
           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();
 };
 export function convertStatusToStateOnly(status, state) {
@@ -545,51 +444,40 @@ export function combineLabelledBy(...params) {
 export function combineDescribedBy(...params) {
   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;
 }
 export 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.isValidElement(cur) && find(cur)) {
       return result = cur;
     }
     return null;
   });
   return result;
@@ -604,4 +492,5 @@ export function removeUndefinedProps(object) {
     }
   });
   return object;
-}
+}
+//# sourceMappingURL=component-helper.js.map

@dnb/eufemia 10.2.0 → 10.3.0