@elastic/eui 70.4.0 → 71.1.0

package/optimize/lib/components/form/range/range_track.js

@@ -8,35 +8,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiRangeTrack = void 0;
-Object.defineProperty(exports, "LEVEL_COLORS", {
-  enumerable: true,
-  get: function get() {
-    return _range_levels.LEVEL_COLORS;
-  }
-});
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var _range = _interopRequireDefault(require("lodash/range"));
 
 var _services = require("../../../services");
@@ -45,139 +25,138 @@ var _range_levels = require("./range_levels");
 
 var _range_ticks = require("./range_ticks");
 
+var _range_track = require("./range_track.styles");
+
 var _react2 = require("@emotion/react");
 
-var _excluded = ["children", "disabled", "max", "min", "step", "showTicks", "tickInterval", "ticks", "levels", "onChange", "value", "compressed"];
+var _excluded = ["children", "disabled", "max", "min", "step", "showTicks", "tickInterval", "ticks", "levels", "onChange", "value", "compressed", "showRange"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var EuiRangeTrack = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(EuiRangeTrack, _Component);
-
-  var _super = _createSuper(EuiRangeTrack);
-
-  function EuiRangeTrack() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, EuiRangeTrack);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "validateValueIsInStep", function (value) {
-      if (value < _this.props.min) {
-        throw new Error("The value of ".concat(value, " is lower than the min value of ").concat(_this.props.min, "."));
-      }
-
-      if (value > _this.props.max) {
-        throw new Error("The value of ".concat(value, " is higher than the max value of ").concat(_this.props.max, "."));
-      } // Error out if the value doesn't line up with the sequence of steps
-
-
-      if (!(0, _services.isEvenlyDivisibleBy)(value - _this.props.min, _this.props.step !== undefined ? _this.props.step : 1)) {
-        throw new Error("The value of ".concat(value, " is not included in the possible sequence provided by the step of ").concat(_this.props.step, "."));
-      } // Return the value if nothing fails
-
-
-      return value;
+var EuiRangeTrack = function EuiRangeTrack(_ref) {
+  var children = _ref.children,
+      disabled = _ref.disabled,
+      max = _ref.max,
+      min = _ref.min,
+      step = _ref.step,
+      showTicks = _ref.showTicks,
+      tickInterval = _ref.tickInterval,
+      ticks = _ref.ticks,
+      levels = _ref.levels,
+      onChange = _ref.onChange,
+      value = _ref.value,
+      compressed = _ref.compressed,
+      showRange = _ref.showRange,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  (0, _react.useEffect)(function () {
+    validateValueIsInStep(max, {
+      min: min,
+      max: max,
+      step: step
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calculateSequence", function (min, max, interval) {
-      // Loop from min to max, creating adding values at each interval
-      var sequence = (0, _range.default)(min, max, interval); // range is non-inclusive of max, so make it inclusive
+  }, [value, min, max, step]);
+  var tickSequence = (0, _react.useMemo)(function () {
+    if (showTicks !== true) return;
+    var sequence;
+
+    if (ticks) {
+      // If custom values were passed, use those for the sequence
+      // But make sure they align with the possible sequence
+      sequence = ticks.map(function (tick) {
+        return validateValueIsInStep(tick.value, {
+          min: min,
+          max: max,
+          step: step
+        });
+      });
+    } else {
+      // If a custom interval was passed, use those for the sequence
+      // But make sure they align with the possible sequence
+      var interval = tickInterval || step; // Calculate sequence - loop from min to max, creating adding values at each interval
+
+      var sequenceRange = (0, _range.default)(min, max, interval); // range is non-inclusive of max, so make it inclusive
 
-      if (max % interval === 0 && !sequence.includes(max)) {
-        sequence.push(max);
+      if (max % interval === 0 && !sequenceRange.includes(max)) {
+        sequenceRange.push(max);
       }
 
-      return sequence;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "calculateTicks", function (min, max, step, tickInterval, customTicks) {
-      var ticks;
-
-      if (customTicks) {
-        // If custom values were passed, use those for the sequence
-        // But make sure they align with the possible sequence
-        ticks = customTicks.map(function (tick) {
-          return _this.validateValueIsInStep(tick.value);
+      sequence = sequenceRange.map(function (tick) {
+        return validateValueIsInStep(tick, {
+          min: min,
+          max: max,
+          step: step
         });
-      } else {
-        // If a custom interval was passed, use those for the sequence
-        // But make sure they align with the possible sequence
-        var interval = tickInterval || step;
+      });
+    } // Error out if there are too many ticks to render
 
-        var tickSequence = _this.calculateSequence(min, max, interval);
 
-        ticks = tickSequence.map(function (tick) {
-          return _this.validateValueIsInStep(tick);
-        });
-      } // Error out if there are too many ticks to render
+    if (sequence.length > 20) {
+      throw new Error("The number of ticks to render is too high (".concat(sequence.length, "), reduce the interval."));
+    }
 
+    return sequence;
+  }, [showTicks, ticks, min, max, tickInterval, step]);
+  var euiTheme = (0, _services.useEuiTheme)();
+  var styles = (0, _range_track.euiRangeTrackStyles)(euiTheme);
+  var cssStyles = [styles.euiRangeTrack, disabled && styles.disabled, levels && !!levels.length && styles.hasLevels, (tickSequence || ticks) && styles.hasTicks];
+
+  var _useState = (0, _react.useState)(0),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      trackWidth = _useState2[0],
+      setTrackWidth = _useState2[1];
+
+  return (0, _react2.jsx)("div", (0, _extends2.default)({
+    className: "euiRangeTrack",
+    css: cssStyles
+  }, rest, {
+    ref: function ref(node) {
+      var _node$clientWidth;
+
+      setTrackWidth((_node$clientWidth = node === null || node === void 0 ? void 0 : node.clientWidth) !== null && _node$clientWidth !== void 0 ? _node$clientWidth : 0);
+    }
+  }), levels && !!levels.length && (0, _react2.jsx)(_range_levels.EuiRangeLevels, {
+    levels: levels,
+    max: max,
+    min: min,
+    showTicks: showTicks,
+    showRange: showRange,
+    trackWidth: trackWidth
+  }), tickSequence && (0, _react2.jsx)(_range_ticks.EuiRangeTicks, {
+    disabled: disabled,
+    compressed: compressed,
+    onChange: onChange,
+    ticks: ticks,
+    tickInterval: tickInterval || step,
+    tickSequence: tickSequence,
+    value: value,
+    min: min,
+    max: max,
+    trackWidth: trackWidth
+  }), typeof children === 'function' ? children(trackWidth) : children);
+};
+
+exports.EuiRangeTrack = EuiRangeTrack;
+
+var validateValueIsInStep = function validateValueIsInStep(value, _ref2) {
+  var min = _ref2.min,
+      max = _ref2.max,
+      step = _ref2.step;
+
+  if (value < min) {
+    throw new Error("The value of ".concat(value, " is lower than the min value of ").concat(min, "."));
+  }
 
-      if (ticks.length > 20) {
-        throw new Error("The number of ticks to render is too high (".concat(ticks.length, "), reduce the interval."));
-      }
+  if (value > max) {
+    throw new Error("The value of ".concat(value, " is higher than the max value of ").concat(max, "."));
+  } // Error out if the value doesn't line up with the sequence of steps
 
-      return ticks;
-    });
-    return _this;
-  }
 
-  (0, _createClass2.default)(EuiRangeTrack, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          children = _this$props.children,
-          disabled = _this$props.disabled,
-          max = _this$props.max,
-          min = _this$props.min,
-          step = _this$props.step,
-          showTicks = _this$props.showTicks,
-          tickInterval = _this$props.tickInterval,
-          ticks = _this$props.ticks,
-          levels = _this$props.levels,
-          onChange = _this$props.onChange,
-          value = _this$props.value,
-          compressed = _this$props.compressed,
-          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded); // TODO: Move these to only re-calculate if no-value props have changed
-
-      this.validateValueIsInStep(max);
-      var tickSequence = showTicks === true && this.calculateTicks(min, max, step, tickInterval, ticks);
-      var trackClasses = (0, _classnames.default)('euiRangeTrack', {
-        'euiRangeTrack--disabled': disabled,
-        'euiRangeTrack--hasLevels': levels && !!levels.length,
-        'euiRangeTrack--hasTicks': tickSequence || ticks,
-        'euiRangeTrack--compressed': compressed
-      });
-      return (0, _react2.jsx)("div", (0, _extends2.default)({
-        className: trackClasses
-      }, rest), levels && !!levels.length && (0, _react2.jsx)(_range_levels.EuiRangeLevels, {
-        compressed: compressed,
-        levels: levels,
-        max: max,
-        min: min,
-        showTicks: showTicks
-      }), tickSequence && (0, _react2.jsx)(_range_ticks.EuiRangeTicks, {
-        disabled: disabled,
-        compressed: compressed,
-        onChange: onChange,
-        ticks: ticks,
-        tickSequence: tickSequence,
-        value: value,
-        min: min,
-        max: max,
-        interval: tickInterval || step
-      }), children);
-    }
-  }]);
-  return EuiRangeTrack;
-}(_react.Component);
+  if (!(0, _services.isEvenlyDivisibleBy)(value - min, step !== undefined ? step : 1)) {
+    throw new Error("The value of ".concat(value, " is not included in the possible sequence provided by the step of ").concat(step, "."));
+  } // Return the value if nothing fails
+
 
-exports.EuiRangeTrack = EuiRangeTrack;
+  return value;
+};

package/optimize/lib/components/form/range/range_track.styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiRangeTrackStyles = void 0;
+
+var _react = require("@emotion/react");
+
+var _range = require("./range.styles");
+
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+var euiRangeTrackStyles = function euiRangeTrackStyles(euiThemeContext) {
+  var range = (0, _range.euiRangeVariables)(euiThemeContext);
+  return {
+    // Base
+    euiRangeTrack: /*#__PURE__*/(0, _react.css)("block-size:100%;flex-grow:1;position:relative;align-self:flex-start;&::after{content:'';display:block;position:absolute;inset-block-start:", range.trackTopPositionWithoutTicks, ";inset-inline-start:0;block-size:", range.trackHeight, ";inline-size:", range.trackWidth, ";background:", range.trackColor, ";border-radius:", range.trackBorderRadius, ";};label:euiRangeTrack;"),
+    hasTicks: /*#__PURE__*/(0, _react.css)("margin-inline-start:1em;margin-inline-end:1em;&::after{inset-block-start:", range.trackTopPositionWithTicks, ";};label:hasTicks;"),
+    disabled: /*#__PURE__*/(0, _react.css)("opacity:", range.disabledOpacity, ";;label:disabled;"),
+    hasLevels: /*#__PURE__*/(0, _react.css)(";label:hasLevels;")
+  };
+};
+
+exports.euiRangeTrackStyles = euiRangeTrackStyles;

package/optimize/lib/components/form/range/range_wrapper.js

@@ -17,8 +17,12 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _services = require("../../../services");
+
 var _eui_form_context = require("../eui_form_context");
 
+var _range_wrapper = require("./range_wrapper.styles");
+
 var _react2 = require("@emotion/react");
 
 var _excluded = ["children", "className", "fullWidth", "compressed"];
@@ -37,12 +41,13 @@ var EuiRangeWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
       fullWidth = _props$fullWidth === void 0 ? defaultFullWidth : _props$fullWidth,
       compressed = props.compressed,
       rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var classes = (0, _classnames.default)('euiRangeWrapper', {
-    'euiRangeWrapper--fullWidth': fullWidth,
-    'euiRangeWrapper--compressed': compressed
-  }, className);
+  var classes = (0, _classnames.default)('euiRangeWrapper', className);
+  var euiTheme = (0, _services.useEuiTheme)();
+  var styles = (0, _range_wrapper.euiRangeWrapperStyles)(euiTheme);
+  var cssStyles = [styles.euiRangeWrapper, !compressed && styles.regular, compressed && styles.compressed, fullWidth && styles.fullWidth];
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     className: classes,
+    css: cssStyles,
     ref: ref
   }, rest), children);
 });

package/optimize/lib/components/form/range/range_wrapper.styles.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiRangeWrapperStyles = void 0;
+
+var _react = require("@emotion/react");
+
+var _form = require("../form.styles");
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "nbwcci-fullWidth",
+  styles: "max-inline-size:100%;label:fullWidth;"
+} : {
+  name: "nbwcci-fullWidth",
+  styles: "max-inline-size:100%;label:fullWidth;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "e9ke4t-euiRangeWrapper",
+  styles: "display:flex;align-items:center;>.euiFormControlLayout{inline-size:auto;};label:euiRangeWrapper;"
+} : {
+  name: "e9ke4t-euiRangeWrapper",
+  styles: "display:flex;align-items:center;>.euiFormControlLayout{inline-size:auto;};label:euiRangeWrapper;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var euiRangeWrapperStyles = function euiRangeWrapperStyles(euiThemeContext) {
+  return {
+    euiRangeWrapper: _ref2,
+    regular: /*#__PURE__*/(0, _react.css)((0, _form.euiFormControlSize)(euiThemeContext), ";;label:regular;"),
+    compressed: /*#__PURE__*/(0, _react.css)((0, _form.euiFormControlSize)(euiThemeContext, {
+      compressed: true
+    }), ";;label:compressed;"),
+    fullWidth: _ref
+  };
+};
+
+exports.euiRangeWrapperStyles = euiRangeWrapperStyles;

package/optimize/lib/components/form/range/types.js

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

package/optimize/lib/components/icon/assets/article.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _excluded = ["title", "titleId"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var EuiIconArticle = function EuiIconArticle(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M8.5 10a.5.5 0 000 1h4a.5.5 0 000-1h-4zM8 6.5a.5.5 0 01.5-.5h4a.5.5 0 010 1h-4a.5.5 0 01-.5-.5zM3.5 2a.5.5 0 000 1h5a.5.5 0 000-1h-5zM8 8.5a.5.5 0 01.5-.5h4a.5.5 0 010 1h-4a.5.5 0 01-.5-.5zM3.5 4a.5.5 0 000 1h5a.5.5 0 000-1h-5zM3 12.5a.5.5 0 01.5-.5h9a.5.5 0 010 1h-9a.5.5 0 01-.5-.5zM7 6H3v5h4V6z"
+  }), (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.526.312A1.002 1.002 0 0010.8 0H2a1 1 0 00-1 1v14a1 1 0 001 1h12a1 1 0 001-1V4.429c0-.256-.098-.503-.274-.689l-3.2-3.428zM10.5 5H14v10H2V1h8v3.5a.5.5 0 00.5.5z"
+  }));
+};
+
+var icon = EuiIconArticle;
+exports.icon = icon;

package/optimize/lib/components/icon/assets/discuss.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _excluded = ["title", "titleId"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var EuiIconDiscuss = function EuiIconDiscuss(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M4.967 10.864c.332.787 1.085 1.337 1.962 1.337h3.673l2.755 2.8v-2.8c1.184 0 2.143-1.003 2.143-2.24V6.604c0-1.237-.96-2.24-2.143-2.24h-1.071v4.334c0 1.197-.896 2.167-2 2.167h-5.32z"
+  }), (0, _react2.jsx)("path", {
+    d: "M4.905 8.718h4.166c.592 0 1.072-.502 1.072-1.12V4.24c0-.618-.48-1.12-1.072-1.12H2.643c-.592 0-1.072.502-1.072 1.12V7.6c0 .617.48 1.119 1.072 1.119h1.071v1.452l1.191-1.452zm.493 1.12l-2.755 2.798V9.837C1.459 9.837.5 8.835.5 7.598V4.24C.5 3.003 1.46 2 2.643 2H9.07c1.184 0 2.143 1.003 2.143 2.24v3.358c0 1.237-.96 2.24-2.143 2.24H5.398z"
+  }));
+};
+
+var icon = EuiIconDiscuss;
+exports.icon = icon;

package/optimize/lib/components/icon/assets/dotInCircle.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _excluded = ["title", "titleId"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var EuiIconDotInCircle = function EuiIconDotInCircle(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 .5c4.136 0 7.5 3.364 7.5 7.5s-3.364 7.5-7.5 7.5S.5 12.136.5 8 3.864.5 8 .5zm0 .882a6.618 6.618 0 100 13.236A6.618 6.618 0 008 1.382z"
+  }), (0, _react2.jsx)("path", {
+    d: "M9 8a1 1 0 11-2 0 1 1 0 012 0z"
+  }));
+};
+
+var icon = EuiIconDotInCircle;
+exports.icon = icon;

package/optimize/lib/components/icon/assets/issue.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _services = require("../../../services");
+
+var _react2 = require("@emotion/react");
+
+var _excluded = ["title", "titleId"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var EuiIconIssue = function EuiIconIssue(_ref) {
+  var title = _ref.title,
+      titleId = _ref.titleId,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var generateId = (0, _services.htmlIdGenerator)('issue');
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("g", {
+    clipPath: "url(#".concat(generateId('a'), ")"),
+    fill: "#343741"
+  }, (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 .5c4.136 0 7.5 3.364 7.5 7.5s-3.364 7.5-7.5 7.5S.5 12.136.5 8 3.864.5 8 .5zm0 .882a6.618 6.618 0 100 13.236A6.618 6.618 0 008 1.382z"
+  }), (0, _react2.jsx)("path", {
+    d: "M9 8a1 1 0 11-2 0 1 1 0 012 0z"
+  })), (0, _react2.jsx)("clipPath", {
+    id: generateId('a')
+  }, (0, _react2.jsx)("path", {
+    d: "M0 0h16v16H0z"
+  })));
+};
+
+var icon = EuiIconIssue;
+exports.icon = icon;

package/optimize/lib/components/icon/icon_map.js

@@ -31,6 +31,7 @@ var typeToPathMap = {
   arrowUp: 'arrow_up',
   arrowStart: 'arrowStart',
   arrowEnd: 'arrowEnd',
+  article: 'article',
   asterisk: 'asterisk',
   auditbeatApp: 'app_auditbeat',
   beaker: 'beaker',
@@ -88,11 +89,13 @@ var typeToPathMap = {
   desktop: 'desktop',
   devToolsApp: 'app_devtools',
   discoverApp: 'app_discover',
+  discuss: 'discuss',
   document: 'document',
   documentEdit: 'documentEdit',
   documentation: 'documentation',
   documents: 'documents',
   dot: 'dot',
+  dotInCircle: 'dotInCircle',
   doubleArrowLeft: 'doubleArrowLeft',
   doubleArrowRight: 'doubleArrowRight',
   download: 'download',

package/optimize/lib/components/icon/svgs/article.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8.5 10C8.22386 10 8 10.2239 8 10.5C8 10.7761 8.22386 11 8.5 11H12.5C12.7761 11 13 10.7761 13 10.5C13 10.2239 12.7761 10 12.5 10H8.5Z" />
+  <path d="M8 6.5C8 6.22386 8.22386 6 8.5 6H12.5C12.7761 6 13 6.22386 13 6.5C13 6.77614 12.7761 7 12.5 7H8.5C8.22386 7 8 6.77614 8 6.5Z" />
+  <path d="M3.5 2C3.22386 2 3 2.22386 3 2.5C3 2.77614 3.22386 3 3.5 3H8.5C8.77614 3 9 2.77614 9 2.5C9 2.22386 8.77614 2 8.5 2H3.5Z" />
+  <path d="M8 8.5C8 8.22386 8.22386 8 8.5 8H12.5C12.7761 8 13 8.22386 13 8.5C13 8.77614 12.7761 9 12.5 9H8.5C8.22386 9 8 8.77614 8 8.5Z" />
+  <path d="M3.5 4C3.22386 4 3 4.22386 3 4.5C3 4.77614 3.22386 5 3.5 5H8.5C8.77614 5 9 4.77614 9 4.5C9 4.22386 8.77614 4 8.5 4H3.5Z" />
+  <path d="M3 12.5C3 12.2239 3.22386 12 3.5 12H12.5C12.7761 12 13 12.2239 13 12.5C13 12.7761 12.7761 13 12.5 13H3.5C3.22386 13 3 12.7761 3 12.5Z" />
+  <path d="M7 6H3V11H7V6Z" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.526 0.312C11.337 0.113 11.074 0 10.8 0H2C1.448 0 1 0.448 1 1V15C1 15.552 1.448 16 2 16H14C14.552 16 15 15.552 15 15V4.429C15 4.173 14.902 3.926 14.726 3.74L11.526 0.312ZM10.5 5H14V15H2V1H10V4.5C10 4.776 10.224 5 10.5 5Z" />
+</svg>