@decisiv/ui-components 2.0.1-alpha.16 → 2.0.1-alpha.160

package/lib/components/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   Accordion: true,
+  Alert: true,
+  AlertProps: true,
   AvatarProps: true,
   AvatarRef: true,
   Avatar: true,
@@ -17,11 +19,13 @@ var _exportNames = {
   Checkbox: true,
   CheckboxGroup: true,
   Combobox: true,
+  Drawer: true,
   DropdownList: true,
   DropdownListCategory: true,
   DropdownListItem: true,
   DropdownListOption: true,
   DropdownListProps: true,
+  Filter: true,
   Flex: true,
   Column: true,
   Container: true,
@@ -41,9 +45,12 @@ var _exportNames = {
   Notifier: true,
   useNotifications: true,
   Pagination: true,
+  PasswordField: true,
   Popover: true,
   RadioGroup: true,
   Select: true,
+  SearchInput: true,
+  SearchItem: true,
   SelectDate: true,
   DisabledDateRuleName: true,
   DayOfWeek: true,
@@ -59,6 +66,7 @@ var _exportNames = {
   TextArea: true,
   TextField: true,
   Toggle: true,
+  ToggleView: true,
   TopNav: true,
   Tooltip: true
 };
@@ -68,6 +76,18 @@ Object.defineProperty(exports, "Accordion", {
     return _Accordion.default;
   }
 });
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function get() {
+    return _Alert.default;
+  }
+});
+Object.defineProperty(exports, "AlertProps", {
+  enumerable: true,
+  get: function get() {
+    return _Alert.AlertProps;
+  }
+});
 Object.defineProperty(exports, "AvatarProps", {
   enumerable: true,
   get: function get() {
@@ -140,6 +160,12 @@ Object.defineProperty(exports, "Combobox", {
     return _Combobox.default;
   }
 });
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function get() {
+    return _Drawer.default;
+  }
+});
 Object.defineProperty(exports, "DropdownList", {
   enumerable: true,
   get: function get() {
@@ -170,6 +196,12 @@ Object.defineProperty(exports, "DropdownListProps", {
     return _DropdownList.DropdownListProps;
   }
 });
+Object.defineProperty(exports, "Filter", {
+  enumerable: true,
+  get: function get() {
+    return _Filter.default;
+  }
+});
 Object.defineProperty(exports, "Flex", {
   enumerable: true,
   get: function get() {
@@ -284,6 +316,12 @@ Object.defineProperty(exports, "Pagination", {
     return _Pagination.default;
   }
 });
+Object.defineProperty(exports, "PasswordField", {
+  enumerable: true,
+  get: function get() {
+    return _PasswordField.default;
+  }
+});
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
   get: function get() {
@@ -302,6 +340,18 @@ Object.defineProperty(exports, "Select", {
     return _Select.default;
   }
 });
+Object.defineProperty(exports, "SearchInput", {
+  enumerable: true,
+  get: function get() {
+    return _SearchInput.default;
+  }
+});
+Object.defineProperty(exports, "SearchItem", {
+  enumerable: true,
+  get: function get() {
+    return _SearchInput.SearchItem;
+  }
+});
 Object.defineProperty(exports, "SelectDate", {
   enumerable: true,
   get: function get() {
@@ -392,6 +442,12 @@ Object.defineProperty(exports, "Toggle", {
     return _Toggle.default;
   }
 });
+Object.defineProperty(exports, "ToggleView", {
+  enumerable: true,
+  get: function get() {
+    return _ToggleView.default;
+  }
+});
 Object.defineProperty(exports, "TopNav", {
   enumerable: true,
   get: function get() {
@@ -407,6 +463,8 @@ Object.defineProperty(exports, "Tooltip", {
 
 var _Accordion = _interopRequireDefault(require("./Accordion"));
 
+var _Alert = _interopRequireWildcard(require("./Alert"));
+
 var _Avatar = _interopRequireWildcard(require("./Avatar"));
 
 var _Badge = _interopRequireWildcard(require("./Badge"));
@@ -421,8 +479,12 @@ var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));
 
 var _Combobox = _interopRequireDefault(require("./Combobox"));
 
+var _Drawer = _interopRequireDefault(require("./Drawer"));
+
 var _DropdownList = _interopRequireWildcard(require("./DropdownList"));
 
+var _Filter = _interopRequireDefault(require("./Filter"));
+
 var _Flex = _interopRequireDefault(require("./Flex"));
 
 var _Grid = _interopRequireWildcard(require("./Grid"));
@@ -445,12 +507,16 @@ var _Notifications = require("./Notifications");
 
 var _Pagination = _interopRequireDefault(require("./Pagination"));
 
+var _PasswordField = _interopRequireDefault(require("./PasswordField"));
+
 var _Popover = _interopRequireDefault(require("./Popover"));
 
 var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));
 
 var _Select = _interopRequireDefault(require("./Select"));
 
+var _SearchInput = _interopRequireWildcard(require("./SearchInput"));
+
 var _SelectDate = _interopRequireWildcard(require("./SelectDate"));
 
 var _SelectDateRange = _interopRequireDefault(require("./SelectDateRange"));
@@ -469,6 +535,8 @@ var _TextField = _interopRequireDefault(require("./TextField"));
 
 var _Toggle = _interopRequireDefault(require("./Toggle"));
 
+var _ToggleView = _interopRequireDefault(require("./ToggleView"));
+
 var _TopNav = _interopRequireDefault(require("./TopNav"));
 
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));

package/lib/modifiers/spacingSchema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spacingSchema.d.ts","sourceRoot":"","sources":["../../src/modifiers/spacingSchema.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,0BAA0B,cA2CrC,CAAC"}
+{"version":3,"file":"spacingSchema.d.ts","sourceRoot":"","sources":["../../src/modifiers/spacingSchema.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,0BAA0B,cA2CrC,CAAC"}

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";
@@ -49,6 +53,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:";
@@ -118,6 +126,22 @@ declare const translations: {
     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";
+    };
 };
 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyIR,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'
@@ -55,6 +59,10 @@ var translations = {
     viewNextMonth: 'View next month',
     viewPrevMonth: 'View previous month'
   },
+  drawer: {
+    closeBtnTooltip: 'Close',
+    closeBtn: 'Close Drawer'
+  },
   jumpTo: {
     menuLabel: 'Jump To',
     navLabel: 'Jump To:'
@@ -123,6 +131,22 @@ var translations = {
   },
   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'
   }
 };
 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"}