@carbon/ibm-products 2.43.2-canary.30 → 2.43.2-canary.300

package/lib/components/ActionBar/ActionBarItem.js

@@ -7,46 +7,37 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 var react = require('@carbon/react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["label", "className", "renderIcon"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
 var componentName = 'ActionBarItem';
 var blockClass = "".concat(settings.pkg.prefix, "--action-bar-item");
-
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 /**
  * The ActionBarItem is used in the page header to populate the action bar
  */
-exports.ActionBarItem = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.ActionBarItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var label = _ref.label,
     className = _ref.className,
     renderIcon = _ref.renderIcon,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var Icon = renderIcon;
-  return /*#__PURE__*/React__default["default"].createElement(react.IconButton, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+  return /*#__PURE__*/React.createElement(react.IconButton, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
     ref: ref,
-    className: cx__default["default"](blockClass, className),
+    className: cx(blockClass, className),
     kind: 'ghost',
     size: 'md',
-    align: 'bottom-right',
+    align: 'bottom-end',
     type: 'button',
     label: label
-  }), Icon ? /*#__PURE__*/React__default["default"].createElement(Icon, null) : null);
+  }), Icon ? /*#__PURE__*/React.createElement(Icon, null) : null);
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -74,25 +65,30 @@ exports.ActionBarItem.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollu
    *
    * (inherited from Carbon Button)
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * If specifying the `renderIcon` prop, provide a description for that icon that can
    * be read by screen readers
    *
    * (inherited from Carbon Button)
    */
-  label: index["default"].string,
+  label: index.default.string,
   /**
    * Optional click handler
    *
    * (inherited from Carbon Button)
    */
-  onClick: index["default"].func,
+  onClick: index.default.func,
   /**
    * Optional prop to allow overriding the icon rendering.
    * Can be a React component class
    *
    * (inherited from Carbon Button)
    */
-  renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object])
+  /**@ts-ignore */
+  renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+  /**
+   * Optional tab index
+   */
+  tabIndex: index.default.number
 });

package/lib/components/ActionBar/ActionBarOverflowItems.d.ts

@@ -1,18 +1,66 @@
-export function ActionBarOverflowItems({ className, menuOptionsClass, overflowItems, overflowAriaLabel, }: {
-    className: any;
-    menuOptionsClass: any;
-    overflowItems: any;
-    overflowAriaLabel: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace ActionBarOverflowItems {
-    export { componentName as displayName };
-    export namespace propTypes {
-        let className: PropTypes.Requireable<string>;
-        let menuOptionsClass: PropTypes.Requireable<string>;
-        let overflowAriaLabel: PropTypes.Requireable<string>;
-        let overflowItems: PropTypes.Requireable<(PropTypes.ReactElementLike | null | undefined)[]>;
-    }
-}
-declare const componentName: "ActionBar";
+import { PropsWithChildren, ReactElement, ForwardedRef } from 'react';
 import PropTypes from 'prop-types';
+import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
+type OverflowItem = {
+    label: string;
+    onClick: () => void;
+    renderIcon: CarbonIconType;
+};
+interface ActionBarOverflowItemProps extends PropsWithChildren {
+    /**
+     * className
+     */
+    className?: string;
+    /**
+     * class name applied to the overflow options
+     */
+    menuOptionsClass?: string;
+    /**
+     * overflowAriaLabel label for open close button overflow used for action bar items that do not fit.
+     */
+    overflowAriaLabel?: string;
+    /**
+     * overflowMenuRef for the overflow menu width that is needed to calculate the width of the action bar with overflow
+     */
+    overflowMenuRef?: ForwardedRef<HTMLDivElement>;
+    /**
+     * overflowItems: items to bre shown in the ActionBar overflow menu
+     */
+    overflowItems?: ReactElement<OverflowItem>[];
+    /**
+     * Optional tab index
+     */
+    tabIndex?: number;
+}
+export declare const ActionBarOverflowItems: {
+    ({ className, menuOptionsClass, overflowItems, overflowAriaLabel, overflowMenuRef, }: ActionBarOverflowItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    propTypes: {
+        /**
+         * className
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * class name applied to the overflow options
+         */
+        menuOptionsClass: PropTypes.Requireable<string>;
+        /**
+         * overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
+         */
+        overflowAriaLabel: PropTypes.Requireable<string>;
+        /**
+         * overflowItems: items to bre shown in the ActionBar overflow menu
+         */
+        overflowItems: PropTypes.Requireable<(PropTypes.ReactElementLike | null | undefined)[]>;
+        /**
+         * overflowMenuRef for the overflow menu width that is needed to calculate the width of the action bar with overflow
+         */
+        /**@ts-ignore */
+        overflowMenuRef: PropTypes.Requireable<object>;
+        /**
+         * Optional tab index
+         */
+        tabIndex: PropTypes.Requireable<number>;
+    };
+};
 export {};

package/lib/components/ActionBar/ActionBarOverflowItems.js

@@ -7,54 +7,55 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 // Copyright IBM Corp. 2020, 2023
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
 var blockClass = "".concat(settings.pkg.prefix, "--action-bar-overflow-items");
 var componentName = 'ActionBar';
 var ActionBarOverflowItems = function ActionBarOverflowItems(_ref) {
   var className = _ref.className,
     menuOptionsClass = _ref.menuOptionsClass,
     overflowItems = _ref.overflowItems,
-    overflowAriaLabel = _ref.overflowAriaLabel;
-  var internalId = React.useRef(uuidv4["default"]());
-  return /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, {
+    overflowAriaLabel = _ref.overflowAriaLabel,
+    overflowMenuRef = _ref.overflowMenuRef;
+  var internalId = React.useRef(uuidv4.default());
+  return /*#__PURE__*/React.createElement("div", {
+    ref: overflowMenuRef
+  }, /*#__PURE__*/React.createElement(react.OverflowMenu, {
     "aria-label": overflowAriaLabel,
-    className: cx__default["default"](blockClass, className),
+    className: cx(blockClass, className),
     direction: "bottom",
     flipped: true,
     iconDescription: overflowAriaLabel // also needs setting to avoid a11y "Accessible name does not match or contain the visible label text"
     ,
-    menuOptionsClass: cx__default["default"]("".concat(blockClass, "__options"), menuOptionsClass)
-  }, React__default["default"].Children.map(overflowItems, function (item, index) {
+    menuOptionsClass: cx("".concat(blockClass, "__options"), menuOptionsClass)
+  }, React.Children.map(overflowItems, function (item, index) {
     // This uses a copy of a menu item option
     // NOTE: Cannot use a real Tooltip icon below as it uses a <button /> the
     // div equivalent below is based on Carbon 10.25.0
-    var ItemIcon = item.props.renderIcon;
-    return /*#__PURE__*/React__default["default"].createElement(react.OverflowMenuItem, {
+    var ItemIcon = item === null || item === void 0 ? void 0 : item.props.renderIcon;
+    return /*#__PURE__*/React.createElement(react.OverflowMenuItem, {
       className: "".concat(blockClass, "__item"),
-      onClick: item.props.onClick,
-      itemText: /*#__PURE__*/React__default["default"].createElement("div", {
+      onClick: item === null || item === void 0 ? void 0 : item.props.onClick,
+      itemText: /*#__PURE__*/React.createElement("div", {
         className: "".concat(blockClass, "__item-content"),
         "aria-describedby": "".concat(internalId.current, "-").concat(index, "--item-label")
-      }, /*#__PURE__*/React__default["default"].createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: "".concat(blockClass, "__item-label"),
         id: "".concat(internalId.current, "-").concat(index, "--item-label")
-      }, item.props.label), typeof item.props.renderIcon === 'function' ? /*#__PURE__*/React__default["default"].createElement(ItemIcon, null) : item.props.renderIcon)
+      }, item === null || item === void 0 ? void 0 : item.props.label), typeof (item === null || item === void 0 ? void 0 : item.props.renderIcon) === 'function' ? /*#__PURE__*/React.createElement(ItemIcon, null) : item === null || item === void 0 ? void 0 : item.props.renderIcon)
     });
-  }));
+  })));
 };
 ActionBarOverflowItems.displayName = componentName;
 ActionBarOverflowItems.propTypes = {
@@ -62,19 +63,30 @@ ActionBarOverflowItems.propTypes = {
   /**
    * className
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * class name applied to the overflow options
    */
-  menuOptionsClass: index["default"].string,
+  menuOptionsClass: index.default.string,
   /**
    * overflowAriaLabel label for open close button overflow used for action bar items that do nto fit.
    */
-  overflowAriaLabel: index["default"].string,
+  overflowAriaLabel: index.default.string,
   /**
    * overflowItems: items to bre shown in the ActionBar overflow menu
    */
-  overflowItems: index["default"].arrayOf(index["default"].element)
+  overflowItems: index.default.arrayOf(index.default.element),
+  /**
+   * overflowMenuRef for the overflow menu width that is needed to calculate the width of the action bar with overflow
+   */
+  /**@ts-ignore */
+  overflowMenuRef: index.default.oneOfType([index.default.shape({
+    current: index.default.elementType
+  }), index.default.object]),
+  /**
+   * Optional tab index
+   */
+  tabIndex: index.default.number
 };
 
 exports.ActionBarOverflowItems = ActionBarOverflowItems;

package/lib/components/ActionSet/ActionSet.d.ts

@@ -9,7 +9,7 @@ import React from 'react';
 import { ButtonProps } from '@carbon/react';
 export declare const ButtonSizes: readonly ["sm", "md", "lg", "xl", "2xl"];
 export type ButtonSize = (typeof ButtonSizes)[number];
-interface ActionSetProps {
+export interface ActionSetProps {
     /**
      * The action buttons to show. Each action is specified as an object
      * representation of a Carbon button.
@@ -47,4 +47,3 @@ interface ActionSetProps {
  * right.
  */
 export declare const ActionSet: React.ForwardRefExoticComponent<ActionSetProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/ActionSet/ActionSet.js

@@ -7,27 +7,20 @@
 
 'use strict';
 
-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 propsHelper = require('../../global/js/utils/props-helper.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var settings = require('../../settings.js');
-var propsHelper = require('../../global/js/utils/props-helper.js');
-var react = require('@carbon/react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _InlineLoading;
 var _excluded = ["className", "disabled", "kind", "label", "loading", "isExpressive"],
   _excluded2 = ["actions", "buttonSize", "className", "size"];
 var blockClass = "".concat(settings.pkg.prefix, "--action-set");
 var componentName = 'ActionSet';
-var ActionSetButton = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var ActionSetButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     disabled = _ref.disabled,
     kind = _ref.kind,
@@ -36,19 +29,19 @@ var ActionSetButton = /*#__PURE__*/React__default["default"].forwardRef(function
     _ref$isExpressive = _ref.isExpressive,
     isExpressive = _ref$isExpressive === void 0 ? true : _ref$isExpressive,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
     isExpressive: isExpressive,
-    className: cx__default["default"](className, ["".concat(blockClass, "__action-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__action-button--ghost"), kind === 'ghost' || kind === 'danger--ghost'), "".concat(blockClass, "__action-button--expressive"), isExpressive)]),
+    className: cx(className, ["".concat(blockClass, "__action-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__action-button--ghost"), kind === 'ghost' || kind === 'danger--ghost'), "".concat(blockClass, "__action-button--expressive"), isExpressive)]),
     disabled: disabled || loading || false,
     kind: kind,
     ref: ref
-  }), label, loading && (_InlineLoading || (_InlineLoading = /*#__PURE__*/React__default["default"].createElement(react.InlineLoading, null))));
+  }), label, loading && (_InlineLoading || (_InlineLoading = /*#__PURE__*/React.createElement(react.InlineLoading, null))));
 });
 ActionSetButton.displayName = 'ActionSetButton';
 ActionSetButton.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.PropTypes), {}, {
-  kind: index["default"].oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
-  label: index["default"].string,
-  loading: index["default"].bool
+  kind: index.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
+  label: index.default.string,
+  loading: index.default.bool
 });
 var defaultKind = 'primary';
 var willStack = function willStack(size, numberOfActions) {
@@ -71,7 +64,7 @@ var defaults = {
  * it appears at the left side. If there is a primary button it appears at the
  * right.
  */
-var ActionSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref3, ref) {
+var ActionSet = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
   var _actions$slice;
   var actions = _ref3.actions,
     buttonSize = _ref3.buttonSize,
@@ -101,14 +94,14 @@ var ActionSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref
   buttons.sort(function (action1, action2) {
     return (buttonOrder(action1.kind || defaultKind) - buttonOrder(action2.kind || defaultKind)) * (stacking ? -1 : 1);
   });
-  return /*#__PURE__*/React__default["default"].createElement(react.ButtonSet, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--row-single"), !stacking && buttons.length === 1), "".concat(blockClass, "--row-double"), !stacking && buttons.length === 2), "".concat(blockClass, "--row-triple"), !stacking && buttons.length === 3), "".concat(blockClass, "--row-quadruple"), !stacking && buttons.length >= 4), "".concat(blockClass, "--stacking"), stacking), "".concat(blockClass, "--").concat(size)),
+  return /*#__PURE__*/React.createElement(react.ButtonSet, _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--row-single"), !stacking && buttons.length === 1), "".concat(blockClass, "--row-double"), !stacking && buttons.length === 2), "".concat(blockClass, "--row-triple"), !stacking && buttons.length === 3), "".concat(blockClass, "--row-quadruple"), !stacking && buttons.length >= 4), "".concat(blockClass, "--stacking"), stacking), "".concat(blockClass, "--").concat(size)),
     ref: ref,
     role: "presentation",
     stacked: stacking
   }), buttons.map(function (action, index) {
     var actionProps = propsHelper.prepareProps(action, ['key']);
-    return /*#__PURE__*/React__default["default"].createElement(ActionSetButton, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(ActionSetButton, _rollupPluginBabelHelpers.extends({
       key: action.key || index
     }, actionProps, {
       size: buttonSize
@@ -174,10 +167,10 @@ ActionSet.propTypes = {
    * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
    */
   actions: propsHelper.allPropTypes([/**@ts-ignore*/
-  ActionSet.validateActions(), index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
-    kind: index["default"].oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
-    label: index["default"].string,
-    loading: index["default"].bool,
+  ActionSet.validateActions(), index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    kind: index.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
+    label: index.default.string,
+    loading: index.default.bool,
     // we duplicate this Button prop to improve the DocGen here
     onClick: react.Button.propTypes.onClick
   })))]),
@@ -191,12 +184,12 @@ ActionSet.propTypes = {
   /**
    * An optional class or classes to be added to the outermost element.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The size of the action set. Different button arrangements are used at
    * different sizes, to make best use of the available space.
    */
-  size: index["default"].oneOf(['sm', 'md', 'lg', 'xl', '2xl'])
+  size: index.default.oneOf(['sm', 'md', 'lg', 'xl', '2xl'])
 };
 
 exports.ActionSet = ActionSet;

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

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

package/lib/components/AddSelect/AddSelect.js

@@ -7,18 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var AddSelectBody = require('./AddSelectBody.js');
 var addSelectUtils = require('./add-select-utils.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _excluded = ["items", "globalFilters"];
 var componentName = 'AddSelect';
 var AddSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -38,7 +32,7 @@ var AddSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     };
     return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, modifier), modifierAttribute && _rollupPluginBabelHelpers.defineProperty({}, modifierAttribute, item[modifierAttribute]));
   }) : [];
-  return /*#__PURE__*/React__default["default"].createElement(AddSelectBody.AddSelectBody, _rollupPluginBabelHelpers["extends"]({}, props, {
+  return /*#__PURE__*/React.createElement(AddSelectBody.AddSelectBody, _rollupPluginBabelHelpers.extends({}, props, {
     ref: ref,
     items: items,
     normalizedItems: normalizedItems,
@@ -48,77 +42,77 @@ var AddSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }));
 });
 AddSelect.propTypes = {
-  className: index["default"].string,
-  clearFiltersText: index["default"].string,
-  closeIconDescription: index["default"].string.isRequired,
-  columnInputPlaceholder: index["default"].string,
-  description: index["default"].string.isRequired,
-  filterByLabel: index["default"].string,
+  className: index.default.string,
+  clearFiltersText: index.default.string,
+  closeIconDescription: index.default.string.isRequired,
+  columnInputPlaceholder: index.default.string,
+  description: index.default.string.isRequired,
+  filterByLabel: index.default.string,
   /**@ts-ignore */
-  globalFilters: index["default"].arrayOf(index["default"].shape({
-    id: index["default"].string,
-    label: index["default"].string
+  globalFilters: index.default.arrayOf(index.default.shape({
+    id: index.default.string,
+    label: index.default.string
   })),
-  globalFiltersIconDescription: index["default"].string,
-  globalFiltersLabel: index["default"].string,
-  globalFiltersPlaceholderText: index["default"].string,
-  globalFiltersPrimaryButtonText: index["default"].string,
-  globalFiltersSecondaryButtonText: index["default"].string,
-  globalSearchLabel: index["default"].string.isRequired,
-  globalSearchPlaceholder: index["default"].string,
-  globalSortBy: index["default"].array,
-  illustrationTheme: index["default"].oneOf(['light', 'dark']),
-  influencerTitle: index["default"].string,
+  globalFiltersIconDescription: index.default.string,
+  globalFiltersLabel: index.default.string,
+  globalFiltersPlaceholderText: index.default.string,
+  globalFiltersPrimaryButtonText: index.default.string,
+  globalFiltersSecondaryButtonText: index.default.string,
+  globalSearchLabel: index.default.string.isRequired,
+  globalSearchPlaceholder: index.default.string,
+  globalSortBy: index.default.array,
+  illustrationTheme: index.default.oneOf(['light', 'dark']),
+  influencerTitle: index.default.string,
   /**@ts-ignore */
-  items: index["default"].shape({
-    modifiers: index["default"].shape({
-      id: index["default"].string,
-      label: index["default"].string,
-      options: index["default"].array
+  items: index.default.shape({
+    modifiers: index.default.shape({
+      id: index.default.string,
+      label: index.default.string,
+      options: index.default.array
     }),
-    sortBy: index["default"].array,
-    filterBy: index["default"].array,
-    entries: index["default"].arrayOf(index["default"].shape({
-      avatar: index["default"].shape({
-        alt: index["default"].string,
-        icon: index["default"].func,
-        src: index["default"].string,
-        theme: index["default"].oneOf(['light', 'dark'])
+    sortBy: index.default.array,
+    filterBy: index.default.array,
+    entries: index.default.arrayOf(index.default.shape({
+      avatar: index.default.shape({
+        alt: index.default.string,
+        icon: index.default.func,
+        src: index.default.string,
+        theme: index.default.oneOf(['light', 'dark'])
       }),
-      children: index["default"].object,
-      icon: index["default"].func,
-      id: index["default"].string.isRequired,
-      meta: index["default"].oneOfType([index["default"].arrayOf(index["default"].shape({
-        id: index["default"].string,
-        title: index["default"].string,
-        value: index["default"].string
-      })), index["default"].node]),
-      subtitle: index["default"].string,
-      title: index["default"].string.isRequired,
-      value: index["default"].string.isRequired
+      children: index.default.object,
+      icon: index.default.func,
+      id: index.default.string.isRequired,
+      meta: index.default.oneOfType([index.default.arrayOf(index.default.shape({
+        id: index.default.string,
+        title: index.default.string,
+        value: index.default.string
+      })), index.default.node]),
+      subtitle: index.default.string,
+      title: index.default.string.isRequired,
+      value: index.default.string.isRequired
     })).isRequired
   }).isRequired,
-  itemsLabel: index["default"].string.isRequired,
-  metaIconDescription: index["default"].string,
-  metaPanelTitle: index["default"].string,
-  multi: index["default"].bool.isRequired,
-  navIconDescription: index["default"].string,
-  noResultsDescription: index["default"].string.isRequired,
-  noResultsTitle: index["default"].string.isRequired,
-  noSelectionDescription: index["default"].string,
-  noSelectionTitle: index["default"].string,
-  onClose: index["default"].func.isRequired,
-  onCloseButtonText: index["default"].string.isRequired,
-  onSubmit: index["default"].func.isRequired,
-  onSubmitButtonText: index["default"].string.isRequired,
-  open: index["default"].bool.isRequired,
+  itemsLabel: index.default.string.isRequired,
+  metaIconDescription: index.default.string,
+  metaPanelTitle: index.default.string,
+  multi: index.default.bool.isRequired,
+  navIconDescription: index.default.string,
+  noResultsDescription: index.default.string.isRequired,
+  noResultsTitle: index.default.string.isRequired,
+  noSelectionDescription: index.default.string,
+  noSelectionTitle: index.default.string,
+  onClose: index.default.func.isRequired,
+  onCloseButtonText: index.default.string.isRequired,
+  onSubmit: index.default.func.isRequired,
+  onSubmitButtonText: index.default.string.isRequired,
+  open: index.default.bool.isRequired,
   /**
    * portal target for the all tags modal
    */
-  portalTarget: index["default"].node,
-  searchResultsTitle: index["default"].string,
-  sortByLabel: index["default"].string,
-  title: index["default"].string.isRequired
+  portalTarget: index.default.node,
+  searchResultsTitle: index.default.string,
+  sortByLabel: index.default.string,
+  title: index.default.string.isRequired
 };
 AddSelect.defaultProps = {
   closeIconDescription: '',