@carbon/ibm-products 2.65.0 → 2.66.0

package/es/components/SearchBar/SearchBar.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { MultiSelect, Search, Button } from '@carbon/react';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from '../../_virtual/index.js';
@@ -13,55 +13,43 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
-var _excluded = ["className", "clearButtonLabelText", "hideScopesLabel", "labelText", "onChange", "onSubmit", "placeholderText", "scopes", "scopesTypeLabel", "scopeToString", "selectedScopes", "sortItems", "submitLabel", "translateWithId", "value"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--search-bar");
-var componentName = 'SearchBar';
+const blockClass = `${pkg.prefix}--search-bar`;
+const componentName = 'SearchBar';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 // Default values for props
-var defaults = {
-  onSubmit: function onSubmit() {},
-  onChange: function onChange() {},
+const defaults = {
+  onSubmit: () => {},
+  onChange: () => {},
   hideScopesLabel: true
 };
-var SearchBar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    clearButtonLabelText = _ref.clearButtonLabelText,
-    _ref$hideScopesLabel = _ref.hideScopesLabel,
-    hideScopesLabel = _ref$hideScopesLabel === void 0 ? defaults.hideScopesLabel : _ref$hideScopesLabel,
-    labelText = _ref.labelText,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? defaults.onChange : _ref$onChange,
-    _ref$onSubmit = _ref.onSubmit,
-    onSubmit = _ref$onSubmit === void 0 ? defaults.onSubmit : _ref$onSubmit,
-    placeholderText = _ref.placeholderText,
-    _ref$scopes = _ref.scopes,
-    scopes = _ref$scopes === void 0 ? [] : _ref$scopes,
-    scopesTypeLabel = _ref.scopesTypeLabel,
-    scopeToString = _ref.scopeToString,
-    _ref$selectedScopes = _ref.selectedScopes,
-    selectedScopes = _ref$selectedScopes === void 0 ? [] : _ref$selectedScopes,
-    sortItems = _ref.sortItems,
-    submitLabel = _ref.submitLabel,
-    translateWithId = _ref.translateWithId,
-    value = _ref.value,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(value || ''),
-    _useState2 = _slicedToArray(_useState, 2),
-    text = _useState2[0],
-    setText = _useState2[1];
-  var _useState3 = useState(selectedScopes || []),
-    _useState4 = _slicedToArray(_useState3, 2),
-    _selectedScopes = _useState4[0],
-    setSelectedScopes = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isInputDirty = _useState6[0],
-    setIsInputDirty = _useState6[1];
-  useEffect(function () {
+let SearchBar = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  let {
+    // The component props, in alphabetical order (for consistency).
+    className,
+    clearButtonLabelText,
+    hideScopesLabel = defaults.hideScopesLabel,
+    labelText,
+    onChange = defaults.onChange,
+    onSubmit = defaults.onSubmit,
+    placeholderText,
+    scopes = [],
+    scopesTypeLabel,
+    scopeToString,
+    selectedScopes = [],
+    sortItems,
+    submitLabel,
+    translateWithId,
+    value,
+    // Collect any other property values passed in.
+    ...rest
+  } = _ref;
+  const [text, setText] = useState(value || '');
+  const [_selectedScopes, setSelectedScopes] = useState(selectedScopes || []);
+  const [isInputDirty, setIsInputDirty] = useState(false);
+  useEffect(() => {
     if (!text || !text.length) {
       setIsInputDirty(false);
     } else {
@@ -72,9 +60,9 @@ var SearchBar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
    * Handler for form submit that calls onSubmit prop.
    * @param {Event} event Submit event generated.
    */
-  var handleSubmit = function handleSubmit(event) {
+  const handleSubmit = event => {
     event.preventDefault();
-    var eventObject = {
+    const eventObject = {
       value: text
     };
     if (scopes.length > 0) {
@@ -87,8 +75,10 @@ var SearchBar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
    * Handler for when scope selection changes that calls onChangeProp.
    * @param {{selectedItems: Array<any>}} {selectedItems} Object containing array of selected items.
    */
-  var handleSearchScopeChange = function handleSearchScopeChange(_ref2) {
-    var selectedItems = _ref2.selectedItems;
+  const handleSearchScopeChange = _ref2 => {
+    let {
+      selectedItems
+    } = _ref2;
     setSelectedScopes(selectedItems);
     onChange({
       selectedScopes: selectedItems,
@@ -100,10 +90,12 @@ var SearchBar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
    * Handler for search input changes that calls onChange prop.
    * @param {KeyboardEvent} event Event object from input change.
    */
-  var handleInputChange = function handleInputChange(event) {
-    var value = event.target.value;
-    var eventObject = {
-      value: value
+  const handleInputChange = event => {
+    const {
+      value
+    } = event.target;
+    const eventObject = {
+      value
     };
     if (scopes.length > 0) {
       eventObject.selectedScopes = selectedScopes;
@@ -111,27 +103,28 @@ var SearchBar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     setText(value);
     onChange(eventObject);
   };
-  var multiSelectProps = {
+  const multiSelectProps = {
     initialSelectedItems: selectedScopes,
     items: scopes,
     itemToString: scopeToString,
     label: scopesTypeLabel,
-    sortItems: sortItems,
-    translateWithId: translateWithId
+    sortItems,
+    translateWithId
   };
   return /*#__PURE__*/React__default.createElement("form", _extends({}, rest, {
     ref: ref
   }, getDevtoolsProps(componentName), {
-    className: cx(blockClass, className, _defineProperty({}, "".concat(blockClass, "--hide-scopes-label"), hideScopesLabel)),
+    className: cx(blockClass, className, {
+      [`${blockClass}--hide-scopes-label`]: hideScopesLabel
+    }),
     onSubmit: handleSubmit
-  }), scopes !== null && scopes !== void 0 && scopes.length ? /*#__PURE__*/React__default.createElement(MultiSelect, _extends({}, multiSelectProps, {
-    id: "".concat(blockClass, "__multi-select"),
-    name: "search-scopes",
-    className: "".concat(blockClass, "__scopes"),
+  }), scopes?.length ? /*#__PURE__*/React__default.createElement(MultiSelect, _extends({}, multiSelectProps, {
+    id: `${blockClass}__multi-select`,
+    className: `${blockClass}__scopes`,
     onChange: handleSearchScopeChange,
     size: "lg"
   })) : null, /*#__PURE__*/React__default.createElement(Search, {
-    className: "".concat(blockClass, "__input"),
+    className: `${blockClass}__input`,
     closeButtonLabelText: clearButtonLabelText,
     labelText: labelText,
     name: 'search-input',
@@ -143,7 +136,7 @@ var SearchBar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     name: "search-submit",
     kind: "primary",
     type: "submit",
-    className: "".concat(blockClass, "__submit"),
+    className: `${blockClass}__submit`,
     disabled: !isInputDirty
   }, submitLabel));
 });
@@ -154,17 +147,17 @@ SearchBar = pkg.checkComponentEnabled(SearchBar, componentName);
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
 SearchBar.displayName = componentName;
-var conditionalScopePropValidator = function conditionalScopePropValidator(props, propName, componentName) {
+const conditionalScopePropValidator = function (props, propName, componentName) {
   if (props.scopes && props.scopes.length > 0 && !props[propName]) {
-    return new Error("Required `".concat(propName, "` when `scopes` prop type is supplied to `").concat(componentName, "`. Validation failed."));
+    return new Error(`Required \`${propName}\` when \`scopes\` prop type is supplied to \`${componentName}\`. Validation failed.`);
   }
   /**@ts-ignore */
   for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
     rest[_key - 3] = arguments[_key];
   }
-  return PropTypes.string.apply(PropTypes, [props, propName, componentName].concat(rest));
+  return PropTypes.string(props, propName, componentName, ...rest);
 };
-var deprecatedProps = {
+const deprecatedProps = {
   /**
    * **Deprecated**
    *
@@ -176,7 +169,7 @@ var deprecatedProps = {
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-SearchBar.propTypes = _objectSpread2({
+SearchBar.propTypes = {
   /** @type {string} Optional additional class name. */
   className: PropTypes.string,
   /** @type {string} The label text for the search text input. */
@@ -214,7 +207,8 @@ SearchBar.propTypes = _objectSpread2({
   /** @type {func} Callback function for translating MultiSelect's child ListBoxMenuIcon SVG title. */
   translateWithId: PropTypes.func,
   /** @type {string} Search query value. */
-  value: PropTypes.string
-}, deprecatedProps);
+  value: PropTypes.string,
+  ...deprecatedProps
+};
 
 export { SearchBar, deprecatedProps };

package/es/components/SidePanel/SidePanel.d.ts

@@ -4,8 +4,8 @@
  * 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 React, { ReactNode, RefObject } from 'react';
 import { ButtonProps } from '@carbon/react';
+import React, { ReactNode, RefObject } from 'react';
 type SidePanelBaseProps = {
     /**
      * Sets the action toolbar buttons
@@ -153,8 +153,5 @@ type SidePanelSlideInProps = {
     selectorPageContent: string;
 };
 export type SidePanelProps = SidePanelBaseProps & SidePanelSlideInProps;
-/**
- * Side panels keep users in-context of a page while performing tasks like navigating, editing, viewing details, or configuring something new.
- */
-export declare let SidePanel: React.ForwardRefExoticComponent<SidePanelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const SidePanel: any;
 export {};