@carbon/react 1.0.0-rc.0 → 1.0.2

package/lib/components/Button/Button.js

@@ -14,42 +14,18 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var types = require('../../prop-types/types.js');
-var deprecate = require('../../prop-types/deprecate.js');
+var index = require('../IconButton/index.js');
 var events = require('../../tools/events.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useId = require('../../internal/useId.js');
-var toggleClass = require('../../tools/toggleClass.js');
-var index = require('../FeatureFlags/index.js');
-var FeatureFlags = require('@carbon/feature-flags');
-var match = require('../../internal/keyboard/match.js');
-var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var _excluded = ["as", "children", "className", "dangerDescription", "disabled", "hasIconOnly", "href", "iconDescription", "isExpressive", "isSelected", "kind", "onBlur", "onClick", "onFocus", "onMouseEnter", "onMouseLeave", "renderIcon", "size", "small", "tabIndex", "tooltipAlignment", "tooltipPosition", "type"];
+var _excluded = ["as", "children", "className", "dangerDescription", "disabled", "hasIconOnly", "href", "iconDescription", "isExpressive", "isSelected", "kind", "onBlur", "onClick", "onFocus", "onMouseEnter", "onMouseLeave", "renderIcon", "size", "tabIndex", "tooltipAlignment", "tooltipPosition", "type"];
 var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_ref, ref) {
   var _classNames;
 
@@ -76,8 +52,7 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
       onMouseLeave = _ref.onMouseLeave,
       ButtonImageElement = _ref.renderIcon,
       _ref$size = _ref.size,
-      size = _ref$size === void 0 ? FeatureFlags__namespace.enabled('enable-v11-release') ? 'lg' : 'default' : _ref$size,
-      small = _ref.small,
+      size = _ref$size === void 0 ? 'lg' : _ref$size,
       _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
       _ref$tooltipAlignment = _ref.tooltipAlignment,
@@ -88,99 +63,18 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
       type = _ref$type === void 0 ? 'button' : _ref$type,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
-  var _useState = React.useState(false),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      allowTooltipVisibility = _useState2[0],
-      setAllowTooltipVisibility = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      isHovered = _useState4[0],
-      setIsHovered = _useState4[1];
-
-  var _useState5 = React.useState(false),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      isFocused = _useState6[0],
-      setIsFocused = _useState6[1];
-
   var tooltipRef = React.useRef(null);
-  var tooltipTimeout = React.useRef(null);
   var prefix = usePrefix.usePrefix();
 
-  var closeTooltips = function closeTooltips(evt) {
-    var _document;
-
-    var tooltipNode = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelectorAll(".".concat(prefix, "--tooltip--a11y"));
-
-    _rollupPluginBabelHelpers.toConsumableArray(tooltipNode).map(function (node) {
-      toggleClass["default"](node, "".concat(prefix, "--tooltip--hidden"), node !== evt.currentTarget);
-    });
-  };
-
-  var handleFocus = function handleFocus(evt) {
-    if (hasIconOnly) {
-      closeTooltips(evt);
-      setIsFocused(true);
-      setAllowTooltipVisibility(true);
-    }
-  };
-
-  var handleBlur = function handleBlur() {
-    if (hasIconOnly) {
-      setIsHovered(false);
-      setIsFocused(false);
-      setAllowTooltipVisibility(false);
-    }
-  };
-
-  var handleMouseEnter = function handleMouseEnter(evt) {
-    if (hasIconOnly) {
-      tooltipTimeout.current && clearTimeout(tooltipTimeout.current);
-
-      if (evt.target === tooltipRef.current) {
-        setAllowTooltipVisibility(true);
-        return;
-      }
-
-      closeTooltips(evt);
-      setAllowTooltipVisibility(true);
-    }
-  };
-
-  var handleMouseLeave = function handleMouseLeave() {
-    if (!isFocused && hasIconOnly) {
-      tooltipTimeout.current = setTimeout(function () {
-        setAllowTooltipVisibility(false);
-        setIsHovered(false);
-      }, 100);
-    }
-  };
-
   var handleClick = function handleClick(evt) {
     // Prevent clicks on the tooltip from triggering the button click event
-    setAllowTooltipVisibility(false);
-
     if (evt.target === tooltipRef.current) {
       evt.preventDefault();
       return;
     }
   };
 
-  React.useEffect(function () {
-    var handleEscKeyDown = function handleEscKeyDown(event) {
-      if (match.matches(event, [keys.Escape])) {
-        setAllowTooltipVisibility(false);
-        setIsHovered(false);
-      }
-    };
-
-    document.addEventListener('keydown', handleEscKeyDown);
-    return function () {
-      return document.removeEventListener('keydown', handleEscKeyDown);
-    };
-  }, []);
-  var enabled = index.useFeatureFlag('enable-v11-release');
-  var buttonClasses = cx__default["default"](className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn"), true), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--sm"), size === 'small' && !isExpressive || size === 'sm' && !isExpressive || small && !isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--md"), size === 'field' && !isExpressive || size === 'md' && !isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--lg"), enabled ? size === 'xl' : size === 'lg'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--xl"), enabled ? size === '2xl' : size === 'xl'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--").concat(kind), kind), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--expressive"), isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--tooltip--visible"), isHovered), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--tooltip--hidden"), hasIconOnly && !allowTooltipVisibility), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--icon-only"), hasIconOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--selected"), hasIconOnly && isSelected && kind === 'ghost'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--tooltip__trigger"), hasIconOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--tooltip--a11y"), hasIconOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--icon-only--").concat(tooltipPosition), hasIconOnly && tooltipPosition), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--tooltip--align-").concat(tooltipAlignment), hasIconOnly && tooltipAlignment), _classNames));
+  var buttonClasses = cx__default["default"](className, (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn"), true), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--sm"), size === 'sm' && !isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--md"), size === 'md' && !isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--xl"), size === 'xl'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--2xl"), size === '2xl'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--").concat(kind), kind), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--expressive"), isExpressive), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--icon-only"), hasIconOnly), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--btn--selected"), hasIconOnly && isSelected && kind === 'ghost'), _classNames));
   var commonProps = {
     tabIndex: tabIndex,
     className: buttonClasses,
@@ -191,6 +85,7 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
     className: "".concat(prefix, "--btn__icon"),
     "aria-hidden": "true"
   });
+  var iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React__default["default"].createElement(ButtonImageElement, null);
   var dangerButtonVariants = ['danger', 'danger--tertiary', 'danger--ghost'];
   var component = 'button';
   var assistiveId = useId.useId('danger-description');
@@ -205,13 +100,7 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
   };
   var assistiveText;
 
-  if (hasIconOnly) {
-    assistiveText = /*#__PURE__*/React__default["default"].createElement("div", {
-      ref: tooltipRef,
-      onMouseEnter: handleMouseEnter,
-      className: "".concat(prefix, "--assistive-text")
-    }, iconDescription);
-  } else if (dangerButtonVariants.includes(kind)) {
+  if (dangerButtonVariants.includes(kind)) {
     assistiveText = /*#__PURE__*/React__default["default"].createElement("span", {
       id: assistiveId,
       className: "".concat(prefix, "--visually-hidden")
@@ -228,13 +117,49 @@ var Button = /*#__PURE__*/React__default["default"].forwardRef(function Button(_
     otherProps = anchorProps;
   }
 
-  return /*#__PURE__*/React__default["default"].createElement(component, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-    onMouseEnter: events.composeEventHandlers([onMouseEnter, handleMouseEnter]),
-    onMouseLeave: events.composeEventHandlers([onMouseLeave, handleMouseLeave]),
-    onFocus: events.composeEventHandlers([onFocus, handleFocus]),
-    onBlur: events.composeEventHandlers([onBlur, handleBlur]),
-    onClick: events.composeEventHandlers([onClick, handleClick])
+  var Button = /*#__PURE__*/React__default["default"].createElement(component, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onClick: onClick
   }, rest), commonProps), otherProps), assistiveText, children, buttonImage);
+
+  if (hasIconOnly) {
+    var align;
+
+    if (tooltipPosition === 'top' || tooltipPosition === 'bottom') {
+      if (tooltipAlignment === 'center') {
+        align = tooltipPosition;
+      }
+
+      if (tooltipAlignment === 'end') {
+        align = "".concat(tooltipPosition, "-right");
+      }
+
+      if (tooltipAlignment === 'start') {
+        align = "".concat(tooltipPosition, "-left");
+      }
+    }
+
+    if (tooltipPosition === 'right' || tooltipPosition === 'left') {
+      align = tooltipPosition;
+    }
+
+    return /*#__PURE__*/React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({
+      align: align,
+      label: iconDescription,
+      kind: kind,
+      size: size,
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onClick: events.composeEventHandlers([onClick, handleClick])
+    }, rest, commonProps, otherProps), iconOnlyImage ? iconOnlyImage : children);
+  }
+
+  return Button;
 });
 Button.displayName = 'Button';
 Button.propTypes = {
@@ -345,13 +270,7 @@ Button.propTypes = {
   /**
    * Specify the size of the button, from the following list of sizes:
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl', '2xl']) : PropTypes__default["default"].oneOf(['default', 'field', 'small', 'sm', 'md', 'lg', 'xl', '2xl']),
-
-  /**
-   * Deprecated in v10 in favor of `size`.
-   * Specify whether the Button should be a small variant
-   */
-  small: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `small` for Button has been deprecated in favor of `size`. Please use `size=\"sm\"` instead."),
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl', '2xl']),
 
   /**
    * Optional prop to specify the tabIndex of the Button

package/lib/components/Checkbox/Checkbox.js

@@ -14,8 +14,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 require('../Text/index.js');
-var index = require('../FeatureFlags/index.js');
-var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var Text = require('../Text/Text.js');
 
@@ -25,7 +23,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "id", "labelText", "onChange", "indeterminate", "hideLabel", "wrapperClassName", "title"];
+var _excluded = ["className", "id", "labelText", "onChange", "indeterminate", "hideLabel", "title"];
 var Checkbox = /*#__PURE__*/React__default["default"].forwardRef(function Checkbox(_ref, _ref2) {
   var className = _ref.className,
       id = _ref.id,
@@ -33,29 +31,23 @@ var Checkbox = /*#__PURE__*/React__default["default"].forwardRef(function Checkb
       _onChange = _ref.onChange,
       indeterminate = _ref.indeterminate,
       hideLabel = _ref.hideLabel,
-      wrapperClassName = _ref.wrapperClassName,
       _ref$title = _ref.title,
       title = _ref$title === void 0 ? '' : _ref$title,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
-  var enabled = index.useFeatureFlag('enable-v11-release');
   var prefix = usePrefix.usePrefix();
-  var labelClasses = cx__default["default"]("".concat(prefix, "--checkbox-label"), [enabled ? null : className]);
+  var labelClasses = cx__default["default"]("".concat(prefix, "--checkbox-label"), [className]);
   var innerLabelClasses = cx__default["default"]("".concat(prefix, "--checkbox-label-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
-  var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), [enabled ? className : wrapperClassName]);
+  var wrapperClasses = cx__default["default"]("".concat(prefix, "--form-item"), "".concat(prefix, "--checkbox-wrapper"), [className]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: wrapperClasses
   }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
     type: "checkbox",
     onChange: function onChange(evt) {
-      if (enabled) {
-        _onChange(evt, {
-          checked: evt.target.checked,
-          id: id
-        });
-      } else {
-        _onChange(evt.target.checked, id, evt);
-      }
+      _onChange(evt, {
+        checked: evt.target.checked,
+        id: id
+      });
     },
     className: "".concat(prefix, "--checkbox"),
     id: id,
@@ -129,12 +121,7 @@ Checkbox.propTypes = {
   /**
    * Specify a title for the <label> node for the Checkbox
    */
-  title: PropTypes__default["default"].string,
-
-  /**
-   * The CSS class name to be placed on the wrapping element
-   */
-  wrapperClassName: deprecate["default"](PropTypes__default["default"].string, "\nThe prop `wrapperClassName` for Checkbox will be deprecated in V11 in favor of `className`. `className` will then be placed on the outer wrapper.")
+  title: PropTypes__default["default"].string
 };
 Checkbox.defaultProps = {
   onChange: function onChange() {},

package/lib/components/CodeSnippet/CodeSnippet.js

@@ -29,7 +29,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var copy__default = /*#__PURE__*/_interopDefaultLegacy(copy);
 
-var _excluded = ["className", "type", "children", "disabled", "feedback", "feedbackTimeout", "onClick", "ariaLabel", "copyText", "copyLabel", "copyButtonDescription", "light", "showMoreText", "showLessText", "hideCopyButton", "wrapText", "maxCollapsedNumberOfRows", "maxExpandedNumberOfRows", "minCollapsedNumberOfRows", "minExpandedNumberOfRows"];
+var _excluded = ["className", "type", "children", "disabled", "feedback", "feedbackTimeout", "onClick", "ariaLabel", "copyText", "copyButtonDescription", "light", "showMoreText", "showLessText", "hideCopyButton", "wrapText", "maxCollapsedNumberOfRows", "maxExpandedNumberOfRows", "minCollapsedNumberOfRows", "minExpandedNumberOfRows"];
 var rowHeightInPixels = 16;
 var defaultMaxCollapsedNumberOfRows = 15;
 var defaultMaxExpandedNumberOfRows = 0;
@@ -48,7 +48,6 @@ function CodeSnippet(_ref) {
       onClick = _ref.onClick,
       ariaLabel = _ref.ariaLabel,
       copyText = _ref.copyText,
-      copyLabel = _ref.copyLabel,
       copyButtonDescription = _ref.copyButtonDescription,
       light = _ref.light,
       showMoreText = _ref.showMoreText,
@@ -182,7 +181,7 @@ function CodeSnippet(_ref) {
 
     return /*#__PURE__*/React__default["default"].createElement(Copy["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
       onClick: handleCopyClick,
-      "aria-label": copyLabel || ariaLabel,
+      "aria-label": ariaLabel,
       "aria-describedby": uid,
       className: codeSnippetClasses,
       feedback: feedback,
@@ -228,7 +227,7 @@ function CodeSnippet(_ref) {
     role: type === 'single' ? 'textbox' : null,
     tabIndex: type === 'single' && !disabled ? 0 : null,
     className: "".concat(prefix, "--snippet-container"),
-    "aria-label": ariaLabel || copyLabel || 'code-snippet',
+    "aria-label": ariaLabel || 'code-snippet',
     onScroll: type === 'single' && handleScroll || null
   }, containerStyle), /*#__PURE__*/React__default["default"].createElement("pre", {
     ref: codeContentRef,
@@ -285,12 +284,6 @@ CodeSnippet.propTypes = {
    */
   copyButtonDescription: PropTypes__default["default"].string,
 
-  /**
-   * Specify a label to be read by screen readers on the containing <textbox>
-   * node
-   */
-  copyLabel: PropTypes__default["default"].string,
-
   /**
    * Optional text to copy. If not specified, the `children` node's `innerText`
    * will be used as the copy value.
@@ -373,7 +366,6 @@ CodeSnippet.propTypes = {
 };
 CodeSnippet.defaultProps = {
   ariaLabel: 'Copy to clipboard',
-  copyLabel: 'Copy to clipboard',
   type: 'single',
   showMoreText: 'Show more',
   showLessText: 'Show less',

package/lib/components/ComboBox/ComboBox.js

@@ -18,7 +18,6 @@ require('../Text/index.js');
 var iconsReact = require('@carbon/icons-react');
 require('../ListBox/index.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
-var createPropAdapter = require('../../tools/createPropAdapter.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
@@ -59,8 +58,7 @@ var getInputValue = function getInputValue(_ref) {
 
   if (selectedItem) {
     return itemToString(selectedItem);
-  } // TODO: consistent `initialSelectedItem` behavior with other listbox components in v11
-
+  }
 
   if (initialSelectedItem) {
     return itemToString(initialSelectedItem);
@@ -232,7 +230,7 @@ var ComboBox = /*#__PURE__*/React__default["default"].forwardRef(function (props
   var inputClasses = cx__default["default"]("".concat(prefix, "--text-input"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--text-input--empty"), !inputValue)); // needs to be Capitalized for react to render it correctly
 
   var ItemToElement = itemToElement;
-  return /*#__PURE__*/React__default["default"].createElement(Downshift__default["default"], _rollupPluginBabelHelpers["extends"]({}, createPropAdapter.mapDownshiftProps(downshiftProps), {
+  return /*#__PURE__*/React__default["default"].createElement(Downshift__default["default"], _rollupPluginBabelHelpers["extends"]({}, downshiftProps, {
     onChange: handleOnChange,
     onInputValueChange: handleOnInputValueChange,
     onStateChange: function onStateChange() {

package/lib/components/ContentSwitcher/index.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createClassWrapper = require('../../internal/createClassWrapper.js');
+var ContentSwitcher = require('./ContentSwitcher.js');
+
+var index = createClassWrapper.createClassWrapper(ContentSwitcher["default"]);
+
+exports["default"] = index;

package/lib/components/DataTable/DataTable.js

@@ -21,32 +21,12 @@ var events = require('../../tools/events.js');
 var filter = require('./tools/filter.js');
 var sorting$1 = require('./tools/sorting.js');
 var instanceId = require('./tools/instanceId.js');
-var FeatureFlags = require('@carbon/feature-flags');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
 var _excluded = ["header", "onClick", "isSortable"],
     _excluded2 = ["onClick"],
@@ -223,11 +203,10 @@ var DataTable = /*#__PURE__*/function (_React$Component) {
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "getToolbarProps", function () {
       var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var size = _this.props.size; // Remove compact, short in V11
-
-      var isSmall = size === 'compact' || size === 'short' || size === 'xs' || size === 'sm';
+      var size = _this.props.size;
+      var isSmall = size === 'xs' || size === 'sm';
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
-        size: isSmall ? 'small' : 'normal'
+        size: isSmall ? 'sm' : undefined
       });
     });
 
@@ -250,7 +229,6 @@ var DataTable = /*#__PURE__*/function (_React$Component) {
           size = _this$props.size,
           isSortable = _this$props.isSortable,
           useStaticWidth = _this$props.useStaticWidth,
-          shouldShowBorder = _this$props.shouldShowBorder,
           stickyHeader = _this$props.stickyHeader,
           overflowMenuOnHover = _this$props.overflowMenuOnHover;
       return {
@@ -258,7 +236,6 @@ var DataTable = /*#__PURE__*/function (_React$Component) {
         size: size,
         isSortable: isSortable,
         useStaticWidth: useStaticWidth,
-        shouldShowBorder: shouldShowBorder,
         stickyHeader: stickyHeader,
         overflowMenuOnHover: overflowMenuOnHover
       };
@@ -614,15 +591,10 @@ _rollupPluginBabelHelpers.defineProperty(DataTable, "propTypes", {
     isExpanded: PropTypes__default["default"].bool
   })).isRequired,
 
-  /**
-   * `false` If true, will remove the table border
-   */
-  shouldShowBorder: PropTypes__default["default"].bool,
-
   /**
    *  Change the row height of table. Currently supports `xs`, `sm`, `md`, `lg`, and `xl`.
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg', 'xl']) : PropTypes__default["default"].oneOf(['compact', 'short', 'normal', 'tall', 'xs', 'sm', 'md', 'lg', 'xl']),
+  size: PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
 
   /**
    * Optional hook to manually control sorting of the rows.
@@ -657,7 +629,7 @@ _rollupPluginBabelHelpers.defineProperty(DataTable, "defaultProps", {
   sortRow: sorting$1.defaultSortRow,
   filterRows: filter.defaultFilterRows,
   locale: 'en',
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? 'lg' : 'normal',
+  size: 'lg',
   overflowMenuOnHover: true,
   translateWithId: translateWithId
 });

package/lib/components/DataTable/Table.js

@@ -10,39 +10,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var FeatureFlags = require('@carbon/feature-flags');
 var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
-var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["className", "children", "useZebraStyles", "size", "isSortable", "useStaticWidth", "shouldShowBorder", "stickyHeader", "overflowMenuOnHover"];
+var _excluded = ["className", "children", "useZebraStyles", "size", "isSortable", "useStaticWidth", "stickyHeader", "overflowMenuOnHover"];
 var Table = function Table(_ref) {
   var _cx;
 
@@ -52,13 +31,12 @@ var Table = function Table(_ref) {
       size = _ref.size,
       isSortable = _ref.isSortable,
       useStaticWidth = _ref.useStaticWidth,
-      shouldShowBorder = _ref.shouldShowBorder,
       stickyHeader = _ref.stickyHeader,
       overflowMenuOnHover = _ref.overflowMenuOnHover,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
-  var componentClass = cx__default["default"]("".concat(prefix, "--data-table"), className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--sort"), isSortable), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--zebra"), useZebraStyles), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--static"), useStaticWidth), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--no-border"), !shouldShowBorder), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--sticky-header"), stickyHeader), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--visible-overflow-menu"), !overflowMenuOnHover), _cx));
+  var componentClass = cx__default["default"]("".concat(prefix, "--data-table"), className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--").concat(size), size), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--sort"), isSortable), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--zebra"), useZebraStyles), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--static"), useStaticWidth), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--sticky-header"), stickyHeader), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--visible-overflow-menu"), !overflowMenuOnHover), _cx));
   var table = /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--data-table-content")
   }, /*#__PURE__*/React__default["default"].createElement("table", _rollupPluginBabelHelpers["extends"]({}, other, {
@@ -85,15 +63,10 @@ Table.propTypes = {
    */
   overflowMenuOnHover: PropTypes__default["default"].bool,
 
-  /**
-   * `false` If true, will remove the table border
-   */
-  shouldShowBorder: deprecate["default"](PropTypes__default["default"].bool, 'The `shouldShowBorder` prop has been deprecated and can be safely removed.' + 'This prop will be removed in the next major release of ' + '`carbon-components-react`'),
-
   /**
    *  Change the row height of table. Currently supports `xs`, `sm`, `md`, `lg`, and `xl`.
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg', 'xl']) : PropTypes__default["default"].oneOf(['compact', 'short', 'normal', 'tall', 'xs', 'sm', 'md', 'lg', 'xl']),
+  size: PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
 
   /**
    * `false` If true, will keep the header sticky (only data rows will scroll)

package/lib/components/DataTable/TableBatchAction.js

@@ -47,7 +47,8 @@ TableBatchAction.propTypes = {
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
 };
 TableBatchAction.defaultProps = {
-  renderIcon: iconsReact.AddFilled
+  renderIcon: iconsReact.AddFilled,
+  iconDescription: 'Add'
 };
 var TableBatchAction$1 = TableBatchAction;
 

package/lib/components/DataTable/TableExpandHeader.js

@@ -84,7 +84,7 @@ TableExpandHeader.propTypes = {
    * Specify whether this row is expanded or not. This helps coordinate data
    * attributes so that `TableExpandRow` and `TableExpandedRow` work together
    */
-  isExpanded: PropTypes__default["default"].oneOfType([requiredIfGivenPropIsTruthy["default"]('enableExpando', PropTypes__default["default"].bool), requiredIfGivenPropIsTruthy["default"]('enableToggle', PropTypes__default["default"].bool)]),
+  isExpanded: requiredIfGivenPropIsTruthy["default"]('enableToggle', PropTypes__default["default"].bool),
 
   /**
    * Hook for when a listener initiates a request to expand the given row

package/lib/components/DataTable/TableToolbar.js

@@ -10,7 +10,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var FeatureFlags = require('@carbon/feature-flags');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
@@ -19,25 +18,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
@@ -67,7 +47,7 @@ TableToolbar.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBa
   /**
    * `lg` Change the row height of table
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'lg']) : PropTypes__default["default"].oneOf(['small', 'sm', 'normal', 'lg'])
+  size: PropTypes__default["default"].oneOf(['sm', 'lg'])
 });
 TableToolbar.defaultProps = {
   'aria-label': 'data table toolbar'