@galaxy-ds/core 1.1.67 → 1.1.69

package/dist/index.js

@@ -30,7 +30,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -233,17 +233,11 @@ function _extends$1() {
 function _typeof$1(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof$1 = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof$1 = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof$1(obj);
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof$1(obj);
 }
 
 function isPlainObject(item) {
@@ -632,9 +626,15 @@ var objectAssign = shouldUseNative() ? Object.assign : function (target, source)
  * LICENSE file in the root directory of this source tree.
  */
 
-var ReactPropTypesSecret$1 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+var ReactPropTypesSecret$2 = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+var ReactPropTypesSecret_1 = ReactPropTypesSecret$2;
 
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
+var has$2 = Function.call.bind(Object.prototype.hasOwnProperty);
+
+var ReactPropTypesSecret$1 = ReactPropTypesSecret_1;
+
+var has$1 = has$2;
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -646,9 +646,9 @@ var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
 var printWarning$1 = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
-  var ReactPropTypesSecret = ReactPropTypesSecret_1;
+  var ReactPropTypesSecret = ReactPropTypesSecret$1;
   var loggedTypeFailures = {};
-  var has$1 = Function.call.bind(Object.prototype.hasOwnProperty);
+  var has = has$1;
 
   printWarning$1 = function(text) {
     var message = 'Warning: ' + text;
@@ -660,7 +660,7 @@ if (process.env.NODE_ENV !== 'production') {
       // This error was thrown as a convenience so that you can use this stack
       // to find the callsite that caused this warning to fire.
       throw new Error(message);
-    } catch (x) {}
+    } catch (x) { /**/ }
   };
 }
 
@@ -675,10 +675,10 @@ if (process.env.NODE_ENV !== 'production') {
  * @param {?Function} getStack Returns the component stack.
  * @private
  */
-function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+function checkPropTypes$1(typeSpecs, values, location, componentName, getStack) {
   if (process.env.NODE_ENV !== 'production') {
     for (var typeSpecName in typeSpecs) {
-      if (has$1(typeSpecs, typeSpecName)) {
+      if (has(typeSpecs, typeSpecName)) {
         var error;
         // Prop type validation may throw. In case they do, we don't want to
         // fail the render phase where it didn't fail before. So we log it.
@@ -689,7 +689,8 @@ function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
           if (typeof typeSpecs[typeSpecName] !== 'function') {
             var err = Error(
               (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
-              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.'
+              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
+              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
             );
             err.name = 'Invariant Violation';
             throw err;
@@ -729,13 +730,15 @@ function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
  *
  * @private
  */
-checkPropTypes.resetWarningCache = function() {
+checkPropTypes$1.resetWarningCache = function() {
   if (process.env.NODE_ENV !== 'production') {
     loggedTypeFailures = {};
   }
 };
 
-var checkPropTypes_1 = checkPropTypes;
+var checkPropTypes_1 = checkPropTypes$1;
+
+var checkPropTypes = checkPropTypes_1;
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -750,7 +753,7 @@ var checkPropTypes_1 = checkPropTypes;
 
 
 
-var has = Function.call.bind(Object.prototype.hasOwnProperty);
+
 var printWarning = function() {};
 
 if (process.env.NODE_ENV !== 'production') {
@@ -851,6 +854,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
   // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
   var ReactPropTypes = {
     array: createPrimitiveTypeChecker('array'),
+    bigint: createPrimitiveTypeChecker('bigint'),
     bool: createPrimitiveTypeChecker('boolean'),
     func: createPrimitiveTypeChecker('function'),
     number: createPrimitiveTypeChecker('number'),
@@ -896,8 +900,9 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
    * is prohibitively expensive if they are created too often, such as what
    * happens in oneOfType() for any type before the one that matched.
    */
-  function PropTypeError(message) {
+  function PropTypeError(message, data) {
     this.message = message;
+    this.data = data && typeof data === 'object' ? data: {};
     this.stack = '';
   }
   // Make `instanceof Error` still work for returned errors.
@@ -912,7 +917,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       componentName = componentName || ANONYMOUS;
       propFullName = propFullName || propName;
 
-      if (secret !== ReactPropTypesSecret_1) {
+      if (secret !== ReactPropTypesSecret$1) {
         if (throwOnDirectAccess) {
           // New behavior only for users of `prop-types` package
           var err = new Error(
@@ -932,7 +937,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
           ) {
             printWarning(
               'You are manually calling a React.PropTypes validation ' +
-              'function for the `' + propFullName + '` prop on `' + componentName  + '`. This is deprecated ' +
+              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
               'and will throw in the standalone `prop-types` package. ' +
               'You may be seeing this warning due to a third-party PropTypes ' +
               'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
@@ -971,7 +976,10 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         // 'of type `object`'.
         var preciseType = getPreciseType(propValue);
 
-        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+        return new PropTypeError(
+          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
+          {expectedType: expectedType}
+        );
       }
       return null;
     }
@@ -993,7 +1001,7 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
       }
       for (var i = 0; i < propValue.length; i++) {
-        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret_1);
+        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret$1);
         if (error instanceof Error) {
           return error;
         }
@@ -1085,8 +1093,8 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
       }
       for (var key in propValue) {
-        if (has(propValue, key)) {
-          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
+        if (has$1(propValue, key)) {
+          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
           if (error instanceof Error) {
             return error;
           }
@@ -1115,14 +1123,19 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     }
 
     function validate(props, propName, componentName, location, propFullName) {
+      var expectedTypes = [];
       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
         var checker = arrayOfTypeCheckers[i];
-        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret_1) == null) {
+        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret$1);
+        if (checkerResult == null) {
           return null;
         }
+        if (checkerResult.data && has$1(checkerResult.data, 'expectedType')) {
+          expectedTypes.push(checkerResult.data.expectedType);
+        }
       }
-
-      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
+      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
+      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
     }
     return createChainableTypeChecker(validate);
   }
@@ -1137,6 +1150,13 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     return createChainableTypeChecker(validate);
   }
 
+  function invalidValidatorError(componentName, location, propFullName, key, type) {
+    return new PropTypeError(
+      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
+      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
+    );
+  }
+
   function createShapeTypeChecker(shapeTypes) {
     function validate(props, propName, componentName, location, propFullName) {
       var propValue = props[propName];
@@ -1146,10 +1166,10 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       }
       for (var key in shapeTypes) {
         var checker = shapeTypes[key];
-        if (!checker) {
-          continue;
+        if (typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
         }
-        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
+        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
         if (error) {
           return error;
         }
@@ -1166,19 +1186,21 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
       if (propType !== 'object') {
         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
       }
-      // We need to check all keys in case some are required but missing from
-      // props.
+      // We need to check all keys in case some are required but missing from props.
       var allKeys = objectAssign({}, props[propName], shapeTypes);
       for (var key in allKeys) {
         var checker = shapeTypes[key];
+        if (has$1(shapeTypes, key) && typeof checker !== 'function') {
+          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+        }
         if (!checker) {
           return new PropTypeError(
             'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
             '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-            '\nValid keys: ' +  JSON.stringify(Object.keys(shapeTypes), null, '  ')
+            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
           );
         }
-        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret_1);
+        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret$1);
         if (error) {
           return error;
         }
@@ -1320,8 +1342,8 @@ var factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
     return propValue.constructor.name;
   }
 
-  ReactPropTypes.checkPropTypes = checkPropTypes_1;
-  ReactPropTypes.resetWarningCache = checkPropTypes_1.resetWarningCache;
+  ReactPropTypes.checkPropTypes = checkPropTypes;
+  ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
   ReactPropTypes.PropTypes = ReactPropTypes;
 
   return ReactPropTypes;
@@ -1342,7 +1364,7 @@ emptyFunctionWithReset.resetWarningCache = emptyFunction;
 
 var factoryWithThrowingShims = function() {
   function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret_1) {
+    if (secret === ReactPropTypesSecret$1) {
       // It is still safe when called from React.
       return;
     }
@@ -1360,6 +1382,7 @@ var factoryWithThrowingShims = function() {
   // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
   var ReactPropTypes = {
     array: shim,
+    bigint: shim,
     bool: shim,
     func: shim,
     number: shim,
@@ -1388,6 +1411,10 @@ var factoryWithThrowingShims = function() {
   return ReactPropTypes;
 };
 
+var require$$1$3 = factoryWithTypeCheckers;
+
+var require$$2$1 = factoryWithThrowingShims;
+
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
  *
@@ -1402,11 +1429,11 @@ if (process.env.NODE_ENV !== 'production') {
   // By explicitly using `prop-types` you are opting into new development behavior.
   // http://fb.me/prop-types-in-prod
   var throwOnDirectAccess = true;
-  module.exports = factoryWithTypeCheckers(ReactIs.isElement, throwOnDirectAccess);
+  module.exports = require$$1$3(ReactIs.isElement, throwOnDirectAccess);
 } else {
   // By explicitly using `prop-types` you are opting into new production behavior.
   // http://fb.me/prop-types-in-prod
-  module.exports = factoryWithThrowingShims();
+  module.exports = require$$2$1();
 }
 });
 
@@ -1442,7 +1469,7 @@ function acceptingRef(props, propName, componentName, location, propFullName) {
   }
 
   if (warningHint !== undefined) {
-    return new Error("Invalid ".concat(location, " `").concat(safePropName, "` supplied to `").concat(componentName, "`. ") + "Expected an element that can hold a ref. ".concat(warningHint, " ") + 'For more information see https://material-ui.com/r/caveat-with-refs-guide');
+    return new Error("Invalid ".concat(location, " `").concat(safePropName, "` supplied to `").concat(componentName, "`. ") + "Expected an element that can hold a ref. ".concat(warningHint, " ") + 'For more information see https://mui.com/r/caveat-with-refs-guide');
   }
 
   return null;
@@ -1483,7 +1510,7 @@ function elementTypeAcceptingRef(props, propName, componentName, location, propF
   }
 
   if (warningHint !== undefined) {
-    return new Error("Invalid ".concat(location, " `").concat(safePropName, "` supplied to `").concat(componentName, "`. ") + "Expected an element type that can hold a ref. ".concat(warningHint, " ") + 'For more information see https://material-ui.com/r/caveat-with-refs-guide');
+    return new Error("Invalid ".concat(location, " `").concat(safePropName, "` supplied to `").concat(componentName, "`. ") + "Expected an element type that can hold a ref. ".concat(warningHint, " ") + 'For more information see https://mui.com/r/caveat-with-refs-guide');
   }
 
   return null;
@@ -1542,7 +1569,7 @@ function formatMuiErrorMessage(code) {
   // see https://babeljs.io/docs/en/babel-plugin-transform-template-literals#loose
 
   /* eslint-disable prefer-template */
-  var url = 'https://material-ui.com/production-error/?code=' + code;
+  var url = 'https://mui.com/production-error/?code=' + code;
 
   for (var i = 1; i < arguments.length; i += 1) {
     // rest params over-transpile for this case
@@ -2529,7 +2556,7 @@ var warnedOnce$1 = false;
 function roundWithDeprecationWarning(value) {
   if (process.env.NODE_ENV !== 'production') {
     if (!warnedOnce$1) {
-      console.warn(['Material-UI: The `theme.typography.round` helper is deprecated.', 'Head to https://material-ui.com/r/migration-v4/#theme for a migration path.'].join('\n'));
+      console.warn(['Material-UI: The `theme.typography.round` helper is deprecated.', 'Head to https://mui.com/r/migration-v4/#theme for a migration path.'].join('\n'));
       warnedOnce$1 = true;
     }
   }
@@ -3569,7 +3596,7 @@ function createTheme() {
           if (process.env.NODE_ENV !== 'production') {
             console.error(["Material-UI: The `".concat(parentKey, "` component increases ") + "the CSS specificity of the `".concat(key, "` internal state."), 'You can not override it like this: ', JSON.stringify(node, null, 2), '', 'Instead, you need to use the $ruleName syntax:', JSON.stringify({
               root: _defineProperty({}, "&$".concat(key), child)
-            }, null, 2), '', 'https://material-ui.com/r/pseudo-classes-guide'].join('\n'));
+            }, null, 2), '', 'https://mui.com/r/pseudo-classes-guide'].join('\n'));
           } // Remove the style to prevent global conflicts.
 
 
@@ -3723,6 +3750,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -4167,6 +4197,16 @@ function () {
     this.options.jss.plugins.onProcessRule(rule);
     return rule;
   }
+  /**
+   * Replace rule, run plugins.
+   */
+  ;
+
+  _proto.replaceRule = function replaceRule(name, style, options) {
+    var newRule = this.rules.replace(name, style, options);
+    if (newRule) this.options.jss.plugins.onProcessRule(newRule);
+    return newRule;
+  }
   /**
    * Generates a CSS string.
    */
@@ -4578,12 +4618,33 @@ function () {
     return rule;
   }
   /**
-   * Get a rule.
+   * Replace rule.
+   * Create a new rule and remove old one instead of overwriting
+   * because we want to invoke onCreateRule hook to make plugins work.
    */
   ;
 
-  _proto.get = function get(name) {
-    return this.map[name];
+  _proto.replace = function replace(name, decl, ruleOptions) {
+    var oldRule = this.get(name);
+    var oldIndex = this.index.indexOf(oldRule);
+
+    if (oldRule) {
+      this.remove(oldRule);
+    }
+
+    var options = ruleOptions;
+    if (oldIndex !== -1) options = _extends$1({}, ruleOptions, {
+      index: oldIndex
+    });
+    return this.add(name, decl, options);
+  }
+  /**
+   * Get a rule by name or selector.
+   */
+  ;
+
+  _proto.get = function get(nameOrSelector) {
+    return this.map[nameOrSelector];
   }
   /**
    * Delete a rule.
@@ -4665,7 +4726,7 @@ function () {
     }
 
     if (name) {
-      this.updateOne(this.map[name], data, options);
+      this.updateOne(this.get(name), data, options);
     } else {
       for (var index = 0; index < this.index.length; index++) {
         this.updateOne(this.index[index], data, options);
@@ -4837,6 +4898,40 @@ function () {
     this.deployed = false;
     return rule;
   }
+  /**
+   * Replace a rule in the current stylesheet.
+   */
+  ;
+
+  _proto.replaceRule = function replaceRule(nameOrSelector, decl, options) {
+    var oldRule = this.rules.get(nameOrSelector);
+    if (!oldRule) return this.addRule(nameOrSelector, decl, options);
+    var newRule = this.rules.replace(nameOrSelector, decl, options);
+
+    if (newRule) {
+      this.options.jss.plugins.onProcessRule(newRule);
+    }
+
+    if (this.attached) {
+      if (!this.deployed) return newRule; // Don't replace / delete rule directly if there is no stringified version yet.
+      // It will be inserted all together when .attach is called.
+
+      if (this.renderer) {
+        if (!newRule) {
+          this.renderer.deleteRule(oldRule);
+        } else if (oldRule.renderable) {
+          this.renderer.replaceRule(oldRule.renderable, newRule);
+        }
+      }
+
+      return newRule;
+    } // We can't replace rules to a detached style node.
+    // We will redeploy the sheet once user will attach it.
+
+
+    this.deployed = false;
+    return newRule;
+  }
   /**
    * Insert rule into the StyleSheet
    */
@@ -4864,12 +4959,12 @@ function () {
     return added;
   }
   /**
-   * Get a rule by name.
+   * Get a rule by name or selector.
    */
   ;
 
-  _proto.getRule = function getRule(name) {
-    return this.rules.get(name);
+  _proto.getRule = function getRule(nameOrSelector) {
+    return this.rules.get(nameOrSelector);
   }
   /**
    * Delete a rule by name.
@@ -5650,7 +5745,7 @@ function () {
     // like rules inside media queries or keyframes
 
     if (rule.options.parent instanceof StyleSheet) {
-      this.cssRules[index] = cssRule;
+      this.cssRules.splice(index, 0, cssRule);
     }
   }
   /**
@@ -5676,8 +5771,6 @@ function () {
   }
   /**
    * Generate a new CSS rule and replace the existing one.
-   *
-   * Only used for some old browsers because they can't set a selector.
    */
   ;
 
@@ -5707,7 +5800,7 @@ var Jss =
 function () {
   function Jss(options) {
     this.id = instanceCounter++;
-    this.version = "10.8.2";
+    this.version = "10.9.0";
     this.plugins = new PluginsRegistry();
     this.options = {
       id: {
@@ -6008,6 +6101,16 @@ function () {
     if (rule) this.options.jss.plugins.onProcessRule(rule);
     return rule;
   }
+  /**
+   * Replace rule, run plugins.
+   */
+  ;
+
+  _proto.replaceRule = function replaceRule(name, style, options) {
+    var newRule = this.rules.replace(name, style, options);
+    if (newRule) this.options.jss.plugins.onProcessRule(newRule);
+    return newRule;
+  }
   /**
    * Get index of a rule.
    */
@@ -6021,8 +6124,8 @@ function () {
    */
   ;
 
-  _proto.toString = function toString() {
-    return this.rules.toString();
+  _proto.toString = function toString(options) {
+    return this.rules.toString(options);
   };
 
   return GlobalContainerRule;
@@ -6119,7 +6222,7 @@ function jssGlobal() {
       }
     }
 
-    if (options.scoped === false) {
+    if (!options.selector && options.scoped === false) {
       options.selector = name;
     }
 
@@ -6217,9 +6320,18 @@ function jssNested() {
         if (!replaceRef) replaceRef = getReplaceRef(container, sheet); // Replace all $refs.
 
         selector = selector.replace(refRegExp, replaceRef);
-        container.addRule(selector, style[prop], _extends$1({}, options, {
-          selector: selector
-        }));
+        var name = styleRule.key + "-" + prop;
+
+        if ('replaceRule' in container) {
+          // for backward compatibility
+          container.replaceRule(name, style[prop], _extends$1({}, options, {
+            selector: selector
+          }));
+        } else {
+          container.addRule(name, style[prop], _extends$1({}, options, {
+            selector: selector
+          }));
+        }
       } else if (isNestedConditional) {
         // Place conditional right after the parent rule to ensure right ordering.
         container.addRule(prop, {}, options).addRule(styleRule.key, style[prop], {
@@ -17609,7 +17721,7 @@ var InputBase = /*#__PURE__*/React__namespace.forwardRef(function InputBase(prop
       var element = event.target || inputRef.current;
 
       if (element == null) {
-        throw new Error(process.env.NODE_ENV !== "production" ? "Material-UI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://material-ui.com/r/input-component-ref-interface for more info." : formatMuiErrorMessage(1));
+        throw new Error(process.env.NODE_ENV !== "production" ? "Material-UI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info." : formatMuiErrorMessage(1));
       }
 
       checkDirty({
@@ -30231,13 +30343,13 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes = {
    * Number of rows to display when multiline option is set to true.
    * @deprecated Use `minRows` instead.
    */
-  rows: propTypes.oneOfType([propTypes.number, propTypes.string]),
+  rows: deprecatedPropType(propTypes.oneOfType([propTypes.number, propTypes.string]), 'Use `minRows` instead'),
 
   /**
    * Maximum number of rows to display.
    * @deprecated Use `maxRows` instead.
    */
-  rowsMax: propTypes.oneOfType([propTypes.number, propTypes.string]),
+  rowsMax: deprecatedPropType(propTypes.oneOfType([propTypes.number, propTypes.string]), 'Use `maxRows` instead'),
 
   /**
    * Render a [`Select`](/api/select/) element while passing the Input element to `Select` as `input` parameter.
@@ -30934,16 +31046,16 @@ var AccordionSummary = function (props) {
     return (React__default["default"].createElement(MuiAccordionSummary, __assign$1({ className: classes.root }, props, { expandIcon: React__default["default"].createElement(ChevronDownIcon, { fontSize: 'small' }) })));
 };
 
-/**
- * @ignore - internal component.
+/**
+ * @ignore - internal component.
  */
 
 var CloseIcon = createSvgIcon$1( /*#__PURE__*/React__namespace.createElement("path", {
   d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }), 'Close');
 
-/**
- * @ignore - internal component.
+/**
+ * @ignore - internal component.
  */
 
 var ArrowDropDownIcon = createSvgIcon$1( /*#__PURE__*/React__namespace.createElement("path", {
@@ -32525,398 +32637,398 @@ process.env.NODE_ENV !== "production" ? Autocomplete$1.propTypes = {
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
 
-  /**
-   * If `true`, the portion of the selected suggestion that has not been typed by the user,
-   * known as the completion string, appears inline after the input cursor in the textbox.
-   * The inline completion string is visually highlighted and has a selected state.
+  /**
+   * If `true`, the portion of the selected suggestion that has not been typed by the user,
+   * known as the completion string, appears inline after the input cursor in the textbox.
+   * The inline completion string is visually highlighted and has a selected state.
    */
   autoComplete: propTypes.bool,
 
-  /**
-   * If `true`, the first option is automatically highlighted.
+  /**
+   * If `true`, the first option is automatically highlighted.
    */
   autoHighlight: propTypes.bool,
 
-  /**
-   * If `true`, the selected option becomes the value of the input
-   * when the Autocomplete loses focus unless the user chooses
-   * a different option or changes the character string in the input.
+  /**
+   * If `true`, the selected option becomes the value of the input
+   * when the Autocomplete loses focus unless the user chooses
+   * a different option or changes the character string in the input.
    */
   autoSelect: propTypes.bool,
 
-  /**
-   * Control if the input should be blurred when an option is selected:
-   *
-   * - `false` the input is not blurred.
-   * - `true` the input is always blurred.
-   * - `touch` the input is blurred after a touch event.
-   * - `mouse` the input is blurred after a mouse event.
+  /**
+   * Control if the input should be blurred when an option is selected:
+   *
+   * - `false` the input is not blurred.
+   * - `true` the input is always blurred.
+   * - `touch` the input is blurred after a touch event.
+   * - `mouse` the input is blurred after a mouse event.
    */
   blurOnSelect: propTypes.oneOfType([propTypes.oneOf(['mouse', 'touch']), propTypes.bool]),
 
-  /**
-   * Props applied to the [`Chip`](/api/chip/) element.
+  /**
+   * Props applied to the [`Chip`](/api/chip/) element.
    */
   ChipProps: propTypes.object,
 
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
    */
   classes: propTypes.object,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: propTypes.string,
 
-  /**
-   * If `true`, the input's text will be cleared on blur if no value is selected.
-   *
-   * Set to `true` if you want to help the user enter a new value.
-   * Set to `false` if you want to help the user resume his search.
+  /**
+   * If `true`, the input's text will be cleared on blur if no value is selected.
+   *
+   * Set to `true` if you want to help the user enter a new value.
+   * Set to `false` if you want to help the user resume his search.
    */
   clearOnBlur: propTypes.bool,
 
-  /**
-   * If `true`, clear all values when the user presses escape and the popup is closed.
+  /**
+   * If `true`, clear all values when the user presses escape and the popup is closed.
    */
   clearOnEscape: propTypes.bool,
 
-  /**
-   * Override the default text for the *clear* icon button.
-   *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+  /**
+   * Override the default text for the *clear* icon button.
+   *
+   * For localization purposes, you can use the provided [translations](/guides/localization/).
    */
   clearText: propTypes.string,
 
-  /**
-   * The icon to display in place of the default close icon.
+  /**
+   * The icon to display in place of the default close icon.
    */
   closeIcon: propTypes.node,
 
-  /**
-   * Override the default text for the *close popup* icon button.
-   *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+  /**
+   * Override the default text for the *close popup* icon button.
+   *
+   * For localization purposes, you can use the provided [translations](/guides/localization/).
    */
   closeText: propTypes.string,
 
-  /**
-   * If `true`, the popup will ignore the blur event if the input is filled.
-   * You can inspect the popup markup with your browser tools.
-   * Consider this option when you need to customize the component.
+  /**
+   * If `true`, the popup will ignore the blur event if the input is filled.
+   * You can inspect the popup markup with your browser tools.
+   * Consider this option when you need to customize the component.
    */
   debug: propTypes.bool,
 
-  /**
-   * The default input value. Use when the component is not controlled.
+  /**
+   * The default input value. Use when the component is not controlled.
    */
   defaultValue: propTypes.any,
 
-  /**
-   * If `true`, the input can't be cleared.
+  /**
+   * If `true`, the input can't be cleared.
    */
   disableClearable: propTypes
   /* @typescript-to-proptypes-ignore */
   .bool,
 
-  /**
-   * If `true`, the popup won't close when a value is selected.
+  /**
+   * If `true`, the popup won't close when a value is selected.
    */
   disableCloseOnSelect: propTypes.bool,
 
-  /**
-   * If `true`, the input will be disabled.
+  /**
+   * If `true`, the input will be disabled.
    */
   disabled: propTypes.bool,
 
-  /**
-   * If `true`, will allow focus on disabled items.
+  /**
+   * If `true`, will allow focus on disabled items.
    */
   disabledItemsFocusable: propTypes.bool,
 
-  /**
-   * If `true`, the list box in the popup will not wrap focus.
+  /**
+   * If `true`, the list box in the popup will not wrap focus.
    */
   disableListWrap: propTypes.bool,
 
-  /**
-   * Disable the portal behavior.
-   * The children stay within it's parent DOM hierarchy.
+  /**
+   * Disable the portal behavior.
+   * The children stay within it's parent DOM hierarchy.
    */
   disablePortal: propTypes.bool,
 
-  /**
-   * A filter function that determines the options that are eligible.
-   *
-   * @param {T[]} options The options to render.
-   * @param {object} state The state of the component.
-   * @returns {T[]}
+  /**
+   * A filter function that determines the options that are eligible.
+   *
+   * @param {T[]} options The options to render.
+   * @param {object} state The state of the component.
+   * @returns {T[]}
    */
   filterOptions: propTypes.func,
 
-  /**
-   * If `true`, hide the selected options from the list box.
+  /**
+   * If `true`, hide the selected options from the list box.
    */
   filterSelectedOptions: propTypes.bool,
 
-  /**
-   * Force the visibility display of the popup icon.
+  /**
+   * Force the visibility display of the popup icon.
    */
   forcePopupIcon: propTypes.oneOfType([propTypes.oneOf(['auto']), propTypes.bool]),
 
-  /**
-   * If `true`, the Autocomplete is free solo, meaning that the user input is not bound to provided options.
+  /**
+   * If `true`, the Autocomplete is free solo, meaning that the user input is not bound to provided options.
    */
   freeSolo: propTypes
   /* @typescript-to-proptypes-ignore */
   .bool,
 
-  /**
-   * If `true`, the input will take up the full width of its container.
+  /**
+   * If `true`, the input will take up the full width of its container.
    */
   fullWidth: propTypes.bool,
 
-  /**
-   * The label to display when the tags are truncated (`limitTags`).
-   *
-   * @param {number} more The number of truncated tags.
-   * @returns {ReactNode}
+  /**
+   * The label to display when the tags are truncated (`limitTags`).
+   *
+   * @param {number} more The number of truncated tags.
+   * @returns {ReactNode}
    */
   getLimitTagsText: propTypes.func,
 
-  /**
-   * Used to determine the disabled state for a given option.
-   *
-   * @param {T} option The option to test.
-   * @returns {boolean}
+  /**
+   * Used to determine the disabled state for a given option.
+   *
+   * @param {T} option The option to test.
+   * @returns {boolean}
    */
   getOptionDisabled: propTypes.func,
 
-  /**
-   * Used to determine the string value for a given option.
-   * It's used to fill the input (and the list box options if `renderOption` is not provided).
-   *
-   * @param {T} option
-   * @returns {string}
+  /**
+   * Used to determine the string value for a given option.
+   * It's used to fill the input (and the list box options if `renderOption` is not provided).
+   *
+   * @param {T} option
+   * @returns {string}
    */
   getOptionLabel: propTypes.func,
 
-  /**
-   * Used to determine if an option is selected, considering the current value.
-   * Uses strict equality by default.
-   *
-   * @param {T} option The option to test.
-   * @param {T} value The value to test against.
-   * @returns {boolean}
+  /**
+   * Used to determine if an option is selected, considering the current value.
+   * Uses strict equality by default.
+   *
+   * @param {T} option The option to test.
+   * @param {T} value The value to test against.
+   * @returns {boolean}
    */
   getOptionSelected: propTypes.func,
 
-  /**
-   * If provided, the options will be grouped under the returned string.
-   * The groupBy value is also used as the text for group headings when `renderGroup` is not provided.
-   *
-   * @param {T} options The options to group.
-   * @returns {string}
+  /**
+   * If provided, the options will be grouped under the returned string.
+   * The groupBy value is also used as the text for group headings when `renderGroup` is not provided.
+   *
+   * @param {T} options The options to group.
+   * @returns {string}
    */
   groupBy: propTypes.func,
 
-  /**
-   * If `true`, the component handles the "Home" and "End" keys when the popup is open.
-   * It should move focus to the first option and last option, respectively.
+  /**
+   * If `true`, the component handles the "Home" and "End" keys when the popup is open.
+   * It should move focus to the first option and last option, respectively.
    */
   handleHomeEndKeys: propTypes.bool,
 
-  /**
-   * This prop is used to help implement the accessibility logic.
-   * If you don't provide this prop. It falls back to a randomly generated id.
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
    */
   id: propTypes.string,
 
-  /**
-   * If `true`, the highlight can move to the input.
+  /**
+   * If `true`, the highlight can move to the input.
    */
   includeInputInList: propTypes.bool,
 
-  /**
-   * The input value.
+  /**
+   * The input value.
    */
   inputValue: propTypes.string,
 
-  /**
-   * The maximum number of tags that will be visible when not focused.
-   * Set `-1` to disable the limit.
+  /**
+   * The maximum number of tags that will be visible when not focused.
+   * Set `-1` to disable the limit.
    */
   limitTags: propTypes.number,
 
-  /**
-   * The component used to render the listbox.
+  /**
+   * The component used to render the listbox.
    */
   ListboxComponent: propTypes.elementType,
 
-  /**
-   * Props applied to the Listbox element.
+  /**
+   * Props applied to the Listbox element.
    */
   ListboxProps: propTypes.object,
 
-  /**
-   * If `true`, the component is in a loading state.
+  /**
+   * If `true`, the component is in a loading state.
    */
   loading: propTypes.bool,
 
-  /**
-   * Text to display when in a loading state.
-   *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+  /**
+   * Text to display when in a loading state.
+   *
+   * For localization purposes, you can use the provided [translations](/guides/localization/).
    */
   loadingText: propTypes.node,
 
-  /**
-   * If `true`, `value` must be an array and the menu will support multiple selections.
+  /**
+   * If `true`, `value` must be an array and the menu will support multiple selections.
    */
   multiple: propTypes
   /* @typescript-to-proptypes-ignore */
   .bool,
 
-  /**
-   * Text to display when there are no options.
-   *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+  /**
+   * Text to display when there are no options.
+   *
+   * For localization purposes, you can use the provided [translations](/guides/localization/).
    */
   noOptionsText: propTypes.node,
 
-  /**
-   * Callback fired when the value changes.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {T|T[]} value The new value of the component.
-   * @param {string} reason One of "create-option", "select-option", "remove-option", "blur" or "clear".
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {T|T[]} value The new value of the component.
+   * @param {string} reason One of "create-option", "select-option", "remove-option", "blur" or "clear".
    */
   onChange: propTypes.func,
 
-  /**
-   * Callback fired when the popup requests to be closed.
-   * Use in controlled mode (see open).
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"toggleInput"`, `"escape"`, `"select-option"`, `"blur"`.
+  /**
+   * Callback fired when the popup requests to be closed.
+   * Use in controlled mode (see open).
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"toggleInput"`, `"escape"`, `"select-option"`, `"blur"`.
    */
   onClose: propTypes.func,
 
-  /**
-   * Callback fired when the highlight option changes.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {T} option The highlighted option.
-   * @param {string} reason Can be: `"keyboard"`, `"auto"`, `"mouse"`.
+  /**
+   * Callback fired when the highlight option changes.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {T} option The highlighted option.
+   * @param {string} reason Can be: `"keyboard"`, `"auto"`, `"mouse"`.
    */
   onHighlightChange: propTypes.func,
 
-  /**
-   * Callback fired when the input value changes.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} value The new value of the text input.
-   * @param {string} reason Can be: `"input"` (user input), `"reset"` (programmatic change), `"clear"`.
+  /**
+   * Callback fired when the input value changes.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} value The new value of the text input.
+   * @param {string} reason Can be: `"input"` (user input), `"reset"` (programmatic change), `"clear"`.
    */
   onInputChange: propTypes.func,
 
-  /**
-   * Callback fired when the popup requests to be opened.
-   * Use in controlled mode (see open).
-   *
-   * @param {object} event The event source of the callback.
+  /**
+   * Callback fired when the popup requests to be opened.
+   * Use in controlled mode (see open).
+   *
+   * @param {object} event The event source of the callback.
    */
   onOpen: propTypes.func,
 
-  /**
-   * Control the popup` open state.
+  /**
+   * Control the popup` open state.
    */
   open: propTypes.bool,
 
-  /**
-   * If `true`, the popup will open on input focus.
+  /**
+   * If `true`, the popup will open on input focus.
    */
   openOnFocus: propTypes.bool,
 
-  /**
-   * Override the default text for the *open popup* icon button.
-   *
-   * For localization purposes, you can use the provided [translations](/guides/localization/).
+  /**
+   * Override the default text for the *open popup* icon button.
+   *
+   * For localization purposes, you can use the provided [translations](/guides/localization/).
    */
   openText: propTypes.string,
 
-  /**
-   * Array of options.
+  /**
+   * Array of options.
    */
   options: propTypes.array.isRequired,
 
-  /**
-   * The component used to render the body of the popup.
+  /**
+   * The component used to render the body of the popup.
    */
   PaperComponent: propTypes.elementType,
 
-  /**
-   * The component used to position the popup.
+  /**
+   * The component used to position the popup.
    */
   PopperComponent: propTypes.elementType,
 
-  /**
-   * The icon to display in place of the default popup icon.
+  /**
+   * The icon to display in place of the default popup icon.
    */
   popupIcon: propTypes.node,
 
-  /**
-   * Render the group.
-   *
-   * @param {any} option The group to render.
-   * @returns {ReactNode}
+  /**
+   * Render the group.
+   *
+   * @param {any} option The group to render.
+   * @returns {ReactNode}
    */
   renderGroup: propTypes.func,
 
-  /**
-   * Render the input.
-   *
-   * @param {object} params
-   * @returns {ReactNode}
+  /**
+   * Render the input.
+   *
+   * @param {object} params
+   * @returns {ReactNode}
    */
   renderInput: propTypes.func.isRequired,
 
-  /**
-   * Render the option, use `getOptionLabel` by default.
-   *
-   * @param {T} option The option to render.
-   * @param {object} state The state of the component.
-   * @returns {ReactNode}
+  /**
+   * Render the option, use `getOptionLabel` by default.
+   *
+   * @param {T} option The option to render.
+   * @param {object} state The state of the component.
+   * @returns {ReactNode}
    */
   renderOption: propTypes.func,
 
-  /**
-   * Render the selected value.
-   *
-   * @param {T[]} value The `value` provided to the component.
-   * @param {function} getTagProps A tag props getter.
-   * @returns {ReactNode}
+  /**
+   * Render the selected value.
+   *
+   * @param {T[]} value The `value` provided to the component.
+   * @param {function} getTagProps A tag props getter.
+   * @returns {ReactNode}
    */
   renderTags: propTypes.func,
 
-  /**
-   * If `true`, the input's text will be selected on focus.
-   * It helps the user clear the selected value.
+  /**
+   * If `true`, the input's text will be selected on focus.
+   * It helps the user clear the selected value.
    */
   selectOnFocus: propTypes.bool,
 
-  /**
-   * The size of the autocomplete.
+  /**
+   * The size of the autocomplete.
    */
   size: propTypes.oneOf(['medium', 'small']),
 
-  /**
-   * The value of the autocomplete.
-   *
-   * The value must have reference equality with the option in order to be selected.
-   * You can customize the equality behavior with the `getOptionSelected` prop.
+  /**
+   * The value of the autocomplete.
+   *
+   * The value must have reference equality with the option in order to be selected.
+   * You can customize the equality behavior with the `getOptionSelected` prop.
    */
   value: propTypes.any
 } : void 0;
@@ -32992,24 +33104,24 @@ process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes = {
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
 
-  /**
-   * The avatars to stack.
+  /**
+   * The avatars to stack.
    */
   children: propTypes.node,
 
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css) below for more details.
+  /**
+   * Override or extend the styles applied to the component.
+   * See [CSS API](#css) below for more details.
    */
   classes: propTypes.object,
 
-  /**
-   * @ignore
+  /**
+   * @ignore
    */
   className: propTypes.string,
 
-  /**
-   * Max avatars to show before +x.
+  /**
+   * Max avatars to show before +x.
    */
   max: chainPropTypes(propTypes.number, function (props) {
     if (props.max < 2) {
@@ -33017,8 +33129,8 @@ process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes = {
     }
   }),
 
-  /**
-   * Spacing between avatars.
+  /**
+   * Spacing between avatars.
    */
   spacing: propTypes.oneOfType([propTypes.oneOf(['medium', 'small']), propTypes.number])
 } : void 0;
@@ -33474,33 +33586,21 @@ function _interopRequireDefault(obj) {
   };
 }
 
-module.exports = _interopRequireDefault;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
+module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
 });
 
 var _typeof_1 = createCommonjsModule(function (module) {
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    module.exports = _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-
-    module.exports["default"] = module.exports, module.exports.__esModule = true;
-  } else {
-    module.exports = _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-
-    module.exports["default"] = module.exports, module.exports.__esModule = true;
-  }
-
-  return _typeof(obj);
+  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
 }
 
-module.exports = _typeof;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
+module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
 });
 
 var interopRequireWildcard = createCommonjsModule(function (module) {
@@ -33556,8 +33656,7 @@ function _interopRequireWildcard(obj, nodeInterop) {
   return newObj;
 }
 
-module.exports = _interopRequireWildcard;
-module.exports["default"] = module.exports, module.exports.__esModule = true;
+module.exports = _interopRequireWildcard, module.exports.__esModule = true, module.exports["default"] = module.exports;
 });
 
 var _utils = /*@__PURE__*/getAugmentedNamespace(utils$1);
@@ -33575,7 +33674,7 @@ Object.defineProperty(exports, "default", {
 });
 });
 
-var require$$1$1 = createSvgIcon;
+var require$$1$2 = createSvgIcon;
 
 var ExpandLess = createCommonjsModule(function (module, exports) {
 
@@ -33590,7 +33689,7 @@ exports.default = void 0;
 
 var React = interopRequireWildcard(React__default["default"]);
 
-var _createSvgIcon = interopRequireDefault(require$$1$1);
+var _createSvgIcon = interopRequireDefault(require$$1$2);
 
 var _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement("path", {
   d: "M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"
@@ -33614,7 +33713,7 @@ exports.default = void 0;
 
 var React = interopRequireWildcard(React__default["default"]);
 
-var _createSvgIcon = interopRequireDefault(require$$1$1);
+var _createSvgIcon = interopRequireDefault(require$$1$2);
 
 var _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement("path", {
   d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"
@@ -35526,6 +35625,7 @@ var AttachmentIcon = function (props) {
         case 'png':
         case 'gif':
         case 'tiff':
+        case 'tif':
             icon = size === 'small' ? React__default["default"].createElement(DocTypeImage16, { fontSize: size }) : React__default["default"].createElement(DocTypeImage, { fontSize: size });
             break;
         case 'comment':
@@ -38957,6 +39057,8 @@ var format$1 = /*#__PURE__*/Object.freeze({
     'default': format
 });
 
+var require$$1$1 = propTypes;
+
 var require$$8$2 = /*@__PURE__*/getAugmentedNamespace(endOfDay$1);
 
 var require$$8$1 = /*@__PURE__*/getAugmentedNamespace(isBefore$1);
@@ -38980,7 +39082,7 @@ exports.default = exports.rangeShape = void 0;
 
 var _react = _interopRequireWildcard(React__default["default"]);
 
-var _propTypes = _interopRequireDefault(propTypes);
+var _propTypes = _interopRequireDefault(require$$1$1);
 
 var _classnames4 = _interopRequireDefault(classnames);
 
@@ -39976,7 +40078,7 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(React__default["default"]);
 
-var _propTypes = _interopRequireDefault(propTypes);
+var _propTypes = _interopRequireDefault(require$$1$1);
 
 var _DayCell = _interopRequireWildcard(DayCell_1);
 
@@ -42360,7 +42462,7 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(React__default["default"]);
 
-var _propTypes = _interopRequireDefault(propTypes);
+var _propTypes = _interopRequireDefault(require$$1$1);
 
 var _classnames = _interopRequireDefault(classnames);
 
@@ -42553,7 +42655,7 @@ exports.default = _default;
 var reactList = createCommonjsModule(function (module, exports) {
 (function (global, factory) {
   {
-    factory(propTypes, React__default["default"]);
+    factory(require$$1$1, React__default["default"]);
   }
 })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : commonjsGlobal, function (_propTypes, _react) {
 
@@ -43939,7 +44041,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ariaLabelsShape = void 0;
 
-var _propTypes = _interopRequireDefault(propTypes);
+var _propTypes = _interopRequireDefault(require$$1$1);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -43990,7 +44092,7 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(React__default["default"]);
 
-var _propTypes = _interopRequireDefault(propTypes);
+var _propTypes = _interopRequireDefault(require$$1$1);
 
 
 
@@ -44821,7 +44923,7 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(React__default["default"]);
 
-var _propTypes = _interopRequireDefault(propTypes);
+var _propTypes = _interopRequireDefault(require$$1$1);
 
 var _Calendar = _interopRequireDefault(Calendar_1);
 
@@ -45247,7 +45349,7 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(React__default["default"]);
 
-var _propTypes = _interopRequireDefault(propTypes);
+var _propTypes = _interopRequireDefault(require$$1$1);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -45373,7 +45475,7 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(React__default["default"]);
 
-var _propTypes = _interopRequireDefault(propTypes);
+var _propTypes = _interopRequireDefault(require$$1$1);
 
 var _styles = _interopRequireDefault(styles);
 
@@ -45595,7 +45697,7 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(React__default["default"]);
 
-var _propTypes = _interopRequireDefault(propTypes);
+var _propTypes = _interopRequireDefault(require$$1$1);
 
 var _DateRange = _interopRequireDefault(DateRange_1);