@elastic/eui 94.4.0 → 94.5.0

package/LICENSE.txt

@@ -0,0 +1,6 @@
+Source code in this repository is covered by (i) a dual license under the Server
+Side Public License, v 1 and the Elastic License 2.0 or (ii) an Apache License
+2.0 compatible license or (iii) solely under the Elastic License 2.0, in each
+case, as noted in the applicable header. The default throughout the repository
+is a dual license under the Server Side Public License, v 1 and the Elastic
+License 2.0, unless the header specifies another license.

package/NOTICE.txt

@@ -0,0 +1,54 @@
+EUI
+Copyright 2012-2021 Elasticsearch B.V.
+
+---
+This product bundles code based on react-datepicker@2.0.0 which is
+available under a "MIT" license.
+
+The MIT License (MIT)
+
+Copyright (c) 2018 HackerOne Inc and individual contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+--
+This product bundles code based on @types/react-datepicker@1.8.0 which is
+available under a "MIT" license.
+
+MIT License
+
+Copyright (c) Microsoft Corporation. All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE

package/README.md

@@ -0,0 +1,69 @@
+<img src="https://repository-images.githubusercontent.com/107422373/b6180480-a1d7-11eb-8a3c-902086232aa7" alt="" />
+
+# Elastic UI Framework
+
+**The Elastic UI Framework is a collection of React UI components for quickly building user interfaces at Elastic.**
+
+Check out our [full documentation site][docs] which contains many examples of components in the EUI framework aesthetic, and how to use them in your products. Our FAQ below covers common usage questions — for other general questions regarding EUI, check out the [Discussions tab](https://github.com/elastic/eui/discussions).
+
+> [!NOTE]
+> We're in the process of migrating this repository to a monorepo structure. You can find `@elastic/eui` files in the [packages/eui](https://github.com/elastic/eui/tree/main/packages/eui) directory.
+
+## Frequently Asked Questions
+
+### What is the Elastic UI Framework?
+
+The Elastic UI Framework (EUI) is a design library in use at Elastic to build React applications that need to share our branding and aesthetics. It distributes typed UI React components and static assets for use in building web layouts. Alongside the React components, we ship theme & style utilities that can be used independently on their own.
+
+The primary goal of this library is to provide reusable UI components that can be used throughout Elastic's web products. As React components, they remove CSS from the process of building UIs. As a single source of truth, the framework allows our designers to make changes to our aesthetic directly in the code. And unit test coverage for the UI components allows us to deliver a stable "API for user interfaces".
+
+### Can I use EUI?
+
+Please see Elastic's licensing FAQ: [I’m using EUI or Elastic Charts in my application outside of Kibana, how does this affect me?][licensing-faq]
+
+### Why is EUI open source?
+
+Many of Elastic's products are open source and rely upon this library to function. The Elastic UI Framework began as a folder of code in Kibana and we decided it could be used beyond that codebase. It exists as an independent library so that patterns can be shared across teams and design standards can be scaled across our organization. Since most of our products are open source, we treat this one similarly as far as public publishing and conversation even if its usage tends to focus more inward towards Elastic itself.
+
+### What is the versioning, release, and upgrade strategy?
+
+We use [semver](https://semver.org/) for versioning and use that to denote breaking changes in EUI upgrades. Traditionally we consider API changes in our prop names or existing component functionality to be a reason for a breaking change, but do not track the renaming of CSS selectors, mixins or other style changes under this same rigor.
+
+Traditionally releases are made weekly against whatever is in the `main` branch and you can upgrade from NPM as you see fit.
+
+### Can I contribute to EUI?
+
+Yes! We welcome community-contributed PRs, especially around feature requests that the EUI team may not have bandwidth to carry out alone. You can find documentation around creating and submitting new components in [our wiki](wiki/contributing-to-eui/).
+
+### What about reporting bugs and feature requests?
+
+Bug reports and feature requests are most welcome, but our roadmap and prioritization are driven primarily by [internal Elastic usage](wiki/contributing-to-eui#how-we-assign-work-and-define-our-roadmap).
+
+Please note that in order to keep our backlog manageable and focused on tasks we intend to complete, feature requests & tech debt issues that are inactive for a year will be auto-closed (bugs will remain open if determined to be reproducible and valid).
+
+This activity counter can be soft reset by commenting on the issue directly, but please do so mindfully. We would ask that you proactively let the EUI team know why this request matters to you or how it impacts you or your users, in order to help us prioritize accordingly.
+
+The EUI team, like everyone else, has a finite amount of time and resources, and it is not humanly possible for us to implement every task or feature requested of us. However, that's where the beauty of open source comes in - if your request is important to you, we strongly encourage you to [contribute code directly to EUI](wiki/contributing-to-eui/) that addresses your issue or request!
+
+<!-- TODO: Delete this question once the Emotion migration is complete -->
+### What is the status of EUI's theming?
+
+The EUI library was previously built upon Sass and is in the process of migrating to CSS-in-JS (specifically [Emotion](https://emotion.sh)). While this work is in progress, we ask for your patience with our in-between state in areas such as documentation and setup.
+
+If you're a Kibana developer with questions around CSS-in-JS usage in Kibana, please check out our [FAQ discussion](https://github.com/elastic/eui/discussions/6828)!
+
+## Wiki
+
+Our wiki docs contain instructions and guidelines on multiple areas of EUI usage and development that are too detailed for an initial README. For more information, see:
+
+- [Consuming EUI](wiki/consuming-eui)
+- [Contributing to EUI](wiki/contributing-to-eui/)
+- [Running EUI locally](wiki/contributing-to-eui/running-eui-locally.md)
+
+## License
+
+[Dual-licensed under Elastic v2 and Server Side Public License, v1][license]. See Elastic's [licensing FAQ][licensing-faq] for details.
+
+[license]: LICENSE.txt
+[licensing-faq]: https://www.elastic.co/pricing/faq/licensing#im-using-eui-or-elastic-charts-in-my-application-outside-of-kibana-how-does-this-affect-me
+[docs]: https://elastic.github.io/eui/

package/es/components/flyout/flyout_resizable.js

@@ -23,6 +23,8 @@ import { getPosition } from '../resizable_container/helpers';
 import { EuiFlyout } from './flyout';
 import { euiFlyoutResizableButtonStyles } from './flyout_resizable.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
+// If not omitted, the correct props don't show up in the docs prop table
+
 export var EuiFlyoutResizable = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var size = _ref.size,
     maxWidth = _ref.maxWidth,
@@ -57,9 +59,18 @@ export var EuiFlyoutResizable = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setFlyoutRef = _useState6[1];
   var setRefs = useCombinedRefs([setFlyoutRef, ref]);
   useEffect(function () {
-    setCallOnResize(false); // Don't call `onResize` for non-user width changes
-    setFlyoutWidth(flyoutRef ? getFlyoutMinMaxWidth(flyoutRef.offsetWidth) : 0);
-  }, [flyoutRef, getFlyoutMinMaxWidth, size]);
+    if (!flyoutWidth && flyoutRef) {
+      setCallOnResize(false); // Don't call `onResize` for non-user width changes
+      setFlyoutWidth(getFlyoutMinMaxWidth(flyoutRef.offsetWidth));
+    }
+  }, [flyoutWidth, flyoutRef, getFlyoutMinMaxWidth]);
+
+  // Update flyout width when consumers pass in a new `size`
+  useEffect(function () {
+    setCallOnResize(false);
+    // For string `size`s, resetting flyoutWidth to 0 will trigger the above useEffect's recalculation
+    setFlyoutWidth(typeof size === 'number' ? getFlyoutMinMaxWidth(size) : 0);
+  }, [size, getFlyoutMinMaxWidth]);
 
   // Initial numbers to calculate from, on resize drag start
   var initialWidth = useRef(0);

package/es/components/popover/input_popover.js

@@ -169,16 +169,21 @@ export var EuiInputPopover = function EuiInputPopover(_ref) {
         }
         closePopover();
       };
-      window.addEventListener('scroll', closePopoverOnScroll, {
-        passive: true,
-        // for better performance as we won't call preventDefault
-        capture: true // scroll events don't bubble, they must be captured instead
-      });
 
+      // Kibana Cypress tests trigger a scroll event in many common situations when the options list div is appended
+      // to the DOM; in testing it was always within 100ms, but setting a timeout here for 500ms to be safe
+      var timeoutId = setTimeout(function () {
+        window.addEventListener('scroll', closePopoverOnScroll, {
+          passive: true,
+          // for better performance as we won't call preventDefault
+          capture: true // scroll events don't bubble, they must be captured instead
+        });
+      }, 500);
       return function () {
         window.removeEventListener('scroll', closePopoverOnScroll, {
           capture: true
         });
+        clearTimeout(timeoutId);
       };
     }
   }, [closeOnScroll, closePopover, panelEl, inputEl]);

package/es/components/text_diff/text_diff.js

@@ -44,18 +44,21 @@ export var useEuiTextDiff = function useEuiTextDiff(_ref) {
   var rendereredHtml = useMemo(function () {
     var html = [];
     if (textDiff) for (var i = 0; i < textDiff.length; i++) {
-      var Element = void 0;
+      var _Element = void 0;
       var el = textDiff[i];
-      if (el[0] === 1) Element = insertComponent;else if (el[0] === -1) Element = deleteComponent;else if (sameComponent) Element = sameComponent;
-      if (Element) html.push(___EmotionJSX(Element, {
+      if (el[0] === 1) _Element = insertComponent;else if (el[0] === -1) _Element = deleteComponent;else if (sameComponent) _Element = sameComponent;
+      if (_Element) html.push(___EmotionJSX(_Element, {
         key: i
       }, el[1]));else html.push(el[1]);
     }
     return html;
   }, [textDiff, deleteComponent, insertComponent, sameComponent]); // produces diff array
 
-  return [___EmotionJSX("span", _extends({
+  // specifically defining the return type here as the
+  // inferred type is not correct: array vs tuple
+  var textDiffResult = [___EmotionJSX("span", _extends({
     css: styles.euiTextDiff,
     className: classes
   }, rest), rendereredHtml), textDiff];
+  return textDiffResult;
 };

package/es/components/tool_tip/tool_tip.js

@@ -27,7 +27,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 import React, { Component } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
-import { findPopoverPosition, htmlIdGenerator } from '../../services';
+import { findPopoverPosition, htmlIdGenerator, keys } from '../../services';
 import { enqueueStateChange } from '../../services/react';
 import { EuiResizeObserver } from '../observer/resize_observer';
 import { EuiPortal } from '../portal';
@@ -179,6 +179,14 @@ export var EuiToolTip = /*#__PURE__*/function (_Component) {
       });
       _this.hideToolTip();
     });
+    _defineProperty(_assertThisInitialized(_this), "onEscapeKey", function (event) {
+      if (event.key === keys.ESCAPE) {
+        _this.setState({
+          hasFocus: false
+        }); // Allows mousing over back into the tooltip to work correctly
+        _this.hideToolTip();
+      }
+    });
     _defineProperty(_assertThisInitialized(_this), "onMouseOut", function (event) {
       // Prevent mousing over children from hiding the tooltip by testing for whether the mouse has
       // left the anchor for a non-child.
@@ -250,6 +258,7 @@ export var EuiToolTip = /*#__PURE__*/function (_Component) {
         ref: this.setAnchorRef,
         onBlur: this.onBlur,
         onFocus: this.onFocus,
+        onKeyDown: this.onEscapeKey,
         onMouseOver: this.showToolTip,
         onMouseOut: this.onMouseOut,
         id: id,

package/eui.d.ts

@@ -6150,6 +6150,7 @@ declare module '@elastic/eui/src/components/tool_tip/tool_tip' {
 	    hideToolTip: () => void;
 	    onFocus: () => void;
 	    onBlur: () => void;
+	    onEscapeKey: (event: React.KeyboardEvent<HTMLSpanElement>) => void;
 	    onMouseOut: (event: ReactMouseEvent<HTMLSpanElement, MouseEvent>) => void;
 	    render(): React.JSX.Element;
 	}
@@ -11739,14 +11740,14 @@ declare module '@elastic/eui/src/components/flyout/flyout_resizable.styles' {
 declare module '@elastic/eui/src/components/flyout/flyout_resizable' {
 	import React from 'react';
 	import { EuiFlyoutProps } from '@elastic/eui/src/components/flyout/flyout';
-	export type EuiFlyoutResizableProps = Omit<EuiFlyoutProps, 'maxWidth'> & {
+	export type EuiFlyoutResizableProps = {
 	    maxWidth?: number;
 	    minWidth?: number;
 	    /**
 	     * Optional callback that fires on user resize with the new flyout width
 	     */
 	    onResize?: (width: number) => void;
-	};
+	} & Omit<EuiFlyoutProps, 'maxWidth' | 'onResize'>;
 	export const EuiFlyoutResizable: React.ForwardRefExoticComponent<Omit<EuiFlyoutResizableProps, "ref"> & React.RefAttributes<unknown>>;
 
 }
@@ -16234,7 +16235,7 @@ declare module '@elastic/eui/src/components/tabs/tabbed_content/tabbed_content'
 	};
 	export class EuiTabbedContent extends Component<EuiTabbedContentProps, EuiTabbedContentState> {
 	    static defaultProps: {
-	        autoFocus: string;
+	        autoFocus: EuiTabbedContentProps['autoFocus'];
 	    };
 	    private readonly rootId;
 	    private readonly tabsRef;
@@ -23603,7 +23604,7 @@ declare module '@elastic/eui/src/components/text_diff/text_diff.styles' {
 
 }
 declare module '@elastic/eui/src/components/text_diff/text_diff' {
-	import React, { HTMLAttributes, ElementType } from 'react';
+	import { HTMLAttributes, ElementType } from 'react';
 	import { CommonProps } from '@elastic/eui/src/components/common';
 	interface Props {
 	    /**
@@ -23635,7 +23636,7 @@ declare module '@elastic/eui/src/components/text_diff/text_diff' {
 	    timeout?: number;
 	}
 	export type EuiTextDiffProps = CommonProps & Props & HTMLAttributes<HTMLElement>;
-	export const useEuiTextDiff: ({ className, insertComponent, deleteComponent, sameComponent, beforeText, afterText, timeout, ...rest }: EuiTextDiffProps) => (React.JSX.Element | [0 | 1 | -1, string][])[];
+	export const useEuiTextDiff: ({ className, insertComponent, deleteComponent, sameComponent, beforeText, afterText, timeout, ...rest }: EuiTextDiffProps) => [JSX.Element, [0 | 1 | -1, string][]];
 	export {};
 
 }

package/lib/components/flyout/flyout_resizable.js

@@ -31,6 +31,8 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+// If not omitted, the correct props don't show up in the docs prop table
+
 var EuiFlyoutResizable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var size = _ref.size,
     maxWidth = _ref.maxWidth,
@@ -65,9 +67,18 @@ var EuiFlyoutResizable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     setFlyoutRef = _useState6[1];
   var setRefs = (0, _services.useCombinedRefs)([setFlyoutRef, ref]);
   (0, _react.useEffect)(function () {
-    setCallOnResize(false); // Don't call `onResize` for non-user width changes
-    setFlyoutWidth(flyoutRef ? getFlyoutMinMaxWidth(flyoutRef.offsetWidth) : 0);
-  }, [flyoutRef, getFlyoutMinMaxWidth, size]);
+    if (!flyoutWidth && flyoutRef) {
+      setCallOnResize(false); // Don't call `onResize` for non-user width changes
+      setFlyoutWidth(getFlyoutMinMaxWidth(flyoutRef.offsetWidth));
+    }
+  }, [flyoutWidth, flyoutRef, getFlyoutMinMaxWidth]);
+
+  // Update flyout width when consumers pass in a new `size`
+  (0, _react.useEffect)(function () {
+    setCallOnResize(false);
+    // For string `size`s, resetting flyoutWidth to 0 will trigger the above useEffect's recalculation
+    setFlyoutWidth(typeof size === 'number' ? getFlyoutMinMaxWidth(size) : 0);
+  }, [size, getFlyoutMinMaxWidth]);
 
   // Initial numbers to calculate from, on resize drag start
   var initialWidth = (0, _react.useRef)(0);

package/lib/components/popover/input_popover.js

@@ -177,16 +177,21 @@ var EuiInputPopover = function EuiInputPopover(_ref) {
         }
         closePopover();
       };
-      window.addEventListener('scroll', closePopoverOnScroll, {
-        passive: true,
-        // for better performance as we won't call preventDefault
-        capture: true // scroll events don't bubble, they must be captured instead
-      });
 
+      // Kibana Cypress tests trigger a scroll event in many common situations when the options list div is appended
+      // to the DOM; in testing it was always within 100ms, but setting a timeout here for 500ms to be safe
+      var timeoutId = setTimeout(function () {
+        window.addEventListener('scroll', closePopoverOnScroll, {
+          passive: true,
+          // for better performance as we won't call preventDefault
+          capture: true // scroll events don't bubble, they must be captured instead
+        });
+      }, 500);
       return function () {
         window.removeEventListener('scroll', closePopoverOnScroll, {
           capture: true
         });
+        clearTimeout(timeoutId);
       };
     }
   }, [closeOnScroll, closePopover, panelEl, inputEl]);

package/lib/components/text_diff/text_diff.js

@@ -53,19 +53,22 @@ var useEuiTextDiff = function useEuiTextDiff(_ref) {
   var rendereredHtml = (0, _react.useMemo)(function () {
     var html = [];
     if (textDiff) for (var i = 0; i < textDiff.length; i++) {
-      var Element = void 0;
+      var _Element = void 0;
       var el = textDiff[i];
-      if (el[0] === 1) Element = insertComponent;else if (el[0] === -1) Element = deleteComponent;else if (sameComponent) Element = sameComponent;
-      if (Element) html.push((0, _react2.jsx)(Element, {
+      if (el[0] === 1) _Element = insertComponent;else if (el[0] === -1) _Element = deleteComponent;else if (sameComponent) _Element = sameComponent;
+      if (_Element) html.push((0, _react2.jsx)(_Element, {
         key: i
       }, el[1]));else html.push(el[1]);
     }
     return html;
   }, [textDiff, deleteComponent, insertComponent, sameComponent]); // produces diff array
 
-  return [(0, _react2.jsx)("span", _extends({
+  // specifically defining the return type here as the
+  // inferred type is not correct: array vs tuple
+  var textDiffResult = [(0, _react2.jsx)("span", _extends({
     css: styles.euiTextDiff,
     className: classes
   }, rest), rendereredHtml), textDiff];
+  return textDiffResult;
 };
 exports.useEuiTextDiff = useEuiTextDiff;

package/lib/components/tool_tip/tool_tip.js

@@ -187,6 +187,14 @@ var EuiToolTip = /*#__PURE__*/function (_Component) {
       });
       _this.hideToolTip();
     });
+    _defineProperty(_assertThisInitialized(_this), "onEscapeKey", function (event) {
+      if (event.key === _services.keys.ESCAPE) {
+        _this.setState({
+          hasFocus: false
+        }); // Allows mousing over back into the tooltip to work correctly
+        _this.hideToolTip();
+      }
+    });
     _defineProperty(_assertThisInitialized(_this), "onMouseOut", function (event) {
       // Prevent mousing over children from hiding the tooltip by testing for whether the mouse has
       // left the anchor for a non-child.
@@ -258,6 +266,7 @@ var EuiToolTip = /*#__PURE__*/function (_Component) {
         ref: this.setAnchorRef,
         onBlur: this.onBlur,
         onFocus: this.onFocus,
+        onKeyDown: this.onEscapeKey,
         onMouseOver: this.showToolTip,
         onMouseOut: this.onMouseOut,
         id: id,

package/licenses/ELASTIC-LICENSE-2.0.md

@@ -0,0 +1,93 @@
+Elastic License 2.0
+
+URL: https://www.elastic.co/licensing/elastic-license
+
+## Acceptance
+
+By using the software, you agree to all of the terms and conditions below.
+
+## Copyright License
+
+The licensor grants you a non-exclusive, royalty-free, worldwide,
+non-sublicensable, non-transferable license to use, copy, distribute, make
+available, and prepare derivative works of the software, in each case subject to
+the limitations and conditions below.
+
+## Limitations
+
+You may not provide the software to third parties as a hosted or managed
+service, where the service provides users with access to any substantial set of
+the features or functionality of the software.
+
+You may not move, change, disable, or circumvent the license key functionality
+in the software, and you may not remove or obscure any functionality in the
+software that is protected by the license key.
+
+You may not alter, remove, or obscure any licensing, copyright, or other notices
+of the licensor in the software. Any use of the licensor’s trademarks is subject
+to applicable law.
+
+## Patents
+
+The licensor grants you a license, under any patent claims the licensor can
+license, or becomes able to license, to make, have made, use, sell, offer for
+sale, import and have imported the software, in each case subject to the
+limitations and conditions in this license. This license does not cover any
+patent claims that you cause to be infringed by modifications or additions to
+the software. If you or your company make any written claim that the software
+infringes or contributes to infringement of any patent, your patent license for
+the software granted under these terms ends immediately. If your company makes
+such a claim, your patent license ends immediately for work on behalf of your
+company.
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of the software from you
+also gets a copy of these terms.
+
+If you modify the software, you must include in any modified copies of the
+software prominent notices stating that you have modified the software.
+
+## No Other Rights
+
+These terms do not imply any licenses other than those expressly granted in
+these terms.
+
+## Termination
+
+If you use the software in violation of these terms, such use is not licensed,
+and your licenses will automatically terminate. If the licensor provides you
+with a notice of your violation, and you cease all violation of this license no
+later than 30 days after you receive that notice, your licenses will be
+reinstated retroactively. However, if you violate these terms after such
+reinstatement, any additional violation of these terms will cause your licenses
+to terminate automatically and permanently.
+
+## No Liability
+
+*As far as the law allows, the software comes as is, without any warranty or
+condition, and the licensor will not be liable to you for any damages arising
+out of these terms or the use or nature of the software, under any kind of
+legal claim.*
+
+## Definitions
+
+The **licensor** is the entity offering these terms, and the **software** is the
+software the licensor makes available under these terms, including any portion
+of it.
+
+**you** refers to the individual or entity agreeing to these terms.
+
+**your company** is any legal entity, sole proprietorship, or other kind of
+organization that you work for, plus all organizations that have control over,
+are under the control of, or are under common control with that
+organization. **control** means ownership of substantially all the assets of an
+entity, or the power to direct its management and policies by vote, contract, or
+otherwise. Control can be direct or indirect.
+
+**your licenses** are all the licenses granted to you for the software under
+these terms.
+
+**use** means anything you do with the software requiring one of your licenses.
+
+**trademark** means trademarks, service marks, and similar rights.