@splunk/react-ui 4.21.0 → 4.22.0

package/AnimationToggle.js

@@ -1,71 +1,79 @@
-/******/ (() => { // 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__, {
-  AnimationToggleContext: () => (/* reexport */ AnimationToggleContext),
-  AnimationToggleProvider: () => (/* reexport */ AnimationToggleProvider),
-  "default": () => (/* reexport */ AnimationToggle_AnimationToggle),
-  useAnimationToggle: () => (/* reexport */ useAnimationToggle)
-});
-
-;// 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: ./src/AnimationToggle/AnimationToggleContext.tsx
-
-/**
+/******/ (() => {
+    // 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 n in t) {
+                /******/ if (e.o(t, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
+                        enumerable: true,
+                        get: t[n]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* 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, {
+        AnimationToggleContext: () => /* reexport */ u,
+        AnimationToggleProvider: () => /* reexport */ h,
+        default: () => /* reexport */ b,
+        useAnimationToggle: () => /* reexport */ v
+    });
+    // CONCATENATED MODULE: external "react"
+    const t = require("react");
+    var n =  e.n(t);
+    // CONCATENATED MODULE: external "prop-types"
+    const o = require("prop-types");
+    var a =  e.n(o);
+    // CONCATENATED MODULE: ./src/AnimationToggle/AnimationToggleContext.tsx
+    /**
  * A React context used to control whether animations are enabled or disabled.
  * Prefer `useAnimationToggle` or `AnimationToggle` over consuming this context
  * directly, since they take the user's reduced motion preference into account.
@@ -74,136 +82,132 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
  *
  * @public
  */
-
-var AnimationToggleContext = /*#__PURE__*/external_react_default().createContext(true);
-
-;// CONCATENATED MODULE: ./src/AnimationToggle/useAnimationToggle.tsx
-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; }
-
-
-
-/**
+    var u =  n().createContext(true);
+    // CONCATENATED MODULE: ./src/AnimationToggle/useAnimationToggle.tsx
+    function i(e, r) {
+        return s(e) || l(e, r) || c(e, r) || f();
+    }
+    function f() {
+        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 c(e, r) {
+        if (!e) return;
+        if (typeof e === "string") return d(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 d(e, r);
+    }
+    function d(e, r) {
+        if (r == null || r > e.length) r = e.length;
+        for (var t = 0, n = new Array(r); t < r; t++) {
+            n[t] = e[t];
+        }
+        return n;
+    }
+    function l(e, r) {
+        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
+        var t = [];
+        var n = true;
+        var o = false;
+        var a = undefined;
+        try {
+            for (var u = e[Symbol.iterator](), i; !(n = (i = u.next()).done); n = true) {
+                t.push(i.value);
+                if (r && t.length === r) break;
+            }
+        } catch (e) {
+            o = true;
+            a = e;
+        } finally {
+            try {
+                if (!n && u["return"] != null) u["return"]();
+            } finally {
+                if (o) throw a;
+            }
+        }
+        return t;
+    }
+    function s(e) {
+        if (Array.isArray(e)) return e;
+    }
+    /**
  * A React hook that combines the animation setting (see `AnimationToggleProvider`)
  * and the user's reduced motion preference into one value.
  *
  * @returns {string} `'off'` if animations are disabled. If animations are enabled
  * and the user prefers reduced motion, `'reduced'` is returned, `'on'` otherwise.
  * @public
- */
-
-var useAnimationToggle = function useAnimationToggle() {
-  var animationEnabled = (0,external_react_namespaceObject.useContext)(AnimationToggleContext);
-  var query = 'screen and (prefers-reduced-motion: reduce)';
-  var matchMedia = typeof window !== 'undefined' && !!window.matchMedia;
-
-  var _useState = (0,external_react_namespaceObject.useState)(matchMedia && window.matchMedia(query).matches),
-      _useState2 = _slicedToArray(_useState, 2),
-      reduced = _useState2[0],
-      setReduced = _useState2[1];
-
-  (0,external_react_namespaceObject.useEffect)(function () {
-    if (matchMedia) {
-      var mediaQuery = window.matchMedia(query);
-
-      var reducedMotionChanged = function reducedMotionChanged() {
-        setReduced(mediaQuery.matches);
-      };
-
-      mediaQuery.addListener(reducedMotionChanged);
-      return function () {
-        mediaQuery.removeListener(reducedMotionChanged);
-      };
-    }
-
-    return undefined;
-  }, [matchMedia, query]);
-
-  if (animationEnabled) {
-    return reduced ? 'reduced' : 'on';
-  }
-
-  return 'off';
-};
-
-
-;// CONCATENATED MODULE: ./src/AnimationToggle/AnimationToggle.tsx
-
-
-
-
-var callMeMaybe = function callMeMaybe(maybeFunction) {
-  return typeof maybeFunction === 'function' ? maybeFunction() : maybeFunction;
-};
-
-var propTypes = {
-  on: external_prop_types_default().oneOfType([(external_prop_types_default()).node, (external_prop_types_default()).func]).isRequired,
-  off: external_prop_types_default().oneOfType([(external_prop_types_default()).node, (external_prop_types_default()).func]).isRequired,
-  reduced: external_prop_types_default().oneOfType([(external_prop_types_default()).node, (external_prop_types_default()).func])
-};
-/**
+ */    var v = function e() {
+        var r = (0, t.useContext)(u);
+        var n = "screen and (prefers-reduced-motion: reduce)";
+        var o = typeof window !== "undefined" && !!window.matchMedia;
+        var a = (0, t.useState)(o && window.matchMedia(n).matches), f = i(a, 2), c = f[0], d = f[1];
+        (0, t.useEffect)((function() {
+            if (o) {
+                var e = window.matchMedia(n);
+                var r = function r() {
+                    d(e.matches);
+                };
+                e.addListener(r);
+                return function() {
+                    e.removeListener(r);
+                };
+            }
+            return undefined;
+        }), [ o, n ]);
+        if (r) {
+            return c ? "reduced" : "on";
+        }
+        return "off";
+    };
+    // CONCATENATED MODULE: ./src/AnimationToggle/AnimationToggle.tsx
+    var m = function e(r) {
+        return typeof r === "function" ? r() : r;
+    };
+    var y = {
+        on: a().oneOfType([ a().node, a().func ]).isRequired,
+        off: a().oneOfType([ a().node, a().func ]).isRequired,
+        reduced: a().oneOfType([ a().node, a().func ])
+    };
+    /**
  * Used to allow animation to be externally controlled through a provider or user preference.
- */
-
-function AnimationToggle(_ref) {
-  var on = _ref.on,
-      off = _ref.off,
-      reduced = _ref.reduced;
-  var animationToggle = useAnimationToggle();
-
-  if (animationToggle === 'on') {
-    return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, callMeMaybe(on));
-  }
-
-  if (animationToggle === 'reduced' && reduced) {
-    return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, callMeMaybe(reduced));
-  }
-
-  return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, callMeMaybe(off)); // react-docgen ignores components that don't use JSX/React.createElement.
-  // the following line forces detection:
-
-  return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null); // eslint-disable-line no-unreachable
-}
-
-AnimationToggle.propTypes = propTypes;
-/* harmony default export */ const AnimationToggle_AnimationToggle = (AnimationToggle);
-;// CONCATENATED MODULE: ./src/AnimationToggle/AnimationToggleProvider.tsx
-
-
-
-var AnimationToggleProvider_propTypes = {
-  children: (external_prop_types_default()).node,
-  enabled: (external_prop_types_default()).bool
-};
-/**
+ */    function p(e) {
+        var r = e.on, t = e.off, o = e.reduced;
+        var a = v();
+        if (a === "on") {
+            
+            return n().createElement(n().Fragment, null, m(r));
+        }
+        if (a === "reduced" && o) {
+            
+            return n().createElement(n().Fragment, null, m(o));
+        }
+        
+        return n().createElement(n().Fragment, null, m(t));
+ // react-docgen ignores components that don't use JSX/React.createElement.
+        // the following line forces detection:
+                
+        return n().createElement(n().Fragment, null);
+ // eslint-disable-line no-unreachable
+        }
+    p.propTypes = y;
+    /* harmony default export */    const b = p;
+    // CONCATENATED MODULE: ./src/AnimationToggle/AnimationToggleProvider.tsx
+    var g = {
+        children: a().node,
+        enabled: a().bool
+    };
+    /**
  * Used to provide a setting to enable or disable animation.
- */
-
-var AnimationToggleProvider = function AnimationToggleProvider(_ref) {
-  var children = _ref.children,
-      _ref$enabled = _ref.enabled,
-      enabled = _ref$enabled === void 0 ? false : _ref$enabled;
-  return /*#__PURE__*/external_react_default().createElement(AnimationToggleContext.Provider, {
-    value: enabled
-  }, children);
-};
-
-AnimationToggleProvider.propTypes = AnimationToggleProvider_propTypes;
-
-;// CONCATENATED MODULE: ./src/AnimationToggle/index.ts
-
-
-
-
-module.exports = __webpack_exports__;
-/******/ })()
-;
+ */    var h = function e(r) {
+        var t = r.children, o = r.enabled, a = o === void 0 ? false : o;
+        
+        return n().createElement(u.Provider, {
+            value: a
+        }, t);
+    };
+    h.propTypes = g;
+    // CONCATENATED MODULE: ./src/AnimationToggle/index.ts
+    module.exports = r;
+    /******/})();