@carbon/ibm-products 2.43.2-canary.22 → 2.43.2-canary.226

package/lib/components/OptionsTile/OptionsTile.js

@@ -10,15 +10,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var carbonMotion = require('@carbon/motion');
+var icons = require('@carbon/react/icons');
+var react = require('@carbon/react');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var settings = require('../../settings.js');
-var react = require('@carbon/react');
-var icons = require('@carbon/react/icons');
-var carbonMotion = require('@carbon/motion');
+var usePrefersReducedMotion = require('../../global/js/hooks/usePrefersReducedMotion.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var useControllableState = require('../../global/js/hooks/useControllableState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -41,9 +42,9 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var carbonMotion__namespace = /*#__PURE__*/_interopNamespace(carbonMotion);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var carbonMotion__namespace = /*#__PURE__*/_interopNamespace(carbonMotion);
 
 var _Locked;
 var _excluded = ["children", "className", "enabled", "invalid", "invalidText", "locked", "lockedText", "onChange", "onToggle", "open", "size", "summary", "title", "titleId", "warn", "warnText"];
@@ -99,9 +100,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
   var isInvalid = invalid;
   var isWarn = !isInvalid && warn;
   var isLocked = !isInvalid && !isWarn && locked;
-  var reducedMotion = window && window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : {
-    matches: true
-  };
+  var shouldReduceMotion = usePrefersReducedMotion["default"]();
   if (open !== prevIsOpen) {
     if (isOpen && !open) {
       collapse();
@@ -111,7 +110,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     setPrevIsOpen(open);
   }
   function expand() {
-    if (detailsRef.current && contentRef.current && !reducedMotion.matches) {
+    if (detailsRef.current && contentRef.current && !shouldReduceMotion) {
       setIsOpen(true);
       detailsRef.current.open = true;
       var _getComputedStyle = getComputedStyle(contentRef.current),
@@ -140,7 +139,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     }
   }
   function collapse() {
-    if (contentRef.current && !reducedMotion.matches) {
+    if (contentRef.current && !shouldReduceMotion) {
       setClosing(true);
       var _getComputedStyle2 = getComputedStyle(contentRef.current),
         paddingTop = _getComputedStyle2.paddingTop,
@@ -192,6 +191,12 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     var Icon = null;
     var text = summary;
     var summaryClasses = ["".concat(blockClass, "__summary")];
+    if (closing) {
+      summaryClasses.push("".concat(blockClass, "__summary--closing"));
+    }
+    if (isOpen) {
+      summaryClasses.push("".concat(blockClass, "__summary--open"));
+    }
     if (invalid) {
       Icon = icons.WarningFilled;
       text = invalidText;
@@ -255,7 +260,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     onClick: toggle
   }, /*#__PURE__*/React__default["default"].createElement(icons.ChevronDown, {
     size: 16,
-    className: "".concat(blockClass, "__chevron")
+    className: cx__default["default"]("".concat(blockClass, "__chevron"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__chevron--open"), isOpen), "".concat(blockClass, "__chevron--closing"), closing))
   }), renderTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(blockClass, "__content"),
     ref: contentRef
@@ -327,7 +332,6 @@ exports.OptionsTile.propTypes = {
   /**
    * Define the size of the OptionsTile.
    */
-  /**@ts-ignore*/
   size: index["default"].oneOf(['lg', 'xl']),
   /**
    * Optionally provide a text summarizing the current state of the content.

package/lib/components/OptionsTile/index.d.ts

@@ -1 +1,8 @@
-export { OptionsTile } from "./OptionsTile";
+/**
+ * Copyright IBM Corp. 2021, 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.
+ */
+export { OptionsTile } from './OptionsTile';
+export type { OptionsTileProps } from './OptionsTile';

package/lib/components/PageHeader/PageHeader.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React, { PropsWithChildren, ReactNode } from 'react';
 import { Tag } from '@carbon/react';
 import { ButtonProps, PopoverAlignment, TagProps } from '@carbon/type';
+import React, { PropsWithChildren, ReactNode } from 'react';
 interface ActionBarItem extends ButtonProps {
     iconDescription: string;
     onClick: () => void;
@@ -284,7 +284,7 @@ interface PageHeaderBaseProps extends PropsWithChildren {
      */
     hasBackgroundAlways?: boolean;
 }
-type PageHeaderProps = PageHeaderBaseProps & PageActionProps & CollapseHeaderProps & BreadcrumbProps & ActionBarOverflowAriaLabelProps;
+export type PageHeaderProps = PageHeaderBaseProps & PageActionProps & CollapseHeaderProps & BreadcrumbProps & ActionBarOverflowAriaLabelProps;
 export declare let PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export declare const deprecatedProps: {
     /**

package/lib/components/PageHeader/PageHeader.js

@@ -10,19 +10,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var TagSet = require('../TagSet/TagSet.js');
 var layout = require('@carbon/layout');
-var cx = require('classnames');
-var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
-var react = require('@carbon/react');
-var devtools = require('../../global/js/utils/devtools.js');
+var PageHeaderUtils = require('./PageHeaderUtils.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
-var settings = require('../../settings.js');
-var TagSet = require('../TagSet/TagSet.js');
 var icons = require('@carbon/react/icons');
-var PageHeaderUtils = require('./PageHeaderUtils.js');
 var PageHeaderTitle = require('./PageHeaderTitle.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
+var devtools = require('../../global/js/utils/devtools.js');
+var settings = require('../../settings.js');
+var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
 var useWindowScroll = require('../../global/js/hooks/useWindowScroll.js');
 var useWindowResize = require('../../global/js/hooks/useWindowResize.js');
 var BreadcrumbWithOverflow = require('../BreadcrumbWithOverflow/BreadcrumbWithOverflow.js');
@@ -36,6 +36,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["actionBarItems", "actionBarMenuOptionsClass", "actionBarOverflowAriaLabel", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTitle", "hasBackgroundAlways", "breadcrumbOverflowAriaLabel", "breadcrumbs", "children", "className", "collapseHeader", "collapseHeaderIconDescription", "collapseTitle", "disableBreadcrumbScroll", "enableBreadcrumbScroll", "expandHeaderIconDescription", "fullWidthGrid", "hasCollapseHeaderToggle", "narrowGrid", "navigation", "pageActions", "pageActionsOverflowLabel", "pageActionsMenuOptionsClass", "showAllTagsLabel", "subtitle", "tags", "title", "withoutBackground", "breadcrumbOverflowTooltipAlign"];
 var componentName = 'PageHeader';
+settings.pkg._silenceWarnings(true);
 settings.pkg.component.ActionBar = true;
 
 // Default values for props
@@ -101,6 +102,7 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
   var headerRef = ref || localHeaderRef;
   var sizingContainerRef = React.useRef(null);
   var offsetTopMeasuringRef = React.useRef(null);
+  var overflowMenuRef = React.useRef(null);
 
   // state based on props only
   var hasActionBar = actionBarItems && actionBarItems.length > 0;
@@ -174,14 +176,22 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
     _useState26 = _rollupPluginBabelHelpers.slicedToArray(_useState25, 2),
     widthIsNarrow = _useState26[0],
     setWidthIsNarrow = _useState26[1];
+  var prefix = react.usePrefix();
 
   // handlers
   var handleActionBarWidthChange = function handleActionBarWidthChange(_ref2) {
+    var _overflowMenuRef$curr;
     var minWidth = _ref2.minWidth,
       maxWidth = _ref2.maxWidth;
+    var overflowMenuWidth = 0;
+    var overflowMenu = overflowMenuRef === null || overflowMenuRef === void 0 || (_overflowMenuRef$curr = overflowMenuRef.current) === null || _overflowMenuRef$curr === void 0 ? void 0 : _overflowMenuRef$curr.querySelector(".".concat(prefix, "--overflow-menu"));
+    if (overflowMenu) {
+      overflowMenuWidth = overflowMenu.offsetWidth;
+    }
+
     /* don't know how to test resize */
     /* istanbul ignore next */
-    setActionBarMaxWidth(maxWidth);
+    setActionBarMaxWidth(maxWidth + overflowMenuWidth);
     /* don't know how to test resize */
     /* istanbul ignore next */
     setActionBarMinWidth(minWidth);
@@ -399,6 +409,7 @@ exports.PageHeader = /*#__PURE__*/React__default["default"].forwardRef(function
     menuOptionsClass: "".concat(cx__default["default"](actionBarMenuOptionsClass, "".concat(PageHeaderUtils.blockClass, "__action-bar-menu-options"))),
     onWidthChange: handleActionBarWidthChange,
     overflowAriaLabel: actionBarOverflowAriaLabel,
+    overflowMenuRef: overflowMenuRef,
     rightAlign: true
   })) : widthIsNarrow && thePageActions(true, pageActionsInBreadcrumbRow))))) : null, !collapseTitle && (title || pageActions) ? /*#__PURE__*/React__default["default"].createElement(react.Row, {
     className: cx__default["default"]("".concat(PageHeaderUtils.blockClass, "__title-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(PageHeaderUtils.blockClass, "__title-row--no-breadcrumb-row"), !hasBreadcrumbRow), "".concat(PageHeaderUtils.blockClass, "__title-row--under-action-bar"), hasActionBar || widthIsNarrow), "".concat(PageHeaderUtils.blockClass, "__title-row--has-page-actions"), !!pageActions), "".concat(PageHeaderUtils.blockClass, "__title-row--sticky"), !!pageActions && !actionBarItems && hasBreadcrumbRow))

package/lib/components/PageHeader/PageHeaderUtils.js

@@ -81,7 +81,7 @@ var utilCheckUpdateVerticalSpace = function utilCheckUpdateVerticalSpace(headerR
 
     // The header offset calculation is either going to work out at 0 if we have no gap between scrolling container
     // top and the measuring ref top, or the difference between.
-    update.headerOffset = offsetMeasuringTop === 0 ? offsetMeasuringTop - scrollableContainerTop : 0;
+    update.headerOffset = offsetMeasuringTop !== 0 ? offsetMeasuringTop - scrollableContainerTop : 0;
 
     /* istanbul ignore next */
     update.breadcrumbRowHeight = breadcrumbRowEl ? breadcrumbRowEl.clientHeight : 0;
@@ -107,11 +107,6 @@ var utilCheckUpdateVerticalSpace = function utilCheckUpdateVerticalSpace(headerR
       // adjust top for sticky with navigation
       update.headerTopValue += update.navigationRowHeight;
     }
-    if (!hasActionBar && !widthIsNarrow) {
-      // Add difference between $spacing-08 and $spacing-07 to ensure space below breadcrumb is correct on scroll
-      // $spacing-07 is used as size for breadcrumb when no action bar otherwise $spacing-08
-      update.headerTopValue += 8;
-    }
     if (!enableBreadcrumbScroll || !navigation) {
       // adjust sticky top if no navigation or breadcrumb is to stay on screen
       update.headerTopValue += update.breadcrumbRowHeight;

package/lib/components/PageHeader/index.d.ts

@@ -1 +1,2 @@
-export { PageHeader } from "./PageHeader";
+export { PageHeader } from './PageHeader';
+export type { PageHeaderProps } from './PageHeader';

package/lib/components/ProductiveCard/ProductiveCard.d.ts

@@ -16,7 +16,7 @@ type overflowAction = {
 };
 type PlacementType = 'top' | 'bottom';
 type ClickZoneType = 'one' | 'two' | 'three';
-interface ProductiveCardProps extends PropsWithChildren {
+export interface ProductiveCardProps extends PropsWithChildren {
     /**
      * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
      */
@@ -110,6 +110,10 @@ interface ProductiveCardProps extends PropsWithChildren {
      * Determines title size
      */
     titleSize?: 'default' | 'large';
+    /**
+     * Tooltip icon description
+     */
+    iconDescription?: string;
 }
 export declare let ProductiveCard: React.ForwardRefExoticComponent<ProductiveCardProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/ProductiveCard/ProductiveCard.js

@@ -13,22 +13,24 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
-var propsHelper = require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
+var propsHelper = require('../../global/js/utils/props-helper.js');
 var Card = require('../Card/Card.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["actionsPlacement"];
+var _excluded = ["actionsPlacement", "iconDescription"];
 var componentName = 'ProductiveCard';
 exports.ProductiveCard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$actionsPlacement = _ref.actionsPlacement,
     actionsPlacement = _ref$actionsPlacement === void 0 ? 'top' : _ref$actionsPlacement,
+    iconDescription = _ref.iconDescription,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var validProps = propsHelper.prepareProps(rest, ['media', 'mediaPosition', 'pictogram', 'primaryButtonClick', 'productive', 'secondaryButtonKind']);
   return /*#__PURE__*/React__default["default"].createElement(Card.Card, _rollupPluginBabelHelpers["extends"]({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, validProps), {}, {
+    iconDescription: iconDescription,
     actionsPlacement: actionsPlacement,
     ref: ref,
     productive: true
@@ -70,6 +72,10 @@ exports.ProductiveCard.propTypes = {
    * Optional header description
    */
   description: index["default"].oneOfType([index["default"].string, index["default"].object, index["default"].node]),
+  /**
+   * Tooltip icon description
+   */
+  iconDescription: index["default"].string,
   /**
    * Optional label for the top of the card
    */

package/lib/components/ProductiveCard/index.d.ts

@@ -1 +1,2 @@
-export { ProductiveCard } from "./ProductiveCard";
+export { ProductiveCard } from './ProductiveCard';
+export type { ProductiveCardProps } from './ProductiveCard';

package/lib/components/RemoveModal/RemoveModal.d.ts

@@ -1,11 +1,11 @@
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React, { ReactNode } from 'react';
 import { ComposedModal } from '@carbon/react';
-interface RemoveModalProps extends React.ComponentProps<typeof ComposedModal> {
+import React, { ReactNode } from 'react';
+export interface RemoveModalProps extends React.ComponentProps<typeof ComposedModal> {
     /**
      * The content to be displayed in the body of the modal
      */
-    body: string;
+    body: ReactNode;
     /**
      * Optional classname
      */
@@ -58,6 +58,10 @@ interface RemoveModalProps extends React.ComponentProps<typeof ComposedModal> {
      * Specify the text for the primary button
      */
     primaryButtonText?: string;
+    /**
+     * Specify the danger description on the primary button
+     */
+    primaryDangerDescription?: string;
     /**
      * The name of the resource being acted upon
      */
@@ -78,4 +82,3 @@ interface RemoveModalProps extends React.ComponentProps<typeof ComposedModal> {
 export declare let RemoveModal: React.ForwardRefExoticComponent<RemoveModalProps & {
     children?: React.ReactNode;
 } & React.RefAttributes<unknown>>;
-export {};

package/lib/components/RemoveModal/RemoveModal.js

@@ -10,14 +10,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var cx = require('classnames');
 var react = require('@carbon/react');
+var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var settings = require('../../settings.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,7 +25,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["body", "className", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "portalTarget", "preventCloseOnClickOutside", "primaryButtonDisabled", "primaryButtonText", "resourceName", "secondaryButtonText", "textConfirmation", "title"];
+var _excluded = ["body", "className", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "portalTarget", "preventCloseOnClickOutside", "primaryButtonDisabled", "primaryButtonText", "primaryDangerDescription", "resourceName", "secondaryButtonText", "textConfirmation", "title"];
 var componentName = 'RemoveModal';
 
 /**
@@ -49,6 +49,7 @@ exports.RemoveModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     preventCloseOnClickOutside = _ref.preventCloseOnClickOutside,
     primaryButtonDisabled = _ref.primaryButtonDisabled,
     primaryButtonText = _ref.primaryButtonText,
+    primaryDangerDescription = _ref.primaryDangerDescription,
     resourceName = _ref.resourceName,
     secondaryButtonText = _ref.secondaryButtonText,
     textConfirmation = _ref.textConfirmation,
@@ -99,9 +100,9 @@ exports.RemoveModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     title: title,
     label: label,
     iconDescription: iconDescription
-  }), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, null, /*#__PURE__*/React__default["default"].createElement("p", {
+  }), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, null, typeof body === 'string' ? /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(blockClass, "__body")
-  }, body), textConfirmation && /*#__PURE__*/React__default["default"].createElement(react.TextInput, {
+  }, body) : body, textConfirmation && /*#__PURE__*/React__default["default"].createElement(react.TextInput, {
     id: "".concat(idRef.current, "-confirmation-input"),
     className: "".concat(blockClass, "__input"),
     invalidText: inputInvalidText,
@@ -118,6 +119,7 @@ exports.RemoveModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, secondaryButtonText), /*#__PURE__*/React__default["default"].createElement(react.Button, {
     type: "submit",
     kind: "danger",
+    dangerDescription: primaryDangerDescription,
     onClick: onRequestSubmit,
     disabled: primaryButtonStatus
   }, primaryButtonText))));
@@ -129,7 +131,7 @@ exports.RemoveModal.propTypes = {
   /**
    * The content to be displayed in the body of the modal
    */
-  body: index["default"].string.isRequired,
+  body: index["default"].node.isRequired,
   /**
    * Optional classname
    */
@@ -182,6 +184,10 @@ exports.RemoveModal.propTypes = {
    * Specify the text for the primary button
    */
   primaryButtonText: index["default"].string,
+  /**
+   * Specify the danger description on the primary button
+   */
+  primaryDangerDescription: index["default"].string,
   /**
    * The name of the resource being acted upon
    */

package/lib/components/RemoveModal/index.d.ts

@@ -1 +1,2 @@
-export { RemoveModal } from "./RemoveModal";
+export { RemoveModal } from './RemoveModal';
+export type { RemoveModalProps } from './RemoveModal';

package/lib/components/Saving/Saving.d.ts

@@ -7,7 +7,7 @@
 import React from 'react';
 type Type = 'manual' | 'auto';
 type Status = 'default' | 'in-progress' | 'success' | 'fail';
-interface SavingProps {
+export interface SavingProps {
     /**
      * Provide an optional class to be applied to the containing node.
      */

package/lib/components/Saving/Saving.js

@@ -10,11 +10,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var cx = require('classnames');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
+var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 

package/lib/components/Saving/index.d.ts

@@ -1 +1,2 @@
-export { Saving } from "./Saving";
+export { Saving } from './Saving';
+export type { SavingProps } from './Saving';

package/lib/components/SearchBar/SearchBar.d.ts

@@ -7,7 +7,7 @@
 import React, { PropsWithChildren } from 'react';
 import PropTypes from 'prop-types';
 type Scopes = string[] | object[];
-interface SearchBarProps extends PropsWithChildren {
+export interface SearchBarProps extends PropsWithChildren {
     /** @type {string} Optional additional class name. */
     className?: string;
     /** @type {string} The label text for the search text input. */
@@ -17,7 +17,7 @@ interface SearchBarProps extends PropsWithChildren {
      */
     hideScopesLabel?: boolean;
     /** @type {string} The label text for the search text input. */
-    labelText?: string;
+    labelText: string;
     /** @type {Function} Function handler for when the user changes their query search. */
     onChange?: (event: any) => void;
     /** @type {Function} Function handler for when the user submits a search. */

package/lib/components/SearchBar/SearchBar.js

@@ -10,12 +10,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var react = require('@carbon/react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -144,7 +144,7 @@ exports.SearchBar = /*#__PURE__*/React__default["default"].forwardRef(function (
   })) : null, /*#__PURE__*/React__default["default"].createElement(react.Search, {
     className: "".concat(blockClass, "__input"),
     closeButtonLabelText: clearButtonLabelText,
-    labelText: labelText || '',
+    labelText: labelText,
     name: "search-input",
     onChange: handleInputChange,
     placeholder: placeholderText,
@@ -197,7 +197,7 @@ exports.SearchBar.propTypes = _rollupPluginBabelHelpers.objectSpread2({
    */
   hideScopesLabel: index["default"].bool,
   /** @type {string} The label text for the search text input. */
-  labelText: index["default"].string,
+  labelText: index["default"].string.isRequired,
   /** @type {Function} Function handler for when the user changes their query search. */
   onChange: index["default"].func,
   /** @type {Function} Function handler for when the user submits a search. */

package/lib/components/SearchBar/index.d.ts

@@ -1 +1,8 @@
-export { SearchBar } from "./SearchBar";
+/**
+ * Copyright IBM Corp. 2024, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { SearchBar } from './SearchBar';
+export type { SearchBarProps } from './SearchBar';

package/lib/components/SidePanel/SidePanel.d.ts

@@ -143,7 +143,7 @@ type SidePanelSlideInProps = {
      */
     selectorPageContent: string;
 };
-type SidePanelProps = SidePanelBaseProps & SidePanelSlideInProps;
+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.
  */