@carbon/react 1.14.0-rc.0 → 1.15.0-rc.0

package/lib/components/Slider/Slider.js

@@ -236,13 +236,14 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
 
         _this.setState({
           value: value,
-          left: left,
-          needsOnRelease: true
+          left: left
         });
       }
     });
 
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "onBlur", function (evt) {
+      var _this$props$onBlur, _this$props;
+
       // Do nothing if we have no valid event, target, or value
       if (!evt || !('target' in evt) || typeof evt.target.value !== 'string') {
         return;
@@ -256,7 +257,7 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
         isValid: validity
       });
 
-      _this.props.onBlur({
+      (_this$props$onBlur = (_this$props = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props, {
         value: value
       });
     });
@@ -407,27 +408,27 @@ var Slider = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props = this.props,
-          ariaLabelInput = _this$props.ariaLabelInput,
-          className = _this$props.className,
-          hideTextInput = _this$props.hideTextInput,
-          _this$props$id = _this$props.id,
-          id = _this$props$id === void 0 ? this.inputId = this.inputId || "__carbon-slider_".concat(Math.random().toString(36).substr(2)) : _this$props$id,
-          min = _this$props.min,
-          minLabel = _this$props.minLabel,
-          max = _this$props.max,
-          maxLabel = _this$props.maxLabel,
-          _this$props$formatLab = _this$props.formatLabel,
-          formatLabel = _this$props$formatLab === void 0 ? defaultFormatLabel : _this$props$formatLab,
-          labelText = _this$props.labelText,
-          step = _this$props.step;
-          _this$props.stepMultiplier;
-          var inputType = _this$props.inputType,
-          required = _this$props.required,
-          disabled = _this$props.disabled,
-          name = _this$props.name,
-          light = _this$props.light,
-          other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props, _excluded);
+      var _this$props2 = this.props,
+          ariaLabelInput = _this$props2.ariaLabelInput,
+          className = _this$props2.className,
+          hideTextInput = _this$props2.hideTextInput,
+          _this$props2$id = _this$props2.id,
+          id = _this$props2$id === void 0 ? this.inputId = this.inputId || "__carbon-slider_".concat(Math.random().toString(36).substr(2)) : _this$props2$id,
+          min = _this$props2.min,
+          minLabel = _this$props2.minLabel,
+          max = _this$props2.max,
+          maxLabel = _this$props2.maxLabel,
+          _this$props2$formatLa = _this$props2.formatLabel,
+          formatLabel = _this$props2$formatLa === void 0 ? defaultFormatLabel : _this$props2$formatLa,
+          labelText = _this$props2.labelText,
+          step = _this$props2.step;
+          _this$props2.stepMultiplier;
+          var inputType = _this$props2.inputType,
+          required = _this$props2.required,
+          disabled = _this$props2.disabled,
+          name = _this$props2.name,
+          light = _this$props2.light,
+          other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props2, _excluded);
 
       delete other.onRelease;
       delete other.invalid;

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 input. 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');
@@ -98,6 +96,7 @@ var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
 var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
 var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
+require('./components/ContainedList/index.js');
 var index$i = require('./components/FeatureFlags/index.js');
 var index$j = require('./components/Heading/index.js');
 var index$k = require('./components/IconButton/index.js');
@@ -126,9 +125,12 @@ var SideNavFooter = require('./components/UIShell/SideNavFooter.js');
 var SideNavIcon = require('./components/UIShell/SideNavIcon.js');
 var SideNavItem = require('./components/UIShell/SideNavItem.js');
 var SideNavLinkText = require('./components/UIShell/SideNavLinkText.js');
+var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
 var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
-var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
 var FluidTextArea = require('./components/FluidTextArea/FluidTextArea.js');
+var FluidTextArea_Skeleton = require('./components/FluidTextArea/FluidTextArea.Skeleton.js');
+var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
+var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInput.Skeleton.js');
 var MenuDivider = require('./components/Menu/MenuDivider.js');
 var MenuGroup = require('./components/Menu/MenuGroup.js');
 var MenuItem = require('./components/Menu/MenuItem.js');
@@ -140,6 +142,7 @@ var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
 var TextInput = require('./components/TextInput/TextInput.js');
 var TreeView = require('./components/TreeView/TreeView.js');
+var ContainedList = require('./components/ContainedList/ContainedList.js');
 var Menu = require('./components/Menu/Menu.js');
 var Breadcrumb = require('./components/Breadcrumb/Breadcrumb.js');
 var BreadcrumbItem = require('./components/Breadcrumb/BreadcrumbItem.js');
@@ -200,6 +203,8 @@ var SideNavLink = require('./components/UIShell/SideNavLink.js');
 var SideNavMenu = require('./components/UIShell/SideNavMenu.js');
 var SideNavMenuItem = require('./components/UIShell/SideNavMenuItem.js');
 var SideNavSwitcher = require('./components/UIShell/SideNavSwitcher.js');
+var FluidDropdown = require('./components/FluidDropdown/FluidDropdown.js');
+var FluidDropdown_Skeleton = require('./components/FluidDropdown/FluidDropdown.Skeleton.js');
 var LayoutDirection = require('./components/Layout/LayoutDirection.js');
 var useLayoutDirection = require('./components/Layout/useLayoutDirection.js');
 var Stack = require('./components/Stack/Stack.js');
@@ -252,8 +257,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"];
@@ -343,9 +346,12 @@ exports.SideNavFooter = SideNavFooter["default"];
 exports.SideNavIcon = SideNavIcon["default"];
 exports.SideNavItem = SideNavItem["default"];
 exports.SideNavLinkText = SideNavLinkText["default"];
+exports.unstable_ContainedListItem = ContainedListItem["default"];
 exports.unstable_useContextMenu = useContextMenu["default"];
-exports.unstable__FluidTextInput = FluidTextInput["default"];
 exports.unstable__FluidTextArea = FluidTextArea["default"];
+exports.unstable__FluidTextAreaSkeleton = FluidTextArea_Skeleton["default"];
+exports.unstable__FluidTextInput = FluidTextInput["default"];
+exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
 exports.unstable_MenuDivider = MenuDivider["default"];
 exports.unstable_MenuGroup = MenuGroup["default"];
 exports.unstable_MenuItem = MenuItem["default"];
@@ -357,6 +363,7 @@ exports.ProgressBar = ProgressBar["default"];
 exports.MultiSelect = MultiSelect["default"];
 exports.TextInput = TextInput["default"];
 exports.TreeView = TreeView["default"];
+exports.unstable_ContainedList = ContainedList["default"];
 exports.unstable_Menu = Menu["default"];
 exports.Breadcrumb = Breadcrumb["default"];
 exports.BreadcrumbItem = BreadcrumbItem["default"];
@@ -426,6 +433,8 @@ exports.SideNavLink = SideNavLink["default"];
 exports.SideNavMenu = SideNavMenu.SideNavMenu;
 exports.SideNavMenuItem = SideNavMenuItem["default"];
 exports.SideNavSwitcher = SideNavSwitcher["default"];
+exports.unstable__FluidDropdown = FluidDropdown["default"];
+exports.unstable__FluidDropdownSkeleton = FluidDropdown_Skeleton["default"];
 exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
 exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
 exports.Stack = Stack.Stack;

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.15.0-rc.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.10.0-rc.0",
+    "@carbon/layout": "^11.7.0",
+    "@carbon/styles": "^1.15.0-rc.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": "79b7a1a788658d921f399232fea33e3c40eb939f"
 }

package/scss/components/fluid-dropdown/_fluid-dropdown.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-dropdown/fluid-dropdown';

package/scss/components/fluid-dropdown/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-dropdown';

package/scss/components/fluid-list-box/_fluid-list-box.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-list-box/fluid-list-box';

package/scss/components/fluid-list-box/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-list-box';

package/scss/components/fluid-text-area/_fluid-text-area.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-text-area/fluid-text-area';

package/scss/components/fluid-text-area/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-text-area';

package/scss/components/fluid-text-input/_fluid-text-input.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-text-input/fluid-text-input';

package/scss/components/fluid-text-input/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/components/fluid-text-input';

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 };