@dnb/eufemia 10.2.0 → 10.3.0

package/cjs/components/global-status/GlobalStatus.js

@@ -4,133 +4,92 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _keycode = _interopRequireDefault(require("keycode"));
-
 var _Context = _interopRequireDefault(require("../../shared/Context"));
-
 var _componentHelper = require("../../shared/component-helper");
-
 var _HeightAnimationInstance = _interopRequireDefault(require("../height-animation/HeightAnimationInstance"));
-
 var _SkeletonHelper = require("../skeleton/SkeletonHelper");
-
 var _SpacingHelper = require("../space/SpacingHelper");
-
 var _Hr2 = _interopRequireDefault(require("../../elements/hr/Hr"));
-
 var _GlobalStatusController = _interopRequireWildcard(require("./GlobalStatusController"));
-
 var _GlobalStatusProvider = _interopRequireDefault(require("./GlobalStatusProvider"));
-
 var _Icon = _interopRequireDefault(require("../icon/Icon"));
-
 var _FormStatus = require("../form-status/FormStatus");
-
 var _Section = _interopRequireDefault(require("../section/Section"));
-
 var _Button = _interopRequireDefault(require("../button/Button"));
-
 var _Hr;
-
 const _excluded = ["title", "default_title", "state", "className", "no_animation", "hide_close_button", "close_text", "class", "status_anchor_text", "skeleton", "id", "item", "items", "autoclose", "show", "delay", "autoscroll", "text", "icon", "icon_size", "children"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 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; }
-
-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 _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); }
 class GlobalStatus extends _react.default.PureComponent {
   static getContent(props) {
     if (props.text) return props.text;
     return (0, _componentHelper.processChildren)(props);
   }
-
   static getIcon(_ref) {
     let {
       state,
       icon,
       icon_size
     } = _ref;
-
     if (typeof icon === 'string') {
       let IconToLoad = icon;
-
       switch (state) {
         case 'info':
         case 'information':
           IconToLoad = _FormStatus.InfoIcon;
           break;
-
         case 'error':
         default:
           IconToLoad = _FormStatus.ErrorIcon;
       }
-
       icon = _react.default.createElement(_Icon.default, {
         icon: _react.default.createElement(IconToLoad, null),
         size: icon_size,
         inherit_color: false
       });
     }
-
     return icon;
   }
-
   static getDerivedStateFromProps(props, state) {
     if (state._items !== props.items) {
       state.globalStatus = _GlobalStatusProvider.default.combineMessages([state.globalStatus, props]);
     }
-
     state._items = props.items;
     return state;
   }
-
   constructor(props) {
     var _this;
-
     super(props);
     _this = this;
-
     _defineProperty(this, "state", {
       globalStatus: null,
       isActive: false,
       isAnimating: false,
       keepContentVisible: false
     });
-
     _defineProperty(this, "isPassive", () => {
       return this.props.show !== 'auto' && (0, _componentHelper.isTrue)(this.props.show) === false;
     });
-
     _defineProperty(this, "setVisible", function () {
       let {
         delay = parseFloat(_this.props.delay)
       } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
       if (_this.isPassive()) {
         return;
       }
-
       const run = () => {
         _this.setState({
           isActive: true
@@ -138,7 +97,6 @@ class GlobalStatus extends _react.default.PureComponent {
           _this.anim.open();
         });
       };
-
       if (delay > 0) {
         clearTimeout(_this._visibleTimeout);
         _this._visibleTimeout = setTimeout(() => {
@@ -148,7 +106,6 @@ class GlobalStatus extends _react.default.PureComponent {
         run();
       }
     });
-
     _defineProperty(this, "setHidden", function () {
       let {
         delay = parseFloat(_this.props.delay)
@@ -156,22 +113,18 @@ class GlobalStatus extends _react.default.PureComponent {
       const {
         isActive
       } = _this.state;
-
       if (isActive === false) {
         return;
       }
-
       _this.setState({
         isClosing: true
       });
-
       const run = () => {
         _this.setState({
           isClosing: false,
           isActive: false
         }, () => _this.anim.close());
       };
-
       if (delay > 0) {
         clearTimeout(_this._hiddenTimeout);
         _this._hiddenTimeout = setTimeout(() => {
@@ -181,7 +134,6 @@ class GlobalStatus extends _react.default.PureComponent {
         run();
       }
     });
-
     _defineProperty(this, "onKeyDownHandler", e => {
       switch ((0, _keycode.default)(e)) {
         case 'esc':
@@ -190,13 +142,11 @@ class GlobalStatus extends _react.default.PureComponent {
           break;
       }
     });
-
     _defineProperty(this, "closeHandler", () => {
       this.provider.add({
         status_id: 'internal-close',
         show: false
       });
-
       if (this.initialActiveElement) {
         try {
           this.initialActiveElement.focus();
@@ -205,24 +155,18 @@ class GlobalStatus extends _react.default.PureComponent {
           (0, _componentHelper.warn)(e);
         }
       }
-
       (0, _componentHelper.dispatchCustomElementEvent)(this._globalStatus, 'on_hide', this._globalStatus);
     });
-
     _defineProperty(this, "gotoItem", (event, item) => {
       event.persist();
       const keyCode = (0, _keycode.default)(event);
-
       if (item.item_id && typeof document !== 'undefined' && typeof window !== 'undefined' && keyCode === 'space' || keyCode === 'enter' || typeof keyCode === 'undefined') {
         event.preventDefault();
-
         try {
           const element = document.getElementById(item.item_id);
-
           if (!element) {
             return;
           }
-
           isElementVisible(element, elem => {
             try {
               elem.addEventListener('blur', e => {
@@ -239,7 +183,6 @@ class GlobalStatus extends _react.default.PureComponent {
               (0, _componentHelper.warn)(e);
             }
           });
-
           if (typeof element.scrollIntoView === 'function') {
             element.scrollIntoView({
               block: 'center',
@@ -251,7 +194,6 @@ class GlobalStatus extends _react.default.PureComponent {
         }
       }
     });
-
     _defineProperty(this, "itemsRenderHandler", _ref2 => {
       let {
         status_anchor_text,
@@ -259,20 +201,16 @@ class GlobalStatus extends _react.default.PureComponent {
       } = _ref2;
       return (item, i) => {
         const text = item !== null && item !== void 0 && item.text ? item.text : typeof item === 'string' ? item : null;
-
         if (!text) {
           return null;
         }
-
         const id = item.id || item.item_id ? `${item.item_id}-${i}` : (0, _componentHelper.makeUniqueId)();
         let anchorText = status_anchor_text;
-
         if (_react.default.isValidElement(item.status_anchor_label)) {
           anchorText = _react.default.createElement(_react.default.Fragment, null, typeof status_anchor_text === 'string' ? status_anchor_text.replace('%s', '').trim() : status_anchor_text, ' ', item.status_anchor_label);
         } else {
           anchorText = String(item.status_anchor_text || status_anchor_text).replace('%s', item.status_anchor_label || '').replace(/[: ]$/g, '');
         }
-
         const useAutolink = item.item_id && (0, _componentHelper.isTrue)(item.status_anchor_url);
         return _react.default.createElement("li", {
           key: i
@@ -289,7 +227,6 @@ class GlobalStatus extends _react.default.PureComponent {
         }, anchorText));
       };
     });
-
     this._wrapperRef = _react.default.createRef();
     this._shellRef = _react.default.createRef();
     this.anim = new _HeightAnimationInstance.default({
@@ -299,7 +236,6 @@ class GlobalStatus extends _react.default.PureComponent {
       this.setState({
         isAnimating: true
       });
-
       if (state === 'opening') {
         this.scrollToStatus();
       }
@@ -308,23 +244,19 @@ class GlobalStatus extends _react.default.PureComponent {
       this.setState({
         isAnimating: false
       });
-
       if (this.state.isActive) {
         this.setState({
           keepContentVisible: true
         });
         (0, _componentHelper.dispatchCustomElementEvent)(this._globalStatus, 'on_show', this._globalStatus);
-
         if (state === 'opened') {
           this.setFocus();
           (0, _componentHelper.dispatchCustomElementEvent)(this._globalStatus, 'on_open', this._globalStatus);
         }
-
         if (state === 'adjusted') {
           if (!(0, _componentHelper.isTrue)(this.props.omit_set_focus_on_update)) {
             this.setFocus();
           }
-
           (0, _componentHelper.dispatchCustomElementEvent)(this._globalStatus, 'on_adjust', this._globalStatus);
         }
       } else {
@@ -336,46 +268,37 @@ class GlobalStatus extends _react.default.PureComponent {
     });
     this.provider = _GlobalStatusProvider.default.create(props.id);
     this.state.globalStatus = this._globalStatus = this.provider.init(props);
-
     if ((0, _componentHelper.isTrue)(props.show)) {
       if ((0, _componentHelper.isTrue)(props.no_animation)) {
         this.state.isActive = true;
       }
     }
-
     this.provider.onUpdate(globalStatus => {
       if (globalStatus.on_close) {
         this._globalStatus = globalStatus;
       }
-
       let height;
-
       if (this.state.keepContentVisible) {
         height = this.anim.adjustFrom();
       }
-
       this.setState({
         globalStatus
       });
       const isActive = (0, _componentHelper.isTrue)(globalStatus.show);
-
       if (isActive) {
         this.adjustHeight = this.anim.adjustFrom();
-
         if (!this.isPassive()) {
           this.setState({
             isActive
           });
         }
       }
-
       if ((0, _componentHelper.isTrue)(this.props.autoclose) && this._hadContent && !this.hasContent(globalStatus) && !(0, _componentHelper.isTrue)(this.props.show) || typeof globalStatus.show !== 'undefined' && !(0, _componentHelper.isTrue)(globalStatus.show)) {
         this.setHidden({
           delay: 0
         });
       } else if ((0, _componentHelper.isTrue)(this.props.show) || typeof globalStatus.show !== 'undefined' && (0, _componentHelper.isTrue)(globalStatus.show)) {
         this._hadContent = this.hasContent(globalStatus);
-
         if (this.state.keepContentVisible) {
           this.anim.adjustTo(height);
         } else {
@@ -387,15 +310,12 @@ class GlobalStatus extends _react.default.PureComponent {
     });
     this.initialActiveElement = null;
   }
-
   componentDidMount() {
     this.anim.setElement(this._shellRef.current);
-
     if ((0, _componentHelper.isTrue)(this.props.show)) {
       this.setVisible();
     }
   }
-
   componentWillUnmount() {
     this.anim.remove();
     clearTimeout(this._scrollToStatusTimeout);
@@ -403,7 +323,6 @@ class GlobalStatus extends _react.default.PureComponent {
     clearTimeout(this._hiddenTimeout);
     this.provider.empty();
   }
-
   componentDidUpdate(prevProps) {
     if (prevProps !== this.props) {
       const globalStatus = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, GlobalStatus.defaultProps, this.state.globalStatus);
@@ -411,7 +330,6 @@ class GlobalStatus extends _react.default.PureComponent {
         globalStatus
       });
     }
-
     if (prevProps.show !== this.props.show) {
       if ((0, _componentHelper.isTrue)(this.props.show)) {
         this.setVisible();
@@ -420,46 +338,36 @@ class GlobalStatus extends _react.default.PureComponent {
       }
     }
   }
-
   hasContent(globalStatus) {
     var _globalStatus$items;
-
     return Boolean(((_globalStatus$items = globalStatus.items) === null || _globalStatus$items === void 0 ? void 0 : _globalStatus$items.length) > 0 || globalStatus.text);
   }
-
   correctStatus(state) {
     switch (state) {
       case 'information':
         state = 'info';
         break;
     }
-
     return state;
   }
-
   setFocus() {
     if (typeof document !== 'undefined' && document.activeElement !== this._wrapperRef.current) {
       this.initialActiveElement = document.activeElement;
     }
-
     if (this._wrapperRef.current && !(0, _componentHelper.isTrue)(this.props.omit_set_focus)) {
       this._wrapperRef.current.focus({
         preventScroll: true
       });
     }
   }
-
   scrollToStatus() {
     let isDone = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
     if (typeof window === 'undefined' || (0, _componentHelper.isTrue)(this.state.globalStatus.autoscroll) === false) {
       return;
     }
-
     try {
       const element = this._wrapperRef.current;
       this._scrollToStatusTimeout = isElementVisible(element, isDone);
-
       if (element && typeof element.scrollIntoView === 'function') {
         element.scrollIntoView({
           block: 'center',
@@ -467,7 +375,6 @@ class GlobalStatus extends _react.default.PureComponent {
         });
       } else {
         const top = element.offsetTop;
-
         if (window.scrollTo) {
           window.scrollTo({
             top,
@@ -481,7 +388,6 @@ class GlobalStatus extends _react.default.PureComponent {
       (0, _componentHelper.warn)('GlobalStatus: Could not scroll into view!', e);
     }
   }
-
   render() {
     const {
       isActive,
@@ -491,32 +397,30 @@ class GlobalStatus extends _react.default.PureComponent {
     const fallbackProps = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, GlobalStatus.defaultProps, this.context.getTranslation(this.props).GlobalStatus);
     const props = (0, _componentHelper.extendPropsWithContextInClassComponent)(_GlobalStatusProvider.default.combineMessages([this.context.globalStatus, this.state.globalStatus]), GlobalStatus.defaultProps, fallbackProps);
     const lang = this.context.locale;
-
     const {
-      title,
-      default_title,
-      state: rawState,
-      className,
-      no_animation,
-      hide_close_button,
-      close_text,
-      class: _className,
-      status_anchor_text,
-      skeleton,
-      id,
-      item,
-      items,
-      autoclose,
-      show,
-      delay,
-      autoscroll,
-      text,
-      icon,
-      icon_size,
-      children
-    } = props,
-          attributes = _objectWithoutProperties(props, _excluded);
-
+        title,
+        default_title,
+        state: rawState,
+        className,
+        no_animation,
+        hide_close_button,
+        close_text,
+        class: _className,
+        status_anchor_text,
+        skeleton,
+        id,
+        item,
+        items,
+        autoclose,
+        show,
+        delay,
+        autoscroll,
+        text,
+        icon,
+        icon_size,
+        children
+      } = props,
+      attributes = _objectWithoutProperties(props, _excluded);
     const wrapperParams = {
       id,
       key: 'global-status',
@@ -536,23 +440,18 @@ class GlobalStatus extends _react.default.PureComponent {
     const itemsToRender = props.items || [];
     const contentToRender = GlobalStatus.getContent(props);
     const style = state === 'info' ? 'pistachio' : 'fire-red-8';
-
     const params = _objectSpread({
       className: (0, _classnames.default)(`dnb-global-status dnb-global-status--${state}`, isActive ? keepContentVisible && 'dnb-global-status--visible' : 'dnb-global-status--hidden', isAnimating && 'dnb-global-status--is-animating', noAnimation && 'dnb-global-status--no-animation')
     }, attributes);
-
     (0, _SkeletonHelper.skeletonDOMAttributes)(params, skeleton, this.context);
     (0, _componentHelper.validateDOMAttributes)(this.props, params);
-
     const renderedItems = itemsToRender.length > 0 && _react.default.createElement("ul", {
       className: "dnb-ul"
     }, itemsToRender.map(this.itemsRenderHandler({
       status_anchor_text,
       lang
     })));
-
     const hasContent = renderedItems || contentToRender;
-
     const renderedContent = _react.default.createElement("div", {
       className: "dnb-global-status__content"
     }, title !== false && _react.default.createElement(_Section.default, {
@@ -583,7 +482,6 @@ class GlobalStatus extends _react.default.PureComponent {
     }, contentToRender) : contentToRender, renderedItems)), _Hr || (_Hr = _react.default.createElement(_Hr2.default, {
       fullscreen: true
     }))));
-
     return _react.default.createElement("div", _extends({}, wrapperParams, {
       ref: this._wrapperRef
     }), _react.default.createElement("section", params, _react.default.createElement("div", {
@@ -591,13 +489,9 @@ class GlobalStatus extends _react.default.PureComponent {
       ref: this._shellRef
     }, (isAnimating || keepContentVisible || isActive) && renderedContent)));
   }
-
 }
-
 exports.default = GlobalStatus;
-
 _defineProperty(GlobalStatus, "contextType", _Context.default);
-
 _defineProperty(GlobalStatus, "defaultProps", {
   id: 'main',
   status_id: 'status-main',
@@ -628,7 +522,6 @@ _defineProperty(GlobalStatus, "defaultProps", {
   on_close: null,
   on_hide: null
 });
-
 process.env.NODE_ENV !== "production" ? GlobalStatus.propTypes = _objectSpread(_objectSpread({
   id: _propTypes.default.string,
   status_id: _propTypes.default.string,
@@ -660,29 +553,22 @@ process.env.NODE_ENV !== "production" ? GlobalStatus.propTypes = _objectSpread(_
   on_close: _propTypes.default.func,
   on_hide: _propTypes.default.func
 }) : void 0;
-
 GlobalStatus.create = function () {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
-
   return new _GlobalStatusController.GlobalStatusInterceptor(...args);
 };
-
 GlobalStatus.Update = GlobalStatus.create;
 GlobalStatus.Add = _GlobalStatusController.default;
 GlobalStatus.Remove = _GlobalStatusController.default.Remove;
-
 const isElementVisible = function (elem, callback) {
   let delayFallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1e3;
-
   if (typeof IntersectionObserver !== 'undefined') {
     const intersectionObserver = new IntersectionObserver(entries => {
       const [entry] = entries;
-
       if (entry.isIntersecting) {
         intersectionObserver.unobserve(elem);
-
         if (typeof callback === 'function') {
           callback(elem);
         }
@@ -694,6 +580,6 @@ const isElementVisible = function (elem, callback) {
       return setTimeout(() => callback(elem), delayFallback);
     }
   }
-
   return null;
-};
+};
+//# sourceMappingURL=GlobalStatus.js.map