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

@@ -3,29 +3,22 @@ import { warn } from '../../shared/component-helper';
 export default class Animation {
   constructor() {
     _defineProperty(this, "stack", []);
     _defineProperty(this, "events", []);
   }
   add(animation) {
     if (!animation.type) {
       warn('You should define an animation type.');
     }
     const isInProgress = this.isInProgress(animation);
     if (isInProgress) {
       if (typeof animation.onPartial === 'function') {
         animation.onPartial(isInProgress);
       }
       return animation;
     }
     this.stack.push(animation);
     return this.runNext();
   }
   unbind() {
     this.stack.forEach(animation => {
       animation.onReset = null;
@@ -34,88 +27,67 @@ export default class Animation {
     this.stack = [];
     this.events = [];
   }
   reset(animation) {
     if (!animation) {
       return;
     }
     clearTimeout(animation._durationId);
     clearTimeout(animation._delayId);
     if (typeof animation.onReset === 'function') {
       animation.onReset(animation);
     }
     this.stack = this.stack.filter(a => a !== animation);
   }
   isInProgress(animation) {
     return this.stack.length > 0 && this.stack[0].running && animation.type === this.stack[0].type && this.stack[0];
   }
   runNext() {
     const animation = this.stack[0];
     if (!animation || animation.running) {
       return null;
     }
     animation.running = true;
     const run = () => {
       if (typeof animation.onStart === 'function') {
         animation.onStart(animation);
       }
       this.runGlobalEvents(animation, 'onStart');
       const next = () => {
         animation.running = false;
         if (typeof animation.onComplete === 'function') {
           animation.onComplete(animation);
         }
         this.runGlobalEvents(animation, 'onComplete');
         this.stack = this.stack.filter(a => a !== animation);
         this.runNext();
       };
       clearTimeout(animation._durationId);
       if (animation.duration > 0) {
         animation._durationId = setTimeout(next, animation.duration);
       } else {
         next();
       }
     };
     clearTimeout(animation._delayId);
     if (animation.delay > 0) {
       animation._delayId = setTimeout(run, animation.delay);
     } else {
       run();
     }
     return animation;
   }
   onStart(callback) {
     this.events.push({
       callback,
       type: 'onStart'
     });
   }
   onComplete(callback) {
     this.events.push({
       callback,
       type: 'onComplete'
     });
   }
   runGlobalEvents(animation, type) {
     this.events.forEach(event => {
       if (type === event.type && typeof event.callback === 'function') {
@@ -124,5 +96,5 @@ export default class Animation {
     });
     this.events = [];
   }
-}
+}
+//# sourceMappingURL=AnimationHelper.js.map

@@ -31,79 +31,64 @@ export interface GlobalStatusProps
    */
   id?: string;
   status_id?: string;
   /**
    * The title appears as a part of the status content. Defaults to `En feil har skjedd`.
    */
   title?: GlobalStatusTitle;
   default_title?: string;
   /**
    * The text appears as the status content. Besides plain text, you can send in a React component as well. Defaults to `null`.
    */
   text?: GlobalStatusText;
   /**
    * The items (list items) appear as a part of the status content. you can both use an JSON array, or a vanilla array with a string or an object content. See "Item Object" example below.
    */
   items?: GlobalStatusItem[];
   /**
    * The icon shown before the status title. Defaults to `exclamation`.
    */
   icon?: IconIcon;
   /**
    * The icon size of the title icon shows. Defaults to `medium`.
    */
   icon_size?: IconSize;
   /**
    * Defines the visual appearance of the status. There are two main statuses `error` and `info`. The default status is `error`.
    */
   state?: GlobalStatusState;
   /**
    * Set to `true` or `false` to manually make the global status visible. Defaults to `true`.
    */
   show?: GlobalStatusShow;
   /**
    * Set to `true` to automatically scroll the page to the appeared global status. Defaults to `true`.
    */
   autoscroll?: boolean;
   /**
    * Set to `true` to automatically close the global status if there are no more left items in the provider stack. Defaults to `true`.
    */
   autoclose?: boolean;
   /**
    * Set to `true` to disable the show/hide/slide/fade/grow/shrink animation. Defaults to `false`.
    */
   no_animation?: boolean;
   /**
    * Defines the delay on how long the automated visibility should wait before it appears to the user. Defaults to `200ms`.
    */
   delay?: GlobalStatusDelay;
   /**
    * Text of the close button. Defaults to `Lukk`.
    */
   close_text?: React.ReactNode;
   /**
    * Set to `true` if the close button should be hidden for the user. Defaults to `false`.
    */
   hide_close_button?: boolean;
   /**
    * Set to `true` to omit setting the focus during visibility. Defaults to `false`. Additionally, there is `omit_set_focus_on_update` which is set to `true` by default.
    */
   omit_set_focus?: boolean;
   omit_set_focus_on_update?: boolean;
   /**
    * Defines the anchor text showing up after every item, in case there is a `status_id` defined. Defaults to `Gå til %s`. The `%s` represents the optional and internal handled label addition.
    */
@@ -111,32 +96,26 @@ export interface GlobalStatusProps
   skeleton?: SkeletonShow;
   class?: string;
   className?: string;
   /**
    * The text appears as the status content. Besides plain text, you can send in a React component as well. Defaults to `null`.
    */
   children?: GlobalStatusChildren;
   /**
    * Gets triggered once the GlobalStatus is getting new content by the user. Returns `{ id, status_id, ...properties }`.
    */
   on_adjust?: (...args: any[]) => any;
   /**
    * Gets triggered the first time the GlobalStatus appears on the screen. In other words, it has to have been hidden before. Returns `{ id, status_id, ...properties }`.
    */
   on_open?: (...args: any[]) => any;
   /**
    * Gets triggered for the first time and for every new content update the GlobalStatus gets. Returns `{ id, status_id, ...properties }`.
    */
   on_show?: (...args: any[]) => any;
   /**
    * Gets triggered once the GlobalStatus disappears from the screen. Works only if `no_animation` is not `true`. Returns `{ id, status_id, ...properties }`.
    */
   on_close?: (...args: any[]) => any;
   /**
    * Gets triggered once the GlobalStatus is getting closed/hidden by the user. Returns `{ id, status_id, ...properties }`.
    */
@@ -149,23 +128,19 @@ export type GlobalStatusAddProps = {
    */
   id: string;
   status_id: GlobalStatusStatusId;
   /**
    * The title appears as a part of the status content. Defaults to `En feil har skjedd`.
    */
   title?: string;
   /**
    * The text appears as the status content. Besides plain text, you can send in a React component as well. Defaults to `null`.
    */
   text: string;
   item?: GlobalStatusItem;
   /**
    * The items (list items) appear as a part of the status content. you can both use an JSON array, or a vanilla array with a string or an object content. See "Item Object" example below.
    */
   items?: GlobalStatusItem[];
   /**
    * Gets triggered once the GlobalStatus disappears from the screen. Works only if `no_animation` is not `true`. Returns `{ id, status_id, ...properties }`.
    */
@@ -176,7 +151,6 @@ export type GlobalStatusUpdateProps = {
    * The main ID. Defaults to `main`.
    */
   id: string;
   /**
    * The text appears as the status content. Besides plain text, you can send in a React component as well. Defaults to `null`.
    */
@@ -195,18 +169,15 @@ export type GlobalStatusInterceptorProps = {
    * The main ID. Defaults to `main`.
    */
   id: string;
   /**
    * The title appears as a part of the status content. Defaults to `En feil har skjedd`.
    */
   title: string;
   /**
    * The text appears as the status content. Besides plain text, you can send in a React component as well. Defaults to `null`.
    */
   text: string;
   status_id: GlobalStatusStatusId;
   /**
    * Set to `true` or `false` to manually make the global status visible. Defaults to `true`.
    */
@@ -218,22 +189,18 @@ export type GlobalStatusInterceptorUpdateEvents = {
    * Gets triggered for the first time and for every new content update the GlobalStatus gets. Returns `{ id, status_id, ...properties }`.
    */
   on_show?: () => void;
   /**
    * Gets triggered once the GlobalStatus is getting closed/hidden by the user. Returns `{ id, status_id, ...properties }`.
    */
   on_hide?: () => void;
   /**
    * Gets triggered once the GlobalStatus disappears from the screen. Works only if `no_animation` is not `true`. Returns `{ id, status_id, ...properties }`.
    */
   on_close?: () => void;
   /**
    * Set to `true` or `false` to manually make the global status visible. Defaults to `true`.
    */
   show?: boolean;
   /**
    * The text appears as the status content. Besides plain text, you can send in a React component as well. Defaults to `null`.
    */

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"style.js","names":[],"sources":["../../../../src/components/global-error/style.ts"],"sourcesContent":["/*\n Web Style Import\n \n /\n\nimport './style/dnb-global-error.scss'\n"],"mappings":"AAKA,OAAO,kCAA+B"}

@dnb/eufemia 10.2.0 → 10.3.0