@splunk/react-ui 4.16.3 → 4.17.1

package/CollapsiblePanel.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 209);
+/******/ 	return __webpack_require__(__webpack_require__.s = 196);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -104,39 +104,18 @@ module.exports = require("prop-types");
 /***/ 10:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/keys");
-
-/***/ }),
-
-/***/ 11:
-/***/ (function(module, exports) {
-
 module.exports = require("lodash/has");
 
 /***/ }),
 
-/***/ 13:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/id");
-
-/***/ }),
-
-/***/ 14:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 209:
+/***/ 196:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -155,40 +134,34 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/has"
-var has_ = __webpack_require__(11);
+var has_ = __webpack_require__(10);
 var has_default = /*#__PURE__*/__webpack_require__.n(has_);
 
 // EXTERNAL MODULE: external "lodash/keys"
-var keys_ = __webpack_require__(10);
+var keys_ = __webpack_require__(9);
 var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
 
 // EXTERNAL MODULE: external "lodash/omit"
 var omit_ = __webpack_require__(5);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
-// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(4);
-
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(13);
+var id_ = __webpack_require__(8);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/TransitionOpen"
 var TransitionOpen_ = __webpack_require__(72);
 var TransitionOpen_default = /*#__PURE__*/__webpack_require__.n(TransitionOpen_);
 
-// EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
-var ChevronRight = __webpack_require__(37);
-
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
-var Box_ = __webpack_require__(8);
+var Box_ = __webpack_require__(6);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(14);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -266,7 +239,7 @@ var StyledClickableIcon = external_styled_components_default()(Clickable_default
     compact: '0px 8px'
   },
   prisma: {
-    comfortable: '12px',
+    comfortable: '14px',
     compact: '8px'
   }
 }), Object(themes_["pick"])({
@@ -351,6 +324,45 @@ var StyledDescription = external_styled_components_default.a.span.withConfig({
   prisma: themes_["variables"].spacingLarge
 }));
 
+// EXTERNAL MODULE: external "@splunk/react-icons/ChevronRight"
+var ChevronRight_ = __webpack_require__(43);
+var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
+
+// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
+var enterprise_ChevronRight_ = __webpack_require__(35);
+var enterprise_ChevronRight_default = /*#__PURE__*/__webpack_require__.n(enterprise_ChevronRight_);
+
+// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
+var i18n_ = __webpack_require__(4);
+
+// CONCATENATED MODULE: ./src/CollapsiblePanel/icons/ExpandPanel.tsx
+
+
+
+
+
+
+var propTypes = {
+  open: external_prop_types_default.a.bool
+};
+
+var ExpandPanel_ChevronRight = function ChevronRight(_ref) {
+  var open = _ref.open;
+
+  var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
+      isEnterprise = _useSplunkTheme.isEnterprise;
+
+  var screenReaderText = open ? Object(i18n_["_"])('Panel is open') : Object(i18n_["_"])('Panel is closed');
+  return isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(enterprise_ChevronRight_default.a, {
+    hideDefaultTooltip: true,
+    screenReaderText: screenReaderText
+  }) : /*#__PURE__*/external_react_default.a.createElement(ChevronRight_default.a, {
+    "aria-label": screenReaderText
+  });
+};
+
+ExpandPanel_ChevronRight.propTypes = propTypes;
+/* harmony default export */ var ExpandPanel = (ExpandPanel_ChevronRight);
 // CONCATENATED MODULE: ./src/CollapsiblePanel/CollapsiblePanel.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); }
 
@@ -391,8 +403,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+/** @public */
 
-var propTypes = {
+var CollapsiblePanel_propTypes = {
   innerBodyStyles: external_prop_types_default.a.object,
   children: external_prop_types_default.a.node,
   defaultOpen: external_prop_types_default.a.bool,
@@ -536,9 +549,8 @@ var CollapsiblePanel_CollapsiblePanel = /*#__PURE__*/function (_Component) {
         "aria-expanded": open,
         $open: !!open,
         "data-test": "toggle"
-      }, /*#__PURE__*/external_react_default.a.createElement(ChevronRight["a" /* default */], {
-        screenReaderText: open ? Object(i18n_["_"])('Panel is open') : Object(i18n_["_"])('Panel is closed'),
-        prismaSize: "small"
+      }, /*#__PURE__*/external_react_default.a.createElement(ExpandPanel, {
+        open: open
       })), /*#__PURE__*/external_react_default.a.createElement(StyledHeadingContent, {
         $titleWithActions: titleWithActions,
         "data-test": "title"
@@ -558,9 +570,8 @@ var CollapsiblePanel_CollapsiblePanel = /*#__PURE__*/function (_Component) {
         "aria-expanded": open,
         $open: !!open,
         "data-test": "toggle"
-      }, /*#__PURE__*/external_react_default.a.createElement(StyledIcon, null, /*#__PURE__*/external_react_default.a.createElement(ChevronRight["a" /* default */], {
-        screenReaderText: open ? Object(i18n_["_"])('Panel is open') : Object(i18n_["_"])('Panel is closed'),
-        prismaSize: "small"
+      }, /*#__PURE__*/external_react_default.a.createElement(StyledIcon, null, /*#__PURE__*/external_react_default.a.createElement(ExpandPanel, {
+        open: open
       })), /*#__PURE__*/external_react_default.a.createElement(StyledHeadingContent, null, /*#__PURE__*/external_react_default.a.createElement("span", {
         "data-test": "title"
       }, title), description && /*#__PURE__*/external_react_default.a.createElement(StyledDescription, {
@@ -585,7 +596,7 @@ var CollapsiblePanel_CollapsiblePanel = /*#__PURE__*/function (_Component) {
   return CollapsiblePanel;
 }(external_react_["Component"]);
 
-_defineProperty(CollapsiblePanel_CollapsiblePanel, "propTypes", propTypes);
+_defineProperty(CollapsiblePanel_CollapsiblePanel, "propTypes", CollapsiblePanel_propTypes);
 
 _defineProperty(CollapsiblePanel_CollapsiblePanel, "defaultProps", defaultProps);
 
@@ -596,60 +607,24 @@ _defineProperty(CollapsiblePanel_CollapsiblePanel, "defaultProps", defaultProps)
 
 /***/ }),
 
-/***/ 3:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("react");
 
 /***/ }),
 
-/***/ 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__(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);
-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);
+/***/ 3:
+/***/ (function(module, exports) {
 
-  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: "M14.7861 11.9999L8.48587 5.69972C8.09534 5.3092 8.09534 4.67603 8.48587 4.28551C8.87639 3.89499 9.50956 3.89499 9.90008 4.28551L16.5538 10.9393C17.1396 11.525 17.1396 12.4748 16.5538 13.0606L9.90142 19.713C9.5109 20.1035 8.87773 20.1035 8.48721 19.713C8.09669 19.3224 8.09669 18.6893 8.48721 18.2988L14.7861 11.9999Z",
-    fill: "currentColor"
-  }));
-}
+module.exports = require("styled-components");
 
-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: "M11.7109 7.9976L5.71017 13.9983L4.29597 12.5841L8.88914 7.99095L4.34482 3.40363L5.76567 1.99609L11.7109 7.9976Z",
-    fill: "currentColor"
-  }));
-}
+/***/ 35:
+/***/ (function(module, exports) {
 
-function ChevronRight(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
-    Enterprise: _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default.a,
-    Prisma16: Prisma16,
-    Prisma24: Prisma24
-  }, props));
-}
+module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
 
 /***/ }),
 
@@ -660,7 +635,7 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 44:
+/***/ 43:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChevronRight");
@@ -675,159 +650,30 @@ module.exports = require("lodash/omit");
 /***/ }),
 
 /***/ 6:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
-/* 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 styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-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(module, exports) {
 
-var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
-  displayName: "SVG__Styled",
-  componentId: "sc-1bz0ryh-0"
-})(["flex:0 0 auto;"]);
-function SVG(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props));
-}
+module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 7:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
-/* 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 prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
-/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-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 _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 inlineStyles = {
-  display: 'inline-block',
-  flex: '0 0 auto',
-  overflow: 'visible',
-  verticalAlign: 'middle'
-};
-var blockStyles = {
-  display: 'block',
-  flex: '0 0 auto',
-  margin: '0 auto',
-  overflow: 'visible'
-};
-var propTypes = {
-  Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
-  enterpriseSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
-  enterpriseWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
-  enterpriseHeight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
-  Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
-  Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
-  Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
-  prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
-  inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
-  screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
-};
-var defaultProps = {
-  inline: true,
-  prismaSize: 'medium'
-};
-function Icon(_ref) {
-  var Enterprise = _ref.Enterprise,
-      Prisma24 = _ref.Prisma24,
-      Prisma20 = _ref.Prisma20,
-      Prisma16 = _ref.Prisma16,
-      prismaSize = _ref.prismaSize,
-      inline = _ref.inline,
-      enterpriseSize = _ref.enterpriseSize,
-      enterpriseWidth = _ref.enterpriseWidth,
-      enterpriseHeight = _ref.enterpriseHeight,
-      screenReaderText = _ref.screenReaderText,
-      otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
-
-  var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
-      family = _useSplunkTheme.family,
-      density = _useSplunkTheme.density; // Enterprise - all variants
-
-
-  if (family === 'enterprise') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
-      size: enterpriseSize,
-      width: enterpriseWidth,
-      height: enterpriseHeight,
-      screenReaderText: screenReaderText || null,
-      hideDefaultTooltip: true,
-      inline: inline
-    }, otherProps));
-  }
-
-  var prismaProps = _objectSpread({
-    'aria-label': screenReaderText,
-    style: inline ? inlineStyles : blockStyles
-  }, otherProps); // Prisma - small+compact, small+comfortable
-
-
-  if (prismaSize === 'small') {
-    var SVG = Prisma16 || Prisma24;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
-      width: "16",
-      height: "16"
-    }, prismaProps));
-  } // Prisma - medium+compact
-
-
-  if (density === 'compact') {
-    var _SVG = Prisma20 || Prisma24;
-
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
-      width: "20",
-      height: "20"
-    }, prismaProps));
-  } // Prisma - medium+comfortable
-
+/***/ 72:
+/***/ (function(module, exports) {
 
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
-    width: "24",
-    height: "24"
-  }, prismaProps));
-}
-Icon.propTypes = propTypes;
-Icon.defaultProps = defaultProps;
+module.exports = require("@splunk/react-ui/TransitionOpen");
 
 /***/ }),
 
-/***/ 72:
+/***/ 8:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/TransitionOpen");
+module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 8:
+/***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Box");
+module.exports = require("lodash/keys");
 
 /***/ })