@carbon/react 1.0.0-rc.0 → 1.0.0

package/lib/components/Select/Select.js

@@ -17,34 +17,14 @@ var iconsReact = require('@carbon/icons-react');
 var deprecate = require('../../prop-types/deprecate.js');
 var index = require('../FeatureFlags/index.js');
 var usePrefix = require('../../internal/usePrefix.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 cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var _excluded = ["className", "id", "inline", "labelText", "disabled", "children", "noLabel", "iconDescription", "hideLabel", "invalid", "invalidText", "helperText", "light", "size", "warn", "warnText"];
+var _excluded = ["className", "id", "inline", "labelText", "disabled", "children", "noLabel", "hideLabel", "invalid", "invalidText", "helperText", "light", "size", "warn", "warnText"];
 var Select = /*#__PURE__*/React__default["default"].forwardRef(function Select(_ref, ref) {
   var _classNames, _classNames2, _classNames3;
 
@@ -54,9 +34,8 @@ var Select = /*#__PURE__*/React__default["default"].forwardRef(function Select(_
       labelText = _ref.labelText,
       disabled = _ref.disabled,
       children = _ref.children,
-      noLabel = _ref.noLabel;
-      _ref.iconDescription;
-      var hideLabel = _ref.hideLabel,
+      noLabel = _ref.noLabel,
+      hideLabel = _ref.hideLabel,
       invalid = _ref.invalid,
       invalidText = _ref.invalidText,
       helperText = _ref.helperText,
@@ -162,11 +141,6 @@ Select.propTypes = {
    */
   hideLabel: PropTypes__default["default"].bool,
 
-  /**
-   * Provide a description for the twistie icon that can be read by screen readers
-   */
-  iconDescription: deprecate["default"](PropTypes__default["default"].string, 'The `iconDescription` prop for `Select` is no longer needed and has ' + 'been deprecated. It will be moved in the next major release.'),
-
   /**
    * Specify a custom `id` for the `<select>`
    */
@@ -197,7 +171,7 @@ Select.propTypes = {
    * `true` to use the light version. For use on $ui-01 backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: PropTypes__default["default"].bool,
+  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `Select` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
 
   /**
    * Reserved for use with <Pagination> component. Will not render a label for the
@@ -214,7 +188,7 @@ Select.propTypes = {
   /**
    * Specify the size of the Select Input.
    */
-  size: FeatureFlags__namespace.enabled('enable-v11-release') ? PropTypes__default["default"].oneOf(['sm', 'md', 'lg']) : PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl']),
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
 
   /**
    * Specify whether the control is currently in warning state
@@ -232,8 +206,7 @@ Select.defaultProps = {
   inline: false,
   invalid: false,
   invalidText: '',
-  helperText: '',
-  light: false
+  helperText: ''
 };
 var Select$1 = Select;
 

package/lib/components/Slider/Slider.js

@@ -47,7 +47,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var throttle__default = /*#__PURE__*/_interopDefaultLegacy(throttle);
 var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var _excluded = ["ariaLabelInput", "className", "hideTextInput", "id", "min", "minLabel", "max", "maxLabel", "formatLabel", "labelText", "step", "stepMuliplier", "stepMultiplier", "inputType", "required", "disabled", "name", "light"];
+var _excluded = ["ariaLabelInput", "className", "hideTextInput", "id", "min", "minLabel", "max", "maxLabel", "formatLabel", "labelText", "step", "stepMultiplier", "inputType", "required", "disabled", "name", "light"];
 
 var defaultFormatLabel = function defaultFormatLabel(value, label) {
   return typeof label === 'function' ? label(value) : "".concat(value).concat(label);
@@ -188,7 +188,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
 
       if (evt.shiftKey) {
-        var stepMultiplier = _this.props.stepMultiplier || _this.props.stepMuliplier;
+        var stepMultiplier = _this.props.stepMultiplier;
         delta *= stepMultiplier;
       }
 
@@ -347,7 +347,6 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
       // Fire onChange event handler if present, if there's a usable value, and
       // if the value is different from the last one
       if (this.state.value !== '' && prevState.value !== this.state.value && typeof this.props.onChange === 'function') {
-        // TODO: pass event object as first param (breaking change/feat for v11)
         this.props.onChange({
           value: this.state.value
         });
@@ -355,7 +354,6 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
 
       if (this.state.needsOnRelease && typeof this.props.onRelease === 'function') {
-        // TODO: pass event object as first param (breaking change/feat for v11)
         this.props.onRelease({
           value: this.state.value
         }); // Reset the flag
@@ -418,7 +416,6 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
           formatLabel = _this$props$formatLab === void 0 ? defaultFormatLabel : _this$props$formatLab,
           labelText = _this$props.labelText,
           step = _this$props.step;
-          _this$props.stepMuliplier;
           _this$props.stepMultiplier;
           var inputType = _this$props.inputType,
           required = _this$props.required,
@@ -597,7 +594,7 @@ _rollupPluginBabelHelpers.defineProperty(Slider, "propTypes", {
   /**
    * `true` to use the light version.
    */
-  light: PropTypes__default["default"].bool,
+  light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `Slider` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
 
   /**
    * The maximum value.
@@ -644,12 +641,6 @@ _rollupPluginBabelHelpers.defineProperty(Slider, "propTypes", {
    */
   step: PropTypes__default["default"].number,
 
-  /**
-   * A value determining how much the value should increase/decrease by Shift+arrow keys,
-   * which will be `(max - min) / stepMuliplier`.
-   */
-  stepMuliplier: deprecate["default"](PropTypes__default["default"].number, ' The `stepMuliplier` prop has been deprecated in favor of `stepMultiplier`. It will be removed in the next major release.'),
-
   /**
    * A value determining how much the value should increase/decrease by Shift+arrow keys,
    * which will be `(max - min) / stepMultiplier`.
@@ -670,8 +661,7 @@ _rollupPluginBabelHelpers.defineProperty(Slider, "defaultProps", {
   minLabel: '',
   maxLabel: '',
   inputType: 'number',
-  ariaLabelInput: FeatureFlags__namespace.enabled('enable-v11-release') ? undefined : 'Slider number input',
-  light: false
+  ariaLabelInput: FeatureFlags__namespace.enabled('enable-v11-release') ? undefined : 'Slider number input'
 });
 
 _rollupPluginBabelHelpers.defineProperty(Slider, "contextType", index.FeatureFlagContext);

package/lib/components/StructuredList/next/StructuredList.js

@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["children", "selection", "className", "ariaLabel", "border"],
+var _excluded = ["children", "selection", "className", "ariaLabel"],
     _excluded2 = ["children", "className"],
     _excluded3 = ["children", "className"],
     _excluded4 = ["onKeyDown", "children", "className", "head"],
@@ -35,9 +35,8 @@ function StructuredListWrapper(props) {
   var children = props.children,
       selection = props.selection,
       className = props.className,
-      ariaLabel = props.ariaLabel;
-      props.border;
-      var other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+      ariaLabel = props.ariaLabel,
+      other = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
 
   var prefix = usePrefix.usePrefix();
   var classes = cx__default["default"]("".concat(prefix, "--structured-list"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--structured-list--selection"), selection));
@@ -64,11 +63,6 @@ StructuredListWrapper.propTypes = {
    */
   ariaLabel: PropTypes__default["default"].string,
 
-  /**
-   * Specify whether a border should be added to your StructuredListWrapper
-   */
-  border: deprecate["default"](PropTypes__default["default"].bool, "\nThe prop `border` will be removed in the next major version of Carbon."),
-
   /**
    * Provide the contents of your StructuredListWrapper
    */
@@ -220,6 +214,8 @@ StructuredListRow.defaultProps = {
   onKeyDown: function onKeyDown() {}
 };
 function StructuredListInput(props) {
+  var _row$id;
+
   var defaultId = useId.useId('structureListInput');
 
   var className = props.className,
@@ -238,11 +234,11 @@ function StructuredListInput(props) {
     type: "radio",
     tabIndex: 0,
     checked: row && row.id === selectedRow,
-    value: row ? row.id : '',
+    value: (_row$id = row === null || row === void 0 ? void 0 : row.id) !== null && _row$id !== void 0 ? _row$id : '',
     onChange: function onChange(event) {
       setSelectedRow(event.target.value);
     },
-    id: !id && defaultId,
+    id: id !== null && id !== void 0 ? id : defaultId,
     className: classes,
     name: name,
     title: title

package/lib/components/TextInput/ControlledPasswordInput.js

@@ -207,9 +207,9 @@ ControlledPasswordInput.propTypes = {
   showPasswordLabel: PropTypes__default["default"].string,
 
   /**
-   * Specify the size of the Text Input. Currently supports either `small` or `large` as an option. If omitted, defaults to standard size
+   * Specify the size of the Text Input.
    */
-  size: PropTypes__default["default"].string,
+  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
 
   /**
    * Specify the alignment of the tooltip to the icon-only button.

package/lib/components/Tile/next/Tile.js

@@ -32,8 +32,8 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var _CheckboxCheckedFille, _Checkbox, _ChevronDown, _ChevronDown2;
 
 var _excluded = ["children", "className", "light"],
-    _excluded2 = ["children", "className", "clicked", "handleClick", "handleKeyDown", "href", "light", "onClick", "onKeyDown"],
-    _excluded3 = ["children", "className", "disabled", "handleClick", "handleKeyDown", "iconDescription", "id", "light", "name", "onClick", "onChange", "onKeyDown", "selected", "tabIndex", "title", "value"],
+    _excluded2 = ["children", "className", "clicked", "href", "light", "onClick", "onKeyDown"],
+    _excluded3 = ["children", "className", "disabled", "id", "light", "name", "onClick", "onChange", "onKeyDown", "selected", "tabIndex", "title", "value"],
     _excluded4 = ["tabIndex", "className", "children", "expanded", "tileMaxHeight", "tilePadding", "onClick", "onKeyUp", "tileCollapsedIconText", "tileExpandedIconText", "tileCollapsedLabel", "tileExpandedLabel", "light"];
 var Tile = /*#__PURE__*/React__default["default"].forwardRef(function Tile(_ref, ref) {
   var children = _ref.children,
@@ -74,11 +74,8 @@ var ClickableTile = /*#__PURE__*/React__default["default"].forwardRef(function C
       className = _ref2.className,
       _ref2$clicked = _ref2.clicked,
       clicked = _ref2$clicked === void 0 ? false : _ref2$clicked,
-      handleClick = _ref2.handleClick,
-      handleKeyDown = _ref2.handleKeyDown,
       href = _ref2.href,
-      _ref2$light = _ref2.light,
-      light = _ref2$light === void 0 ? false : _ref2$light,
+      light = _ref2.light,
       _ref2$onClick = _ref2.onClick,
       onClick = _ref2$onClick === void 0 ? function () {} : _ref2$onClick,
       _ref2$onKeyDown = _ref2.onKeyDown,
@@ -91,17 +88,12 @@ var ClickableTile = /*#__PURE__*/React__default["default"].forwardRef(function C
   var _useState = React.useState(clicked),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
       isSelected = _useState2[0],
-      setIsSelected = _useState2[1]; // TODO: replace with onClick when handleClick prop is deprecated
-
-
-  var clickHandler = handleClick || onClick; // TODO: replace with onClick when handleClick prop is deprecated
-
-  var keyDownHandler = handleKeyDown || onKeyDown;
+      setIsSelected = _useState2[1];
 
   function handleOnClick(evt) {
     evt.persist();
     setIsSelected(!isSelected);
-    clickHandler(evt);
+    onClick(evt);
   }
 
   function handleOnKeyDown(evt) {
@@ -110,10 +102,10 @@ var ClickableTile = /*#__PURE__*/React__default["default"].forwardRef(function C
     if (match.matches(evt, [keys.Enter, keys.Space])) {
       evt.preventDefault();
       setIsSelected(!isSelected);
-      keyDownHandler(evt);
+      onKeyDown(evt);
     }
 
-    keyDownHandler(evt);
+    onKeyDown(evt);
   }
 
   return /*#__PURE__*/React__default["default"].createElement(Link["default"], _rollupPluginBabelHelpers["extends"]({
@@ -141,16 +133,6 @@ ClickableTile.propTypes = {
    */
   clicked: PropTypes__default["default"].bool,
 
-  /**
-   * Deprecated in v11. Use 'onClick' instead.
-   */
-  handleClick: deprecate["default"](PropTypes__default["default"].func, 'The handleClick prop for ClickableTile has been deprecated in favor of onClick. It will be removed in the next major release.'),
-
-  /**
-   * Specify the function to run when the ClickableTile is interacted with via a keyboard
-   */
-  handleKeyDown: deprecate["default"](PropTypes__default["default"].func, 'The handleKeyDown prop for ClickableTile has been deprecated in favor of onKeyDown. It will be removed in the next major release.'),
-
   /**
    * The href for the link.
    */
@@ -183,12 +165,8 @@ var SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(function
   var children = _ref3.children,
       className = _ref3.className,
       disabled = _ref3.disabled,
-      handleClick = _ref3.handleClick,
-      handleKeyDown = _ref3.handleKeyDown;
-      _ref3.iconDescription;
-      var id = _ref3.id,
-      _ref3$light = _ref3.light,
-      light = _ref3$light === void 0 ? false : _ref3$light,
+      id = _ref3.id,
+      light = _ref3.light,
       name = _ref3.name,
       _ref3$onClick = _ref3.onClick,
       onClick = _ref3$onClick === void 0 ? function () {} : _ref3$onClick,
@@ -206,11 +184,9 @@ var SelectableTile = /*#__PURE__*/React__default["default"].forwardRef(function
       value = _ref3$value === void 0 ? 'value' : _ref3$value,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded3);
 
-  var prefix = usePrefix.usePrefix(); // TODO: replace with onClick when handleClick prop is deprecated
-
-  var clickHandler = handleClick || onClick; // TODO: replace with onKeyDown when handleKeyDown prop is deprecated
-
-  var keyDownHandler = handleKeyDown || onKeyDown;
+  var prefix = usePrefix.usePrefix();
+  var clickHandler = onClick;
+  var keyDownHandler = onKeyDown;
 
   var _useState3 = React.useState(selected),
       _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
@@ -298,21 +274,6 @@ SelectableTile.propTypes = {
    */
   disabled: PropTypes__default["default"].bool,
 
-  /**
-   * Specify the function to run when the SelectableTile is clicked
-   */
-  handleClick: deprecate["default"](PropTypes__default["default"].func, 'The `handleClick` prop for `SelectableTile` has been deprecated in favor of `onClick`. It will be removed in the next major release.'),
-
-  /**
-   * Specify the function to run when the SelectableTile is interacted with via a keyboard
-   */
-  handleKeyDown: deprecate["default"](PropTypes__default["default"].func, 'The `handleKeyDown` prop for `SelectableTile` has been deprecated in favor of `onKeyDown`. It will be removed in the next major release.'),
-
-  /**
-   * The description of the checkmark icon.
-   */
-  iconDescription: deprecate["default"](PropTypes__default["default"].string, 'The `iconDescription` prop for `SelectableTile` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
-
   /**
    * The ID of the `<input>`.
    */

package/lib/components/TileGroup/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 TileGroup = require('./TileGroup.js');
+
+var index = createClassWrapper.createClassWrapper(TileGroup["default"]);
+
+exports["default"] = index;

package/lib/components/TimePickerSelect/next/TimePickerSelect.js

@@ -15,7 +15,6 @@ var React = require('react');
 var cx = require('classnames');
 var iconsReact = require('@carbon/icons-react');
 var usePrefix = require('../../../internal/usePrefix.js');
-var deprecate = require('../../../prop-types/deprecate.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -72,11 +71,6 @@ TimePickerSelect.propTypes = {
    */
   disabled: PropTypes__default["default"].bool,
 
-  /**
-   * Provide a description for the twistie icon that can be read by screen readers
-   */
-  iconDescription: deprecate["default"](PropTypes__default["default"].string, 'The `iconDescription` prop for `TimePickerSelect` is no longer needed and has ' + 'been deprecated. It will be moved in the next major release. Use "aria-label" instead'),
-
   /**
    * Specify a custom `id` for the `<select>`
    */

package/lib/components/Tooltip/next/DefinitionTooltip.js

@@ -117,7 +117,7 @@ DefinitionTooltip.propTypes = {
   id: PropTypes__default["default"].string,
 
   /**
-   * [Deprecated] Please use the `definition` prop instead.
+   * [Deprecated in v11] Please use the `definition` prop instead.
    *
    * Provide the text that will be displayed in the tooltip when it is rendered.
    */