@splunk/react-ui 4.13.0 → 4.15.0

package/Modal.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 116);
+/******/ 	return __webpack_require__(__webpack_require__.s = 168);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -104,11 +104,32 @@ module.exports = require("prop-types");
 /***/ 10:
 /***/ (function(module, exports) {
 
+module.exports = require("lodash/keys");
+
+/***/ }),
+
+/***/ 103:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ModalLayer");
+
+/***/ }),
+
+/***/ 110:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Divider");
+
+/***/ }),
+
+/***/ 13:
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 116:
+/***/ 168:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -129,21 +150,30 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "lodash/defer"
+var defer_ = __webpack_require__(53);
+var defer_default = /*#__PURE__*/__webpack_require__.n(defer_);
+
+// EXTERNAL MODULE: external "lodash/keys"
+var keys_ = __webpack_require__(10);
+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/react-ui/ModalLayer"
-var ModalLayer_ = __webpack_require__(77);
+var ModalLayer_ = __webpack_require__(103);
 var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(26);
+var focus_ = __webpack_require__(35);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(10);
+var id_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
-var ScrollContainerContext_ = __webpack_require__(37);
+var ScrollContainerContext_ = __webpack_require__(49);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -231,6 +261,10 @@ function Body(_ref) {
 
 Body.propTypes = propTypes;
 /* harmony default export */ var Modal_Body = (Body);
+// EXTERNAL MODULE: external "@splunk/react-ui/Divider"
+var Divider_ = __webpack_require__(110);
+var Divider_default = /*#__PURE__*/__webpack_require__.n(Divider_);
+
 // CONCATENATED MODULE: ./src/Modal/FooterStyles.ts
 
 
@@ -238,17 +272,21 @@ Body.propTypes = propTypes;
 var FooterStyles_StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "FooterStyles__StyledBox",
   componentId: "yszcmv-0"
-})(["flex:0 0 auto;text-align:right;padding:", ";", " & > button{min-width:80px;}"], Object(themes_["pick"])({
+})(["flex:0 0 auto;text-align:right;padding:", ";background-color:", ";& > button{min-width:80px;}"], Object(themes_["pick"])({
   enterprise: themes_["variables"].spacing,
   prisma: {
     comfortable: '24px',
     compact: '18px 24px'
   }
 }), Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["background-color:", ";border-top:1px solid ", ";"], themes_["variables"].backgroundColor, themes_["variables"].borderColor),
-  prisma: Object(external_styled_components_["css"])(["background-color:", ";"], themes_["variables"].backgroundColorDialog)
+  enterprise: themes_["variables"].backgroundColor,
+  prisma: themes_["variables"].backgroundColorDialog
 }));
 
+// CONCATENATED MODULE: ./src/Modal/ModalContext.tsx
+
+var ModalContext = /*#__PURE__*/Object(external_react_["createContext"])({});
+/* harmony default export */ var Modal_ModalContext = (ModalContext);
 // CONCATENATED MODULE: ./src/Modal/Footer.tsx
 function Footer_extends() { Footer_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 Footer_extends.apply(this, arguments); }
 
@@ -259,6 +297,8 @@ function Footer_objectWithoutPropertiesLoose(source, excluded) { if (source == n
 
 
 
+
+
 var Footer_propTypes = {
   children: external_prop_types_default.a.node
 };
@@ -271,15 +311,21 @@ function Footer(_ref) {
       otherProps = Footer_objectWithoutProperties(_ref, ["children"]);
 
   // @docs-props-type FooterPropsBase
-  return /*#__PURE__*/external_react_default.a.createElement(FooterStyles_StyledBox, Footer_extends({
+  var _useContext = Object(external_react_["useContext"])(Modal_ModalContext),
+      dividerContext = _useContext.divider;
+
+  var hasDivider = dividerContext === 'both' || dividerContext === 'footer';
+  return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, hasDivider && /*#__PURE__*/external_react_default.a.createElement(Divider_default.a, {
+    "aria-hidden": true
+  }), /*#__PURE__*/external_react_default.a.createElement(FooterStyles_StyledBox, Footer_extends({
     "data-test": "footer"
-  }, otherProps), children);
+  }, otherProps), children));
 }
 
 Footer.propTypes = Footer_propTypes;
 /* harmony default export */ var Modal_Footer = (Footer);
 // EXTERNAL MODULE: external "@splunk/react-ui/CloseButton"
-var CloseButton_ = __webpack_require__(67);
+var CloseButton_ = __webpack_require__(92);
 var CloseButton_default = /*#__PURE__*/__webpack_require__.n(CloseButton_);
 
 // CONCATENATED MODULE: ./src/Modal/HeaderStyles.ts
@@ -289,9 +335,7 @@ var CloseButton_default = /*#__PURE__*/__webpack_require__.n(CloseButton_);
 var HeaderStyles_StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "HeaderStyles__StyledBox",
   componentId: "sc-1y722ut-0"
-})(["flex:0 0 auto;display:flex;", " position:relative;min-height:", ";background-color:", ";padding:", ";align-items:center;padding-right:", ";"], Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["border-bottom:1px solid ", ";"], themes_["variables"].borderColor)
-}), Object(themes_["pick"])({
+})(["", ";flex:0 0 auto;position:relative;min-height:", ";background-color:", ";padding:", ";align-items:center;padding-right:", ";"], themes_["mixins"].reset('flex'), Object(themes_["pick"])({
   enterprise: '30px',
   prisma: {
     comfortable: '60px',
@@ -323,7 +367,7 @@ var StyledTitleWrapper = external_styled_components_default.a.div.withConfig({
 var StyledIcon = external_styled_components_default.a.div.withConfig({
   displayName: "HeaderStyles__StyledIcon",
   componentId: "sc-1y722ut-2"
-})(["display:inline-flex;align-items:center;justify-content:center;margin-right:", ";", " width:", ";height:", ";flex-shrink:0;"], themes_["variables"].spacingLarge, Object(themes_["pick"])({
+})(["", ";align-items:center;justify-content:center;margin-right:", ";", " width:", ";height:", ";flex-shrink:0;"], themes_["mixins"].reset('inline-flex'), themes_["variables"].spacingLarge, Object(themes_["pick"])({
   prisma: Object(external_styled_components_["css"])(["background-color:", ";"], themes_["variables"].transparent)
 }), Object(themes_["pick"])({
   comfortable: '40px',
@@ -372,10 +416,6 @@ var StyledClose = external_styled_components_default.a.div.withConfig({
   componentId: "sc-1y722ut-6"
 })(["", ";position:absolute;right:0;top:0;transform:rotate(90deg) translate(-50%,-50%);"], themes_["mixins"].reset('block'));
 
-// CONCATENATED MODULE: ./src/Modal/ModalContext.tsx
-
-var ModalContext = /*#__PURE__*/Object(external_react_["createContext"])({});
-/* harmony default export */ var Modal_ModalContext = (ModalContext);
 // CONCATENATED MODULE: ./src/Modal/Header.tsx
 function Header_extends() { Header_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 Header_extends.apply(this, arguments); }
 
@@ -388,6 +428,7 @@ function Header_objectWithoutPropertiesLoose(source, excluded) { if (source == n
 
 
 
+
 var Header_propTypes = {
   children: external_prop_types_default.a.node,
   icon: external_prop_types_default.a.node,
@@ -409,9 +450,11 @@ function Header(_ref) {
 
   // @docs-props-type StepPropsBase
   var _useContext = Object(external_react_["useContext"])(Modal_ModalContext),
-      titleIdContext = _useContext.titleId;
+      titleIdContext = _useContext.titleId,
+      dividerContext = _useContext.divider;
 
-  return /*#__PURE__*/external_react_default.a.createElement(HeaderStyles_StyledBox, Header_extends({
+  var hasDivider = dividerContext === 'both' || dividerContext === 'header';
+  return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(HeaderStyles_StyledBox, Header_extends({
     $close: !!onRequestClose,
     "data-test": "header"
   }, otherProps), icon && /*#__PURE__*/external_react_default.a.createElement(StyledIcon, null, icon), title ? /*#__PURE__*/external_react_default.a.createElement(StyledTitleWrapper, null, title && /*#__PURE__*/external_react_default.a.createElement(StyledTitle, {
@@ -422,13 +465,15 @@ function Header(_ref) {
   }, subtitle)) : children, onRequestClose && /*#__PURE__*/external_react_default.a.createElement(StyledButtonsWrapper, null, onRequestClose && /*#__PURE__*/external_react_default.a.createElement(StyledClose, null, /*#__PURE__*/external_react_default.a.createElement(CloseButton_default.a, {
     onClick: onRequestClose,
     "data-test": "close"
-  }))));
+  })))), hasDivider && /*#__PURE__*/external_react_default.a.createElement(Divider_default.a, {
+    "aria-hidden": true
+  }));
 }
 
 Header.propTypes = Header_propTypes;
 /* harmony default export */ var Modal_Header = (Header);
 // EXTERNAL MODULE: external "react-spring"
-var external_react_spring_ = __webpack_require__(19);
+var external_react_spring_ = __webpack_require__(26);
 
 // CONCATENATED MODULE: ./src/Modal/ModalStyles.ts
 
@@ -496,17 +541,21 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
+
 /** @public */
 
 var Modal_propTypes = {
   children: external_prop_types_default.a.node,
   initialFocus: external_prop_types_default.a.oneOfType([external_prop_types_default.a.object, external_prop_types_default.a.oneOf(['first', 'container'])]),
   onRequestClose: external_prop_types_default.a.func,
-  open: external_prop_types_default.a.bool
+  open: external_prop_types_default.a.bool,
+  divider: external_prop_types_default.a.oneOf(['header', 'footer', 'both', 'none'])
 };
 var defaultProps = {
   initialFocus: 'first',
-  open: false
+  open: false,
+  divider: 'both'
 };
 
 var Modal_Modal = /*#__PURE__*/function (_Component) {
@@ -555,7 +604,7 @@ var Modal_Modal = /*#__PURE__*/function (_Component) {
           open = _this$props.open;
 
       if (open) {
-        _this.initialFocusTimeoutId = Object(external_lodash_["defer"])(function () {
+        _this.initialFocusTimeoutId = defer_default()(function () {
           var focusTarget; // not using the takeFocus() util here because it
           // doesn't work for all values of "initialFocus"
           // and it has a nested defer() call, which we want to avoid
@@ -609,7 +658,8 @@ var Modal_Modal = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "renderModal", function (interpolatedStyle) {
       var _this$props3 = _this.props,
           style = _this$props3.style,
-          children = _this$props3.children;
+          children = _this$props3.children,
+          divider = _this$props3.divider;
       var top = interpolatedStyle.top,
           opacity = interpolatedStyle.opacity;
       var clonedChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
@@ -625,9 +675,10 @@ var Modal_Modal = /*#__PURE__*/function (_Component) {
         onKeyDown: _this.handleModalKeyDown,
         role: "dialog",
         "aria-labelledby": _this.headerTitleId
-      }, Object(external_lodash_["omit"])(_this.props, [].concat(_toConsumableArray(Object(external_lodash_["keys"])(Modal.propTypes)), ['style']))), /*#__PURE__*/external_react_default.a.createElement(Modal_ModalContext.Provider, {
+      }, omit_default()(_this.props, [].concat(_toConsumableArray(keys_default()(Modal.propTypes)), ['style']))), /*#__PURE__*/external_react_default.a.createElement(Modal_ModalContext.Provider, {
         value: {
-          titleId: _this.headerTitleId
+          titleId: _this.headerTitleId,
+          divider: divider
         }
       }, clonedChildren));
     });
@@ -686,13 +737,6 @@ _defineProperty(Modal_Modal, "Footer", Modal_Footer);
 
 
 
-/***/ }),
-
-/***/ 19:
-/***/ (function(module, exports) {
-
-module.exports = require("react-spring");
-
 /***/ }),
 
 /***/ 2:
@@ -705,7 +749,7 @@ module.exports = require("react");
 /***/ 26:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/focus");
+module.exports = require("react-spring");
 
 /***/ }),
 
@@ -716,31 +760,31 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 37:
+/***/ 35:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/ScrollContainerContext");
+module.exports = require("@splunk/ui-utils/focus");
 
 /***/ }),
 
-/***/ 4:
+/***/ 49:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("@splunk/react-ui/ScrollContainerContext");
 
 /***/ }),
 
-/***/ 67:
+/***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/CloseButton");
+module.exports = require("lodash/omit");
 
 /***/ }),
 
-/***/ 77:
+/***/ 53:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/ModalLayer");
+module.exports = require("lodash/defer");
 
 /***/ }),
 
@@ -749,6 +793,13 @@ module.exports = require("@splunk/react-ui/ModalLayer");
 
 module.exports = require("@splunk/react-ui/Box");
 
+/***/ }),
+
+/***/ 92:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/CloseButton");
+
 /***/ })
 
 /******/ });

package/ModalLayer.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 164);
+/******/ 	return __webpack_require__(__webpack_require__.s = 217);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 164:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 217:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -120,10 +127,10 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(31);
+var Animation_ = __webpack_require__(43);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
-var Layer_ = __webpack_require__(58);
+var Layer_ = __webpack_require__(82);
 var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -131,7 +138,7 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "react-spring"
-var external_react_spring_ = __webpack_require__(19);
+var external_react_spring_ = __webpack_require__(26);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
@@ -310,20 +317,13 @@ _defineProperty(ModalLayer_ModalLayer, "getDerivedStateFromProps", function (pro
 
 /***/ }),
 
-/***/ 19:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("react-spring");
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
 /***/ 3:
 /***/ (function(module, exports) {
 
@@ -331,14 +331,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 31:
+/***/ 43:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");
 
 /***/ }),
 
-/***/ 58:
+/***/ 82:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Layer");

package/Monogram.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 165);
+/******/ 	return __webpack_require__(__webpack_require__.s = 218);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,21 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 12:
+/***/ 14:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 165:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 218:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -127,15 +134,16 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "lodash/omit"
+var omit_ = __webpack_require__(5);
+var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // 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/Clickable"
-var Clickable_ = __webpack_require__(12);
+var Clickable_ = __webpack_require__(14);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -311,7 +319,7 @@ function MonogramInteractive(props) {
   return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
     elementRef: elementRef,
     onClick: handleClick
-  }, sharedProps, Object(external_lodash_["omit"])(otherProps, Object.keys(propTypes))), children);
+  }, sharedProps, omit_default()(otherProps, Object.keys(propTypes))), children);
 }
 
 function MonogramNonInteractive(props) {
@@ -326,7 +334,7 @@ function MonogramNonInteractive(props) {
 
   return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
     ref: elementRef
-  }, sharedProps, Object(external_lodash_["omit"])(otherProps, Object.keys(propTypes))), children);
+  }, sharedProps, omit_default()(otherProps, Object.keys(propTypes))), children);
 }
 
 function Monogram(props) {
@@ -347,13 +355,6 @@ Monogram.defaultProps = defaultProps;
 
 
 
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
 /***/ }),
 
 /***/ 3:
@@ -363,10 +364,10 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 4:
+/***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("lodash/omit");
 
 /***/ })