@galaxy-ds/core 1.1.41 → 1.1.45

package/dist/index.esm.js

@@ -3769,15 +3769,16 @@ var join = function join(value, by) {
 
   return result;
 };
-
 /**
- * Converts array values to string.
+ * Converts JSS array value to a CSS string.
  *
  * `margin: [['5px', '10px']]` > `margin: 5px 10px;`
  * `border: ['1px', '2px']` > `border: 1px, 2px;`
  * `margin: [['5px', '10px'], '!important']` > `margin: 5px 10px !important;`
  * `color: ['red', !important]` > `color: red !important;`
  */
+
+
 var toCssValue = function toCssValue(value, ignoreImportant) {
   if (ignoreImportant === void 0) {
     ignoreImportant = false;
@@ -3802,10 +3803,25 @@ var toCssValue = function toCssValue(value, ignoreImportant) {
   return cssValue;
 };
 
+function getWhitespaceSymbols(options) {
+  if (options && options.format === false) {
+    return {
+      linebreak: '',
+      space: ''
+    };
+  }
+
+  return {
+    linebreak: '\n',
+    space: ' '
+  };
+}
+
 /**
  * Indent a string.
  * http://jsperf.com/array-join-vs-for
  */
+
 function indentStr(str, indent) {
   var result = '';
 
@@ -3831,6 +3847,15 @@ function toCss(selector, style, options) {
       _options$indent = _options.indent,
       indent = _options$indent === void 0 ? 0 : _options$indent;
   var fallbacks = style.fallbacks;
+
+  if (options.format === false) {
+    indent = -Infinity;
+  }
+
+  var _getWhitespaceSymbols = getWhitespaceSymbols(options),
+      linebreak = _getWhitespaceSymbols.linebreak,
+      space = _getWhitespaceSymbols.space;
+
   if (selector) indent++; // Apply fallbacks first.
 
   if (fallbacks) {
@@ -3843,8 +3868,8 @@ function toCss(selector, style, options) {
           var value = fallback[prop];
 
           if (value != null) {
-            if (result) result += '\n';
-            result += indentStr(prop + ": " + toCssValue(value) + ";", indent);
+            if (result) result += linebreak;
+            result += indentStr(prop + ":" + space + toCssValue(value) + ";", indent);
           }
         }
       }
@@ -3854,8 +3879,8 @@ function toCss(selector, style, options) {
         var _value = fallbacks[_prop];
 
         if (_value != null) {
-          if (result) result += '\n';
-          result += indentStr(_prop + ": " + toCssValue(_value) + ";", indent);
+          if (result) result += linebreak;
+          result += indentStr(_prop + ":" + space + toCssValue(_value) + ";", indent);
         }
       }
     }
@@ -3865,8 +3890,8 @@ function toCss(selector, style, options) {
     var _value2 = style[_prop2];
 
     if (_value2 != null && _prop2 !== 'fallbacks') {
-      if (result) result += '\n';
-      result += indentStr(_prop2 + ": " + toCssValue(_value2) + ";", indent);
+      if (result) result += linebreak;
+      result += indentStr(_prop2 + ":" + space + toCssValue(_value2) + ";", indent);
     }
   } // Allow empty style in this case, because properties will be added dynamically.
 
@@ -3875,8 +3900,8 @@ function toCss(selector, style, options) {
 
   if (!selector) return result;
   indent--;
-  if (result) result = "\n" + result + "\n";
-  return indentStr(selector + " {" + result, indent) + indentStr('}', indent);
+  if (result) result = "" + linebreak + result + linebreak;
+  return indentStr("" + selector + space + "{" + result, indent) + indentStr('}', indent);
 }
 
 var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
@@ -3890,12 +3915,7 @@ var BaseStyleRule =
 function () {
   function BaseStyleRule(key, style, options) {
     this.type = 'style';
-    this.key = void 0;
     this.isProcessed = false;
-    this.style = void 0;
-    this.renderer = void 0;
-    this.renderable = void 0;
-    this.options = void 0;
     var sheet = options.sheet,
         Renderer = options.Renderer;
     this.key = key;
@@ -3955,9 +3975,6 @@ function (_BaseStyleRule) {
     var _this;
 
     _this = _BaseStyleRule.call(this, key, style, options) || this;
-    _this.selectorText = void 0;
-    _this.id = void 0;
-    _this.renderable = void 0;
     var selector = options.selector,
         scoped = options.scoped,
         sheet = options.sheet,
@@ -4054,12 +4071,12 @@ function (_BaseStyleRule) {
   return StyleRule;
 }(BaseStyleRule);
 var pluginStyleRule = {
-  onCreateRule: function onCreateRule(name, style, options) {
-    if (name[0] === '@' || options.parent && options.parent.type === 'keyframes') {
+  onCreateRule: function onCreateRule(key, style, options) {
+    if (key[0] === '@' || options.parent && options.parent.type === 'keyframes') {
       return null;
     }
 
-    return new StyleRule(name, style, options);
+    return new StyleRule(key, style, options);
   }
 };
 
@@ -4077,13 +4094,7 @@ var ConditionalRule =
 function () {
   function ConditionalRule(key, styles, options) {
     this.type = 'conditional';
-    this.at = void 0;
-    this.key = void 0;
-    this.query = void 0;
-    this.rules = void 0;
-    this.options = void 0;
     this.isProcessed = false;
-    this.renderable = void 0;
     this.key = key;
     var atMatch = key.match(atRegExp);
     this.at = atMatch ? atMatch[1] : 'unknown'; // Key might contain a unique suffix in case the `name` passed by user was duplicate.
@@ -4139,6 +4150,9 @@ function () {
       options = defaultToStringOptions;
     }
 
+    var _getWhitespaceSymbols = getWhitespaceSymbols(options),
+        linebreak = _getWhitespaceSymbols.linebreak;
+
     if (options.indent == null) options.indent = defaultToStringOptions.indent;
     if (options.children == null) options.children = defaultToStringOptions.children;
 
@@ -4147,7 +4161,7 @@ function () {
     }
 
     var children = this.rules.toString(options);
-    return children ? this.query + " {\n" + children + "\n}" : '';
+    return children ? this.query + " {" + linebreak + children + linebreak + "}" : '';
   };
 
   return ConditionalRule;
@@ -4174,13 +4188,7 @@ function () {
   function KeyframesRule(key, frames, options) {
     this.type = 'keyframes';
     this.at = '@keyframes';
-    this.key = void 0;
-    this.name = void 0;
-    this.id = void 0;
-    this.rules = void 0;
-    this.options = void 0;
     this.isProcessed = false;
-    this.renderable = void 0;
     var nameMatch = key.match(nameRegExp);
 
     if (nameMatch && nameMatch[1]) {
@@ -4220,6 +4228,9 @@ function () {
       options = defaultToStringOptions$1;
     }
 
+    var _getWhitespaceSymbols = getWhitespaceSymbols(options),
+        linebreak = _getWhitespaceSymbols.linebreak;
+
     if (options.indent == null) options.indent = defaultToStringOptions$1.indent;
     if (options.children == null) options.children = defaultToStringOptions$1.children;
 
@@ -4228,7 +4239,7 @@ function () {
     }
 
     var children = this.rules.toString(options);
-    if (children) children = "\n" + children + "\n";
+    if (children) children = "" + linebreak + children + linebreak;
     return this.at + " " + this.id + " {" + children + "}";
   };
 
@@ -4265,7 +4276,7 @@ var replaceRef = function replaceRef(style, prop, keyframes) {
   }
 };
 
-var plugin = {
+var pluginKeyframesRule = {
   onCreateRule: function onCreateRule(key, frames, options) {
     return typeof key === 'string' && keyRegExp$1.test(key) ? new KeyframesRule(key, frames, options) : null;
   },
@@ -4302,15 +4313,7 @@ function (_BaseStyleRule) {
   _inheritsLoose(KeyframeRule, _BaseStyleRule);
 
   function KeyframeRule() {
-    var _this;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _BaseStyleRule.call.apply(_BaseStyleRule, [this].concat(args)) || this;
-    _this.renderable = void 0;
-    return _this;
+    return _BaseStyleRule.apply(this, arguments) || this;
   }
 
   var _proto = KeyframeRule.prototype;
@@ -4345,11 +4348,7 @@ function () {
   function FontFaceRule(key, style, options) {
     this.type = 'font-face';
     this.at = '@font-face';
-    this.key = void 0;
-    this.style = void 0;
-    this.options = void 0;
     this.isProcessed = false;
-    this.renderable = void 0;
     this.key = key;
     this.style = style;
     this.options = options;
@@ -4362,12 +4361,15 @@ function () {
   var _proto = FontFaceRule.prototype;
 
   _proto.toString = function toString(options) {
+    var _getWhitespaceSymbols = getWhitespaceSymbols(options),
+        linebreak = _getWhitespaceSymbols.linebreak;
+
     if (Array.isArray(this.style)) {
       var str = '';
 
       for (var index = 0; index < this.style.length; index++) {
         str += toCss(this.at, this.style[index]);
-        if (this.style[index + 1]) str += '\n';
+        if (this.style[index + 1]) str += linebreak;
       }
 
       return str;
@@ -4391,11 +4393,7 @@ function () {
   function ViewportRule(key, style, options) {
     this.type = 'viewport';
     this.at = '@viewport';
-    this.key = void 0;
-    this.style = void 0;
-    this.options = void 0;
     this.isProcessed = false;
-    this.renderable = void 0;
     this.key = key;
     this.style = style;
     this.options = options;
@@ -4424,11 +4422,7 @@ var SimpleRule =
 function () {
   function SimpleRule(key, value, options) {
     this.type = 'simple';
-    this.key = void 0;
-    this.value = void 0;
-    this.options = void 0;
     this.isProcessed = false;
-    this.renderable = void 0;
     this.key = key;
     this.value = value;
     this.options = options;
@@ -4469,7 +4463,7 @@ var pluginSimpleRule = {
   }
 };
 
-var plugins$1 = [pluginStyleRule, pluginConditionalRule, plugin, pluginKeyframeRule, pluginFontFaceRule, pluginViewportRule, pluginSimpleRule];
+var plugins$1 = [pluginStyleRule, pluginConditionalRule, pluginKeyframesRule, pluginKeyframeRule, pluginFontFaceRule, pluginViewportRule, pluginSimpleRule];
 
 var defaultUpdateOptions = {
   process: true
@@ -4496,9 +4490,6 @@ function () {
     this.raw = {};
     this.index = [];
     this.counter = 0;
-    this.options = void 0;
-    this.classes = void 0;
-    this.keyframes = void 0;
     this.options = options;
     this.classes = options.classes;
     this.keyframes = options.keyframes;
@@ -4637,14 +4628,11 @@ function () {
     var options;
 
     if (typeof (arguments.length <= 0 ? undefined : arguments[0]) === 'string') {
-      name = arguments.length <= 0 ? undefined : arguments[0]; // $FlowFixMe[invalid-tuple-index]
-
-      data = arguments.length <= 1 ? undefined : arguments[1]; // $FlowFixMe[invalid-tuple-index]
-
+      name = arguments.length <= 0 ? undefined : arguments[0];
+      data = arguments.length <= 1 ? undefined : arguments[1];
       options = arguments.length <= 2 ? undefined : arguments[2];
     } else {
-      data = arguments.length <= 0 ? undefined : arguments[0]; // $FlowFixMe[invalid-tuple-index]
-
+      data = arguments.length <= 0 ? undefined : arguments[0];
       options = arguments.length <= 1 ? undefined : arguments[1];
       name = null;
     }
@@ -4676,32 +4664,31 @@ function () {
       return;
     }
 
-    var styleRule = rule;
-    var style = styleRule.style;
+    var style = rule.style;
     plugins.onUpdate(data, rule, sheet, options); // We rely on a new `style` ref in case it was mutated during onUpdate hook.
 
-    if (options.process && style && style !== styleRule.style) {
+    if (options.process && style && style !== rule.style) {
       // We need to run the plugins in case new `style` relies on syntax plugins.
-      plugins.onProcessStyle(styleRule.style, styleRule, sheet); // Update and add props.
+      plugins.onProcessStyle(rule.style, rule, sheet); // Update and add props.
 
-      for (var prop in styleRule.style) {
-        var nextValue = styleRule.style[prop];
+      for (var prop in rule.style) {
+        var nextValue = rule.style[prop];
         var prevValue = style[prop]; // We need to use `force: true` because `rule.style` has been updated during onUpdate hook, so `rule.prop()` will not update the CSSOM rule.
         // We do this comparison to avoid unneeded `rule.prop()` calls, since we have the old `style` object here.
 
         if (nextValue !== prevValue) {
-          styleRule.prop(prop, nextValue, forceUpdateOptions);
+          rule.prop(prop, nextValue, forceUpdateOptions);
         }
       } // Remove props.
 
 
       for (var _prop in style) {
-        var _nextValue = styleRule.style[_prop];
+        var _nextValue = rule.style[_prop];
         var _prevValue = style[_prop]; // We need to use `force: true` because `rule.style` has been updated during onUpdate hook, so `rule.prop()` will not update the CSSOM rule.
         // We do this comparison to avoid unneeded `rule.prop()` calls, since we have the old `style` object here.
 
         if (_nextValue == null && _nextValue !== _prevValue) {
-          styleRule.prop(_prop, null, forceUpdateOptions);
+          rule.prop(_prop, null, forceUpdateOptions);
         }
       }
     }
@@ -4716,12 +4703,15 @@ function () {
     var sheet = this.options.sheet;
     var link = sheet ? sheet.options.link : false;
 
+    var _getWhitespaceSymbols = getWhitespaceSymbols(options),
+        linebreak = _getWhitespaceSymbols.linebreak;
+
     for (var index = 0; index < this.index.length; index++) {
       var rule = this.index[index];
       var css = rule.toString(options); // No need to render an empty rule.
 
       if (!css && !link) continue;
-      if (str) str += '\n';
+      if (str) str += linebreak;
       str += css;
     }
 
@@ -4735,14 +4725,6 @@ var StyleSheet =
 /*#__PURE__*/
 function () {
   function StyleSheet(styles, options) {
-    this.options = void 0;
-    this.deployed = void 0;
-    this.attached = void 0;
-    this.rules = void 0;
-    this.renderer = void 0;
-    this.classes = void 0;
-    this.keyframes = void 0;
-    this.queue = void 0;
     this.attached = false;
     this.deployed = false;
     this.classes = {};
@@ -4944,7 +4926,7 @@ function () {
       internal: [],
       external: []
     };
-    this.registry = void 0;
+    this.registry = {};
   }
 
   var _proto = PluginsRegistry.prototype;
@@ -4983,7 +4965,6 @@ function () {
 
   _proto.onProcessStyle = function onProcessStyle(style, rule, sheet) {
     for (var i = 0; i < this.registry.onProcessStyle.length; i++) {
-      // $FlowFixMe[prop-missing]
       rule.style = this.registry.onProcessStyle[i](rule.style, rule, sheet);
     }
   }
@@ -5064,8 +5045,9 @@ function () {
 }();
 
 /**
- * Sheets registry to access them all at one place.
+ * Sheets registry to access all instances in one place.
  */
+
 var SheetsRegistry =
 /*#__PURE__*/
 function () {
@@ -5123,6 +5105,9 @@ function () {
         attached = _ref.attached,
         options = _objectWithoutPropertiesLoose(_ref, ["attached"]);
 
+    var _getWhitespaceSymbols = getWhitespaceSymbols(options),
+        linebreak = _getWhitespaceSymbols.linebreak;
+
     var css = '';
 
     for (var i = 0; i < this.registry.length; i++) {
@@ -5132,7 +5117,7 @@ function () {
         continue;
       }
 
-      if (css) css += '\n';
+      if (css) css += linebreak;
       css += sheet.toString(options);
     }
 
@@ -5160,7 +5145,7 @@ function () {
  * each request in order to not leak sheets across requests.
  */
 
-var registry = new SheetsRegistry();
+var sheets = new SheetsRegistry();
 
 /* eslint-disable */
 
@@ -5185,12 +5170,12 @@ if (globalThis$1[ns] == null) globalThis$1[ns] = 0; // Bundle may contain multip
 var moduleId = globalThis$1[ns]++;
 
 var maxRules = 1e10;
-
 /**
  * Returns a function which generates unique class names based on counters.
  * When new generator function is created, rule counter is reseted.
  * We need to reset the rule counter for SSR for each request.
  */
+
 var createGenerateId = function createGenerateId(options) {
   if (options === void 0) {
     options = {};
@@ -5232,6 +5217,7 @@ var createGenerateId = function createGenerateId(options) {
 /**
  * Cache the value from the first time a function is called.
  */
+
 var memoize = function memoize(fn) {
   var value;
   return function () {
@@ -5239,10 +5225,11 @@ var memoize = function memoize(fn) {
     return value;
   };
 };
-
 /**
  * Get a style property value.
  */
+
+
 var getPropertyValue = function getPropertyValue(cssRule, prop) {
   try {
     // Support CSSTOM.
@@ -5256,10 +5243,11 @@ var getPropertyValue = function getPropertyValue(cssRule, prop) {
     return '';
   }
 };
-
 /**
  * Set a style property.
  */
+
+
 var setProperty = function setProperty(cssRule, prop, value) {
   try {
     var cssValue = value;
@@ -5286,10 +5274,11 @@ var setProperty = function setProperty(cssRule, prop, value) {
 
   return true;
 };
-
 /**
  * Remove a style property.
  */
+
+
 var removeProperty = function removeProperty(cssRule, prop) {
   try {
     // Support CSSTOM.
@@ -5302,10 +5291,11 @@ var removeProperty = function removeProperty(cssRule, prop) {
     process.env.NODE_ENV !== "production" ? warning(false, "[JSS] DOMException \"" + err.message + "\" was thrown. Tried to remove property \"" + prop + "\".") : void 0;
   }
 };
-
 /**
  * Set the selector.
  */
+
+
 var setSelector = function setSelector(cssRule, selectorText) {
   cssRule.selectorText = selectorText; // Return false if setter was not successful.
   // Currently works in chrome only.
@@ -5370,16 +5360,17 @@ function findCommentNode(text) {
 
   return null;
 }
-
 /**
  * Find a node before which we can insert the sheet.
  */
+
+
 function findPrevNode(options) {
-  var registry$1 = registry.registry;
+  var registry = sheets.registry;
 
-  if (registry$1.length > 0) {
+  if (registry.length > 0) {
     // Try to insert before the next higher sheet.
-    var sheet = findHigherSheet(registry$1, options);
+    var sheet = findHigherSheet(registry, options);
 
     if (sheet && sheet.renderer) {
       return {
@@ -5389,7 +5380,7 @@ function findPrevNode(options) {
     } // Otherwise insert after the last attached.
 
 
-    sheet = findHighestSheet(registry$1, options);
+    sheet = findHighestSheet(registry, options);
 
     if (sheet && sheet.renderer) {
       return {
@@ -5435,7 +5426,6 @@ function insertStyle(style, options) {
 
 
   if (insertionPoint && typeof insertionPoint.nodeType === 'number') {
-    // https://stackoverflow.com/questions/41328728/force-casting-in-flow
     var insertionPointElement = insertionPoint;
     var parentNode = insertionPointElement.parentNode;
     if (parentNode) parentNode.insertBefore(style, insertionPointElement.nextSibling);else process.env.NODE_ENV !== "production" ? warning(false, '[JSS] Insertion point is not in the DOM.') : void 0;
@@ -5457,13 +5447,10 @@ var getNonce = memoize(function () {
 var _insertRule = function insertRule(container, rule, index) {
   try {
     if ('insertRule' in container) {
-      var c = container;
-      c.insertRule(rule, index);
+      container.insertRule(rule, index);
     } // Keyframes rule.
     else if ('appendRule' in container) {
-        var _c = container;
-
-        _c.appendRule(rule);
+        container.appendRule(rule);
       }
   } catch (err) {
     process.env.NODE_ENV !== "production" ? warning(false, "[JSS] " + err.message) : void 0;
@@ -5496,7 +5483,6 @@ var createStyle = function createStyle() {
 var DomRenderer =
 /*#__PURE__*/
 function () {
-  // HTMLStyleElement needs fixing https://github.com/facebook/flow/issues/2696
   // Will be empty if link: true option is not set, because
   // it is only for use together with insertRule API.
   function DomRenderer(sheet) {
@@ -5504,12 +5490,10 @@ function () {
     this.setProperty = setProperty;
     this.removeProperty = removeProperty;
     this.setSelector = setSelector;
-    this.element = void 0;
-    this.sheet = void 0;
     this.hasInsertedRules = false;
     this.cssRules = [];
     // There is no sheet when the renderer is used from a standalone StyleRule.
-    if (sheet) registry.add(sheet);
+    if (sheet) sheets.add(sheet);
     this.sheet = sheet;
 
     var _ref = this.sheet ? this.sheet.options : {},
@@ -5696,7 +5680,7 @@ var Jss =
 function () {
   function Jss(options) {
     this.id = instanceCounter++;
-    this.version = "10.7.1";
+    this.version = "10.8.2";
     this.plugins = new PluginsRegistry();
     this.options = {
       id: {
@@ -5768,7 +5752,7 @@ function () {
         index = _options.index;
 
     if (typeof index !== 'number') {
-      index = registry.index === 0 ? 0 : registry.index + 1;
+      index = sheets.index === 0 ? 0 : sheets.index + 1;
     }
 
     var sheet = new StyleSheet(styles, _extends$1({}, options, {
@@ -5788,7 +5772,7 @@ function () {
 
   _proto.removeStyleSheet = function removeStyleSheet(sheet) {
     sheet.detach();
-    registry.remove(sheet);
+    sheets.remove(sheet);
     return this;
   }
   /**
@@ -5808,10 +5792,8 @@ function () {
 
     // Enable rule without name for inline styles.
     if (typeof name === 'object') {
-      // $FlowFixMe[incompatible-call]
       return this.createRule(undefined, name, style);
-    } // $FlowFixMe[incompatible-type]
-
+    }
 
     var ruleOptions = _extends$1({}, options, {
       name: name,
@@ -5849,6 +5831,16 @@ function () {
   return Jss;
 }();
 
+var createJss = function createJss(options) {
+  return new Jss(options);
+};
+
+/**
+* Export a constant indicating if this browser has CSSTOM support.
+* https://developers.google.com/web/updates/2018/03/cssom
+*/
+var hasCSSTOMSupport = typeof CSS === 'object' && CSS != null && 'number' in CSS;
+
 /**
  * Extracts a styles object with only props that contain function values.
  */
@@ -5882,24 +5874,7 @@ function getDynamicStyles(styles) {
  * @website https://github.com/cssinjs/jss
  * @license MIT
  */
-
-/**
- * Export a constant indicating if this browser has CSSTOM support.
- * https://developers.google.com/web/updates/2018/03/cssom
- */
-var hasCSSTOMSupport = typeof CSS === 'object' && CSS != null && 'number' in CSS;
-/**
- * Creates a new instance of Jss.
- */
-
-var create = function create(options) {
-  return new Jss(options);
-};
-/**
- * A global Jss instance.
- */
-
-create();
+createJss();
 
 var now = Date.now();
 var fnValuesNs = "fnValues" + now;
@@ -5926,15 +5901,13 @@ var functionPlugin = function functionPlugin() {
         if (typeof value !== 'function') continue;
         delete style[prop];
         fnValues[prop] = value;
-      } // $FlowFixMe[prop-missing]
-
+      }
 
       rule[fnValuesNs] = fnValues;
       return style;
     },
     onUpdate: function onUpdate(data, rule, sheet, options) {
-      var styleRule = rule; // $FlowFixMe[prop-missing]
-
+      var styleRule = rule;
       var fnRule = styleRule[fnRuleNs]; // If we have a style function, the entire rule is dynamic and style object
       // will be returned from that function.
 
@@ -5951,8 +5924,7 @@ var functionPlugin = function functionPlugin() {
             }
           }
         }
-      } // $FlowFixMe[prop-missing]
-
+      }
 
       var fnValues = styleRule[fnValuesNs]; // If we have a fn values map, it is a rule with function values.
 
@@ -5976,9 +5948,6 @@ function () {
   function GlobalContainerRule(key, styles, options) {
     this.type = 'global';
     this.at = at;
-    this.rules = void 0;
-    this.options = void 0;
-    this.key = void 0;
     this.isProcessed = false;
     this.key = key;
     this.options = options;
@@ -6038,10 +6007,7 @@ function () {
   function GlobalPrefixedRule(key, style, options) {
     this.type = 'global';
     this.at = at;
-    this.options = void 0;
-    this.rule = void 0;
     this.isProcessed = false;
-    this.key = void 0;
     this.key = key;
     this.options = options;
     var selector = key.substr(atPrefix.length);
@@ -6103,9 +6069,6 @@ function handlePrefixedGlobalRule(rule, sheet) {
 }
 /**
  * Convert nested rules to separate, remove them from original styles.
- *
- * @param {Rule} rule
- * @api public
  */
 
 
@@ -6153,9 +6116,6 @@ var parentRegExp = /&/g;
 var refRegExp = /\$([\w-]+)/g;
 /**
  * Convert nested rules to separate, remove them from original styles.
- *
- * @param {Rule} rule
- * @api public
  */
 
 function jssNested() {
@@ -6165,7 +6125,6 @@ function jssNested() {
       var rule = container.getRule(key) || sheet && sheet.getRule(key);
 
       if (rule) {
-        rule = rule;
         return rule.selector;
       }
 
@@ -6196,8 +6155,7 @@ function jssNested() {
   function getOptions(rule, container, prevOptions) {
     // Options has been already created, now we only increase index.
     if (prevOptions) return _extends$1({}, prevOptions, {
-      index: prevOptions.index + 1 // $FlowFixMe[prop-missing]
-
+      index: prevOptions.index + 1
     });
     var nestingLevel = rule.options.nestingLevel;
     nestingLevel = nestingLevel === undefined ? 1 : nestingLevel + 1;
@@ -6237,11 +6195,7 @@ function jssNested() {
         }));
       } else if (isNestedConditional) {
         // Place conditional right after the parent rule to ensure right ordering.
-        container.addRule(prop, {}, options) // Flow expects more options but they aren't required
-        // And flow doesn't know this will always be a StyleRule which has the addRule method
-        // $FlowFixMe[incompatible-use]
-        // $FlowFixMe[prop-missing]
-        .addRule(styleRule.key, style[prop], {
+        container.addRule(prop, {}, options).addRule(styleRule.key, style[prop], {
           selector: styleRule.selector
         });
       }
@@ -6277,9 +6231,6 @@ function hyphenateStyleName(name) {
 
 /**
  * Convert camel cased property names to dash separated.
- *
- * @param {Object} style
- * @return {Object}
  */
 
 function convertCase(style) {
@@ -6298,8 +6249,6 @@ function convertCase(style) {
 }
 /**
  * Allow camel cased property names by converting them back to dasherized.
- *
- * @param {Rule} rule
  */
 
 
@@ -6341,8 +6290,6 @@ var ms = hasCSSTOMSupport && CSS ? CSS.ms : 'ms';
 var percent = hasCSSTOMSupport && CSS ? CSS.percent : '%';
 /**
  * Generated jss-plugin-default-unit CSS property units
- *
- * @type object
  */
 
 var defaultUnits = {
@@ -6501,6 +6448,7 @@ var defaultUnits = {
 /**
  * Clones the object and adds a camel cased property version.
  */
+
 function addCamelCasedVersion(obj) {
   var regExp = /(-[a-z])/g;
 
@@ -6510,9 +6458,9 @@ function addCamelCasedVersion(obj) {
 
   var newObj = {};
 
-  for (var _key in obj) {
-    newObj[_key] = obj[_key];
-    newObj[_key.replace(regExp, replace)] = obj[_key];
+  for (var key in obj) {
+    newObj[key] = obj[key];
+    newObj[key.replace(regExp, replace)] = obj[key];
   }
 
   return newObj;
@@ -7156,8 +7104,6 @@ function supportedValue(property, value) {
 
 /**
  * Add vendor prefix to a property name when needed.
- *
- * @api public
  */
 
 function jssVendorPrefixer() {
@@ -7324,7 +7270,7 @@ function useTheme$1() {
   return theme;
 }
 
-var jss = create(jssPreset()); // Use a singleton or the provided one by the context.
+var jss = createJss(jssPreset()); // Use a singleton or the provided one by the context.
 //
 // The counter-based approach doesn't tolerate any mistake.
 // It's much safer to use the same counter everywhere.
@@ -7386,7 +7332,7 @@ function StylesProvider(props) {
       head.insertBefore(injectFirstNode, head.firstChild);
     }
 
-    context.jss = create({
+    context.jss = createJss({
       plugins: jssPreset().plugins,
       insertionPoint: injectFirstNode
     });
@@ -34221,6 +34167,10 @@ var IconButton = React__default.forwardRef(function (props, ref) {
     return (React__default.createElement(MuiIconButton, __assign$1({}, defaultProps, { ref: ref }), children));
 });
 
+var Icon = function (props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props)));
+};
+
 function LawconnectIcon(props) {
     return (React__default.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", width: props.size + "px", viewBox: "0 0 141 140" },
         React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.163 119.104a69.739 69.739 0 0049.313 20.426h.133a69.68 69.68 0 0064.35-43.067 69.663 69.663 0 005.281-26.673h-33.528v.042a36.23 36.23 0 01-22.382 33.464 36.236 36.236 0 11-13.853-69.718V.05a69.74 69.74 0 00-49.314 119.054zm119.049-95.585c0 12.962-10.507 23.47-23.469 23.47-12.962 0-23.47-10.508-23.47-23.47S103.782.049 116.744.049s23.469 10.508 23.469 23.47z", fill: "#ecedef" })));
@@ -34298,7 +34248,7 @@ var FormHeader = React__default.forwardRef(function (props, ref) {
         React__default.createElement(Box$2, { className: clsx(classes.root, 'gds-header_detail') },
             React__default.createElement(Grid$2, { item: true, xs: 5 }, props.platformWeb ? (React__default.createElement(Typography, { color: "default", variant: "body2", upperCase: true }, props.title)) : (React__default.createElement(Typography, { color: "primaryLight", variant: "h2", upperCase: true }, props.title))),
             React__default.createElement(Grid$2, { item: true, xs: 7 },
-                React__default.createElement(Grid$2, { container: true, alignItems: "center", justify: "flex-end", className: clsx(classes.root, 'gds-header_info') },
+                React__default.createElement(Grid$2, { container: true, alignItems: "center", justifyContent: "flex-end", className: clsx(classes.root, 'gds-header_info') },
                     props.from ? (React__default.createElement(Typography, { align: "right", variant: "body2" }, props.from)) : null,
                     props.from && props.onClick ? React__default.createElement(Divider, { orientation: "vertical" }) : null,
                     props.onClick ? (React__default.createElement(Button, { color: "primary", variant: "text", onClick: props.onClick }, "Change")) : null))),
@@ -35060,6 +35010,13 @@ function ActivityTypeScannedDoc(props) {
         React__default.createElement("path", { d: "M6.49805 22.9976C6.77419 22.9976 6.99805 22.7737 6.99805 22.4976C6.99805 22.2214 6.77419 21.9976 6.49805 21.9976H2.96491C2.57247 21.9976 2.34984 21.892 2.22432 21.7667C2.09884 21.6415 1.99805 21.4244 1.99805 21.0522L1.99805 17.4976C1.99805 17.2214 1.77419 16.9976 1.49805 16.9976C1.2219 16.9976 0.998047 17.2214 0.998047 17.4976V21.0522C0.998047 21.602 1.15022 22.1076 1.51793 22.4745C1.8856 22.8414 2.3964 22.9976 2.96491 22.9976H6.49805Z", fill: "#191919" })));
 }
 
+function ActivityTypeDefault(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 24 24" }),
+        React__default.createElement("path", { d: "M11.0946 2.24663C11.6543 1.91779 12.3457 1.91779 12.9054 2.24663L20.1054 6.47707C20.6593 6.8025 21 7.40068 21 8.04764V15.9524C21 16.5993 20.6593 17.1975 20.1054 17.5229L12.9053 21.7534C12.3457 22.0822 11.6542 22.0822 11.0945 21.7534L3.89457 17.5229C3.34071 17.1975 3 16.5993 3 15.9524V8.04764C3 7.40068 3.34072 6.8025 3.89458 6.47707L11.0946 2.24663Z", fill: "white" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.5988 7.33926L12.3988 3.10882C12.1519 2.96373 11.8481 2.96373 11.6012 3.10882L4.40117 7.33926C4.15567 7.48351 4 7.7521 4 8.04764V15.9524C4 16.2479 4.15567 16.5165 4.40117 16.6607L11.6011 20.8912C11.848 21.0363 12.1518 21.0363 12.3988 20.8912L19.5988 16.6607C19.8443 16.5165 20 16.2479 20 15.9524V8.04764C20 7.7521 19.8443 7.48351 19.5988 7.33926ZM12.9054 2.24663C12.3457 1.91779 11.6543 1.91779 11.0946 2.24663L3.89458 6.47707C3.34072 6.8025 3 7.40068 3 8.04764V15.9524C3 16.5993 3.34071 17.1975 3.89457 17.5229L11.0945 21.7534C11.6542 22.0822 12.3457 22.0822 12.9053 21.7534L20.1054 17.5229C20.6593 17.1975 21 16.5993 21 15.9524V8.04764C21 7.40068 20.6593 6.8025 20.1054 6.47707L12.9054 2.24663Z", fill: "#979593" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z", fill: "#979593" })));
+}
+
 function DocTypeAppointment16(props) {
     return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 32 32" }),
         React__default.createElement("g", { xmlns: "http://www.w3.org/2000/svg", fill: "none", fillRule: "evenodd" },
@@ -35391,6 +35348,13 @@ function ActivityTypeScannedDoc16(props) {
         React__default.createElement("path", { d: "M4.5 16C4.77614 16 5 15.7761 5 15.5C5 15.2239 4.77614 15 4.5 15H1.96686C1.57442 15 1.35179 14.8944 1.22627 14.7691C1.10079 14.6439 1 14.4268 1 14.0547L1 11.5C1 11.2239 0.776142 11 0.5 11C0.223857 11 0 11.2239 0 11.5V14.0547C0 14.6044 0.152171 15.11 0.519885 15.477C0.887556 15.8439 1.39835 16 1.96686 16H4.5Z", fill: "#191919" })));
 }
 
+function ActivityTypeDefault16(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 16 16" }),
+        React__default.createElement("path", { d: "M6.91409 1.32231C7.57503 0.894902 8.42521 0.894902 9.08616 1.32231L13.0862 3.90897C13.656 4.27748 14.0001 4.9098 14.0001 5.58842V10.4108C14.0001 11.0899 13.6556 11.7225 13.0852 12.0909L9.0851 14.6743C8.42461 15.1008 7.57548 15.1008 6.915 14.6742L2.91506 12.0909C2.34465 11.7225 2.00012 11.0899 2.00012 10.4108V5.58842C2.00012 4.9098 2.34424 4.27748 2.91409 3.90897L6.91409 1.32231Z", fill: "white" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5431 4.7487L8.54314 2.16203C8.21267 1.94833 7.78758 1.94833 7.4571 2.16203L3.4571 4.7487C3.17218 4.93295 3.00012 5.24911 3.00012 5.58842V10.4108C3.00012 10.7504 3.17239 11.0667 3.45759 11.2509L7.45753 13.8342C7.78777 14.0475 8.21234 14.0475 8.54258 13.8342L12.5426 11.2509C12.8279 11.0667 13.0001 10.7503 13.0001 10.4108V5.58842C13.0001 5.24911 12.8281 4.93295 12.5431 4.7487ZM9.08616 1.32231C8.42521 0.894902 7.57503 0.894902 6.91409 1.32231L2.91409 3.90897C2.34424 4.27748 2.00012 4.9098 2.00012 5.58842V10.4108C2.00012 11.0899 2.34465 11.7225 2.91506 12.0909L6.915 14.6742C7.57548 15.1008 8.42461 15.1008 9.0851 14.6743L13.0852 12.0909C13.6556 11.7225 14.0001 11.0899 14.0001 10.4108V5.58842C14.0001 4.9098 13.656 4.27748 13.0862 3.90897L9.08616 1.32231Z", fill: "#979593" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00012 9.99999C9.10469 9.99999 10.0001 9.10456 10.0001 7.99999C10.0001 6.89542 9.10469 5.99999 8.00012 5.99999C6.89555 5.99999 6.00012 6.89542 6.00012 7.99999C6.00012 9.10456 6.89555 9.99999 8.00012 9.99999ZM8.00012 11C9.65698 11 11.0001 9.65685 11.0001 7.99999C11.0001 6.34314 9.65698 4.99999 8.00012 4.99999C6.34327 4.99999 5.00012 6.34314 5.00012 7.99999C5.00012 9.65685 6.34327 11 8.00012 11Z", fill: "#979593" })));
+}
+
 var AttachmentIcon = function (props) {
     props.ext; var _a = props.size, size = _a === void 0 ? "medium" : _a, defaultProps = __rest(props, ["ext", "size"]);
     var icon;
@@ -35500,6 +35464,10 @@ var AttachmentIcon = function (props) {
             icon =
                 size === 'small' ? (React__default.createElement(ActivityTypeScannedDoc16, { fontSize: size })) : (React__default.createElement(ActivityTypeScannedDoc, { fontSize: size }));
             break;
+        case 'activitydefault':
+            icon =
+                size === 'small' ? (React__default.createElement(ActivityTypeDefault16, { fontSize: size })) : (React__default.createElement(ActivityTypeDefault, { fontSize: size }));
+            break;
         default:
             icon = size === 'small' ? React__default.createElement(DocTypeDefault16, { fontSize: size }) : React__default.createElement(DocTypeDefault, { fontSize: size });
     }
@@ -36431,6 +36399,48 @@ var isSameDay$1 = /*#__PURE__*/Object.freeze({
     'default': isSameDay
 });
 
+/**
+ * @name isDate
+ * @category Common Helpers
+ * @summary Is the given value a date?
+ *
+ * @description
+ * Returns true if the given value is an instance of Date. The function works for dates transferred across iframes.
+ *
+ * ### v2.0.0 breaking changes:
+ *
+ * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+ *
+ * @param {*} value - the value to check
+ * @returns {boolean} true if the given value is a date
+ * @throws {TypeError} 1 arguments required
+ *
+ * @example
+ * // For a valid date:
+ * const result = isDate(new Date())
+ * //=> true
+ *
+ * @example
+ * // For an invalid date:
+ * const result = isDate(new Date(NaN))
+ * //=> true
+ *
+ * @example
+ * // For some value:
+ * const result = isDate('2014-02-31')
+ * //=> false
+ *
+ * @example
+ * // For an object:
+ * const result = isDate({})
+ * //=> false
+ */
+
+function isDate(value) {
+  requiredArgs(1, arguments);
+  return value instanceof Date || typeof value === 'object' && Object.prototype.toString.call(value) === '[object Date]';
+}
+
 /**
  * @name isValid
  * @category Common Helpers
@@ -36475,24 +36485,29 @@ var isSameDay$1 = /*#__PURE__*/Object.freeze({
  *
  * @example
  * // For the valid date:
- * var result = isValid(new Date(2014, 1, 31))
+ * const result = isValid(new Date(2014, 1, 31))
  * //=> true
  *
  * @example
  * // For the value, convertable into a date:
- * var result = isValid(1393804800000)
+ * const result = isValid(1393804800000)
  * //=> true
  *
  * @example
  * // For the invalid date:
- * var result = isValid(new Date(''))
+ * const result = isValid(new Date(''))
  * //=> false
  */
 
 function isValid(dirtyDate) {
   requiredArgs(1, arguments);
+
+  if (!isDate(dirtyDate) && typeof dirtyDate !== 'number') {
+    return false;
+  }
+
   var date = toDate(dirtyDate);
-  return !isNaN(date);
+  return !isNaN(Number(date));
 }
 
 var isValid$1 = /*#__PURE__*/Object.freeze({
@@ -36563,20 +36578,21 @@ var formatDistanceLocale = {
     other: 'almost {{count}} years'
   }
 };
-function formatDistance(token, count, options) {
-  options = options || {};
+
+var formatDistance = function (token, count, options) {
   var result;
+  var tokenValue = formatDistanceLocale[token];
 
-  if (typeof formatDistanceLocale[token] === 'string') {
-    result = formatDistanceLocale[token];
+  if (typeof tokenValue === 'string') {
+    result = tokenValue;
   } else if (count === 1) {
-    result = formatDistanceLocale[token].one;
+    result = tokenValue.one;
   } else {
-    result = formatDistanceLocale[token].other.replace('{{count}}', count);
+    result = tokenValue.other.replace('{{count}}', count.toString());
   }
 
-  if (options.addSuffix) {
-    if (options.comparison > 0) {
+  if (options !== null && options !== void 0 && options.addSuffix) {
+    if (options.comparison && options.comparison > 0) {
       return 'in ' + result;
     } else {
       return result + ' ago';
@@ -36584,7 +36600,9 @@ function formatDistance(token, count, options) {
   }
 
   return result;
-}
+};
+
+var formatDistance$1 = formatDistance;
 
 function buildFormatLongFn(args) {
   return function () {
@@ -36638,9 +36656,12 @@ var formatRelativeLocale = {
   nextWeek: "eeee 'at' p",
   other: 'P'
 };
-function formatRelative(token, _date, _baseDate, _options) {
+
+var formatRelative = function (token, _date, _baseDate, _options) {
   return formatRelativeLocale[token];
-}
+};
+
+var formatRelative$1 = formatRelative;
 
 function buildLocalizeFn(args) {
   return function (dirtyIndex, dirtyOptions) {
@@ -36756,16 +36777,13 @@ var formattingDayPeriodValues = {
   }
 };
 
-function ordinalNumber(dirtyNumber, _dirtyOptions) {
+var ordinalNumber = function (dirtyNumber, _options) {
   var number = Number(dirtyNumber); // If ordinal numbers depend on context, for example,
   // if they are different for different grammatical genders,
-  // use `options.unit`:
+  // use `options.unit`.
   //
-  //   var options = dirtyOptions || {}
-  //   var unit = String(options.unit)
-  //
-  // where `unit` can be 'year', 'quarter', 'month', 'week', 'date', 'dayOfYear',
-  // 'day', 'hour', 'minute', 'second'
+  // `unit` can be 'year', 'quarter', 'month', 'week', 'date', 'dayOfYear',
+  // 'day', 'hour', 'minute', 'second'.
 
   var rem100 = number % 100;
 
@@ -36783,7 +36801,7 @@ function ordinalNumber(dirtyNumber, _dirtyOptions) {
   }
 
   return number + 'th';
-}
+};
 
 var localize = {
   ordinalNumber: ordinalNumber,
@@ -36795,7 +36813,7 @@ var localize = {
     values: quarterValues,
     defaultWidth: 'wide',
     argumentCallback: function (quarter) {
-      return Number(quarter) - 1;
+      return quarter - 1;
     }
   }),
   month: buildLocalizeFn({
@@ -36815,24 +36833,6 @@ var localize = {
 };
 var localize$1 = localize;
 
-function buildMatchPatternFn(args) {
-  return function (string) {
-    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var matchResult = string.match(args.matchPattern);
-    if (!matchResult) return null;
-    var matchedString = matchResult[0];
-    var parseResult = string.match(args.parsePattern);
-    if (!parseResult) return null;
-    var value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
-    value = options.valueCallback ? options.valueCallback(value) : value;
-    var rest = string.slice(matchedString.length);
-    return {
-      value: value,
-      rest: rest
-    };
-  };
-}
-
 function buildMatchFn(args) {
   return function (string) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -36882,6 +36882,24 @@ function findIndex(array, predicate) {
   return undefined;
 }
 
+function buildMatchPatternFn(args) {
+  return function (string) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var matchResult = string.match(args.matchPattern);
+    if (!matchResult) return null;
+    var matchedString = matchResult[0];
+    var parseResult = string.match(args.parsePattern);
+    if (!parseResult) return null;
+    var value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
+    value = options.valueCallback ? options.valueCallback(value) : value;
+    var rest = string.slice(matchedString.length);
+    return {
+      value: value,
+      rest: rest
+    };
+  };
+}
+
 var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
 var parseOrdinalNumberPattern = /\d+/i;
 var matchEraPatterns = {
@@ -36988,12 +37006,11 @@ var match$1 = match;
  * @author Sasha Koss [@kossnocorp]{@link https://github.com/kossnocorp}
  * @author Lesha Koss [@leshakoss]{@link https://github.com/leshakoss}
  */
-
 var locale = {
   code: 'en-US',
-  formatDistance: formatDistance,
+  formatDistance: formatDistance$1,
   formatLong: formatLong$1,
-  formatRelative: formatRelative,
+  formatRelative: formatRelative$1,
   localize: localize$1,
   match: match$1,
   options: {
@@ -38440,28 +38457,28 @@ var unescapedLatinCharacterRegExp$1 = /[a-zA-Z]/;
  * | Day of week (formatting)        | E..EEE  | Mon, Tue, Wed, ..., Sun           |       |
  * |                                 | EEEE    | Monday, Tuesday, ..., Sunday      | 2     |
  * |                                 | EEEEE   | M, T, W, T, F, S, S               |       |
- * |                                 | EEEEEE  | Mo, Tu, We, Th, Fr, Su, Sa        |       |
+ * |                                 | EEEEEE  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
  * | ISO day of week (formatting)    | i       | 1, 2, 3, ..., 7                   | 7     |
  * |                                 | io      | 1st, 2nd, ..., 7th                | 7     |
  * |                                 | ii      | 01, 02, ..., 07                   | 7     |
  * |                                 | iii     | Mon, Tue, Wed, ..., Sun           | 7     |
  * |                                 | iiii    | Monday, Tuesday, ..., Sunday      | 2,7   |
  * |                                 | iiiii   | M, T, W, T, F, S, S               | 7     |
- * |                                 | iiiiii  | Mo, Tu, We, Th, Fr, Su, Sa        | 7     |
+ * |                                 | iiiiii  | Mo, Tu, We, Th, Fr, Sa, Su        | 7     |
  * | Local day of week (formatting)  | e       | 2, 3, 4, ..., 1                   |       |
  * |                                 | eo      | 2nd, 3rd, ..., 1st                | 7     |
  * |                                 | ee      | 02, 03, ..., 01                   |       |
  * |                                 | eee     | Mon, Tue, Wed, ..., Sun           |       |
  * |                                 | eeee    | Monday, Tuesday, ..., Sunday      | 2     |
  * |                                 | eeeee   | M, T, W, T, F, S, S               |       |
- * |                                 | eeeeee  | Mo, Tu, We, Th, Fr, Su, Sa        |       |
+ * |                                 | eeeeee  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
  * | Local day of week (stand-alone) | c       | 2, 3, 4, ..., 1                   |       |
  * |                                 | co      | 2nd, 3rd, ..., 1st                | 7     |
  * |                                 | cc      | 02, 03, ..., 01                   |       |
  * |                                 | ccc     | Mon, Tue, Wed, ..., Sun           |       |
  * |                                 | cccc    | Monday, Tuesday, ..., Sunday      | 2     |
  * |                                 | ccccc   | M, T, W, T, F, S, S               |       |
- * |                                 | cccccc  | Mo, Tu, We, Th, Fr, Su, Sa        |       |
+ * |                                 | cccccc  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
  * | AM, PM                          | a..aa   | AM, PM                            |       |
  * |                                 | aaa     | am, pm                            |       |
  * |                                 | aaaa    | a.m., p.m.                        | 2     |
@@ -41719,28 +41736,28 @@ var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
  * | Day of week (formatting)        |  90 | E..EEE  | Mon, Tue, Wed, ..., Sun           |       |
  * |                                 |     | EEEE    | Monday, Tuesday, ..., Sunday      | 2     |
  * |                                 |     | EEEEE   | M, T, W, T, F, S, S               |       |
- * |                                 |     | EEEEEE  | Mo, Tu, We, Th, Fr, Su, Sa        |       |
+ * |                                 |     | EEEEEE  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
  * | ISO day of week (formatting)    |  90 | i       | 1, 2, 3, ..., 7                   | 5     |
  * |                                 |     | io      | 1st, 2nd, ..., 7th                | 5     |
  * |                                 |     | ii      | 01, 02, ..., 07                   | 5     |
  * |                                 |     | iii     | Mon, Tue, Wed, ..., Sun           | 5     |
  * |                                 |     | iiii    | Monday, Tuesday, ..., Sunday      | 2,5   |
  * |                                 |     | iiiii   | M, T, W, T, F, S, S               | 5     |
- * |                                 |     | iiiiii  | Mo, Tu, We, Th, Fr, Su, Sa        | 5     |
+ * |                                 |     | iiiiii  | Mo, Tu, We, Th, Fr, Sa, Su        | 5     |
  * | Local day of week (formatting)  |  90 | e       | 2, 3, 4, ..., 1                   |       |
  * |                                 |     | eo      | 2nd, 3rd, ..., 1st                | 5     |
  * |                                 |     | ee      | 02, 03, ..., 01                   |       |
  * |                                 |     | eee     | Mon, Tue, Wed, ..., Sun           |       |
  * |                                 |     | eeee    | Monday, Tuesday, ..., Sunday      | 2     |
  * |                                 |     | eeeee   | M, T, W, T, F, S, S               |       |
- * |                                 |     | eeeeee  | Mo, Tu, We, Th, Fr, Su, Sa        |       |
+ * |                                 |     | eeeeee  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
  * | Local day of week (stand-alone) |  90 | c       | 2, 3, 4, ..., 1                   |       |
  * |                                 |     | co      | 2nd, 3rd, ..., 1st                | 5     |
  * |                                 |     | cc      | 02, 03, ..., 01                   |       |
  * |                                 |     | ccc     | Mon, Tue, Wed, ..., Sun           |       |
  * |                                 |     | cccc    | Monday, Tuesday, ..., Sunday      | 2     |
  * |                                 |     | ccccc   | M, T, W, T, F, S, S               |       |
- * |                                 |     | cccccc  | Mo, Tu, We, Th, Fr, Su, Sa        |       |
+ * |                                 |     | cccccc  | Mo, Tu, We, Th, Fr, Sa, Su        |       |
  * | AM, PM                          |  80 | a..aaa  | AM, PM                            |       |
  * |                                 |     | aaaa    | a.m., p.m.                        | 2     |
  * |                                 |     | aaaaa   | a, p                              |       |
@@ -43637,6 +43654,40 @@ var addYears$1 = /*#__PURE__*/Object.freeze({
     'default': addYears
 });
 
+/**
+ * @name subMonths
+ * @category Month Helpers
+ * @summary Subtract the specified number of months from the given date.
+ *
+ * @description
+ * Subtract the specified number of months from the given date.
+ *
+ * ### v2.0.0 breaking changes:
+ *
+ * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).
+ *
+ * @param {Date|Number} date - the date to be changed
+ * @param {Number} amount - the amount of months to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.
+ * @returns {Date} the new date with the months subtracted
+ * @throws {TypeError} 2 arguments required
+ *
+ * @example
+ * // Subtract 5 months from 1 February 2015:
+ * const result = subMonths(new Date(2015, 1, 1), 5)
+ * //=> Mon Sep 01 2014 00:00:00
+ */
+
+function subMonths(dirtyDate, dirtyAmount) {
+  requiredArgs(2, arguments);
+  var amount = toInteger(dirtyAmount);
+  return addMonths(dirtyDate, -amount);
+}
+
+var subMonths$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    'default': subMonths
+});
+
 var styles = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, "__esModule", {
@@ -43740,9 +43791,11 @@ var require$$15 = /*@__PURE__*/getAugmentedNamespace(setYear$1);
 
 var require$$16 = /*@__PURE__*/getAugmentedNamespace(addYears$1);
 
+var require$$22 = /*@__PURE__*/getAugmentedNamespace(subMonths$1);
+
 var require$$4 = /*@__PURE__*/getAugmentedNamespace(addMonths$1);
 
-var require$$23 = /*@__PURE__*/getAugmentedNamespace(enUS);
+var require$$24 = /*@__PURE__*/getAugmentedNamespace(enUS);
 
 var Calendar_1 = createCommonjsModule(function (module, exports) {
 
@@ -43803,9 +43856,11 @@ var _eachDayOfInterval = _interopRequireDefault(require$$20);
 
 var _format = _interopRequireDefault(require$$21);
 
+var _subMonths = _interopRequireDefault(require$$22);
+
 var _addMonths = _interopRequireDefault(require$$4);
 
-var _enUS = _interopRequireDefault(require$$23);
+var _enUS = _interopRequireDefault(require$$24);
 
 var _styles = _interopRequireDefault(styles);
 
@@ -43874,6 +43929,16 @@ var Calendar = /*#__PURE__*/function (_PureComponent) {
       var preventUnnecessary = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
 
       if (!props.scroll.enabled) {
+        if (preventUnnecessary && props.preventSnapRefocus) {
+          var focusedDateDiff = (0, _differenceInCalendarMonths.default)(date, _this.state.focusedDate);
+          var isAllowedForward = props.calendarFocus === 'forwards' && focusedDateDiff >= 0;
+          var isAllowedBackward = props.calendarFocus === 'backwards' && focusedDateDiff <= 0;
+
+          if ((isAllowedForward || isAllowedBackward) && Math.abs(focusedDateDiff) < props.months) {
+            return;
+          }
+        }
+
         _this.setState({
           focusedDate: date
         });
@@ -44438,6 +44503,11 @@ var Calendar = /*#__PURE__*/function (_PureComponent) {
         className: (0, _classnames3.default)(this.styles.months, isVertical ? this.styles.monthsVertical : this.styles.monthsHorizontal)
       }, new Array(this.props.months).fill(null).map(function (_, i) {
         var monthStep = (0, _addMonths.default)(_this5.state.focusedDate, i);
+
+        if (_this5.props.calendarFocus === 'backwards') {
+          monthStep = (0, _subMonths.default)(_this5.state.focusedDate, _this5.props.months - 1 - i);
+        }
+
         return /*#__PURE__*/_react.default.createElement(_Month.default, _extends({}, _this5.props, {
           onPreviewChange: onPreviewChange || _this5.updatePreview,
           preview: preview || _this5.state.preview,
@@ -44495,6 +44565,8 @@ Calendar.defaultProps = {
   editableDateInputs: false,
   dragSelectionEnabled: true,
   fixedHeight: false,
+  calendarFocus: 'forwards',
+  preventSnapRefocus: false,
   ariaLabels: {}
 };
 Calendar.propTypes = {
@@ -44548,6 +44620,8 @@ Calendar.propTypes = {
   editableDateInputs: _propTypes.default.bool,
   dragSelectionEnabled: _propTypes.default.bool,
   fixedHeight: _propTypes.default.bool,
+  calendarFocus: _propTypes.default.string,
+  preventSnapRefocus: _propTypes.default.bool,
   ariaLabels: accessibility.ariaLabelsShape
 };
 var _default = Calendar;
@@ -46380,6 +46454,9 @@ var useStyles = makeStyles(function (theme) { return ({
             fontSize: 24
         }
     },
+    activityIcon: {
+        maxWidth: 24,
+    },
     name: {
         marginTop: 0,
         marginBottom: 0,
@@ -46422,26 +46499,19 @@ var useStyles = makeStyles(function (theme) { return ({
 }); });
 var ActivityLog = function (props) {
     var classes = useStyles();
-    var name = props.name, time = props.time, ext = props.ext, onAttach = props.onAttach, onClick = props.onClick, users = props.users, attachment = props.attachment, action = props.action, avatarGroupTooltip = props.avatarGroupTooltip, _a = props.insertIconTooltip, insertIconTooltip = _a === void 0 ? 'Insert' : _a, hover = props.hover, _b = props.tooltip, tooltip = _b === void 0 ? 'Preview' : _b, _c = props.nameRef, nameRef = _c === void 0 ? undefined : _c, defaultProps = __rest(props, ["name", "time", "ext", "onAttach", "onClick", "users", "attachment", "action", "avatarGroupTooltip", "insertIconTooltip", "hover", "tooltip", "nameRef"]);
+    var name = props.name, time = props.time, ext = props.ext, iconURL = props.iconURL, onAttach = props.onAttach, onClick = props.onClick, users = props.users, attachment = props.attachment, action = props.action, avatarGroupTooltip = props.avatarGroupTooltip, _a = props.insertIconTooltip, insertIconTooltip = _a === void 0 ? 'Insert' : _a, hover = props.hover, _b = props.tooltip, tooltip = _b === void 0 ? 'Preview' : _b, _c = props.nameRef, nameRef = _c === void 0 ? undefined : _c, defaultProps = __rest(props, ["name", "time", "ext", "iconURL", "onAttach", "onClick", "users", "attachment", "action", "avatarGroupTooltip", "insertIconTooltip", "hover", "tooltip", "nameRef"]);
     var chipGroup;
     action ? chipGroup = classes.chipGroup : chipGroup = '';
     return (React__default.createElement(MuiListItem, __assign$1({ className: classes.root }, defaultProps),
-        React__default.createElement(ListItemIcon$2, { className: clsx(classes.prependIcon, chipGroup, action ? classes.marginTop : '') }, attachment ? React__default.createElement(Tooltip, { title: insertIconTooltip },
+        React__default.createElement(ListItemIcon$2, { className: clsx(classes.prependIcon, chipGroup, action ? classes.marginTop : '') }, attachment ? (React__default.createElement(Tooltip, { title: insertIconTooltip },
             React__default.createElement(IconButton, { onClick: onAttach },
-                React__default.createElement(InsertLinkIcon, null))) : ''),
-        React__default.createElement(ListItemIcon$2, { className: clsx(classes.docTypeIcon, chipGroup) },
-            React__default.createElement(AttachmentIcon, { ext: ext })),
-        React__default.createElement(ListItemText$2, { classes: { root: classes.name, primary: classes.primary }, onClick: onClick, secondaryTypographyProps: { component: 'div' }, secondary: action &&
-                React__default.createElement("div", { className: classes.chips }, action.map(function (tag) { return (React__default.createElement(Chip, { label: tag.label, key: tag.label, variant: tag.variant })); })) },
-            hover
-                ?
-                    React__default.createElement(Tooltip, { title: tooltip },
-                        React__default.createElement(Typography$2, { ref: nameRef, noWrap: true, variant: "subtitle1", color: 'primary', className: classes.mainName }, name))
-                :
-                    React__default.createElement(Typography$2, { ref: nameRef, noWrap: true, variant: "subtitle1", color: 'primary', className: classes.mainName }, name),
-            users ?
-                React__default.createElement("div", { className: clsx(chipGroup) },
-                    React__default.createElement(AvatarsGroup, { max: 2, size: "small", tooltip: avatarGroupTooltip, tooltipPlacement: 'bottom-end' }, users.map(function (person) { return (React__default.createElement(Avatar, { color: "default", size: "small", tooltip: person.name, key: person.initials }, person.initials)); }))) : '',
+                React__default.createElement(InsertLinkIcon, null)))) : ('')),
+        React__default.createElement(ListItemIcon$2, { className: clsx(classes.docTypeIcon, chipGroup) }, iconURL ? (React__default.createElement("img", { src: iconURL, className: classes.activityIcon })) : (React__default.createElement(AttachmentIcon, { ext: ext }))),
+        React__default.createElement(ListItemText$2, { classes: { root: classes.name, primary: classes.primary }, onClick: onClick, secondaryTypographyProps: { component: 'div' }, secondary: action && (React__default.createElement("div", { className: classes.chips }, action.map(function (tag) { return (React__default.createElement(Chip, { label: tag.label, key: tag.label, variant: tag.variant })); }))) },
+            hover ? (React__default.createElement(Tooltip, { title: tooltip },
+                React__default.createElement(Typography$2, { ref: nameRef, noWrap: true, variant: "subtitle1", color: "primary", className: classes.mainName }, name))) : (React__default.createElement(Typography$2, { ref: nameRef, noWrap: true, variant: "subtitle1", color: "primary", className: classes.mainName }, name)),
+            users ? (React__default.createElement("div", { className: clsx(chipGroup) },
+                React__default.createElement(AvatarsGroup, { max: 2, size: "small", tooltip: avatarGroupTooltip, tooltipPlacement: "bottom-end" }, users.map(function (person) { return (React__default.createElement(Avatar, { color: "default", size: "small", tooltip: person.name, key: person.initials }, person.initials)); })))) : (''),
             React__default.createElement("div", { className: clsx(classes.time, chipGroup) },
                 React__default.createElement(Typography$2, { variant: "body1" }, time)))));
 };
@@ -48169,8 +48239,12 @@ var themeDesktop = createTheme({
                     minWidth: 'unset',
                     padding: 0,
                     margin: '0 15px',
-                    border: 'none',
+                    border: '1px solid transparent',
                     backgroundColor: 'transparent',
+                    '&:hover': {
+                        backgroundColor: '#DDE7F3',
+                        borderColor: '#CADEF3',
+                    },
                     '& .MuiSvgIcon-root': {
                         width: 32,
                         height: 32,
@@ -48986,5 +49060,5 @@ function ReportingIcon(props) {
         React__default.createElement("path", { fillRule: "evenodd", fill: "currentColor", d: "M84.032 23.49l-12.807-5.123a4 4 0 01-6.827-.627l-12.404 2.481a4 4 0 11-7.962-.731l-12.807-5.123A3.994 3.994 0 0128 16c-.9 0-1.731-.297-2.4-.8L11.65 26.36A4 4 0 1110.4 24.8l13.95-11.16a4 4 0 117.618-1.13l12.807 5.124a4 4 0 016.827.627l12.404-2.481a4 4 0 117.962.731l12.807 5.123a4 4 0 11-.743 1.857zM0 88v-8h96v8H0zm4-40h8v24H4V48zm20-16h8v40h-8V32zm20 8h8v32h-8V40zm20-4h8v36h-8V36zm20 8h8v28h-8V44z" })));
 }
 
-export { AccessIcon, Accordion, AccordionDetails, AccordionPanel, AccordionSummary, AccountingIcon, ActivityLog, AppBar, AppointmentCalendar, AssignCurvedIcon, AttachmentIcon, Autocomplete, Avatar, AvatarBusinessIcon, AvatarCompanyIcon, AvatarGovernmentIcon, AvatarPeopleIcon, AvatarPersonIcon, AvatarTrustIcon, AvatarsGroup, BottomListButton, Box, BrowseIcon, Button, ButtonCaretIcon, ButtonFilterIcon, CalendarIcon, Card, Checkbox, ChevronDownIcon, Chip, CrossIcon, CssBaseline, DatePicker, DateRangePicker, Dialog, Divider, DocTypeEmailDraft$2 as DocTypeEmailDraft, DocTypeEmailRecieved, DocTypeEmailSent, Drawer, DrawerMenu, Dropdown, EmailSentIcon, EmptyState, FooterActions, FormBody, FormContainer, FormGroup, FormHeader, Grid, HeaderToolbar, HomeIcon, IconButton, InfoCircleIcon, Input, InputLabel, InsertLinkIcon, LawconnectIcon, LeapLogo, List, ListItem, ListItemAvatar, ListItemHoverContent, ListItemIcon, ListItemText, ListSubheader, Loader, LoaderIcon, Menu, MenuContext, MenuHeader, MenuItem, MenuItemSystem, Modal, ModalActions, ModalContent, ModalTitle, MoreVerticalIcon, NewAppointmentIcon as NewAppoinmentIcon, PoweredByLawconnectLogo, PreviewIcon, Radio, RadioGroup, ReportingIcon, ResponseIcon, RevokeAccessIcon, SearchIcon, SelectFilterEmptyIcon, SelectFilterFilledIcon, SidebarLayout, Switch, Tab, TabListItem, Table, TableBody, TableCell, TableCellIcon, TableContainer, TableFooter, TableHead, TableRow, Tabs, Tag, ThemeProvider, TickIcon, Toolbar, ToolbarButton, Tooltip, TwoColumnLayout, Typography, UserLinkIcon, UserLockIcon, UsersIcon, WarningIcon, baseline, createFilterOptions, themeDesktop, themeWeb };
+export { AccessIcon, Accordion, AccordionDetails, AccordionPanel, AccordionSummary, AccountingIcon, ActivityLog, AppBar, AppointmentCalendar, AssignCurvedIcon, AttachmentIcon, Autocomplete, Avatar, AvatarBusinessIcon, AvatarCompanyIcon, AvatarGovernmentIcon, AvatarPeopleIcon, AvatarPersonIcon, AvatarTrustIcon, AvatarsGroup, BottomListButton, Box, BrowseIcon, Button, ButtonCaretIcon, ButtonFilterIcon, CalendarIcon, Card, Checkbox, ChevronDownIcon, Chip, CrossIcon, CssBaseline, DatePicker, DateRangePicker, Dialog, Divider, DocTypeEmailDraft$2 as DocTypeEmailDraft, DocTypeEmailRecieved, DocTypeEmailSent, Drawer, DrawerMenu, Dropdown, EmailSentIcon, EmptyState, FooterActions, FormBody, FormContainer, FormGroup, FormHeader, Grid, HeaderToolbar, HomeIcon, Icon, IconButton, InfoCircleIcon, Input, InputLabel, InsertLinkIcon, LawconnectIcon, LeapLogo, List, ListItem, ListItemAvatar, ListItemHoverContent, ListItemIcon, ListItemText, ListSubheader, Loader, LoaderIcon, Menu, MenuContext, MenuHeader, MenuItem, MenuItemSystem, Modal, ModalActions, ModalContent, ModalTitle, MoreVerticalIcon, NewAppointmentIcon as NewAppoinmentIcon, PoweredByLawconnectLogo, PreviewIcon, Radio, RadioGroup, ReportingIcon, ResponseIcon, RevokeAccessIcon, SearchIcon, SelectFilterEmptyIcon, SelectFilterFilledIcon, SidebarLayout, Switch, Tab, TabListItem, Table, TableBody, TableCell, TableCellIcon, TableContainer, TableFooter, TableHead, TableRow, Tabs, Tag, ThemeProvider, TickIcon, Toolbar, ToolbarButton, Tooltip, TwoColumnLayout, Typography, UserLinkIcon, UserLockIcon, UsersIcon, WarningIcon, baseline, createFilterOptions, themeDesktop, themeWeb };
 //# sourceMappingURL=index.esm.js.map