@splunk/react-ui 4.14.0 → 4.15.0

package/Menu.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 117);
+/******/ 	return __webpack_require__(__webpack_require__.s = 166);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 10:
+/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +128,28 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 117:
+/***/ 138:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/useForceUpdate");
+
+/***/ }),
+
+/***/ 139:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/TriangleRightSmall");
+
+/***/ }),
+
+/***/ 14:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Clickable");
+
+/***/ }),
+
+/***/ 166:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -151,20 +172,20 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/omit"
-var omit_ = __webpack_require__(47);
+var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(18);
+var Popover_ = __webpack_require__(23);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(28);
+var focus_ = __webpack_require__(35);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/useForceUpdate"
-var useForceUpdate_ = __webpack_require__(98);
+var useForceUpdate_ = __webpack_require__(138);
 var useForceUpdate_default = /*#__PURE__*/__webpack_require__.n(useForceUpdate_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -237,11 +258,11 @@ Divider.filterConsecutive = true;
 Divider.filterLast = true;
 /* harmony default export */ var Menu_Divider = (Divider);
 // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(58);
+var Heading_ = __webpack_require__(77);
 var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
 
 // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
-var useSplunkTheme_ = __webpack_require__(42);
+var useSplunkTheme_ = __webpack_require__(52);
 var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
 
 // CONCATENATED MODULE: ./src/Menu/HeadingStyles.ts
@@ -308,12 +329,11 @@ function Heading(_ref) {
   var _useSplunkTheme = useSplunkTheme_default()(),
       family = _useSplunkTheme.family;
 
-  var inner = family === 'prisma' ? /*#__PURE__*/external_react_default.a.createElement(HeadingStyles_Styled, {
-    style: outerStyle
-  }, /*#__PURE__*/external_react_default.a.createElement(PrismaSectionTitle, Heading_extends({
+  var inner = family === 'prisma' ? /*#__PURE__*/external_react_default.a.createElement(PrismaSectionTitle, Heading_extends({
     as: title ? 'h4' : 'h5',
+    style: outerStyle,
     "data-test": "heading"
-  }, otherProps), children)) : /*#__PURE__*/external_react_default.a.createElement(Heading_default.a, Heading_extends({
+  }, otherProps), children) : /*#__PURE__*/external_react_default.a.createElement(Heading_default.a, Heading_extends({
     style: _objectSpread(_objectSpread({}, outerStyle), {}, {
       margin: 0
     }),
@@ -337,14 +357,18 @@ Heading.filterConsecutive = true;
 
 Heading.filterLast = true;
 /* harmony default export */ var Menu_Heading = (Heading);
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "lodash/isString"
+var isString_ = __webpack_require__(25);
+var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
+
+// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
+var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: ./src/icons/Check.tsx
-var Check = __webpack_require__(56);
+var Check = __webpack_require__(75);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/TriangleRightSmall"
-var TriangleRightSmall_ = __webpack_require__(99);
+var TriangleRightSmall_ = __webpack_require__(139);
 var TriangleRightSmall_default = /*#__PURE__*/__webpack_require__.n(TriangleRightSmall_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -379,21 +403,26 @@ function CaretRight(props) {
   }, props));
 }
 // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
-var ChevronRight = __webpack_require__(29);
+var ChevronRight = __webpack_require__(37);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(12);
+var Clickable_ = __webpack_require__(14);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Switch"
-var Switch_ = __webpack_require__(72);
+var Switch_ = __webpack_require__(96);
 var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
 
+// EXTERNAL MODULE: external "@splunk/react-icons/External"
+var External_ = __webpack_require__(60);
+var External_default = /*#__PURE__*/__webpack_require__.n(External_);
+
 // CONCATENATED MODULE: ./src/Menu/ItemStyles.ts
 
 
 
 
+
 var itemDescription = Object(external_styled_components_["css"])(["color:", ";font-size:", ";line-height:", ";overflow:inherit;white-space:inherit;text-overflow:inherit;"], Object(themes_["pick"])({
   prisma: themes_["variables"].contentColorDefault,
   enterprise: themes_["variables"].textGray
@@ -562,9 +591,16 @@ var StyledSubmenu = external_styled_components_default.a.span.withConfig({
   prisma: 'inherit',
   enterprise: themes_["variables"].textGray
 }));
+var StyledExternal = external_styled_components_default()(External_default.a).withConfig({
+  displayName: "ItemStyles__StyledExternal",
+  componentId: "sc-4kc053-11"
+})(["vertical-align:baseline;margin-left:", ";"], Object(themes_["pick"])({
+  enterprise: '3px',
+  prisma: '4px'
+}));
 
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(10);
+var updateReactRef = __webpack_require__(12);
 
 // CONCATENATED MODULE: ./src/Menu/Item.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -606,6 +642,8 @@ function Item_defineProperty(obj, key, value) { if (key in obj) { Object.defineP
 
 
 
+
+
 var Item_propTypes = {
   active: external_prop_types_default.a.bool,
   children: external_prop_types_default.a.node,
@@ -734,7 +772,7 @@ var Item_Item = /*#__PURE__*/function (_Component) {
           children = _this$props2.children,
           matchRanges = _this$props2.matchRanges;
 
-      if (!matchRanges || !Object(external_lodash_["isString"])(children)) {
+      if (!matchRanges || !isString_default()(children)) {
         return children;
       }
 
@@ -826,9 +864,9 @@ var Item_Item = /*#__PURE__*/function (_Component) {
         },
         role: role || defaultRole,
         to: to,
-        title: truncate && Object(external_lodash_["isString"])(children) ? children : undefined,
+        title: truncate && isString_default()(children) ? children : undefined,
         openInNewContext: openInNewContext
-      }, ariaProps, Object(external_lodash_["omit"])(otherProps, 'onFocus'), {
+      }, ariaProps, omit_default()(otherProps, 'onFocus'), {
         elementRef: this.handleMount
       }), selectablePosition === 'left' && selectableCheckmark, selectable && selectableAppearance === 'checkbox' && /*#__PURE__*/external_react_default.a.createElement(StyledSwitch, {
         interactive: false,
@@ -842,7 +880,10 @@ var Item_Item = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
         $truncate: truncate,
         "data-test": "label"
-      }, this.renderLabel()), descriptionBottom && /*#__PURE__*/external_react_default.a.createElement(StyledItemDescriptionBottom, {
+      }, this.renderLabel(), openInNewContext && /*#__PURE__*/external_react_default.a.createElement(StyledExternal, {
+        screenReaderText: Object(i18n_["_"])('Open externally'),
+        size: 0.8
+      })), descriptionBottom && /*#__PURE__*/external_react_default.a.createElement(StyledItemDescriptionBottom, {
         "data-test": "description"
       }, description)), selectablePosition === 'right' && selectableCheckmark));
     }
@@ -859,7 +900,7 @@ var ItemWithTheme = Object(themes_["withSplunkTheme"])(Item_Item);
 ItemWithTheme.propTypes = Item_Item.propTypes;
 /* harmony default export */ var Menu_Item = (ItemWithTheme);
 // EXTERNAL MODULE: external "@splunk/react-ui/Scroll"
-var Scroll_ = __webpack_require__(68);
+var Scroll_ = __webpack_require__(90);
 var Scroll_default = /*#__PURE__*/__webpack_require__.n(Scroll_);
 
 // CONCATENATED MODULE: ./src/Menu/MenuStyles.ts
@@ -891,7 +932,7 @@ MenuStyles_Styled,
 MenuStyles_Styled, adjacentSiblingStyles);
 
 // EXTERNAL MODULE: ./src/utils/navigateList.ts
-var navigateList = __webpack_require__(44);
+var navigateList = __webpack_require__(55);
 
 // CONCATENATED MODULE: ./src/Menu/Menu.tsx
 function Menu_extends() { Menu_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 Menu_extends.apply(this, arguments); }
@@ -1093,42 +1134,49 @@ Menu.Heading = Menu_Heading;
 
 /***/ }),
 
-/***/ 12:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Clickable");
+module.exports = require("react");
 
 /***/ }),
 
-/***/ 18:
+/***/ 23:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 2:
+/***/ 25:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("lodash/isString");
+
+/***/ }),
+
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 28:
+/***/ 35:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/focus");
 
 /***/ }),
 
-/***/ 29:
+/***/ 37:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35);
+/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
 /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1171,35 +1219,35 @@ function ChevronRight(props) {
 
 /***/ }),
 
-/***/ 3:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 35:
+/***/ 44:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");
 
 /***/ }),
 
-/***/ 4:
+/***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 42:
+/***/ 52:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/useSplunkTheme");
 
 /***/ }),
 
-/***/ 44:
+/***/ 55:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1236,77 +1284,6 @@ function getPrevListItem(refs, currentIndex, prevIndex) {
 
 
 
-/***/ }),
-
-/***/ 47:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/omit");
-
-/***/ }),
-
-/***/ 50:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-icons/Check");
-
-/***/ }),
-
-/***/ 56:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Check; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(50);
-/* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
-/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
-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 Prisma24(_ref) {
-  var otherProps = _extends({}, _ref);
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
-    viewBox: "0 0 24 24"
-  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
-    d: "M20.7071 5.59294C21.0977 5.98347 21.0977 6.61663 20.7071 7.00716L10.1447 17.5695C9.55896 18.1553 8.60922 18.1553 8.02343 17.5695L3.29289 12.839C2.90237 12.4485 2.90237 11.8153 3.29289 11.4248C3.68342 11.0343 4.31658 11.0343 4.70711 11.4248L9.08409 15.8018L19.2929 5.59294C19.6835 5.20242 20.3166 5.20242 20.7071 5.59294Z",
-    fill: "currentColor"
-  }));
-}
-
-function Prisma16(_ref2) {
-  var otherProps = _extends({}, _ref2);
-
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
-    viewBox: "0 0 16 16"
-  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
-    d: "M13.999 4.75712L6.17736 12.5786L1.99561 8.39691L3.40981 6.98269L6.17737 9.75021L12.5848 3.3429L13.999 4.75712Z",
-    fill: "currentColor"
-  }));
-}
-
-function Check(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default.a,
-    Prisma16: Prisma16,
-    Prisma24: Prisma24
-  }, props));
-}
-
-/***/ }),
-
-/***/ 58:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Heading");
-
 /***/ }),
 
 /***/ 6:
@@ -1334,10 +1311,17 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 68:
+/***/ 60:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Scroll");
+module.exports = require("@splunk/react-icons/External");
+
+/***/ }),
+
+/***/ 65:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Check");
 
 /***/ }),
 
@@ -1459,10 +1443,60 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 72:
+/***/ 75:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Check; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(65);
+/* harmony import */ var _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
+/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
+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 Prisma24(_ref) {
+  var otherProps = _extends({}, _ref);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
+    viewBox: "0 0 24 24"
+  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
+    d: "M20.7071 5.59294C21.0977 5.98347 21.0977 6.61663 20.7071 7.00716L10.1447 17.5695C9.55896 18.1553 8.60922 18.1553 8.02343 17.5695L3.29289 12.839C2.90237 12.4485 2.90237 11.8153 3.29289 11.4248C3.68342 11.0343 4.31658 11.0343 4.70711 11.4248L9.08409 15.8018L19.2929 5.59294C19.6835 5.20242 20.3166 5.20242 20.7071 5.59294Z",
+    fill: "currentColor"
+  }));
+}
+
+function Prisma16(_ref2) {
+  var otherProps = _extends({}, _ref2);
+
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
+    viewBox: "0 0 16 16"
+  }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
+    d: "M13.999 4.75712L6.17736 12.5786L1.99561 8.39691L3.40981 6.98269L6.17737 9.75021L12.5848 3.3429L13.999 4.75712Z",
+    fill: "currentColor"
+  }));
+}
+
+function Check(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
+    Enterprise: _splunk_react_icons_Check__WEBPACK_IMPORTED_MODULE_1___default.a,
+    Prisma16: Prisma16,
+    Prisma24: Prisma24
+  }, props));
+}
+
+/***/ }),
+
+/***/ 77:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Switch");
+module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),
 
@@ -1473,17 +1507,17 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 98:
+/***/ 90:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/useForceUpdate");
+module.exports = require("@splunk/react-ui/Scroll");
 
 /***/ }),
 
-/***/ 99:
+/***/ 96:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/TriangleRightSmall");
+module.exports = require("@splunk/react-ui/Switch");
 
 /***/ })