@carbon/ibm-products 2.33.0 → 2.34.0

package/es/components/StatusIcon/StatusIcon.js

@@ -26,298 +26,300 @@ _Status icons_ are an important method of communicating severity level
 information to users. The shapes and colors, communicate severity that enable
 users to quickly assess and identify status and respond accordingly.
  */
-var StatusIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+
+var StatusIcon = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var _icons$kind;
-  var kind = _ref.kind,
-    theme = _ref.theme,
-    size = _ref.size,
-    className = _ref.className,
-    iconDescription = _ref.iconDescription,
-    rest = _objectWithoutProperties(_ref, _excluded);
+  var kind = _ref2.kind,
+    theme = _ref2.theme,
+    size = _ref2.size,
+    className = _ref2.className,
+    iconDescription = _ref2.iconDescription,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var forwardedRef = ref;
   var icons = {
     fatal: {
-      sm: /*#__PURE__*/forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(Misuse, _extends({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/forwardRef(function (props, ref) {
+      md: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(Misuse, _extends({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(Misuse, _extends({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(Misuse, _extends({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     critical: {
-      sm: /*#__PURE__*/forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/forwardRef(function (props, ref) {
+      md: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(ErrorFilled, _extends({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     'major-warning': {
-      sm: /*#__PURE__*/forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(WarningAltInvertedFilled, _extends({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/forwardRef(function (props, ref) {
+      md: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(WarningAltInvertedFilled, _extends({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(WarningAltInvertedFilled, _extends({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(WarningAltInvertedFilled, _extends({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     'minor-warning': {
-      sm: /*#__PURE__*/forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(WarningAltFilled, _extends({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/forwardRef(function (props, ref) {
+      md: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(WarningAltFilled, _extends({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(WarningAltFilled, _extends({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(WarningAltFilled, _extends({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     undefined: {
-      sm: /*#__PURE__*/forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(UndefinedFilled, _extends({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/forwardRef(function (props, ref) {
+      md: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(UndefinedFilled, _extends({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(UndefinedFilled, _extends({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(UndefinedFilled, _extends({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     unknown: {
-      sm: /*#__PURE__*/forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(UnknownFilled, _extends({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/forwardRef(function (props, ref) {
+      md: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(UnknownFilled, _extends({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(UnknownFilled, _extends({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(UnknownFilled, _extends({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     normal: {
-      sm: /*#__PURE__*/forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/forwardRef(function (props, ref) {
+      md: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     info: {
-      sm: /*#__PURE__*/forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(InformationSquareFilled, _extends({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/forwardRef(function (props, ref) {
+      md: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(InformationSquareFilled, _extends({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(InformationSquareFilled, _extends({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(InformationSquareFilled, _extends({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     'in-progress': {
-      sm: /*#__PURE__*/forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(InProgress, _extends({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/forwardRef(function (props, ref) {
+      md: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(InProgress, _extends({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(InProgress, _extends({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(InProgress, _extends({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     running: {
-      sm: /*#__PURE__*/forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(CheckmarkOutline, _extends({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/forwardRef(function (props, ref) {
+      md: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(CheckmarkOutline, _extends({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(CheckmarkOutline, _extends({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(CheckmarkOutline, _extends({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     },
     pending: {
-      sm: /*#__PURE__*/forwardRef(function (props, ref) {
+      sm: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(Pending, _extends({
           size: 16,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      md: /*#__PURE__*/forwardRef(function (props, ref) {
+      md: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(Pending, _extends({
           size: 20,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      lg: /*#__PURE__*/forwardRef(function (props, ref) {
+      lg: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(Pending, _extends({
           size: 24,
-          ref: ref
+          ref: forwardedRef
         }, props));
       }),
-      xl: /*#__PURE__*/forwardRef(function (props, ref) {
+      xl: /*#__PURE__*/forwardRef(function (props, _ref) {
         return /*#__PURE__*/React__default.createElement(Pending, _extends({
           size: 32,
-          ref: ref
+          ref: forwardedRef
         }, props));
       })
     }

package/es/components/TruncatedList/TruncatedList.js

@@ -88,9 +88,11 @@ var TruncatedList = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
       var items = listRef.current.childNodes;
       var _listHeight = 0;
       for (var index = 0; index < numItemsToShow; index++) {
-        var _window;
-        var height = ((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(items[index])) === null || _window === void 0 ? void 0 : _window.height) || 16;
-        _listHeight += parseInt(height);
+        if (items[index]) {
+          var _window;
+          var height = ((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(items[index])) === null || _window === void 0 ? void 0 : _window.height) || 16;
+          _listHeight += parseInt(height);
+        }
       }
       setListHeight(_listHeight);
     }

package/es/components/UserAvatar/UserAvatar.js

@@ -114,7 +114,8 @@ var UserAvatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
         // example: [`${blockClass}__here-if-small`]: size === 'sm',
       }),
       ref: ref,
-      role: "img"
+      role: "img",
+      "aria-hidden": "true"
     }, getDevtoolsProps(componentName)), getItem());
   };
   if (tooltipText) {
@@ -141,7 +142,7 @@ UserAvatar.propTypes = {
   /**
    * Provide the background color need to be set for UserAvatar.
    */
-  backgroundColor: PropTypes.oneOf(['light-cyan', 'dark-cyan']),
+  backgroundColor: PropTypes.oneOf(['order-1-cyan', 'order-2-gray', 'order-3-green', 'order-4-magenta', 'order-5-purple', 'order-6-teal', 'order-7-cyan', 'order-8-gray', 'order-9-green', 'order-10-magenta', 'order-11-purple', 'order-12-teal']),
   /**
    * Provide an optional class to be applied to the containing node.
    */

package/es/components/index.d.ts

@@ -49,6 +49,7 @@ export { SearchBar } from "./SearchBar";
 export { Nav } from "./Nav";
 export { StringFormatter } from "./StringFormatter";
 export { UserAvatar } from "./UserAvatar";
+export { ScrollGradient } from "./ScrollGradient";
 export { StatusIndicator } from "./StatusIndicator";
 export { ActionBar } from "./ActionBar";
 export { ComboButton, ComboButtonItem } from "./ComboButton";
@@ -64,4 +65,4 @@ export { EditTearsheet, EditTearsheetForm } from "./EditTearsheet";
 export { Guidebanner, GuidebannerElement, GuidebannerElementButton, GuidebannerElementLink } from "./Guidebanner";
 export { InlineTip, InlineTipButton, InlineTipLink } from "./InlineTip";
 export { DescriptionList, DescriptionListBody, DescriptionListCell, DescriptionListRow } from "./DescriptionList";
-export { FilterPanel, FilterPanelCheckbox, FilterPanelLabel } from "./FilterPanel";
+export { FilterPanel, FilterPanelAccordion, FilterPanelAccordionItem, FilterPanelCheckbox, FilterPanelCheckboxWithOverflow, FilterPanelGroup, FilterPanelLabel } from "./FilterPanel";

package/es/global/js/package-settings.d.ts

@@ -80,12 +80,17 @@ declare namespace defaults {
         let TruncatedList: boolean;
         let DelimitedList: boolean;
         let FullPageError: boolean;
+        let ScrollGradient: boolean;
         let StringFormatter: boolean;
         let StatusIndicator: boolean;
         let StatusIndicatorStep: boolean;
         let ActionBar: boolean;
         let FilterPanel: boolean;
+        let FilterPanelAccordion: boolean;
+        let FilterPanelAccordionItem: boolean;
         let FilterPanelCheckbox: boolean;
+        let FilterPanelCheckboxWithOverflow: boolean;
+        let FilterPanelGroup: boolean;
         let FilterPanelLabel: boolean;
         let Coachmark: boolean;
         let CoachmarkBeacon: boolean;

package/es/global/js/package-settings.js

@@ -79,12 +79,17 @@ var defaults = {
     TruncatedList: false,
     DelimitedList: false,
     FullPageError: false,
+    ScrollGradient: false,
     StringFormatter: false,
     StatusIndicator: false,
     StatusIndicatorStep: false,
     ActionBar: false,
     FilterPanel: false,
+    FilterPanelAccordion: false,
+    FilterPanelAccordionItem: false,
     FilterPanelCheckbox: false,
+    FilterPanelCheckboxWithOverflow: false,
+    FilterPanelGroup: false,
     FilterPanelLabel: false,
     /* new component flags here - comment used by generate CLI */
 

package/es/index.js

@@ -118,8 +118,13 @@ export { SearchBar } from './components/SearchBar/SearchBar.js';
 export { Nav } from './components/Nav/Nav.js';
 export { StringFormatter } from './components/StringFormatter/StringFormatter.js';
 export { UserAvatar } from './components/UserAvatar/UserAvatar.js';
+export { ScrollGradient } from './components/ScrollGradient/ScrollGradient.js';
 export { StatusIndicator } from './components/StatusIndicator/StatusIndicator.js';
 export { ActionBar } from './components/ActionBar/ActionBar.js';
 export { FilterPanel } from './components/FilterPanel/FilterPanel.js';
+export { FilterPanelAccordion } from './components/FilterPanel/FilterPanelAccordion/FilterPanelAccordion.js';
+export { FilterPanelAccordionItem } from './components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js';
 export { FilterPanelCheckbox } from './components/FilterPanel/FilterPanelCheckbox/FilterPanelCheckbox.js';
+export { FilterPanelCheckboxWithOverflow } from './components/FilterPanel/FilterPanelCheckboxWithOverflow/FilterPanelCheckboxWithOverflow.js';
+export { FilterPanelGroup } from './components/FilterPanel/FilterPanelGroup/FilterPanelGroup.js';
 export { FilterPanelLabel } from './components/FilterPanel/FilterPanelLabel/FilterPanelLabel.js';

package/es/settings.d.ts

@@ -66,12 +66,17 @@ export const pkg: {
         TruncatedList: boolean;
         DelimitedList: boolean;
         FullPageError: boolean;
+        ScrollGradient: boolean;
         StringFormatter: boolean;
         StatusIndicator: boolean;
         StatusIndicatorStep: boolean;
         ActionBar: boolean;
         FilterPanel: boolean;
+        FilterPanelAccordion: boolean;
+        FilterPanelAccordionItem: boolean;
         FilterPanelCheckbox: boolean;
+        FilterPanelCheckboxWithOverflow: boolean;
+        FilterPanelGroup: boolean;
         FilterPanelLabel: boolean;
         Coachmark: boolean;
         CoachmarkBeacon: boolean;

package/lib/components/CreateSidePanel/CreateSidePanel.d.ts

@@ -1,5 +1,84 @@
+/**
+ * Copyright IBM Corp. 2021, 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.
+ */
+import React, { ReactNode } from 'react';
+interface CreateSidePanelProps {
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * The description of the CreateSidePanel serves to provide more information about the form within the panel.
+     */
+    description?: ReactNode;
+    /**
+     * Specifies a boolean for disabling or enabling the primary button. This is important for form validation
+     * Returning `true` prevents the primary button from being clicked until required fields are completed.
+     */
+    disableSubmit?: boolean;
+    /**
+     * Specifies an optional field that provides a additional context for a form
+     */
+    formDescription?: ReactNode;
+    /**
+     * Specifies a required field that provides a title for a form
+     */
+    formTitle: ReactNode;
+    /**
+     * Unique identifier
+     */
+    id?: string;
+    /**
+     * Specifies an optional handler which is called when the CreateSidePanel
+     * is closed.
+     */
+    onRequestClose?(): void;
+    /**
+     * Specifies an optional handler which is called when the CreateSidePanel
+     * primary button is pressed.
+     */
+    onRequestSubmit?(): void;
+    /**
+     * Specifies whether the CreateSidePanel is open or not.
+     */
+    open: boolean;
+    /**
+     * Specifies the primary button's text in the modal.
+     */
+    primaryButtonText: string;
+    /**
+     * Specifies the secondary button's text in the modal.
+     */
+    secondaryButtonText: string;
+    /**
+     * This is the selector to the element that contains all of the page content that will shrink when the panel is a slide in.
+     * This prop is required since create flows use the `slideIn` variant of the side panel.
+     */
+    selectorPageContent: string;
+    /**
+     * Specifies which DOM element in the form should be focused.
+     */
+    selectorPrimaryFocus: string;
+    /**
+     *  **Experimental:** Provide a `Slug` component to be rendered inside the `SidePanel` component
+     */
+    slug?: ReactNode;
+    /**
+     * The subtitle of the CreateSidePanel is optional and serves to provide more information about the modal.
+     */
+    subtitle?: ReactNode;
+    /**
+     * The title of the CreateSidePanel is usually the product or service name.
+     */
+    title: string;
+}
 /**
  * Use with medium complexity creations if the user needs page context. On-page content can be seen and interacted with.
  */
-export let CreateSidePanel: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let CreateSidePanel: React.ForwardRefExoticComponent<CreateSidePanelProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/CreateSidePanel/CreateSidePanel.js

@@ -56,7 +56,7 @@ exports.CreateSidePanel = /*#__PURE__*/React__default["default"].forwardRef(func
     label: primaryButtonText,
     onClick: function onClick(event) {
       event.preventDefault();
-      onRequestSubmit();
+      onRequestSubmit === null || onRequestSubmit === void 0 || onRequestSubmit();
     },
     kind: 'primary',
     disabled: disableSubmit,
@@ -99,6 +99,7 @@ exports.CreateSidePanel.propTypes = {
   /**
    * Sets the body content of the create side panel
    */
+  /**@ts-ignore*/
   children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]).isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
@@ -138,6 +139,7 @@ exports.CreateSidePanel.propTypes = {
   /**
    * Specifies whether the CreateSidePanel is open or not.
    */
+  /**@ts-ignore*/
   open: index["default"].bool,
   /**
    * Specifies the primary button's text in the modal.
@@ -155,6 +157,7 @@ exports.CreateSidePanel.propTypes = {
   /**
    * Specifies which DOM element in the form should be focused.
    */
+  /**@ts-ignore*/
   selectorPrimaryFocus: index["default"].node.isRequired,
   /**
    *  **Experimental:** Provide a `Slug` component to be rendered inside the `SidePanel` component
@@ -167,5 +170,5 @@ exports.CreateSidePanel.propTypes = {
   /**
    * The title of the CreateSidePanel is usually the product or service name.
    */
-  title: index["default"].node.isRequired
+  title: index["default"].string.isRequired
 };