@decisiv/ui-components 2.0.1-alpha.21 → 2.0.1-alpha.211

package/lib/modifiers/spacingSchema.js

@@ -7,24 +7,37 @@ exports.makeSpacingSchemaPropTypes = void 0;
 
 var _reactDesc = require("react-desc");
 
-// @ts-ignore no module typings
-// eslint-disable-next-line import/prefer-default-export
+var _breakpointObserver = require("@decisiv/breakpoint-observer");
+
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+
+function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+
+var numberOrDynamicModifierProp = _reactDesc.PropTypes.oneOfType([_reactDesc.PropTypes.number, _reactDesc.PropTypes.shape(_defineProperty({}, _reactDesc.PropTypes.oneOf(['_'].concat(_toConsumableArray(Object.keys(_breakpointObserver.sizes)))), _reactDesc.PropTypes.number))]); // eslint-disable-next-line import/prefer-default-export
+
+
 var makeSpacingSchemaPropTypes = function makeSpacingSchemaPropTypes() {
   return {
-    margin: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on all axis margin.'),
-    marginBottom: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the bottom margin.'),
-    marginLeft: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the left margin.'),
-    marginRight: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the right margin.'),
-    marginTop: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the top margin.'),
-    marginX: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the X axis margin.'),
-    marginY: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the Y axis margin.'),
-    padding: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on all axis padding.'),
-    paddingBottom: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the bottom padding.'),
-    paddingLeft: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the left padding.'),
-    paddingRight: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the right padding.'),
-    paddingTop: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the top padding.'),
-    paddingX: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the X axis padding.'),
-    paddingY: _reactDesc.PropTypes.number.description('Defines the spacing multiplier for use on the Y axis padding.')
+    margin: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on all axis margin.'),
+    marginBottom: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the bottom margin.'),
+    marginLeft: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the left margin.'),
+    marginRight: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the right margin.'),
+    marginTop: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the top margin.'),
+    marginX: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the X axis margin.'),
+    marginY: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the Y axis margin.'),
+    padding: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on all axis padding.'),
+    paddingBottom: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the bottom padding.'),
+    paddingLeft: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the left padding.'),
+    paddingRight: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the right padding.'),
+    paddingTop: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the top padding.'),
+    paddingX: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the X axis padding.'),
+    paddingY: numberOrDynamicModifierProp.description('Defines the spacing multiplier for use on the Y axis padding.')
   };
 };
 

package/lib/providers/ConfigProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ConfigProvider/index.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,iBAAiB,EAMlB,MAAM,OAAO,CAAC;AAUf,OAAO,EAGL,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AAQzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AAErC,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,aAAa,CAoGpD,CAAC;AAQF,QAAA,MAAM,SAAS,qBACkB,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/ConfigProvider/index.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,iBAAiB,EAMlB,MAAM,OAAO,CAAC;AAUf,OAAO,EAGL,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AAQzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AAErC,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,aAAa,CAwGpD,CAAC;AAQF,QAAA,MAAM,SAAS,qBACkB,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}

package/lib/providers/ConfigProvider/index.js

@@ -166,7 +166,11 @@ var ConfigProvider = function ConfigProvider(props) {
     var managerProps = {};
 
     if (extraScope) {
-      managerProps.stylisPlugins = [(0, _stylisPluginExtraScope.default)(extraScope)];
+      var extraScopePlugin = (0, _stylisPluginExtraScope.default)(extraScope);
+      Object.defineProperty(extraScopePlugin, 'name', {
+        value: 'extraScopePlugin'
+      });
+      managerProps.stylisPlugins = [extraScopePlugin];
     }
 
     return managerProps;

package/lib/providers/ConfigProvider/utils/context.d.ts

@@ -17,7 +17,7 @@ export interface DefaultConfig {
 export declare const defaultConfig: DefaultConfig;
 export declare const ConfigContext: React.Context<DefaultConfig>;
 export interface ProviderProps {
-    children: React.ReactChild;
+    children?: React.ReactChild;
     extraScope?: string;
     linkRenderer?: LinkRenderer;
     portalsRoot?: HTMLElement | string;

package/lib/providers/ConfigProvider/utils/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,mBAAmB,MAAM,gBAAgB,CAAC;AACjD,OAAqB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9C,OAA4B,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnE,oBAAY,YAAY,GAAG,OAAO,mBAAmB,CAAC;AAEtD,oBAAY,wBAAwB,GAAG,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;AAE7E,aAAK,aAAa,GAAG,CACnB,QAAQ,EAAE,SAAS,EACnB,kBAAkB,CAAC,EAAE,MAAM,KACxB,WAAW,GAAG,IAAI,CAAC;AAExB,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,qBAAqB,EAAE,wBAAwB,CAAC;IACzD,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3C,QAAQ,CAAC,YAAY,EAAE,aAAa,CAAC;IACrC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,EAAE,aAoB3B,CAAC;AAEF,eAAO,MAAM,aAAa,8BAA+B,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACtC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,mBAAmB,MAAM,gBAAgB,CAAC;AACjD,OAAqB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9C,OAA4B,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnE,oBAAY,YAAY,GAAG,OAAO,mBAAmB,CAAC;AAEtD,oBAAY,wBAAwB,GAAG,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;AAE7E,aAAK,aAAa,GAAG,CACnB,QAAQ,EAAE,SAAS,EACnB,kBAAkB,CAAC,EAAE,MAAM,KACxB,WAAW,GAAG,IAAI,CAAC;AAExB,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,qBAAqB,EAAE,wBAAwB,CAAC;IACzD,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM,CAAC;IAC3C,QAAQ,CAAC,YAAY,EAAE,aAAa,CAAC;IACrC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IACtB,QAAQ,CAAC,YAAY,EAAE,YAAY,CAAC;IACpC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,EAAE,aAoB3B,CAAC;AAEF,eAAO,MAAM,aAAa,8BAA+B,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CACtC"}

package/lib/providers/ConfigProvider/utils/normalizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalizer.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/normalizer.tsx"],"names":[],"mappings":"AA4IA,QAAA,MAAM,UAAU,oEAIf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"normalizer.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/normalizer.tsx"],"names":[],"mappings":"AA8IA,QAAA,MAAM,UAAU,oEAIf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/providers/ConfigProvider/utils/normalizer.js

@@ -38,7 +38,7 @@ var cssReset = (0, _styledComponents.css)(["*,*::before,*::after{box-sizing:bord
  * Basic typography styling that should be applied globally.
  */
 
-var typographyBase = (0, _styledComponents.css)(["font-family:", ";font-size:", ";font-weight:", ";color:", ";letter-spacing:normal;"], _designTokens.typography.typeface.default, (0, _rem.default)(_designTokens.typography.size.alias.default), _designTokens.typography.weight.alias.default, (0, _toColorString.default)(_designTokens.color.base.charcoal));
+var typographyBase = (0, _styledComponents.css)(["font-family:", ";font-size:", ";font-weight:", ";color:", ";letter-spacing:normal;font-feature-settings:normal;font-variant-numeric:normal;"], _designTokens.typography.typeface.default, (0, _rem.default)(_designTokens.typography.size.alias.default), _designTokens.typography.weight.alias.default, (0, _toColorString.default)(_designTokens.color.base.charcoal));
 
 var Normalizer = _styledComponents.default.div.withConfig({
   displayName: "normalizer__Normalizer",

package/lib/providers/ConfigProvider/utils/translations.d.ts

@@ -5,6 +5,10 @@ declare const translations: {
         readonly expand: "Expand";
         readonly expandAll: "Expand All";
     };
+    alert: {
+        readonly closeAlert: "Close Alert";
+        readonly close: "Close";
+    };
     avatar: {
         aria: {
             readonly label: "{descriptor} avatar";
@@ -15,6 +19,9 @@ declare const translations: {
             readonly label: "Breadcrumbs";
         };
     };
+    button: {
+        readonly loading: "Loading...";
+    };
     combobox: {
         readonly clearButtonLabel: "Clear {label} value";
         readonly loading: "Loading...";
@@ -49,6 +56,10 @@ declare const translations: {
         readonly viewNextMonth: "View next month";
         readonly viewPrevMonth: "View previous month";
     };
+    drawer: {
+        readonly closeBtnTooltip: "Close";
+        readonly closeBtn: "Close Drawer";
+    };
     jumpTo: {
         readonly menuLabel: "Jump To";
         readonly navLabel: "Jump To:";
@@ -65,6 +76,7 @@ declare const translations: {
     pagination: {
         readonly previous: "Previous";
         readonly next: "Next";
+        readonly page: "Page {page}";
         aria: {
             readonly label: "Pagination";
             readonly previous: "Go to previous page, page {page}";
@@ -103,6 +115,10 @@ declare const translations: {
         readonly noneSelected: "All";
         readonly selectedCount: "{count} Selected";
     };
+    tagInput: {
+        readonly tagAriaLabel: "Remove {tagName}";
+        readonly clearButton: "Clear {inputLabel}";
+    };
     table: {
         sortIcons: {
             aria: {
@@ -114,10 +130,36 @@ declare const translations: {
     };
     textArea: {
         readonly countMessage: "You have {remaining} characters left ({max} max).";
+        readonly countMessageOver: "You are {surplus} characters over the limit ({max} max).";
     };
     textField: {
         readonly requiredMessage: "Required";
     };
+    toggleView: {
+        aria: {
+            readonly label: "Toggle View";
+            readonly element: "View element {id}";
+        };
+    };
+    passwordField: {
+        readonly showPassword: "Show Password";
+        readonly hidePassword: "Hide Password";
+        readonly password: "Password";
+    };
+    searchInput: {
+        readonly clear: "Clear";
+        readonly search: "Search";
+        readonly clearSearch: "Clear search";
+        readonly searchBy: "Search By";
+    };
+    wizard: {
+        actions: {
+            readonly cancel: "Cancel";
+            readonly back: "Back";
+            readonly continue: "Continue";
+            readonly submit: "Submit";
+        };
+    };
 };
 export declare type Translations = typeof translations;
 export default translations;

package/lib/providers/ConfigProvider/utils/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/translations.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHR,CAAC;AAEX,oBAAY,YAAY,GAAG,OAAO,YAAY,CAAC;AAE/C,eAAe,YAAY,CAAC"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/translations.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4JR,CAAC;AAEX,oBAAY,YAAY,GAAG,OAAO,YAAY,CAAC;AAE/C,eAAe,YAAY,CAAC"}

package/lib/providers/ConfigProvider/utils/translations.js

@@ -11,6 +11,10 @@ var translations = {
     expand: 'Expand',
     expandAll: 'Expand All'
   },
+  alert: {
+    closeAlert: 'Close Alert',
+    close: 'Close'
+  },
   avatar: {
     aria: {
       label: '{descriptor} avatar'
@@ -21,6 +25,9 @@ var translations = {
       label: 'Breadcrumbs'
     }
   },
+  button: {
+    loading: 'Loading...'
+  },
   combobox: {
     clearButtonLabel: 'Clear {label} value',
     loading: 'Loading...',
@@ -55,6 +62,10 @@ var translations = {
     viewNextMonth: 'View next month',
     viewPrevMonth: 'View previous month'
   },
+  drawer: {
+    closeBtnTooltip: 'Close',
+    closeBtn: 'Close Drawer'
+  },
   jumpTo: {
     menuLabel: 'Jump To',
     navLabel: 'Jump To:'
@@ -71,6 +82,7 @@ var translations = {
   pagination: {
     previous: 'Previous',
     next: 'Next',
+    page: 'Page {page}',
     aria: {
       label: 'Pagination',
       previous: 'Go to previous page, page {page}',
@@ -109,6 +121,10 @@ var translations = {
     noneSelected: 'All',
     selectedCount: '{count} Selected'
   },
+  tagInput: {
+    tagAriaLabel: 'Remove {tagName}',
+    clearButton: 'Clear {inputLabel}'
+  },
   table: {
     sortIcons: {
       aria: {
@@ -119,10 +135,36 @@ var translations = {
     }
   },
   textArea: {
-    countMessage: 'You have {remaining} characters left ({max} max).'
+    countMessage: 'You have {remaining} characters left ({max} max).',
+    countMessageOver: 'You are {surplus} characters over the limit ({max} max).'
   },
   textField: {
     requiredMessage: 'Required'
+  },
+  toggleView: {
+    aria: {
+      label: 'Toggle View',
+      element: 'View element {id}'
+    }
+  },
+  passwordField: {
+    showPassword: 'Show Password',
+    hidePassword: 'Hide Password',
+    password: 'Password'
+  },
+  searchInput: {
+    clear: 'Clear',
+    search: 'Search',
+    clearSearch: 'Clear search',
+    searchBy: 'Search By'
+  },
+  wizard: {
+    actions: {
+      cancel: 'Cancel',
+      back: 'Back',
+      continue: 'Continue',
+      submit: 'Submit'
+    }
   }
 };
 var _default = translations;

package/lib/providers/NotificationsProvider/index.d.ts

@@ -1,18 +1,19 @@
-import React from 'react';
+import * as React from 'react';
 import { NotificationState, TNotificationProps, TNotifications } from './types';
 declare type TNotifierOptions = Omit<TNotificationProps, 'onClose'> & {
     onClose?: React.MouseEventHandler;
 };
-declare let notifyCB: (oldNotifications: TNotifications) => void | [TNotifierOptions] | [TNotifierOptions, JSX.Element];
-declare let notifyHandler: (...args: [typeof notifyCB] | [TNotifierOptions] | [TNotifierOptions, JSX.Element]) => void;
+declare type TNotifyHandlerCallbackFn = (oldNotifications: TNotifications) => void | [TNotifierOptions] | [TNotifierOptions, JSX.Element];
+declare type TNotifyHandlerFn = (...args: [TNotifyHandlerCallbackFn] | [TNotifierOptions] | [TNotifierOptions, JSX.Element]) => void;
 export interface TNotificationsContext {
     dismissAll: () => void;
+    isDismissingAll: boolean;
     notifications: TNotifications;
-    notify: typeof notifyHandler;
+    notify: TNotifyHandlerFn;
 }
 export declare const NotificationsContext: React.Context<TNotificationsContext>;
 interface TNotificationsProviderProps {
-    children: React.ReactChild | React.ReactChildren;
+    children?: React.ReactChild | React.ReactChildren;
 }
 export declare const transitions: {
     ENTERING: {

package/lib/providers/NotificationsProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/NotificationsProvider/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EACL,iBAAiB,EAGjB,kBAAkB,EAClB,cAAc,EACf,MAAM,SAAS,CAAC;AAEjB,aAAK,gBAAgB,GAAG,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACnC,CAAC;AAEF,QAAA,IAAI,QAAQ,EAAE,CACZ,gBAAgB,EAAE,cAAc,KAC7B,IAAI,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,gBAAgB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;AAEjE,QAAA,IAAI,aAAa,EAAE,CACjB,GAAG,IAAI,EACH,CAAC,OAAO,QAAQ,CAAC,GACjB,CAAC,gBAAgB,CAAC,GAClB,CAAC,gBAAgB,EAAE,GAAG,CAAC,OAAO,CAAC,KAChC,IAAI,CAAC;AAEV,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,cAAc,CAAC;IAC9B,MAAM,EAAE,OAAO,aAAa,CAAC;CAC9B;AAED,eAAO,MAAM,oBAAoB,sCAM/B,CAAC;AAEH,UAAU,2BAA2B;IACnC,QAAQ,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;CAClD;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEX,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,GACT,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CA2I3C;AAED,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/NotificationsProvider/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,iBAAiB,EAGjB,kBAAkB,EAClB,cAAc,EACf,MAAM,SAAS,CAAC;AAEjB,aAAK,gBAAgB,GAAG,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACnC,CAAC;AAEF,aAAK,wBAAwB,GAAG,CAC9B,gBAAgB,EAAE,cAAc,KAC7B,IAAI,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,gBAAgB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;AAEjE,aAAK,gBAAgB,GAAG,CACtB,GAAG,IAAI,EACH,CAAC,wBAAwB,CAAC,GAC1B,CAAC,gBAAgB,CAAC,GAClB,CAAC,gBAAgB,EAAE,GAAG,CAAC,OAAO,CAAC,KAChC,IAAI,CAAC;AAEV,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,cAAc,CAAC;IAC9B,MAAM,EAAE,gBAAgB,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,sCAK/B,CAAC;AAEH,UAAU,2BAA2B;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC;CACnD;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEX,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,GACT,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CA8K3C;AAED,eAAe,qBAAqB,CAAC"}

package/lib/providers/NotificationsProvider/index.js

@@ -11,7 +11,9 @@ var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _noop = _interopRequireDefault(require("lodash/noop"));
+
+var React = _interopRequireWildcard(require("react"));
 
 var _types = require("./types");
 
@@ -47,15 +49,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 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 notifyCB;
-var notifyHandler;
-var NotificationsContext = (0, _react.createContext)({
-  /* istanbul ignore next */
-  dismissAll: function dismissAll() {},
+var NotificationsContext = React.createContext({
+  dismissAll: _noop.default,
+  isDismissingAll: false,
   notifications: [],
-
-  /* istanbul ignore next */
-  notify: function notify() {}
+  notify: _noop.default
 });
 exports.NotificationsContext = NotificationsContext;
 var transitions = (_transitions = {}, _defineProperty(_transitions, _types.NotificationState.ENTERING, {
@@ -76,10 +74,10 @@ exports.transitions = transitions;
 function NotificationsProvider(_ref) {
   var children = _ref.children;
 
-  var _useState = (0, _react.useState)([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      notifications = _useState2[0],
-      setNotifications = _useState2[1];
+  var _React$useState = React.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      notifications = _React$useState2[0],
+      setNotifications = _React$useState2[1];
   /**
    * Advances a notification to either the specified state or the next state for the current state
    */
@@ -112,6 +110,16 @@ function NotificationsProvider(_ref) {
             })];
           }
 
+          if (meta.state === _types.NotificationState.COLLAPSING_ALL && props.onClose) {
+            try {
+              props.onClose(new MouseEvent('click'));
+            } catch (_unused) {
+              // IE doesn't support MouseEvent. If you support IE, you must verify or mock
+              // attributes required by this event handler.
+              props.onClose({});
+            }
+          }
+
           return undefined;
         }
 
@@ -134,7 +142,7 @@ function NotificationsProvider(_ref) {
     });
   };
 
-  var notify = (0, _react.useCallback)(function () {
+  var notify = React.useCallback(function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -148,25 +156,23 @@ function NotificationsProvider(_ref) {
         // notification dispatched.
         var newNotificationParams = args[0](oldNotifications);
 
-        if ((0, _isEmpty.default)(newNotificationParams)) {
+        if (!newNotificationParams) {
           // In the scenario where a callback arg is provided but returns void,
           // block the rest of the logic and move on. There should be no change.
           return oldNotifications;
         }
 
-        var _ref6 = newNotificationParams;
+        var _newNotificationParam = _slicedToArray(newNotificationParams, 2);
+
+        options = _newNotificationParam[0];
+        body = _newNotificationParam[1];
+      } else {
+        var _ref6 = args;
 
         var _ref7 = _slicedToArray(_ref6, 2);
 
         options = _ref7[0];
         body = _ref7[1];
-      } else {
-        var _ref8 = args;
-
-        var _ref9 = _slicedToArray(_ref8, 2);
-
-        options = _ref9[0];
-        body = _ref9[1];
       }
 
       var notificationID = (0, _uniqueId.default)("notification-".concat(options.id, "-"));
@@ -174,6 +180,9 @@ function NotificationsProvider(_ref) {
       setTimeout(function () {
         transition(notificationID);
       }, duration);
+      var autoDismiss = options.duration && setTimeout(function () {
+        transition(notificationID, _types.NotificationState.COLLAPSING);
+      }, duration + options.duration);
 
       var closeNotificationAfter = function closeNotificationAfter(callback) {
         return function (event) {
@@ -185,9 +194,13 @@ function NotificationsProvider(_ref) {
         };
       };
 
-      var actions = options.actions && options.actions.map(function (_ref10) {
-        var onClick = _ref10.onClick,
-            rest = _objectWithoutProperties(_ref10, ["onClick"]);
+      var suspendAutoDismiss = function suspendAutoDismiss() {
+        clearTimeout(autoDismiss);
+      };
+
+      var actions = options.actions && options.actions.map(function (_ref8) {
+        var onClick = _ref8.onClick,
+            rest = _objectWithoutProperties(_ref8, ["onClick"]);
 
         return _objectSpread({
           onClick: closeNotificationAfter(onClick)
@@ -196,7 +209,9 @@ function NotificationsProvider(_ref) {
       return [[_objectSpread({}, options, {
         actions: actions,
         id: options.id || notificationID,
-        onClose: closeNotificationAfter(options.onClose)
+        onClose: options.onClose && closeNotificationAfter(options.onClose),
+        onFocus: suspendAutoDismiss,
+        onHover: suspendAutoDismiss
       }), body, {
         notificationID: notificationID,
         state: _types.NotificationState.ENTERING
@@ -204,9 +219,13 @@ function NotificationsProvider(_ref) {
     });
   }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [setNotifications]);
-  return _react.default.createElement(NotificationsContext.Provider, {
+  var isDismissingAll = React.useMemo(function () {
+    return !(0, _isEmpty.default)(notifications) && notifications[0][2].state === _types.NotificationState.COLLAPSING_ALL;
+  }, [notifications]);
+  return React.createElement(NotificationsContext.Provider, {
     value: {
       dismissAll: dismissAll,
+      isDismissingAll: isDismissingAll,
       notifications: notifications,
       notify: notify
     }

package/lib/providers/NotificationsProvider/types.d.ts

@@ -11,13 +11,16 @@ export interface TActionProps {
 }
 export interface TNotificationProps {
     actions?: [TActionProps] | [TActionProps, TActionProps];
+    duration?: number;
     children?: React.ReactNode;
     closeHint?: string;
     color?: StatusColorsKeys;
     icon?: IconComponent;
     id: string;
     intent?: keyof typeof intents;
-    onClose: React.MouseEventHandler;
+    onClose?: React.MouseEventHandler;
+    onFocus?: React.FocusEventHandler;
+    onHover?: React.MouseEventHandler;
     title: string;
 }
 export declare type TNotificationOptions = TNotificationProps;

package/lib/providers/NotificationsProvider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/providers/NotificationsProvider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC9B,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,oBAAoB,GAAG,kBAAkB,CAAC;AAEtD,oBAAY,iBAAiB;IAC3B,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,cAAc,mBAAmB;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,oBAAY,aAAa,GAAG,CAC1B,oBAAoB,EACpB,GAAG,CAAC,OAAO,GAAG,SAAS,EACvB,iBAAiB,CAClB,CAAC;AACF,oBAAY,cAAc,GAAG,aAAa,EAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/providers/NotificationsProvider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,oBAAoB,GAAG,kBAAkB,CAAC;AAEtD,oBAAY,iBAAiB;IAC3B,QAAQ,aAAa;IACrB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,cAAc,mBAAmB;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,oBAAY,aAAa,GAAG,CAC1B,oBAAoB,EACpB,GAAG,CAAC,OAAO,GAAG,SAAS,EACvB,iBAAiB,CAClB,CAAC;AACF,oBAAY,cAAc,GAAG,aAAa,EAAE,CAAC"}

package/lib/types/index.d.ts

@@ -0,0 +1,2 @@
+export declare type ValueOf<T> = T[keyof T];
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AACA,oBAAY,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC"}

package/lib/types/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});