@splunk/react-ui 4.21.0 → 4.22.0

package/Progress.js

@@ -1,249 +1,304 @@
-/******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* reexport */ Progress_Progress)
-});
-
-;// CONCATENATED MODULE: external "react"
-const external_react_namespaceObject = require("react");
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
-;// CONCATENATED MODULE: external "prop-types"
-const external_prop_types_namespaceObject = require("prop-types");
-var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
-;// CONCATENATED MODULE: external "lodash/isNumber"
-const isNumber_namespaceObject = require("lodash/isNumber");
-var isNumber_default = /*#__PURE__*/__webpack_require__.n(isNumber_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
-const AnimationToggle_namespaceObject = require("@splunk/react-ui/AnimationToggle");
-;// CONCATENATED MODULE: external "styled-components"
-const external_styled_components_namespaceObject = require("styled-components");
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
-;// CONCATENATED MODULE: external "tinycolor2"
-const external_tinycolor2_namespaceObject = require("tinycolor2");
-var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-const Tooltip_namespaceObject = require("@splunk/react-ui/Tooltip");
-var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
-const Box_namespaceObject = require("@splunk/react-ui/Box");
-var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
-;// CONCATENATED MODULE: external "@splunk/themes"
-const themes_namespaceObject = require("@splunk/themes");
-;// CONCATENATED MODULE: ./src/Progress/ProgressStyles.ts
-
-
-
-
-
-var StyledBox = external_styled_components_default()((Box_default())).withConfig({
-  displayName: "ProgressStyles__StyledBox",
-  componentId: "csowex-0"
-})(["background-color:", ";"], (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.transparent,
-  prisma: themes_namespaceObject.variables.neutral200
-}));
-var StyledTooltip = external_styled_components_default()((Tooltip_default())).withConfig({
-  displayName: "ProgressStyles__StyledTooltip",
-  componentId: "csowex-1"
-})(["background-color:", ";height:", ";position:relative;overflow:hidden;padding-left:", ";", ";"], (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.accentColorD10,
-  prisma: (0,themes_namespaceObject.pickVariant)('$type', {
-    info: themes_namespaceObject.variables.interactiveColorPrimary,
-    success: themes_namespaceObject.variables.accentColorPositive,
-    warning: themes_namespaceObject.variables.accentColorWarning,
-    error: themes_namespaceObject.variables.accentColorNegative
-  })
-}), (0,themes_namespaceObject.pick)({
-  enterprise: '3px',
-  prisma: '4px'
-}), (0,themes_namespaceObject.pick)({
-  enterprise: themes_namespaceObject.variables.spacingHalf,
-  prisma: '10px'
-}), function (_ref) {
-  var $animated = _ref.$animated;
-  return $animated && (0,external_styled_components_namespaceObject.css)(["transition:width 300ms;"]);
-});
-var pulse = (0,external_styled_components_namespaceObject.keyframes)(["from{opacity:0;}to{opacity:1;}"]);
-var slide = (0,external_styled_components_namespaceObject.keyframes)(["from{background-position:130%;}to{background-position:-30%;}"]);
-var StyledPuck = external_styled_components_default().div.withConfig({
-  displayName: "ProgressStyles__StyledPuck",
-  componentId: "csowex-2"
-})(["height:", ";width:", ";position:absolute;right:0;top:0;background:", ";", ""], (0,themes_namespaceObject.pick)({
-  enterprise: '3px',
-  prisma: '4px'
-}), (0,themes_namespaceObject.pick)({
-  enterprise: '300px',
-  prisma: '100%'
-}), (0,themes_namespaceObject.pick)({
-  enterprise: (0,external_styled_components_namespaceObject.css)(["linear-gradient( 90deg,", ",", ",40%,", ",80%,", " )"], themes_namespaceObject.variables.accentColorD10, themes_namespaceObject.variables.accentColorL10, themes_namespaceObject.variables.accentColorL40, themes_namespaceObject.variables.accentColorL40),
-  prisma: function prisma(_ref2) {
-    var $animated = _ref2.$animated;
-    var primaryColor = (0,themes_namespaceObject.pickVariant)('$type', {
-      info: themes_namespaceObject.variables.interactiveColorPrimary,
-      success: themes_namespaceObject.variables.accentColorPositive,
-      warning: themes_namespaceObject.variables.accentColorWarning,
-      error: themes_namespaceObject.variables.accentColorNegative
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = r => {
+            /******/ var t = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
+            /******/;
+            e.d(t, {
+                a: t
+            });
+            /******/            return t;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (r, t) => {
+            /******/ for (var a in t) {
+                /******/ if (e.o(t, a) && !e.o(r, a)) {
+                    /******/ Object.defineProperty(r, a, {
+                        enumerable: true,
+                        get: t[a]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var r = {};
+    // ESM COMPAT FLAG
+        e.r(r);
+    // EXPORTS
+        e.d(r, {
+        default: () => /* reexport */ M
     });
-
-    if ($animated) {
-      var highlightColor = (0,themes_namespaceObject.pickVariant)('$type', {
-        info: themes_namespaceObject.variables.statusColorInfo,
-        success: themes_namespaceObject.variables.statusColorNormal,
-        warning: themes_namespaceObject.variables.statusColorMedium,
-        error: themes_namespaceObject.variables.statusColorHigh
-      });
-      return (0,external_styled_components_namespaceObject.css)(["radial-gradient(circle at center,", ",", " 30%);"], highlightColor, primaryColor);
+    // CONCATENATED MODULE: external "react"
+    const t = require("react");
+    var a =  e.n(t);
+    // CONCATENATED MODULE: external "prop-types"
+    const n = require("prop-types");
+    var i =  e.n(n);
+    // CONCATENATED MODULE: external "lodash/isNumber"
+    const o = require("lodash/isNumber");
+    var s =  e.n(o);
+    // CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
+    const c = require("@splunk/react-ui/AnimationToggle");
+    // CONCATENATED MODULE: external "styled-components"
+    const l = require("styled-components");
+    var u =  e.n(l);
+    // CONCATENATED MODULE: external "tinycolor2"
+    const p = require("tinycolor2");
+    var f =  e.n(p);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
+    const v = require("@splunk/react-ui/Tooltip");
+    var b =  e.n(v);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
+    const d = require("@splunk/react-ui/Box");
+    var m =  e.n(d);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const y = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/Progress/ProgressStyles.ts
+    var g = u()(m()).withConfig({
+        displayName: "ProgressStyles__StyledBox",
+        componentId: "csowex-0"
+    })([ "background-color:", ";" ], (0, y.pick)({
+        enterprise: y.variables.transparent,
+        prisma: y.variables.neutral200
+    }));
+    var h = u()(b()).withConfig({
+        displayName: "ProgressStyles__StyledTooltip",
+        componentId: "csowex-1"
+    })([ "background-color:", ";height:", ";position:relative;overflow:hidden;padding-left:", ";", ";" ], (0, 
+    y.pick)({
+        enterprise: y.variables.accentColorD10,
+        prisma: (0, y.pickVariant)("$type", {
+            info: y.variables.interactiveColorPrimary,
+            success: y.variables.accentColorPositive,
+            warning: y.variables.accentColorWarning,
+            error: y.variables.accentColorNegative
+        })
+    }), (0, y.pick)({
+        enterprise: "3px",
+        prisma: "4px"
+    }), (0, y.pick)({
+        enterprise: y.variables.spacingHalf,
+        prisma: "10px"
+    }), (function(e) {
+        var r = e.$animated;
+        return r && (0, l.css)([ "transition:width 300ms;" ]);
+    }));
+    var k = (0, l.keyframes)([ "from{opacity:0;}to{opacity:1;}" ]);
+    var C = (0, l.keyframes)([ "from{background-position:130%;}to{background-position:-30%;}" ]);
+    var w = u().div.withConfig({
+        displayName: "ProgressStyles__StyledPuck",
+        componentId: "csowex-2"
+    })([ "height:", ";width:", ";position:absolute;right:0;top:0;background:", ";", "" ], (0, 
+    y.pick)({
+        enterprise: "3px",
+        prisma: "4px"
+    }), (0, y.pick)({
+        enterprise: "300px",
+        prisma: "100%"
+    }), (0, y.pick)({
+        enterprise: (0, l.css)([ "linear-gradient( 90deg,", ",", ",40%,", ",80%,", " )" ], y.variables.accentColorD10, y.variables.accentColorL10, y.variables.accentColorL40, y.variables.accentColorL40),
+        prisma: function e(r) {
+            var t = r.$animated;
+            var a = (0, y.pickVariant)("$type", {
+                info: y.variables.interactiveColorPrimary,
+                success: y.variables.accentColorPositive,
+                warning: y.variables.accentColorWarning,
+                error: y.variables.accentColorNegative
+            });
+            if (t) {
+                var n = (0, y.pickVariant)("$type", {
+                    info: y.variables.statusColorInfo,
+                    success: y.variables.statusColorNormal,
+                    warning: y.variables.statusColorMedium,
+                    error: y.variables.statusColorHigh
+                });
+                return (0, l.css)([ "radial-gradient(circle at center,", ",", " 30%);" ], n, a);
+            }
+            return a;
+        }
+    }), (function(e) {
+        return e.$animated && (0, y.pick)({
+            enterprise: (0, l.css)([ "animation-duration:1500ms;animation-name:", ";animation-iteration-count:infinite;animation-direction:alternate;" ], k),
+            prisma: function r() {
+                var t = (0, y.pickVariant)("$type", {
+                    info: y.variables.statusColorInfo,
+                    success: y.variables.statusColorNormal,
+                    warning: y.variables.statusColorMedium,
+                    error: y.variables.statusColorHigh
+                })(e);
+                return (0, l.css)([ "background-size:200% 100%;animation:", " 1500ms infinite cubic-bezier(0.33,0,0.67,1);&::after{content:'';display:block;width:60px;background:linear-gradient( to right,rgba(255,255,255,0),", " 70%,rgba(255,255,255,0.75) );height:100%;position:absolute;right:0;}" ], C, f()(t(e)).setAlpha(.75).toRgbString());
+            }
+        });
+    }));
+    // CONCATENATED MODULE: ./src/Progress/Progress.tsx
+    function O() {
+        O = Object.assign || function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var a in t) {
+                    if (Object.prototype.hasOwnProperty.call(t, a)) {
+                        e[a] = t[a];
+                    }
+                }
+            }
+            return e;
+        };
+        return O.apply(this, arguments);
     }
-
-    return primaryColor;
-  }
-}), function (props) {
-  return props.$animated && (0,themes_namespaceObject.pick)({
-    enterprise: (0,external_styled_components_namespaceObject.css)(["animation-duration:1500ms;animation-name:", ";animation-iteration-count:infinite;animation-direction:alternate;"], pulse),
-    prisma: function prisma() {
-      var accentColor = (0,themes_namespaceObject.pickVariant)('$type', {
-        info: themes_namespaceObject.variables.statusColorInfo,
-        success: themes_namespaceObject.variables.statusColorNormal,
-        warning: themes_namespaceObject.variables.statusColorMedium,
-        error: themes_namespaceObject.variables.statusColorHigh
-      })(props);
-      return (0,external_styled_components_namespaceObject.css)(["background-size:200% 100%;animation:", " 1500ms infinite cubic-bezier(0.33,0,0.67,1);&::after{content:'';display:block;width:60px;background:linear-gradient( to right,rgba(255,255,255,0),", " 70%,rgba(255,255,255,0.75) );height:100%;position:absolute;right:0;}"], slide, external_tinycolor2_default()(accentColor(props)).setAlpha(0.75).toRgbString());
+    function S(e, r) {
+        return _(e) || $(e, r) || j(e, r) || x();
     }
-  });
-});
-
-;// CONCATENATED MODULE: ./src/Progress/Progress.tsx
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-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; }
-
-
-
-
-
-
-var propTypes = {
-  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
-  percentage: (external_prop_types_default()).number,
-  tooltip: (external_prop_types_default()).node,
-  type: external_prop_types_default().oneOf(['info', 'success', 'warning', 'error'])
-};
-
-function Progress(_ref) {
-  var percentage = _ref.percentage,
-      tooltip = _ref.tooltip,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'info' : _ref$type,
-      otherProps = _objectWithoutProperties(_ref, ["percentage", "tooltip", "type"]);
-
-  // @docs-props-type ProgressPropsBase
-  if (false) {}
-
-  var _useState = (0,external_react_namespaceObject.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      tooltipOpen = _useState2[0],
-      setTooltipOpen = _useState2[1];
-
-  var animated = (0,AnimationToggle_namespaceObject.useAnimationToggle)() === 'on';
-  var handleMouseEnter = (0,external_react_namespaceObject.useCallback)(function () {
-    setTooltipOpen(true);
-  }, []);
-  var handleMouseLeave = (0,external_react_namespaceObject.useCallback)(function () {
-    setTooltipOpen(false);
-  }, []);
-  var content = tooltip || "".concat(percentage, "%");
-  return /*#__PURE__*/external_react_default().createElement(StyledBox, _extends({
-    $animated: animated,
-    "data-test": "progress",
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, otherProps), isNumber_default()(percentage) && /*#__PURE__*/external_react_default().createElement(StyledTooltip, {
-    inline: false,
-    open: tooltipOpen,
-    content: content,
-    style: {
-      width: "".concat(percentage, "%")
-    },
-    role: "progressbar",
-    "aria-valuenow": percentage,
-    "aria-valuemin": 0,
-    "aria-valuemax": 100,
-    $animated: animated,
-    $type: type
-  }, /*#__PURE__*/external_react_default().createElement(StyledPuck, {
-    $animated: animated,
-    $type: type
-  })));
-}
-
-Progress.propTypes = propTypes;
-/* harmony default export */ const Progress_Progress = (Progress);
-;// CONCATENATED MODULE: ./src/Progress/index.ts
-
-module.exports = __webpack_exports__;
-/******/ })()
-;
+    function x() {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
+    function j(e, r) {
+        if (!e) return;
+        if (typeof e === "string") return P(e, r);
+        var t = Object.prototype.toString.call(e).slice(8, -1);
+        if (t === "Object" && e.constructor) t = e.constructor.name;
+        if (t === "Map" || t === "Set") return Array.from(e);
+        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return P(e, r);
+    }
+    function P(e, r) {
+        if (r == null || r > e.length) r = e.length;
+        for (var t = 0, a = new Array(r); t < r; t++) {
+            a[t] = e[t];
+        }
+        return a;
+    }
+    function $(e, r) {
+        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+        var t = [];
+        var a = true;
+        var n = false;
+        var i = undefined;
+        try {
+            for (var o = e[Symbol.iterator](), s; !(a = (s = o.next()).done); a = true) {
+                t.push(s.value);
+                if (r && t.length === r) break;
+            }
+        } catch (e) {
+            n = true;
+            i = e;
+        } finally {
+            try {
+                if (!a && o["return"] != null) o["return"]();
+            } finally {
+                if (n) throw i;
+            }
+        }
+        return t;
+    }
+    function _(e) {
+        if (Array.isArray(e)) return e;
+    }
+    function q(e, r) {
+        if (e == null) return {};
+        var t = A(e, r);
+        var a, n;
+        if (Object.getOwnPropertySymbols) {
+            var i = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < i.length; n++) {
+                a = i[n];
+                if (r.indexOf(a) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, a)) continue;
+                t[a] = e[a];
+            }
+        }
+        return t;
+    }
+    function A(e, r) {
+        if (e == null) return {};
+        var t = {};
+        var a = Object.keys(e);
+        var n, i;
+        for (i = 0; i < a.length; i++) {
+            n = a[i];
+            if (r.indexOf(n) >= 0) continue;
+            t[n] = e[n];
+        }
+        return t;
+    }
+    var I = {
+        elementRef: i().oneOfType([ i().func, i().object ]),
+        percentage: i().number,
+        tooltip: i().node,
+        type: i().oneOf([ "info", "success", "warning", "error" ])
+    };
+    function T(e) {
+        var r = e.percentage, n = e.tooltip, i = e.type, o = i === void 0 ? "info" : i, l = q(e, [ "percentage", "tooltip", "type" ]);
+        // @docs-props-type ProgressPropsBase
+                if (false) {}
+        var u = (0, t.useState)(false), p = S(u, 2), f = p[0], v = p[1];
+        var b = (0, c.useAnimationToggle)() === "on";
+        var d = (0, t.useCallback)((function() {
+            v(true);
+        }), []);
+        var m = (0, t.useCallback)((function() {
+            v(false);
+        }), []);
+        var y = n || "".concat(r, "%");
+        
+        return a().createElement(g, O({
+            $animated: b,
+            "data-test": "progress",
+            onMouseEnter: d,
+            onMouseLeave: m
+        }, l), s()(r) &&  a().createElement(h, {
+            inline: false,
+            open: f,
+            content: y,
+            style: {
+                width: "".concat(r, "%")
+            },
+            role: "progressbar",
+            "aria-valuenow": r,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100,
+            $animated: b,
+            $type: o
+        },  a().createElement(w, {
+            $animated: b,
+            $type: o
+        })));
+    }
+    T.propTypes = I;
+    /* harmony default export */    const M = T;
+    // CONCATENATED MODULE: ./src/Progress/index.ts
+    module.exports = r;
+    /******/})();