@elastic/eui 76.3.0 → 77.0.0

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.euiRangeThumbStyles = void 0;
-
 var _react = require("@emotion/react");
-
 var _global_styling = require("../../../global_styling");
-
 var _range = require("./range.styles");
-
 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: "9ugg7u-hasTicks",
   styles: "inset-block-start:0;margin-block-start:0;label:hasTicks;"
@@ -23,7 +17,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "inset-block-start:0;margin-block-start:0;label:hasTicks;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 var euiRangeThumbStyles = function euiRangeThumbStyles(euiThemeContext) {
   var range = (0, _range.euiRangeVariables)(euiThemeContext);
   return {
@@ -36,5 +29,4 @@ var euiRangeThumbStyles = function euiRangeThumbStyles(euiThemeContext) {
     hasTicks: _ref
   };
 };
-
 exports.euiRangeThumbStyles = euiRangeThumbStyles;

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

@@ -1,38 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiRangeTicks = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _services = require("../../../services");
-
 var _global_styling = require("../../../global_styling");
-
 var _inner_text = require("../../inner_text");
-
 var _utils = require("./utils");
-
 var _range_ticks = require("./range_ticks.styles");
-
 var _react2 = require("@emotion/react");
-
 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; }
-
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -40,17 +25,18 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+
 var EuiTickValue = function EuiTickValue(_ref) {
   var disabled = _ref.disabled,
-      ticks = _ref.ticks,
-      min = _ref.min,
-      max = _ref.max,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      percentageWidth = _ref.percentageWidth,
-      tickValue = _ref.tickValue,
-      compressed = _ref.compressed,
-      trackWidth = _ref.trackWidth;
+    ticks = _ref.ticks,
+    min = _ref.min,
+    max = _ref.max,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    percentageWidth = _ref.percentageWidth,
+    tickValue = _ref.tickValue,
+    compressed = _ref.compressed,
+    trackWidth = _ref.trackWidth;
   var euiTheme = (0, _services.useEuiTheme)();
   var hasCustomTicks = !!ticks;
   var tickObject = (0, _react.useMemo)(function () {
@@ -63,16 +49,16 @@ var EuiTickValue = function EuiTickValue(_ref) {
   }, [hasCustomTicks, ticks, tickValue]);
   var isMinTick = (tickObject === null || tickObject === void 0 ? void 0 : tickObject.value) === min;
   var isMaxTick = (tickObject === null || tickObject === void 0 ? void 0 : tickObject.value) === max;
-  var label = tickObject ? tickObject.label : tickValue; // Math worked out by trial and error
-  // Shifts the label into the reserved margin of EuiRangeTrack
+  var label = tickObject ? tickObject.label : tickValue;
 
+  // Math worked out by trial and error
+  // Shifts the label into the reserved margin of EuiRangeTrack
   var labelShiftVal = (0, _react.useMemo)(function () {
     return (isMinTick || isMaxTick) && label.length > 3 ? Math.min(label.length * 0.25, 1.25) : 0;
   }, [isMinTick, isMaxTick, label]);
   var tickStyle = (0, _react.useMemo)(function () {
     var styles = {};
     var shift = "-".concat(labelShiftVal, "em");
-
     if (isMaxTick && labelShiftVal) {
       styles.right = '0%';
       styles.marginRight = shift;
@@ -82,11 +68,11 @@ var EuiTickValue = function EuiTickValue(_ref) {
       styles.left = "calc(".concat(position, "% + ").concat(thumbOffset, "px)");
       if (labelShiftVal) styles.marginLeft = shift;
     }
-
     styles.maxWidth = hasCustomTicks ? undefined : "".concat(percentageWidth, "%");
     return (0, _global_styling.logicalStyles)(styles);
-  }, [isMaxTick, labelShiftVal, trackWidth, tickValue, min, max, hasCustomTicks, percentageWidth]); // Some ticks need an actual DOM element instead of using a ::before
+  }, [isMaxTick, labelShiftVal, trackWidth, tickValue, min, max, hasCustomTicks, percentageWidth]);
 
+  // Some ticks need an actual DOM element instead of using a ::before
   var pseudoTick = tickObject && !!labelShiftVal && (isMinTick || isMaxTick);
   var pseudoShift = (0, _react.useMemo)(function () {
     if (!labelShiftVal) return {};
@@ -97,12 +83,10 @@ var EuiTickValue = function EuiTickValue(_ref) {
   }, [labelShiftVal, isMaxTick, euiTheme.euiTheme.size.xs]);
   var styles = (0, _range_ticks.euiRangeTickStyles)(euiTheme);
   var cssTickStyles = [styles.euiRangeTick, value === String(tickValue) && styles.selected, hasCustomTicks && styles.isCustom, labelShiftVal && isMinTick && styles.isMin, labelShiftVal && isMaxTick && styles.isMax, !pseudoTick && styles.hasPseudoTickMark, compressed ? styles.compressed : styles.regular];
-
   var _useInnerText = (0, _inner_text.useInnerText)(),
-      _useInnerText2 = (0, _slicedToArray2.default)(_useInnerText, 2),
-      ref = _useInnerText2[0],
-      innerText = _useInnerText2[1];
-
+    _useInnerText2 = (0, _slicedToArray2.default)(_useInnerText, 2),
+    ref = _useInnerText2[0],
+    innerText = _useInnerText2[1];
   return (0, _react2.jsx)("button", {
     type: "button",
     className: "euiRangeTick",
@@ -121,16 +105,16 @@ var EuiTickValue = function EuiTickValue(_ref) {
     style: pseudoShift
   }), label);
 };
-
 var EuiRangeTicks = function EuiRangeTicks(props) {
   var ticks = props.ticks,
-      tickSequence = props.tickSequence,
-      max = props.max,
-      min = props.min,
-      _props$tickInterval = props.tickInterval,
-      tickInterval = _props$tickInterval === void 0 ? 1 : _props$tickInterval,
-      compressed = props.compressed; // Calculate the width of each tick mark
-
+    tickSequence = props.tickSequence,
+    max = props.max,
+    min = props.min,
+    _props$tickInterval = props.tickInterval,
+    tickInterval = _props$tickInterval === void 0 ? 1 : _props$tickInterval,
+    compressed = props.compressed;
+
+  // Calculate the width of each tick mark
   var percentageWidth = (0, _react.useMemo)(function () {
     return tickInterval / (max - min + tickInterval) * 100;
   }, [tickInterval, min, max]);
@@ -149,5 +133,4 @@ var EuiRangeTicks = function EuiRangeTicks(props) {
     }));
   }));
 };
-
 exports.EuiRangeTicks = EuiRangeTicks;

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

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.euiRangeTicksStyles = exports.euiRangeTickStyles = void 0;
-
 var _react = require("@emotion/react");
-
 var _global_styling = require("../../../global_styling");
-
 var _range = require("./range.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 tickStyles = function tickStyles(_ref4, range) {
   var euiTheme = _ref4.euiTheme;
   return "\n    position: absolute;\n    ".concat((0, _global_styling.logicalCSS)('top', 0), ";\n    ").concat((0, _global_styling.logicalSizeCSS)(euiTheme.size.xs, euiTheme.size.xs), ";\n    background-color: ").concat(euiTheme.colors.lightShade, ";\n    inline-size: ").concat(range.tickWidth, ";\n    block-size: ").concat(range.tickHeight, ";\n    border-radius: ").concat(euiTheme.border.radius.small, ";\n  ");
 };
-
 var _ref3 = process.env.NODE_ENV === "production" ? {
   name: "1sbhdc4-euiRangeTicks",
   styles: "position:absolute;inset-inline:0;display:flex;label:euiRangeTicks;"
@@ -26,7 +20,6 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   styles: "position:absolute;inset-inline:0;display:flex;label:euiRangeTicks;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 var euiRangeTicksStyles = function euiRangeTicksStyles(euiThemeContext) {
   var range = (0, _range.euiRangeVariables)(euiThemeContext);
   return {
@@ -46,9 +39,7 @@ var euiRangeTicksStyles = function euiRangeTicksStyles(euiThemeContext) {
     }), ";;label:compressed;")
   };
 };
-
 exports.euiRangeTicksStyles = euiRangeTicksStyles;
-
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "jgvly2-isMax",
   styles: "transform:translateX(0);.euiRangeTick__pseudo{inset-inline-end:0;};label:isMax;"
@@ -57,7 +48,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "transform:translateX(0);.euiRangeTick__pseudo{inset-inline-end:0;};label:isMax;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "1nx14mu-isMin",
   styles: "transform:translateX(0);.euiRangeTick__pseudo{inset-inline-start:0;};label:isMin;"
@@ -66,7 +56,6 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "transform:translateX(0);.euiRangeTick__pseudo{inset-inline-start:0;};label:isMin;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-
 var euiRangeTickStyles = function euiRangeTickStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   var range = (0, _range.euiRangeVariables)(euiThemeContext);
@@ -85,5 +74,4 @@ var euiRangeTickStyles = function euiRangeTickStyles(euiThemeContext) {
     isMax: _ref
   };
 };
-
 exports.euiRangeTickStyles = euiRangeTickStyles;

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

@@ -1,26 +1,17 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiRangeTooltip = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _services = require("../../../services");
-
 var _global_styling = require("../../../global_styling");
-
 var _range_tooltip = require("./range_tooltip.styles");
-
 var _react2 = require("@emotion/react");
-
 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; }
-
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -28,30 +19,30 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+
 var EuiRangeTooltip = function EuiRangeTooltip(_ref) {
   var value = _ref.value,
-      valueAppend = _ref.valueAppend,
-      valuePrepend = _ref.valuePrepend,
-      max = _ref.max,
-      min = _ref.min,
-      name = _ref.name,
-      showTicks = _ref.showTicks;
+    valueAppend = _ref.valueAppend,
+    valuePrepend = _ref.valuePrepend,
+    max = _ref.max,
+    min = _ref.min,
+    name = _ref.name,
+    showTicks = _ref.showTicks;
   // Calculate the left position based on value
   var valuePosition = (0, _react.useMemo)(function () {
     var val = 0;
-
     if (typeof value === 'number') {
       val = value;
     } else if (typeof value === 'string') {
       val = parseFloat(value);
     }
-
-    var decimal = (val - min) / (max - min); // Must be between 0-100%
-
+    var decimal = (val - min) / (max - min);
+    // Must be between 0-100%
     var valuePosition = decimal <= 1 ? decimal : 1;
     return valuePosition >= 0 ? valuePosition : 0;
-  }, [value, min, max]); // Change left/right position based on value (half way point)
+  }, [value, min, max]);
 
+  // Change left/right position based on value (half way point)
   var valuePositionSide = (0, _react.useMemo)(function () {
     return valuePosition > 0.5 ? 'left' : 'right';
   }, [valuePosition]);
@@ -81,5 +72,4 @@ var EuiRangeTooltip = function EuiRangeTooltip(_ref) {
     style: valuePositionStyle
   }, valuePrepend, value, valueAppend));
 };
-
 exports.EuiRangeTooltip = EuiRangeTooltip;

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.euiRangeTooltipValueStyles = exports.euiRangeTooltipStyles = void 0;
-
 var _react = require("@emotion/react");
-
 var _services = require("../../../services");
-
 var _range = require("./range.styles");
-
 var _global_styling = require("../../../global_styling");
-
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -20,6 +15,7 @@ var _global_styling = require("../../../global_styling");
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+
 var euiRangeTooltipStyles = function euiRangeTooltipStyles(euiThemeContext) {
   var range = (0, _range.euiRangeVariables)(euiThemeContext);
   return {
@@ -29,17 +25,14 @@ var euiRangeTooltipStyles = function euiRangeTooltipStyles(euiThemeContext) {
     }), ";pointer-events:none;z-index:", range.thumbZIndex, ";;label:euiRangeTooltip;")
   };
 };
-
 exports.euiRangeTooltipStyles = euiRangeTooltipStyles;
-
 var euiToolTipBackgroundColor = function euiToolTipBackgroundColor(euiTheme, colorMode) {
   return colorMode === _services.COLOR_MODES_STANDARD.dark ? (0, _services.shade)(euiTheme.colors.emptyShade, 1) : (0, _services.tint)(euiTheme.colors.fullShade, 0.25);
 };
-
 var euiRangeTooltipValueStyles = function euiRangeTooltipValueStyles(euiThemeContext) {
   var range = (0, _range.euiRangeVariables)(euiThemeContext);
   var euiTheme = euiThemeContext.euiTheme,
-      colorMode = euiThemeContext.colorMode;
+    colorMode = euiThemeContext.colorMode;
   var arrowSize = euiTheme.size.m;
   var arrowSizeInt = parseInt(arrowSize, 10);
   var arrowMinusSize = "".concat((arrowSizeInt / 2 - 1) * -1, "px"); // Shift arrow 1px more than half its size to account for border radius
@@ -57,5 +50,4 @@ var euiRangeTooltipValueStyles = function euiRangeTooltipValueStyles(euiThemeCon
     }), ";;label:hasTicks;")
   };
 };
-
 exports.euiRangeTooltipValueStyles = euiRangeTooltipValueStyles;

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

@@ -1,58 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiRangeTrack = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 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");
-
 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", "showRange", "className"];
-
 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 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,
-      className = _ref.className,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    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,
+    className = _ref.className,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   (0, _react.useEffect)(function () {
     validateValueIsInStep(max, {
       min: min,
@@ -63,7 +46,6 @@ var EuiRangeTrack = function EuiRangeTrack(_ref) {
   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
@@ -77,14 +59,14 @@ var EuiRangeTrack = function EuiRangeTrack(_ref) {
     } 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
+      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 && !sequenceRange.includes(max)) {
         sequenceRange.push(max);
       }
-
       sequence = sequenceRange.map(function (tick) {
         return validateValueIsInStep(tick, {
           min: min,
@@ -92,24 +74,21 @@ var EuiRangeTrack = function EuiRangeTrack(_ref) {
           step: step
         });
       });
-    } // Error out if there are too many ticks to render
-
+    }
 
+    // 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, showTicks && (tickSequence || ticks) && styles.hasTicks];
-
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      trackWidth = _useState2[0],
-      setTrackWidth = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    trackWidth = _useState2[0],
+    setTrackWidth = _useState2[1];
   var classes = (0, _classnames.default)('euiRangeTrack', className);
   return (0, _react2.jsx)("div", (0, _extends2.default)({
     className: classes,
@@ -117,7 +96,6 @@ var EuiRangeTrack = function EuiRangeTrack(_ref) {
   }, 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, {
@@ -140,27 +118,21 @@ var EuiRangeTrack = function EuiRangeTrack(_ref) {
     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;
-
+    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 (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
-
-
+  }
+  // Error out if the value doesn't line up with the sequence of steps
   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
-
-
+  }
+  // Return the value if nothing fails
   return value;
 };

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

@@ -4,11 +4,8 @@ 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
@@ -16,6 +13,7 @@ var _range = require("./range.styles");
  * 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 {
@@ -26,5 +24,4 @@ var euiRangeTrackStyles = function euiRangeTrackStyles(euiThemeContext) {
     hasLevels: /*#__PURE__*/(0, _react.css)(";label:hasLevels;")
   };
 };
-
 exports.euiRangeTrackStyles = euiRangeTrackStyles;

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

@@ -1,46 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiRangeWrapper = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 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"];
-
 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 EuiRangeWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _useFormContext = (0, _eui_form_context.useFormContext)(),
-      defaultFullWidth = _useFormContext.defaultFullWidth;
-
+    defaultFullWidth = _useFormContext.defaultFullWidth;
   var children = props.children,
-      className = props.className,
-      _props$fullWidth = props.fullWidth,
-      fullWidth = _props$fullWidth === void 0 ? defaultFullWidth : _props$fullWidth,
-      compressed = props.compressed,
-      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    className = props.className,
+    _props$fullWidth = props.fullWidth,
+    fullWidth = _props$fullWidth === void 0 ? defaultFullWidth : _props$fullWidth,
+    compressed = props.compressed,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var classes = (0, _classnames.default)('euiRangeWrapper', className);
   var euiTheme = (0, _services.useEuiTheme)();
   var styles = (0, _range_wrapper.euiRangeWrapperStyles)(euiTheme);

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

@@ -4,13 +4,9 @@ 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;"
@@ -19,7 +15,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
   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;"
@@ -28,7 +23,6 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   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,
@@ -39,5 +33,4 @@ var euiRangeWrapperStyles = function euiRangeWrapperStyles(euiThemeContext) {
     fullWidth: _ref
   };
 };
-
 exports.euiRangeWrapperStyles = euiRangeWrapperStyles;