@splunk/react-ui 4.14.0 → 4.16.0

package/ButtonSimple.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 135);
+/******/ 	return __webpack_require__(__webpack_require__.s = 184);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,21 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 12:
+/***/ 14:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 135:
+/***/ 16:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
+
+/***/ }),
+
+/***/ 184:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -127,13 +134,13 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(5);
+var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(16);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -141,7 +148,7 @@ 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_);
 
 // CONCATENATED MODULE: ./src/ButtonSimple/prismaStyles.ts
@@ -300,15 +307,15 @@ var enterprisePrimary = Object(external_styled_components_["css"])(["", ";font-w
   var $selected = _ref9.$selected;
   return $selected && Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_["variables"].brandColorD20);
 });
-var enterpriseError = Object(external_styled_components_["css"])(["", ";font-weight:", ";", " &:not([disabled]){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{box-shadow:", ",", ";&:active{background-color:", ";transition:none;}}}&[disabled]{color:", ";background-color:", ";cursor:not-allowed;", "}"], enterpriseStyles_common, themes_["variables"].fontWeightSemiBold, enterpriseStyles_appendPrepend, themes_["variables"].errorColor, themes_["variables"].white, primaryShadow, function (_ref10) {
+var enterpriseError = Object(external_styled_components_["css"])(["", ";font-weight:", ";", " &:not([disabled]){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{box-shadow:", ",", ";&:active{background-color:", ";transition:none;}}}&[disabled]{color:", ";background-color:", ";cursor:not-allowed;", "}"], enterpriseStyles_common, themes_["variables"].fontWeightSemiBold, enterpriseStyles_appendPrepend, themes_["variables"].errorColorD10, themes_["variables"].white, primaryShadow, function (_ref10) {
   var $selected = _ref10.$selected;
-  return $selected && Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_["variables"].errorColorD20);
+  return $selected && Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_["variables"].errorColorD30);
 }, function (_ref11) {
   var $prepend = _ref11.$prepend;
-  return $prepend && Object(external_styled_components_["css"])(["border-left:1px solid ", ";"], themes_["variables"].errorColorD20);
-}, themes_["variables"].errorColorD20, themes_["variables"].errorColorD30, primaryShadow, themes_["variables"].focusShadow, themes_["variables"].errorColorD30, themes_["variables"].errorColorL30, themes_["variables"].errorColorL10, function (_ref12) {
+  return $prepend && Object(external_styled_components_["css"])(["border-left:1px solid ", ";"], themes_["variables"].errorColorD30);
+}, themes_["variables"].errorColorD30, themes_["variables"].errorColorD40, primaryShadow, themes_["variables"].focusShadow, themes_["variables"].errorColorD40, themes_["variables"].errorColorL10, themes_["variables"].errorColorD10, function (_ref12) {
   var $selected = _ref12.$selected;
-  return $selected && Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_["variables"].errorColorD20);
+  return $selected && Object(external_styled_components_["css"])(["box-shadow:", ";background-color:", ";"], primarySelectedShadow, themes_["variables"].errorColorD40);
 });
 var enterprisePill = Object(external_styled_components_["css"])(["", ";color:", ";border:1px solid transparent;&:not([disabled]){transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " &:hover{color:", ";background-color:", ";border-color:", ";}", " &:focus{color:", ";box-shadow:", ";}&:active,&[aria-expanded='true']{background-color:", ";transition:none;}}&[disabled]{color:", ";cursor:not-allowed;", "}"], enterpriseStyles_common, Object(themes_["pick"])({
   light: themes_["variables"].gray45,
@@ -350,6 +357,7 @@ var StyledClickable = external_styled_components_default()(Clickable_default.a).
   enterpriseSecondary: enterpriseDefault,
   enterprisePrimary: enterprisePrimary,
   enterpriseError: enterpriseError,
+  enterpriseDestructive: enterpriseError,
   enterprisePill: enterprisePill,
   prismaDefault: prismaTransparent,
   prismaDestructive: prismaFilled,
@@ -403,23 +411,50 @@ var propTypes = {
   children: external_prop_types_default.a.node,
   disabled: external_prop_types_default.a.bool,
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
+  error: external_prop_types_default.a.bool,
   inline: external_prop_types_default.a.bool,
   openInNewContext: external_prop_types_default.a.bool,
   prepend: external_prop_types_default.a.bool,
   selected: external_prop_types_default.a.bool,
   splunkTheme: external_prop_types_default.a.object,
-  status: external_prop_types_default.a.oneOf(['normal', 'error']),
   to: external_prop_types_default.a.string
 };
 var defaultProps = {
   appearance: 'default',
   append: false,
   disabled: false,
+  error: false,
   inline: true,
   openInNewContext: false,
   prepend: false,
-  selected: false,
-  status: 'normal'
+  selected: false
+};
+
+var mapVariant = function mapVariant(appearance, family) {
+  var enterprise = {
+    "default": 'enterpriseDefault',
+    destructive: 'enterpriseError',
+    primary: 'enterprisePrimary',
+    secondary: 'enterpriseSecondary',
+    pill: 'enterprisePill',
+    toggle: 'enterpriseDefault',
+    flat: 'enterpriseDefault'
+  };
+  var prisma = {
+    "default": 'prismaDefault',
+    destructive: 'prismaDestructive',
+    primary: 'prismaPrimary',
+    secondary: 'prismaSecondary',
+    pill: 'prismaSecondary',
+    toggle: 'prismaToggle',
+    flat: 'prismaFlat'
+  };
+
+  if (family === 'enterprise') {
+    return enterprise[appearance];
+  }
+
+  return prisma[appearance];
 };
 
 var ButtonSimple_ButtonSimple = /*#__PURE__*/function (_Component) {
@@ -459,57 +494,33 @@ var ButtonSimple_ButtonSimple = /*#__PURE__*/function (_Component) {
       (_this$component = this.component) === null || _this$component === void 0 ? void 0 : _this$component.focus();
     }
   }, {
-    key: "mapVariant",
-    value: function mapVariant() {
+    key: "render",
+    value: function render() {
       var _this$props = this.props,
-          splunkTheme = _this$props.splunkTheme,
           appearance = _this$props.appearance,
-          status = _this$props.status;
-      var enterprise = {
-        "default": 'enterpriseDefault',
-        destructive: 'enterpriseDefault',
-        primary: 'enterprisePrimary',
-        secondary: 'enterpriseSecondary',
-        pill: 'enterprisePill',
-        toggle: 'enterpriseDefault',
-        flat: 'enterpriseDefault'
-      };
-      var prisma = {
-        "default": 'prismaDefault',
-        destructive: 'prismaDestructive',
-        primary: 'prismaPrimary',
-        secondary: 'prismaSecondary',
-        pill: 'prismaSecondary',
-        toggle: 'prismaToggle',
-        flat: 'prismaFlat'
-      };
-
-      if (splunkTheme.family === 'enterprise') {
-        return status === 'error' ? 'enterpriseError' : enterprise[appearance];
-      }
+          append = _this$props.append,
+          children = _this$props.children,
+          error = _this$props.error,
+          prepend = _this$props.prepend,
+          selected = _this$props.selected,
+          splunkTheme = _this$props.splunkTheme,
+          otherProps = _objectWithoutProperties(_this$props, ["appearance", "append", "children", "error", "prepend", "selected", "splunkTheme"]);
 
-      return prisma[appearance];
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          append = _this$props2.append,
-          children = _this$props2.children,
-          prepend = _this$props2.prepend,
-          selected = _this$props2.selected,
-          status = _this$props2.status,
-          otherProps = _objectWithoutProperties(_this$props2, ["append", "children", "prepend", "selected", "status"]);
+      var variant = appearance;
+
+      if (splunkTheme.isEnterprise) {
+        variant = error ? 'destructive' : appearance;
+      }
 
       return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
-        "aria-invalid": status === 'error' || undefined,
+        "aria-invalid": error,
         "data-test": "button-simple",
         ref: this.handleMount,
-        $variant: this.mapVariant(),
-        $error: status === 'error',
+        $variant: mapVariant(variant, splunkTheme.family),
         $append: append,
         $prepend: prepend,
-        $selected: selected
+        $selected: selected,
+        $error: error
       }, otherProps), children, selected && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, Object(i18n_["_"])('Selected')));
     }
   }]);
@@ -528,13 +539,6 @@ ButtonSimpleWithTheme.propTypes = ButtonSimple_ButtonSimple.propTypes;
 
 
 
-/***/ }),
-
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
-
 /***/ }),
 
 /***/ 2:
@@ -551,7 +555,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 5:
+/***/ 4:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/i18n");

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 Change Log
 ============
+4.16.0 - January 10, 2023
+----------
+New Features:
+* Added `data-test` selectors to `File` (SUI-5205).
+* Added `primaryColumnIndex` prop to `Table` and `rowScreenReaderText` prop to `Table.Row` to improve screen reader usability of selectable rows (SUI-5044).
+* `Button` supports `appearance="destructive"` in Enterprise themes (SUI-5082).
+* `TabLayout` supports `count` prop (SUI-5080).
+* `Typography`'s `color` prop now supports `inherit` option.
+
+Bug Fixes:
+* `Select`, `Button`, `RadioBar`, `ButtonGroup` error state background color has been updated in enterprise themes to improve contrast (SUI-5082).
+
+Deprecations: 
+* `Button`'s `error` prop has been deprecated and will be removed in a future major version. Use `appearance="destructive"` instead (SUI-5082).
+
+
+4.15.0 - December 6, 2022
+----------
+New Features:
+* Added a `required` prop to `ControlGroup` to support inputs being required (SUI-5108).
+* Added support for a `filter` prop to `Multiselect` in `compact` mode (SUI-5201).
+  * This property supports `true`, `false`, and `"controlled"` as values, similar to `Select`.
+  * If this is set, the `controlledFilter` prop is ignored because `filter="controlled"` has identical functionality.
+
+Bug Fixes: 
+* Added missing type definition files for `TextArea` and `Divider` (SUI-5154).
+* Fixes missing `data-test="fixed-head"` test hook in `Table` (SUI-5157).
+* Added SSR support for `Select`
+* Optimizes bundle sizes of consumers by reducing footprint of "lodash" (SUI-5090).
+* Added a missing icon for `openInNewContext` in `Menu.Item` (SUI-5165).
+* `Menu.Heading` no longer has an extra padding in Prisma themes (SUI-4114).
+* `Color` will render a console warning when an invalid Hex value is supplied (SUI-5081).
+* Pins `react-spring` to v9.2.4 (SUI-5170).
+* Upgrades `moment` to v2.29.4 and `minimist` to v1.2.6 (SUI-5176).
+* `Popover` and all elements derived from it no longer accept mouse input during their disappear animation (SUI-3543).
+* `Tooltip` is no longer interactible during its disappear animation (SUI-5116).
+  * The default `closeDelay` has been increased from `0` to `300`.
+  * The disappear animation duration has been correspondingly reduced.
+  * This allows for a grace period when the user can leave and return to the `Tooltip`.
+  * This is similar to the old disappear behavior, but without the issue where a mostly-invisible tooltip accepts mouse interaction.
+  * `onRequestOpen` and `onRequestClose` callbacks will no longer trigger when the mouse moves between the `Tooltip` `anchor` and `Popover`.
+* `Date` now shows the correct cursor type along the outer edge of the input when disabled.
+
 4.14.0 - November 1, 2022
 ----------
 New Features:
@@ -7,6 +50,9 @@ New Features:
 * Added `inputOnly` prop to `Date` (SUI-3809).
 * Added a `renderChildrenWhenCollapsed` prop to `CollapsiblePanel` and `TransitionOpen` which defaults to `false` (SUI-4321).
 * Added a `divider` prop to `Modal` to show dividers between header, body and footer. The value defaults to `both` (SUI-3443).
+* `ControlGroup`'s `error` prop now takes `boolean` or `string` (SUI-5086).
+  * `error` with `string` will display error text below the control.
+  * `help` and `error` text can be displayed at the same time.
 
 Bug Fixes:
 * `Date`'s dropdown menu is now keyboard accessible (SUI-3809).