@carbon/react 1.14.0-rc.0 → 1.14.0

package/es/components/NumberInput/NumberInput.js

@@ -187,7 +187,7 @@ var NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(pr
     disabled: disabled,
     onClick: function onClick(event) {
       var state = {
-        value: clamp(max, min, value - step),
+        value: clamp(max, min, parseInt(value) - step),
         direction: 'down'
       };
       setValue(state.value);
@@ -213,7 +213,7 @@ var NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(pr
     disabled: disabled,
     onClick: function onClick(event) {
       var state = {
-        value: clamp(max, min, value + step),
+        value: clamp(max, min, parseInt(value) + step),
         direction: 'up'
       };
       setValue(state.value);

package/es/components/TextInput/TextInput.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useContext } from 'react';
+import React__default, { useState, useContext } from 'react';
 import cx from 'classnames';
 import { useNormalizedInputProps } from '../../internal/useNormalizedInputProps.js';
 import PasswordInput from './PasswordInput.js';
@@ -18,9 +18,9 @@ import * as FeatureFlags from '@carbon/feature-flags';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-var _excluded = ["className", "disabled", "helperText", "hideLabel", "id", "inline", "invalid", "invalidText", "labelText", "light", "onChange", "onClick", "placeholder", "readOnly", "size", "type", "warn", "warnText"];
+var _excluded = ["className", "disabled", "helperText", "hideLabel", "id", "inline", "invalid", "invalidText", "labelText", "light", "onChange", "onClick", "placeholder", "readOnly", "size", "type", "warn", "warnText", "enableCounter", "maxCount"];
 var TextInput = /*#__PURE__*/React__default.forwardRef(function TextInput(_ref, ref) {
-  var _classNames, _classNames2, _classNames3, _classNames4, _classNames7;
+  var _classNames, _classNames2, _classNames3, _classNames4, _classNames7, _classNames8;
 
   var className = _ref.className,
       _ref$disabled = _ref.disabled,
@@ -49,10 +49,21 @@ var TextInput = /*#__PURE__*/React__default.forwardRef(function TextInput(_ref,
       _ref$warn = _ref.warn,
       warn = _ref$warn === void 0 ? false : _ref$warn,
       warnText = _ref.warnText,
+      _ref$enableCounter = _ref.enableCounter,
+      enableCounter = _ref$enableCounter === void 0 ? false : _ref$enableCounter,
+      maxCount = _ref.maxCount,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
   var enabled = useFeatureFlag('enable-v11-release');
+  var defaultValue = rest.defaultValue,
+      value = rest.value;
+
+  var _useState = useState((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) || (value === null || value === void 0 ? void 0 : value.length) || 0),
+      _useState2 = _slicedToArray(_useState, 2),
+      textCount = _useState2[0],
+      setTextCount = _useState2[1];
+
   var normalizedProps = useNormalizedInputProps({
     id: id,
     readOnly: readOnly,
@@ -69,6 +80,10 @@ var TextInput = /*#__PURE__*/React__default.forwardRef(function TextInput(_ref,
     id: id,
     onChange: function onChange(evt) {
       if (!normalizedProps.disabled) {
+        var _evt$target$value;
+
+        setTextCount((_evt$target$value = evt.target.value) === null || _evt$target$value === void 0 ? void 0 : _evt$target$value.length);
+
         _onChange(evt);
       }
     },
@@ -86,16 +101,27 @@ var TextInput = /*#__PURE__*/React__default.forwardRef(function TextInput(_ref,
     readOnly: readOnly
   }, 'aria-describedby', helperText && normalizedProps.helperId), rest);
 
+  if (enableCounter) {
+    sharedTextInputProps.maxLength = maxCount;
+  }
+
   var inputWrapperClasses = cx([enabled ? cx("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")], "".concat(prefix, "--text-input-wrapper"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefix, "--text-input-wrapper--readonly"), readOnly), _defineProperty(_classNames2, "".concat(prefix, "--text-input-wrapper--light"), light), _defineProperty(_classNames2, "".concat(prefix, "--text-input-wrapper--inline"), inline), _classNames2));
   var labelClasses = cx("".concat(prefix, "--label"), (_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefix, "--visually-hidden"), hideLabel), _defineProperty(_classNames3, "".concat(prefix, "--label--disabled"), normalizedProps.disabled), _defineProperty(_classNames3, "".concat(prefix, "--label--inline"), inline), _defineProperty(_classNames3, "".concat(prefix, "--label--inline--").concat(size), inline && !!size), _classNames3));
   var helperTextClasses = cx("".concat(prefix, "--form__helper-text"), (_classNames4 = {}, _defineProperty(_classNames4, "".concat(prefix, "--form__helper-text--disabled"), normalizedProps.disabled), _defineProperty(_classNames4, "".concat(prefix, "--form__helper-text--inline"), inline), _classNames4));
   var fieldOuterWrapperClasses = cx("".concat(prefix, "--text-input__field-outer-wrapper"), _defineProperty({}, "".concat(prefix, "--text-input__field-outer-wrapper--inline"), inline));
   var fieldWrapperClasses = cx("".concat(prefix, "--text-input__field-wrapper"), _defineProperty({}, "".concat(prefix, "--text-input__field-wrapper--warning"), normalizedProps.warn));
   var iconClasses = cx((_classNames7 = {}, _defineProperty(_classNames7, "".concat(prefix, "--text-input__invalid-icon"), normalizedProps.invalid || normalizedProps.warn), _defineProperty(_classNames7, "".concat(prefix, "--text-input__invalid-icon--warning"), normalizedProps.warn), _defineProperty(_classNames7, "".concat(prefix, "--text-input__readonly-icon"), readOnly), _classNames7));
+  var counterClasses = cx("".concat(prefix, "--label"), (_classNames8 = {}, _defineProperty(_classNames8, "".concat(prefix, "--label--disabled"), disabled), _defineProperty(_classNames8, "".concat(prefix, "--text-input__label-counter"), true), _classNames8));
+  var counter = enableCounter && maxCount ? /*#__PURE__*/React__default.createElement("div", {
+    className: counterClasses
+  }, "".concat(textCount, "/").concat(maxCount)) : null;
   var label = labelText ? /*#__PURE__*/React__default.createElement("label", {
     htmlFor: id,
     className: labelClasses
   }, labelText) : null;
+  var labelWrapper = /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--text-input__label-wrapper")
+  }, label, counter);
   var helper = helperText ? /*#__PURE__*/React__default.createElement("div", {
     id: normalizedProps.helperId,
     className: helperTextClasses
@@ -113,9 +139,9 @@ var TextInput = /*#__PURE__*/React__default.forwardRef(function TextInput(_ref,
 
   return /*#__PURE__*/React__default.createElement("div", {
     className: inputWrapperClasses
-  }, !inline ? label : /*#__PURE__*/React__default.createElement("div", {
+  }, !inline ? labelWrapper : /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--text-input__label-helper-wrapper")
-  }, label, !isFluid && helper), /*#__PURE__*/React__default.createElement("div", {
+  }, labelWrapper, !isFluid && helper), /*#__PURE__*/React__default.createElement("div", {
     className: fieldOuterWrapperClasses
   }, /*#__PURE__*/React__default.createElement("div", {
     className: fieldWrapperClasses,
@@ -145,6 +171,11 @@ TextInput.propTypes = {
    */
   disabled: PropTypes.bool,
 
+  /**
+   * Specify whether to display the character counter
+   */
+  enableCounter: PropTypes.bool,
+
   /**
    * Provide text that is used alongside the control label for additional help
    */
@@ -187,6 +218,11 @@ TextInput.propTypes = {
    */
   light: PropTypes.bool,
 
+  /**
+   * Max character count allowed for the textarea. This is needed in order for enableCounter to display
+   */
+  maxCount: PropTypes.number,
+
   /**
    * Optionally provide an `onChange` handler that is called whenever `<input>`
    * is updated

package/es/index.js

@@ -50,8 +50,6 @@ export { default as PrimaryButton } from './components/PrimaryButton/PrimaryButt
 export { default as RadioButton } from './components/RadioButton/RadioButton.js';
 export { default as RadioButtonGroup } from './components/RadioButtonGroup/RadioButtonGroup.js';
 export { default as Search } from './components/Search/index.js';
-export { default as SearchFilterButton } from './components/SearchFilterButton/SearchFilterButton.js';
-export { default as SearchLayoutButton } from './components/SearchLayoutButton/SearchLayoutButton.js';
 export { default as ExpandableSearch } from './components/ExpandableSearch/ExpandableSearch.js';
 export { default as SecondaryButton } from './components/SecondaryButton/SecondaryButton.js';
 export { default as SelectSkeleton } from './components/Select/Select.Skeleton.js';

package/lib/components/NumberInput/NumberInput.js

@@ -197,7 +197,7 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
     disabled: disabled,
     onClick: function onClick(event) {
       var state = {
-        value: clamp(max, min, value - step),
+        value: clamp(max, min, parseInt(value) - step),
         direction: 'down'
       };
       setValue(state.value);
@@ -223,7 +223,7 @@ var NumberInput = /*#__PURE__*/React__default["default"].forwardRef(function Num
     disabled: disabled,
     onClick: function onClick(event) {
       var state = {
-        value: clamp(max, min, value + step),
+        value: clamp(max, min, parseInt(value) + step),
         direction: 'up'
       };
       setValue(state.value);

package/lib/components/TextInput/TextInput.js

@@ -47,9 +47,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
 
-var _excluded = ["className", "disabled", "helperText", "hideLabel", "id", "inline", "invalid", "invalidText", "labelText", "light", "onChange", "onClick", "placeholder", "readOnly", "size", "type", "warn", "warnText"];
+var _excluded = ["className", "disabled", "helperText", "hideLabel", "id", "inline", "invalid", "invalidText", "labelText", "light", "onChange", "onClick", "placeholder", "readOnly", "size", "type", "warn", "warnText", "enableCounter", "maxCount"];
 var TextInput = /*#__PURE__*/React__default["default"].forwardRef(function TextInput(_ref, ref) {
-  var _classNames, _classNames2, _classNames3, _classNames4, _classNames7;
+  var _classNames, _classNames2, _classNames3, _classNames4, _classNames7, _classNames8;
 
   var className = _ref.className,
       _ref$disabled = _ref.disabled,
@@ -78,10 +78,21 @@ var TextInput = /*#__PURE__*/React__default["default"].forwardRef(function TextI
       _ref$warn = _ref.warn,
       warn = _ref$warn === void 0 ? false : _ref$warn,
       warnText = _ref.warnText,
+      _ref$enableCounter = _ref.enableCounter,
+      enableCounter = _ref$enableCounter === void 0 ? false : _ref$enableCounter,
+      maxCount = _ref.maxCount,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix.usePrefix();
   var enabled = index.useFeatureFlag('enable-v11-release');
+  var defaultValue = rest.defaultValue,
+      value = rest.value;
+
+  var _useState = React.useState((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) || (value === null || value === void 0 ? void 0 : value.length) || 0),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      textCount = _useState2[0],
+      setTextCount = _useState2[1];
+
   var normalizedProps = useNormalizedInputProps.useNormalizedInputProps({
     id: id,
     readOnly: readOnly,
@@ -98,6 +109,10 @@ var TextInput = /*#__PURE__*/React__default["default"].forwardRef(function TextI
     id: id,
     onChange: function onChange(evt) {
       if (!normalizedProps.disabled) {
+        var _evt$target$value;
+
+        setTextCount((_evt$target$value = evt.target.value) === null || _evt$target$value === void 0 ? void 0 : _evt$target$value.length);
+
         _onChange(evt);
       }
     },
@@ -115,16 +130,27 @@ var TextInput = /*#__PURE__*/React__default["default"].forwardRef(function TextI
     readOnly: readOnly
   }, 'aria-describedby', helperText && normalizedProps.helperId), rest);
 
+  if (enableCounter) {
+    sharedTextInputProps.maxLength = maxCount;
+  }
+
   var inputWrapperClasses = cx__default["default"]([enabled ? cx__default["default"]("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")], "".concat(prefix, "--text-input-wrapper"), (_classNames2 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--text-input-wrapper--readonly"), readOnly), _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--text-input-wrapper--light"), light), _rollupPluginBabelHelpers.defineProperty(_classNames2, "".concat(prefix, "--text-input-wrapper--inline"), inline), _classNames2));
   var labelClasses = cx__default["default"]("".concat(prefix, "--label"), (_classNames3 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--visually-hidden"), hideLabel), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--label--disabled"), normalizedProps.disabled), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--label--inline"), inline), _rollupPluginBabelHelpers.defineProperty(_classNames3, "".concat(prefix, "--label--inline--").concat(size), inline && !!size), _classNames3));
   var helperTextClasses = cx__default["default"]("".concat(prefix, "--form__helper-text"), (_classNames4 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--form__helper-text--disabled"), normalizedProps.disabled), _rollupPluginBabelHelpers.defineProperty(_classNames4, "".concat(prefix, "--form__helper-text--inline"), inline), _classNames4));
   var fieldOuterWrapperClasses = cx__default["default"]("".concat(prefix, "--text-input__field-outer-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--text-input__field-outer-wrapper--inline"), inline));
   var fieldWrapperClasses = cx__default["default"]("".concat(prefix, "--text-input__field-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--text-input__field-wrapper--warning"), normalizedProps.warn));
   var iconClasses = cx__default["default"]((_classNames7 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames7, "".concat(prefix, "--text-input__invalid-icon"), normalizedProps.invalid || normalizedProps.warn), _rollupPluginBabelHelpers.defineProperty(_classNames7, "".concat(prefix, "--text-input__invalid-icon--warning"), normalizedProps.warn), _rollupPluginBabelHelpers.defineProperty(_classNames7, "".concat(prefix, "--text-input__readonly-icon"), readOnly), _classNames7));
+  var counterClasses = cx__default["default"]("".concat(prefix, "--label"), (_classNames8 = {}, _rollupPluginBabelHelpers.defineProperty(_classNames8, "".concat(prefix, "--label--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_classNames8, "".concat(prefix, "--text-input__label-counter"), true), _classNames8));
+  var counter = enableCounter && maxCount ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: counterClasses
+  }, "".concat(textCount, "/").concat(maxCount)) : null;
   var label = labelText ? /*#__PURE__*/React__default["default"].createElement("label", {
     htmlFor: id,
     className: labelClasses
   }, labelText) : null;
+  var labelWrapper = /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--text-input__label-wrapper")
+  }, label, counter);
   var helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
     id: normalizedProps.helperId,
     className: helperTextClasses
@@ -142,9 +168,9 @@ var TextInput = /*#__PURE__*/React__default["default"].forwardRef(function TextI
 
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: inputWrapperClasses
-  }, !inline ? label : /*#__PURE__*/React__default["default"].createElement("div", {
+  }, !inline ? labelWrapper : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(prefix, "--text-input__label-helper-wrapper")
-  }, label, !isFluid && helper), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, labelWrapper, !isFluid && helper), /*#__PURE__*/React__default["default"].createElement("div", {
     className: fieldOuterWrapperClasses
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: fieldWrapperClasses,
@@ -174,6 +200,11 @@ TextInput.propTypes = {
    */
   disabled: PropTypes__default["default"].bool,
 
+  /**
+   * Specify whether to display the character counter
+   */
+  enableCounter: PropTypes__default["default"].bool,
+
   /**
    * Provide text that is used alongside the control label for additional help
    */
@@ -216,6 +247,11 @@ TextInput.propTypes = {
    */
   light: PropTypes__default["default"].bool,
 
+  /**
+   * Max character count allowed for the textarea. This is needed in order for enableCounter to display
+   */
+  maxCount: PropTypes__default["default"].number,
+
   /**
    * Optionally provide an `onChange` handler that is called whenever `<input>`
    * is updated

package/lib/index.js

@@ -54,8 +54,6 @@ var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
 var RadioButton = require('./components/RadioButton/RadioButton.js');
 var RadioButtonGroup = require('./components/RadioButtonGroup/RadioButtonGroup.js');
 var index$6 = require('./components/Search/index.js');
-var SearchFilterButton = require('./components/SearchFilterButton/SearchFilterButton.js');
-var SearchLayoutButton = require('./components/SearchLayoutButton/SearchLayoutButton.js');
 var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
 var SecondaryButton = require('./components/SecondaryButton/SecondaryButton.js');
 var Select_Skeleton = require('./components/Select/Select.Skeleton.js');
@@ -252,8 +250,6 @@ exports.PrimaryButton = PrimaryButton["default"];
 exports.RadioButton = RadioButton["default"];
 exports.RadioButtonGroup = RadioButtonGroup["default"];
 exports.Search = index$6["default"];
-exports.SearchFilterButton = SearchFilterButton["default"];
-exports.SearchLayoutButton = SearchLayoutButton["default"];
 exports.ExpandableSearch = ExpandableSearch["default"];
 exports.SecondaryButton = SecondaryButton["default"];
 exports.SelectSkeleton = Select_Skeleton["default"];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.14.0-rc.0",
+  "version": "1.14.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -44,11 +44,11 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.9.0",
-    "@carbon/icons-react": "^11.9.0-rc.0",
-    "@carbon/layout": "^11.7.0-rc.0",
-    "@carbon/styles": "^1.14.0-rc.0",
+    "@carbon/icons-react": "^11.9.0",
+    "@carbon/layout": "^11.7.0",
+    "@carbon/styles": "^1.14.0",
     "@carbon/telemetry": "0.1.0",
-    "classnames": "2.3.1",
+    "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
     "downshift": "5.2.1",
     "flatpickr": "4.6.9",
@@ -73,7 +73,7 @@
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",
     "@carbon/test-utils": "^10.26.0",
-    "@carbon/themes": "^11.10.0-rc.0",
+    "@carbon/themes": "^11.10.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
@@ -131,5 +131,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "06ebb59650784ee0bdb602a521e82383472f0487"
+  "gitHead": "dcf802a75caf0201ac831826f611d24dbe508859"
 }

package/es/components/SearchFilterButton/SearchFilterButton.js

@@ -1,61 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { Filter } from '@carbon/icons-react';
-import PropTypes from 'prop-types';
-import React__default from 'react';
-import { warning } from '../../internal/warning.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-
-var _excluded = ["labelText", "iconDescription"];
-var didWarnAboutDeprecation = false;
-/**
- * The filter button for `<Search>`.
- */
-
-var SearchFilterButton = function SearchFilterButton(_ref) {
-  var labelText = _ref.labelText,
-      iconDescription = _ref.iconDescription,
-      other = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-
-  if (process.env.NODE_ENV !== "production") {
-    process.env.NODE_ENV !== "production" ? warning(didWarnAboutDeprecation, 'The SearchFilterButton component has been deprecated and will be removed in the next major release of `carbon-components-react`') : void 0;
-    didWarnAboutDeprecation = true;
-  }
-
-  return /*#__PURE__*/React__default.createElement("button", _extends({
-    className: "".concat(prefix, "--search-button"),
-    type: "button",
-    "aria-label": labelText,
-    title: labelText
-  }, other), /*#__PURE__*/React__default.createElement(Filter, {
-    className: "".concat(prefix, "--search-filter"),
-    "aria-label": iconDescription
-  }));
-};
-
-SearchFilterButton.propTypes = {
-  /**
-   * The icon description.
-   */
-  iconDescription: PropTypes.string,
-
-  /**
-   * The a11y label text.
-   */
-  labelText: PropTypes.string
-};
-SearchFilterButton.defaultProps = {
-  labelText: 'Search',
-  iconDescription: 'filter'
-};
-var SearchFilterButton$1 = SearchFilterButton;
-
-export { SearchFilterButton$1 as default };

package/es/components/SearchLayoutButton/SearchLayoutButton.js

@@ -1,151 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { ListBulleted, Grid } from '@carbon/icons-react';
-import PropTypes from 'prop-types';
-import React__default, { Component } from 'react';
-import { warning } from '../../internal/warning.js';
-import { PrefixContext } from '../../internal/usePrefix.js';
-
-var didWarnAboutDeprecation = false;
-/**
- * The layout button for `<Search>`.
- */
-
-var SearchLayoutButton = /*#__PURE__*/function (_Component) {
-  _inherits(SearchLayoutButton, _Component);
-
-  var _super = _createSuper(SearchLayoutButton);
-
-  function SearchLayoutButton(props) {
-    var _this;
-
-    _classCallCheck(this, SearchLayoutButton);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      format: 'list'
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "toggleLayout", function () {
-      var format = _this.state.format === 'list' ? 'grid' : 'list';
-
-      _this.setState({
-        format: format
-      }, function () {
-        var onChangeFormat = _this.props.onChangeFormat;
-
-        if (typeof onChangeFormat === 'function') {
-          onChangeFormat({
-            format: format
-          });
-        }
-      });
-    });
-
-    if (process.env.NODE_ENV !== "production") {
-      process.env.NODE_ENV !== "production" ? warning(didWarnAboutDeprecation, 'The SearchLayoutButton component has been deprecated and will be removed in the next major release of `carbon-components-react`') : void 0;
-      didWarnAboutDeprecation = true;
-    }
-
-    return _this;
-  }
-  /**
-   * Toggles the button state upon user-initiated event.
-   */
-
-
-  _createClass(SearchLayoutButton, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var prefix = this.context;
-      var _this$props = this.props,
-          labelText = _this$props.labelText,
-          iconDescriptionList = _this$props.iconDescriptionList,
-          iconDescriptionGrid = _this$props.iconDescriptionGrid;
-
-      var SearchLayoutButtonIcon = function SearchLayoutButtonIcon() {
-        if (_this2.state.format === 'list') {
-          return /*#__PURE__*/React__default.createElement(ListBulleted, {
-            className: "".concat(prefix, "--search-view"),
-            "aria-label": iconDescriptionList
-          });
-        }
-
-        return /*#__PURE__*/React__default.createElement(Grid, {
-          className: "".concat(prefix, "--search-view"),
-          "aria-label": iconDescriptionGrid
-        });
-      };
-
-      return /*#__PURE__*/React__default.createElement("button", {
-        className: "".concat(prefix, "--search-button"),
-        type: "button",
-        onClick: this.toggleLayout,
-        "aria-label": labelText,
-        title: labelText
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: "".concat(prefix, "--search__toggle-layout__container")
-      }, /*#__PURE__*/React__default.createElement(SearchLayoutButtonIcon, null)));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(_ref, state) {
-      var format = _ref.format;
-      var prevFormat = state.prevFormat;
-      return prevFormat === format ? null : {
-        format: format || 'list',
-        prevFormat: format
-      };
-    }
-  }]);
-
-  return SearchLayoutButton;
-}(Component);
-
-_defineProperty(SearchLayoutButton, "contextType", PrefixContext);
-
-_defineProperty(SearchLayoutButton, "propTypes", {
-  /**
-   * The layout.
-   */
-  format: PropTypes.oneOf(['list', 'grid']),
-
-  /**
-   * The description for the "grid" icon.
-   */
-  iconDescriptionGrid: PropTypes.string,
-
-  /**
-   * The description for the "list" icon.
-   */
-  iconDescriptionList: PropTypes.string,
-
-  /**
-   * The a11y label text.
-   */
-  labelText: PropTypes.string,
-
-  /**
-   * The callback called when layout switches.
-   */
-  onChangeFormat: PropTypes.func
-});
-
-_defineProperty(SearchLayoutButton, "defaultProps", {
-  labelText: 'Filter',
-  iconDescriptionList: 'list',
-  iconDescriptionGrid: 'grid'
-});
-
-var SearchLayoutButton$1 = SearchLayoutButton;
-
-export { SearchLayoutButton$1 as default };

package/lib/components/SearchFilterButton/SearchFilterButton.js

@@ -1,70 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * 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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var iconsReact = require('@carbon/icons-react');
-var PropTypes = require('prop-types');
-var React = require('react');
-var warning = require('../../internal/warning.js');
-var usePrefix = require('../../internal/usePrefix.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _excluded = ["labelText", "iconDescription"];
-var didWarnAboutDeprecation = false;
-/**
- * The filter button for `<Search>`.
- */
-
-var SearchFilterButton = function SearchFilterButton(_ref) {
-  var labelText = _ref.labelText,
-      iconDescription = _ref.iconDescription,
-      other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-
-  if (process.env.NODE_ENV !== "production") {
-    process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, 'The SearchFilterButton component has been deprecated and will be removed in the next major release of `carbon-components-react`') : void 0;
-    didWarnAboutDeprecation = true;
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
-    className: "".concat(prefix, "--search-button"),
-    type: "button",
-    "aria-label": labelText,
-    title: labelText
-  }, other), /*#__PURE__*/React__default["default"].createElement(iconsReact.Filter, {
-    className: "".concat(prefix, "--search-filter"),
-    "aria-label": iconDescription
-  }));
-};
-
-SearchFilterButton.propTypes = {
-  /**
-   * The icon description.
-   */
-  iconDescription: PropTypes__default["default"].string,
-
-  /**
-   * The a11y label text.
-   */
-  labelText: PropTypes__default["default"].string
-};
-SearchFilterButton.defaultProps = {
-  labelText: 'Search',
-  iconDescription: 'filter'
-};
-var SearchFilterButton$1 = SearchFilterButton;
-
-exports["default"] = SearchFilterButton$1;

package/lib/components/SearchLayoutButton/SearchLayoutButton.js

@@ -1,160 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * 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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var iconsReact = require('@carbon/icons-react');
-var PropTypes = require('prop-types');
-var React = require('react');
-var warning = require('../../internal/warning.js');
-var usePrefix = require('../../internal/usePrefix.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var didWarnAboutDeprecation = false;
-/**
- * The layout button for `<Search>`.
- */
-
-var SearchLayoutButton = /*#__PURE__*/function (_Component) {
-  _rollupPluginBabelHelpers.inherits(SearchLayoutButton, _Component);
-
-  var _super = _rollupPluginBabelHelpers.createSuper(SearchLayoutButton);
-
-  function SearchLayoutButton(props) {
-    var _this;
-
-    _rollupPluginBabelHelpers.classCallCheck(this, SearchLayoutButton);
-
-    _this = _super.call(this, props);
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "state", {
-      format: 'list'
-    });
-
-    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "toggleLayout", function () {
-      var format = _this.state.format === 'list' ? 'grid' : 'list';
-
-      _this.setState({
-        format: format
-      }, function () {
-        var onChangeFormat = _this.props.onChangeFormat;
-
-        if (typeof onChangeFormat === 'function') {
-          onChangeFormat({
-            format: format
-          });
-        }
-      });
-    });
-
-    if (process.env.NODE_ENV !== "production") {
-      process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, 'The SearchLayoutButton component has been deprecated and will be removed in the next major release of `carbon-components-react`') : void 0;
-      didWarnAboutDeprecation = true;
-    }
-
-    return _this;
-  }
-  /**
-   * Toggles the button state upon user-initiated event.
-   */
-
-
-  _rollupPluginBabelHelpers.createClass(SearchLayoutButton, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var prefix = this.context;
-      var _this$props = this.props,
-          labelText = _this$props.labelText,
-          iconDescriptionList = _this$props.iconDescriptionList,
-          iconDescriptionGrid = _this$props.iconDescriptionGrid;
-
-      var SearchLayoutButtonIcon = function SearchLayoutButtonIcon() {
-        if (_this2.state.format === 'list') {
-          return /*#__PURE__*/React__default["default"].createElement(iconsReact.ListBulleted, {
-            className: "".concat(prefix, "--search-view"),
-            "aria-label": iconDescriptionList
-          });
-        }
-
-        return /*#__PURE__*/React__default["default"].createElement(iconsReact.Grid, {
-          className: "".concat(prefix, "--search-view"),
-          "aria-label": iconDescriptionGrid
-        });
-      };
-
-      return /*#__PURE__*/React__default["default"].createElement("button", {
-        className: "".concat(prefix, "--search-button"),
-        type: "button",
-        onClick: this.toggleLayout,
-        "aria-label": labelText,
-        title: labelText
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "".concat(prefix, "--search__toggle-layout__container")
-      }, /*#__PURE__*/React__default["default"].createElement(SearchLayoutButtonIcon, null)));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(_ref, state) {
-      var format = _ref.format;
-      var prevFormat = state.prevFormat;
-      return prevFormat === format ? null : {
-        format: format || 'list',
-        prevFormat: format
-      };
-    }
-  }]);
-
-  return SearchLayoutButton;
-}(React.Component);
-
-_rollupPluginBabelHelpers.defineProperty(SearchLayoutButton, "contextType", usePrefix.PrefixContext);
-
-_rollupPluginBabelHelpers.defineProperty(SearchLayoutButton, "propTypes", {
-  /**
-   * The layout.
-   */
-  format: PropTypes__default["default"].oneOf(['list', 'grid']),
-
-  /**
-   * The description for the "grid" icon.
-   */
-  iconDescriptionGrid: PropTypes__default["default"].string,
-
-  /**
-   * The description for the "list" icon.
-   */
-  iconDescriptionList: PropTypes__default["default"].string,
-
-  /**
-   * The a11y label text.
-   */
-  labelText: PropTypes__default["default"].string,
-
-  /**
-   * The callback called when layout switches.
-   */
-  onChangeFormat: PropTypes__default["default"].func
-});
-
-_rollupPluginBabelHelpers.defineProperty(SearchLayoutButton, "defaultProps", {
-  labelText: 'Filter',
-  iconDescriptionList: 'list',
-  iconDescriptionGrid: 'grid'
-});
-
-var SearchLayoutButton$1 = SearchLayoutButton;
-
-exports["default"] = SearchLayoutButton$1;