@carbon/ibm-products 2.0.0-rc.1 → 2.0.0-rc.3

package/es/components/PageHeader/PageHeader.js

@@ -29,7 +29,7 @@ import { ActionBar } from '../ActionBar/';
 import { BreadcrumbWithOverflow } from '../BreadcrumbWithOverflow';
 import { TagSet, string_required_if_more_than_10_tags } from '../TagSet/TagSet';
 import { ButtonSetWithOverflow } from '../ButtonSetWithOverflow';
-import { ChevronUp } from '@carbon/icons-react';
+import { ChevronUp } from '@carbon/react/icons';
 var componentName = 'PageHeader';
 import { blockClass, utilCheckUpdateVerticalSpace, utilGetBreadcrumbItemForTitle, utilSetCollapsed } from './PageHeaderUtils';
 import { PageHeaderTitle } from './PageHeaderTitle'; // Default values for props

package/es/components/ProductiveCard/ProductiveCard.js

@@ -117,6 +117,11 @@ ProductiveCard.propTypes = {
    */
   primaryButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
+  /**
+   * Determines if the primary button is on the top or bottom of the card
+   */
+  primaryButtonPlacement: PropTypes.oneOf(['top', 'bottom']),
+
   /**
    * The text that's displayed in the primary button
    */

package/es/components/Saving/Saving.js

@@ -12,7 +12,7 @@ var _excluded = ["secondaryButtonText", "className", "defaultIconDescription", "
 import React, { forwardRef } from 'react';
 import cx from 'classnames';
 import { Button, InlineLoading } from '@carbon/react';
-import { Save, CheckmarkOutline, ErrorOutline, ErrorFilled } from '@carbon/icons-react';
+import { Save, CheckmarkOutline, ErrorOutline, ErrorFilled } from '@carbon/react/icons';
 import PropTypes from 'prop-types';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
 import { pkg } from '../../settings';

package/es/components/SidePanel/SidePanel.js

@@ -30,7 +30,7 @@ import { SIDE_PANEL_SIZES } from './constants';
 import { usePreviousValue } from '../../global/js/hooks'; // Carbon and package components we use.
 
 import { Button } from '@carbon/react';
-import { Close, ArrowLeft } from '@carbon/icons-react';
+import { Close, ArrowLeft } from '@carbon/react/icons';
 import { ActionSet } from '../ActionSet';
 var blockClass = "".concat(pkg.prefix, "--side-panel");
 var componentName = 'SidePanel'; // NOTE: the component SCSS is not imported here: it is rolled up separately.

package/es/components/StatusIcon/StatusIcon.js

@@ -12,7 +12,7 @@ var _excluded = ["kind", "theme", "size", "className", "iconDescription"];
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import { Misuse, ErrorFilled, WarningAltInvertedFilled, WarningAltFilled, UndefinedFilled, UnknownFilled, CheckmarkFilled, InformationSquareFilled, Renew, Time } from '@carbon/icons-react';
+import { Misuse, ErrorFilled, WarningAltInvertedFilled, WarningAltFilled, UndefinedFilled, UnknownFilled, CheckmarkFilled, InformationSquareFilled, Renew, Time } from '@carbon/react/icons';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
 import { pkg } from '../../settings';
 var blockClass = "".concat(pkg.prefix, "--status-icon");

package/es/components/UserProfileImage/UserProfileImage.js

@@ -17,7 +17,7 @@ import { getDevtoolsProps } from '../../global/js/utils/devtools';
 import '../../global/js/utils/props-helper';
 import { pkg } from '../../settings'; // Carbon and package components we use.
 
-import { User, Group } from '@carbon/icons-react';
+import { User, Group } from '@carbon/react/icons';
 import { IconButton } from '@carbon/react'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var blockClass = "".concat(pkg.prefix, "--user-profile-image");

package/es/components/WebTerminal/WebTerminal.js

@@ -9,7 +9,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /**
- * Copyright IBM Corp. 2020, 2021
+ * Copyright IBM Corp. 2020, 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.
@@ -21,7 +21,7 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { pkg } from '../../settings'; // Carbon and package components we use.
 
-import { Close, Help } from '@carbon/icons-react';
+import { Close, Help } from '@carbon/react/icons';
 import { Button, OverflowMenu, OverflowMenuItem } from '@carbon/react';
 import { moderate02 } from '@carbon/motion';
 import { useWebTerminal } from './hooks';

package/es/components/WebTerminal/WebTerminalContentWrapper.js

@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children"];
 
 /**
- * Copyright IBM Corp. 2020, 2021
+ * Copyright IBM Corp. 2022, 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.

package/es/components/WebTerminal/hooks/index.js

@@ -1,4 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+//
+// Copyright IBM Corp. 2022, 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 React, { useState, useCallback, createContext } from 'react';
 import { useContext } from 'react';
 import PropTypes from 'prop-types';

package/es/components/WebTerminal/index.js

@@ -1,3 +1,9 @@
+/**
+ * Copyright IBM Corp. 2020, 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 { WebTerminal } from './WebTerminal';
 export { WebTerminalContentWrapper } from './WebTerminalContentWrapper';
 export { useWebTerminal, WebTerminalProvider } from './hooks';

package/es/components/WebTerminal/preview-components/Navigation.js

@@ -1,6 +1,12 @@
+//
+// Copyright IBM Corp. 2020, 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 React from 'react';
 import { Header, HeaderName, HeaderGlobalAction, HeaderGlobalBar } from '@carbon/react';
-import { Terminal, Search, User } from '@carbon/icons-react';
+import { Terminal, Search, User } from '@carbon/react/icons';
 import { useWebTerminal } from '../hooks';
 
 var Navigation = function Navigation() {

package/es/components/WebTerminal/preview-components/documentationLinks.js

@@ -1,3 +1,9 @@
+//
+// Copyright IBM Corp. 2020, 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 var documentationLinks = [{
   itemText: 'BX/ICP docs',
   href: '#',

package/es/components/WebTerminal/preview-components/index.js

@@ -1,3 +1,10 @@
+//
+// Copyright IBM Corp. 2020, 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.
+//
+
 /**
  * Preview components are components only to be used
  * in the context of storybook.

package/es/components/index.js

@@ -37,7 +37,7 @@ export { EditSidePanel } from './EditSidePanel';
 export { OptionsTile } from './OptionsTile';
 export { InlineEdit } from './InlineEdit';
 export { DataSpreadsheet } from './DataSpreadsheet';
-export { Datagrid, useDatagrid, useInfiniteScroll, useNestedRows, useSelectRows, useExpandedRow, useOnRowClick, useSortableColumns, useRowIsMouseOver, useColumnRightAlign, useDisableSelectRows, useStickyColumn, useActionsColumn, useCustomizeColumns, useSelectAllWithToggle } from './Datagrid';
+export { Datagrid, useDatagrid, useInfiniteScroll, useNestedRows, useSelectRows, useExpandedRow, useOnRowClick, useSortableColumns, useRowIsMouseOver, useColumnRightAlign, useDisableSelectRows, useStickyColumn, useActionsColumn, useCustomizeColumns, useSelectAllWithToggle, useColumnOrder, useInlineEdit } from './Datagrid';
 export { EditTearsheet } from './EditTearsheet';
 export { EditTearsheetNarrow } from './EditTearsheetNarrow';
 export { EditFullPage } from './EditFullPage';

package/es/global/js/hooks/useClickOutside.js

@@ -8,7 +8,7 @@ import { useEffect } from 'react';
 export var useClickOutside = function useClickOutside(ref, callback) {
   var handleClick = function handleClick(event) {
     if (ref.current && !ref.current.contains(event.target)) {
-      callback();
+      callback(event.target);
     }
   };
 

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

@@ -53,6 +53,9 @@ var defaults = {
     TearsheetNarrow: true,
     UnauthorizedEmptyState: true,
     UserProfileImage: true,
+    WebTerminal: true,
+    WebTerminalContentWrapper: true,
+    WebTerminalProvider: true,
     // other public components not yet reviewed and released:
     MultiAddSelect: false,
     SingleAddSelect: false,
@@ -60,9 +63,6 @@ var defaults = {
     Toolbar: false,
     ToolbarButton: false,
     ToolbarGroup: false,
-    WebTerminal: false,
-    WebTerminalContentWrapper: false,
-    WebTerminalProvider: false,
     EditSidePanel: false,
     CancelableTextEdit: false,
     DataSpreadsheet: false,

package/es/global/js/utils/rangeWithCallback.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2022, 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.
+ */
+// Iterates through a numeric range and calls callback
+// function for each iteration
+export var rangeWithCallback = function rangeWithCallback(start, end, fn) {
+  for (var i = start; i <= end; i++) {
+    fn(i);
+  }
+};

package/es/global/js/utils/story-helper.js

@@ -29,7 +29,11 @@ export var getStoryTitle = function getStoryTitle(componentName) {
  * @returns The story id.
  */
 
-export var getStoryId = function getStoryId(componentName, scenario) {
+export var getStoryId = function getStoryId(componentName, scenario, subdirectory) {
+  if (subdirectory) {
+    return "".concat(sanitize(getStoryTitle(componentName)), "-").concat(sanitize(subdirectory), "--").concat(scenario);
+  }
+
   return "".concat(sanitize(getStoryTitle(componentName)), "--").concat(scenario);
 };
 /**

package/es/global/js/utils/uuidv4.spec.js

@@ -4,11 +4,15 @@ describe('uuidv4', function () {
     jest.resetAllMocks();
   });
   it('Uses Math.random when window is not defined', function () {
+    var _window = window,
+        crypto = _window.crypto;
+    delete window.crypto;
     var mockMath = Object.create(global.Math);
     var mockMathRandom = jest.fn().mockReturnValue(0.5);
     mockMath.random = mockMathRandom;
     global.Math = mockMath;
     expect(uuidv4()).toEqual('98888888-9888-4888-a888-988888888888');
+    window.crypto = crypto;
   });
   it('Uses crypto from window when window is defined', function () {
     var mGetRandomValues = jest.fn().mockReturnValue(new Uint32Array(10));

package/lib/components/APIKeyModal/APIKeyModal.js

@@ -29,7 +29,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react2 = require("@carbon/react");
 
-var _iconsReact = require("@carbon/icons-react");
+var _icons = require("@carbon/react/icons");
 
 var _APIKeyDownloader = require("./APIKeyDownloader");
 
@@ -128,7 +128,7 @@ var APIKeyModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var hasPreviousStep = hasSteps && currentStep !== 0;
   var copyButtonProps = {
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_iconsReact.Copy, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_icons.Copy, (0, _extends2.default)({
         size: 16
       }, props));
     },
@@ -334,13 +334,13 @@ var APIKeyModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     className: "".concat(blockClass, "__messaging")
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(blockClass, "__error-icon")
-  }, /*#__PURE__*/_react.default.createElement(_iconsReact.ErrorFilled, {
+  }, /*#__PURE__*/_react.default.createElement(_icons.ErrorFilled, {
     size: 16
   })), /*#__PURE__*/_react.default.createElement("p", {
     className: "".concat(blockClass, "__messaging-text")
   }, copyError ? copyErrorText : errorText)), apiKeyLoaded && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(blockClass, "__messaging")
-  }, /*#__PURE__*/_react.default.createElement(_iconsReact.InformationFilled, {
+  }, /*#__PURE__*/_react.default.createElement(_icons.InformationFilled, {
     size: 16
   }), hasDownloadLink ? /*#__PURE__*/_react.default.createElement(_APIKeyDownloader.APIKeyDownloader, {
     apiKey: apiKey,

package/lib/components/AddSelect/AddSelect.js

@@ -21,8 +21,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _AddSelectBody = require("./AddSelectBody");
 
-var _settings = require("../../settings");
-
 var _addSelectUtils = require("./add-select-utils");
 
 var _excluded = ["items", "globalFilters"];
@@ -31,7 +29,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var blockClass = "".concat(_settings.pkg.prefix, "--add-select");
 var componentName = 'AddSelect';
 var AddSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var items = _ref.items,
@@ -49,7 +46,6 @@ var AddSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }, modifierAttribute, item[modifierAttribute]);
   }) : [];
   return /*#__PURE__*/_react.default.createElement(_AddSelectBody.AddSelectBody, (0, _extends2.default)({}, props, {
-    className: blockClass,
     ref: ref,
     items: items,
     normalizedItems: normalizedItems,

package/lib/components/AddSelect/AddSelectBody.js

@@ -148,6 +148,19 @@ var AddSelectBody = function AddSelectBody(_ref) {
       setPath = _usePath.setPath,
       pathOnclick = _usePath.pathOnclick;
 
+  var resetState = function resetState() {
+    setSingleSelection('');
+    setMultiSelection([]);
+    setSearchTerm('');
+    setAppliedGlobalFilters({});
+    setDisplayMetaPanel({});
+  };
+
+  var onCloseHandler = function onCloseHandler() {
+    resetState();
+    onClose();
+  };
+
   var classNames = (0, _classnames.default)(className, blockClass, (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__single"), !multi), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__multi"), multi), _cx));
   var globalFilterKeys = Object.keys(appliedGlobalFilters);
   var globalFiltersApplied = globalFilterKeys.length > 0; // handlers
@@ -173,6 +186,8 @@ var AddSelectBody = function AddSelectBody(_ref) {
     } else {
       onSubmit(singleSelection);
     }
+
+    onCloseHandler();
   };
 
   var setShowBreadsCrumbs = function setShowBreadsCrumbs() {
@@ -207,6 +222,7 @@ var AddSelectBody = function AddSelectBody(_ref) {
   var showSort = (searchTerm || globalFiltersApplied) && hasResults;
   var showTags = setShowTags();
   var commonListProps = {
+    displayMetalPanel: displayMetalPanel,
     metaIconDescription: metaIconDescription,
     multi: multi,
     multiSelection: multiSelection,
@@ -228,7 +244,7 @@ var AddSelectBody = function AddSelectBody(_ref) {
     actions: [{
       label: onCloseButtonText,
       kind: 'secondary',
-      onClick: onClose
+      onClick: onCloseHandler
     }, {
       label: onSubmitButtonText,
       kind: 'primary',
@@ -270,12 +286,13 @@ var AddSelectBody = function AddSelectBody(_ref) {
     hasFiltersApplied: globalFiltersApplied,
     clearFiltersText: clearFiltersText
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(blockClass, "__sub-header")
+    className: (0, _classnames.default)("".concat(blockClass, "__sub-header"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__sub-header-multi"), multi))
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(blockClass, "__tag-container")
   }, showBreadsCrumbs ? /*#__PURE__*/_react.default.createElement(_AddSelectBreadcrumbs.AddSelectBreadcrumbs, {
     path: path,
-    onClick: pathOnclick
+    onClick: pathOnclick,
+    multi: multi
   }) : /*#__PURE__*/_react.default.createElement("p", {
     className: "".concat(blockClass, "__tag-container-label")
   }, searchTerm ? searchResultsLabel : itemsLabel), showTags && /*#__PURE__*/_react.default.createElement(_react2.Tag, {

package/lib/components/AddSelect/AddSelectBreadcrumbs.js

@@ -7,30 +7,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AddSelectBreadcrumbs = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _react2 = require("@carbon/react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _settings = require("../../settings");
+
 //
 // Copyright IBM Corp. 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.
 //
+var blockClass = "".concat(_settings.pkg.prefix, "--add-select__breadcrumbs");
 var componentName = 'AddSelectBreadcrumbs';
 
 var AddSelectBreadcrumbs = function AddSelectBreadcrumbs(_ref) {
-  var path = _ref.path,
-      onClick = _ref.onClick;
+  var multi = _ref.multi,
+      onClick = _ref.onClick,
+      path = _ref.path;
 
   var clickHandler = function clickHandler(idx) {
     onClick(idx);
   };
 
+  var classNames = (0, _classnames.default)(blockClass, (0, _defineProperty2.default)({}, "".concat(blockClass, "-multi"), multi));
   return /*#__PURE__*/_react.default.createElement(_react2.Breadcrumb, {
-    noTrailingSlash: true
+    noTrailingSlash: true,
+    className: classNames
   }, path.map(function (entry, idx) {
     var isCurrentPage = idx === path.length - 1;
     return /*#__PURE__*/_react.default.createElement(_react2.BreadcrumbItem, {
@@ -45,6 +55,7 @@ var AddSelectBreadcrumbs = function AddSelectBreadcrumbs(_ref) {
 
 exports.AddSelectBreadcrumbs = AddSelectBreadcrumbs;
 AddSelectBreadcrumbs.propTypes = {
+  multi: _propTypes.default.bool,
   onClick: _propTypes.default.func,
   path: _propTypes.default.array
 };

package/lib/components/AddSelect/AddSelectColumn.js

@@ -23,7 +23,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react2 = require("@carbon/react");
 
-var _iconsReact = require("@carbon/icons-react");
+var _icons = require("@carbon/react/icons");
 
 var _settings = require("../../settings");
 
@@ -189,16 +189,16 @@ var AddSelectColumn = function AddSelectColumn(_ref) {
     className: colClass
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(colClass, "-search-bar")
-  }, /*#__PURE__*/_react.default.createElement(_react2.TextInput, {
+  }, /*#__PURE__*/_react.default.createElement(_react2.Search, {
     value: searchTerm,
     onChange: function onChange(e) {
       return setSearchTerm(e.target.value);
     },
-    light: true,
     placeholder: columnInputPlaceholder,
     className: "".concat(colClass, "-input"),
     id: (0, _uuidv.default)(),
-    labelText: columnInputPlaceholder
+    labelText: columnInputPlaceholder,
+    size: "md"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(colClass, "-sort-filter")
   }, /*#__PURE__*/_react.default.createElement(_AddSelectSort.AddSelectSort, {
@@ -210,7 +210,7 @@ var AddSelectColumn = function AddSelectColumn(_ref) {
     sortBy: sortBy
   }), filterByOpts.length > 0 && /*#__PURE__*/_react.default.createElement(_react2.OverflowMenu, {
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_iconsReact.Filter, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_icons.Filter, (0, _extends2.default)({
         size: 32
       }, props));
     },

package/lib/components/AddSelect/AddSelectFilter.js

@@ -23,7 +23,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _iconsReact = require("@carbon/icons-react");
+var _icons = require("@carbon/react/icons");
 
 var _settings = require("../../settings");
 
@@ -112,7 +112,7 @@ var AddSelectFilter = function AddSelectFilter(_ref) {
   var dirtyInput = Object.keys(filters).length > 0;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(blockClass, "-search")
-  }, /*#__PURE__*/_react.default.createElement(_react2.TextInput, {
+  }, /*#__PURE__*/_react.default.createElement(_react2.Search, {
     id: "temp-id",
     labelText: inputLabel,
     placeholder: inputPlaceholder,
@@ -120,7 +120,7 @@ var AddSelectFilter = function AddSelectFilter(_ref) {
     onChange: searchHandler
   }), showFilter && /*#__PURE__*/_react.default.createElement(_react2.Button, {
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_iconsReact.Filter, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_icons.Filter, (0, _extends2.default)({
         size: 16
       }, props));
     },
@@ -131,7 +131,8 @@ var AddSelectFilter = function AddSelectFilter(_ref) {
     },
     iconDescription: iconDescription,
     className: filterBtnClassnames,
-    size: "md"
+    size: "lg",
+    tooltipPosition: "left"
   }), open && /*#__PURE__*/_react.default.createElement("div", {
     className: blockClass
   }, /*#__PURE__*/_react.default.createElement("div", {