@carbon/ibm-products 2.0.0-rc.9 → 2.0.1

package/es/components/AddSelect/AddSelectBody.js

@@ -2,24 +2,22 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "clearFiltersText", "closeIconDescription", "columnInputPlaceholder", "defaultModifiers", "description", "filterByLabel", "globalFilterOpts", "globalFiltersLabel", "globalFiltersIconDescription", "globalFiltersPlaceholderText", "globalFiltersPrimaryButtonText", "globalFiltersSecondaryButtonText", "globalSearchLabel", "globalSearchPlaceholder", "globalSortBy", "illustrationTheme", "influencerTitle", "items", "itemsLabel", "metaIconDescription", "metaPanelTitle", "multi", "navIconDescription", "noResultsDescription", "noResultsTitle", "noSelectionDescription", "noSelectionTitle", "normalizedItems", "onClose", "onCloseButtonText", "onSubmit", "onSubmitButtonText", "open", "portalTarget", "searchResultsTitle", "title", "useNormalizedItems"];
-
+var _excluded = ["className", "clearFiltersText", "closeIconDescription", "columnInputPlaceholder", "defaultModifiers", "description", "filterByLabel", "globalFilterOpts", "globalFiltersLabel", "globalFiltersIconDescription", "globalFiltersPlaceholderText", "globalFiltersPrimaryButtonText", "globalFiltersSecondaryButtonText", "globalSearchLabel", "globalSearchPlaceholder", "globalSortBy", "illustrationTheme", "influencerTitle", "items", "itemsLabel", "metaIconDescription", "metaPanelTitle", "multi", "navIconDescription", "noResultsDescription", "noResultsTitle", "noSelectionDescription", "noSelectionTitle", "normalizedItems", "onClose", "onCloseButtonText", "onSubmit", "onSubmitButtonText", "open", "portalTarget", "searchResultsTitle", "sortByLabel", "title", "useNormalizedItems"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 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. 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, { forwardRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { Tag } from '@carbon/react';
 import { Tearsheet, TearsheetNarrow } from '../../components/Tearsheet';
-import { NoDataEmptyState } from '../../components/EmptyStates/NoDataEmptyState';
+import { NotFoundEmptyState } from '../EmptyStates/NotFoundEmptyState';
 import { AddSelectSidebar } from './AddSelectSidebar';
 import { AddSelectBreadcrumbs } from './AddSelectBreadcrumbs';
 import { AddSelectList } from './AddSelectList';
@@ -35,94 +33,84 @@ var blockClass = "".concat(pkg.prefix, "--add-select");
 var componentName = 'AddSelectBody';
 export var AddSelectBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _cx, _path$;
-
   var className = _ref.className,
-      clearFiltersText = _ref.clearFiltersText,
-      closeIconDescription = _ref.closeIconDescription,
-      columnInputPlaceholder = _ref.columnInputPlaceholder,
-      defaultModifiers = _ref.defaultModifiers,
-      description = _ref.description,
-      filterByLabel = _ref.filterByLabel,
-      globalFilterOpts = _ref.globalFilterOpts,
-      globalFiltersLabel = _ref.globalFiltersLabel,
-      globalFiltersIconDescription = _ref.globalFiltersIconDescription,
-      globalFiltersPlaceholderText = _ref.globalFiltersPlaceholderText,
-      globalFiltersPrimaryButtonText = _ref.globalFiltersPrimaryButtonText,
-      globalFiltersSecondaryButtonText = _ref.globalFiltersSecondaryButtonText,
-      globalSearchLabel = _ref.globalSearchLabel,
-      globalSearchPlaceholder = _ref.globalSearchPlaceholder,
-      globalSortBy = _ref.globalSortBy,
-      illustrationTheme = _ref.illustrationTheme,
-      influencerTitle = _ref.influencerTitle,
-      items = _ref.items,
-      itemsLabel = _ref.itemsLabel,
-      metaIconDescription = _ref.metaIconDescription,
-      metaPanelTitle = _ref.metaPanelTitle,
-      multi = _ref.multi,
-      navIconDescription = _ref.navIconDescription,
-      noResultsDescription = _ref.noResultsDescription,
-      noResultsTitle = _ref.noResultsTitle,
-      noSelectionDescription = _ref.noSelectionDescription,
-      noSelectionTitle = _ref.noSelectionTitle,
-      normalizedItems = _ref.normalizedItems,
-      onClose = _ref.onClose,
-      onCloseButtonText = _ref.onCloseButtonText,
-      onSubmit = _ref.onSubmit,
-      onSubmitButtonText = _ref.onSubmitButtonText,
-      open = _ref.open,
-      portalTarget = _ref.portalTarget,
-      searchResultsTitle = _ref.searchResultsTitle,
-      title = _ref.title,
-      useNormalizedItems = _ref.useNormalizedItems,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    clearFiltersText = _ref.clearFiltersText,
+    closeIconDescription = _ref.closeIconDescription,
+    columnInputPlaceholder = _ref.columnInputPlaceholder,
+    defaultModifiers = _ref.defaultModifiers,
+    description = _ref.description,
+    filterByLabel = _ref.filterByLabel,
+    globalFilterOpts = _ref.globalFilterOpts,
+    globalFiltersLabel = _ref.globalFiltersLabel,
+    globalFiltersIconDescription = _ref.globalFiltersIconDescription,
+    globalFiltersPlaceholderText = _ref.globalFiltersPlaceholderText,
+    globalFiltersPrimaryButtonText = _ref.globalFiltersPrimaryButtonText,
+    globalFiltersSecondaryButtonText = _ref.globalFiltersSecondaryButtonText,
+    globalSearchLabel = _ref.globalSearchLabel,
+    globalSearchPlaceholder = _ref.globalSearchPlaceholder,
+    globalSortBy = _ref.globalSortBy,
+    illustrationTheme = _ref.illustrationTheme,
+    influencerTitle = _ref.influencerTitle,
+    items = _ref.items,
+    itemsLabel = _ref.itemsLabel,
+    metaIconDescription = _ref.metaIconDescription,
+    metaPanelTitle = _ref.metaPanelTitle,
+    multi = _ref.multi,
+    navIconDescription = _ref.navIconDescription,
+    noResultsDescription = _ref.noResultsDescription,
+    noResultsTitle = _ref.noResultsTitle,
+    noSelectionDescription = _ref.noSelectionDescription,
+    noSelectionTitle = _ref.noSelectionTitle,
+    normalizedItems = _ref.normalizedItems,
+    onClose = _ref.onClose,
+    onCloseButtonText = _ref.onCloseButtonText,
+    onSubmit = _ref.onSubmit,
+    onSubmitButtonText = _ref.onSubmitButtonText,
+    open = _ref.open,
+    portalTarget = _ref.portalTarget,
+    searchResultsTitle = _ref.searchResultsTitle,
+    sortByLabel = _ref.sortByLabel,
+    title = _ref.title,
+    useNormalizedItems = _ref.useNormalizedItems,
+    rest = _objectWithoutProperties(_ref, _excluded);
   // hooks
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      singleSelection = _useState2[0],
-      setSingleSelection = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    singleSelection = _useState2[0],
+    setSingleSelection = _useState2[1];
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      multiSelection = _useState4[0],
-      setMultiSelection = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    multiSelection = _useState4[0],
+    setMultiSelection = _useState4[1];
   var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      searchTerm = _useState6[0],
-      setSearchTerm = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchTerm = _useState6[0],
+    setSearchTerm = _useState6[1];
   var _useState7 = useState({}),
-      _useState8 = _slicedToArray(_useState7, 2),
-      appliedGlobalFilters = _useState8[0],
-      setAppliedGlobalFilters = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    appliedGlobalFilters = _useState8[0],
+    setAppliedGlobalFilters = _useState8[1];
   var _useState9 = useState({}),
-      _useState10 = _slicedToArray(_useState9, 2),
-      displayMetalPanel = _useState10[0],
-      setDisplayMetaPanel = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    displayMetalPanel = _useState10[0],
+    setDisplayMetaPanel = _useState10[1];
   var _useState11 = useState(defaultModifiers),
-      _useState12 = _slicedToArray(_useState11, 2),
-      appliedModifiers = _useState12[0],
-      setAppliedModifiers = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    appliedModifiers = _useState12[0],
+    setAppliedModifiers = _useState12[1];
   var _useItemSort = useItemSort(),
-      sortDirection = _useItemSort.sortDirection,
-      setSortDirection = _useItemSort.setSortDirection,
-      sortAttribute = _useItemSort.sortAttribute,
-      setSortAttribute = _useItemSort.setSortAttribute;
-
+    sortDirection = _useItemSort.sortDirection,
+    setSortDirection = _useItemSort.setSortDirection,
+    sortAttribute = _useItemSort.sortAttribute,
+    setSortAttribute = _useItemSort.setSortAttribute;
   var _useParentSelect = useParentSelect(),
-      parentSelected = _useParentSelect.parentSelected,
-      setParentSelected = _useParentSelect.setParentSelected;
-
+    parentSelected = _useParentSelect.parentSelected,
+    setParentSelected = _useParentSelect.setParentSelected;
   var _usePath = usePath(itemsLabel),
-      path = _usePath.path,
-      setPath = _usePath.setPath,
-      pathOnclick = _usePath.pathOnclick,
-      resetPath = _usePath.resetPath;
-
+    path = _usePath.path,
+    setPath = _usePath.setPath,
+    pathOnclick = _usePath.pathOnclick,
+    resetPath = _usePath.resetPath;
   var resetState = function resetState() {
     setSingleSelection('');
     setMultiSelection([]);
@@ -135,24 +123,21 @@ export var AddSelectBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setParentSelected(null);
     resetPath();
   };
-
   var onCloseHandler = function onCloseHandler() {
     resetState();
     onClose();
   };
-
   var tearsheetClassnames = cx(className, blockClass, (_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__single"), !multi), _defineProperty(_cx, "".concat(blockClass, "__multi"), multi), _cx));
   var globalFilterKeys = Object.keys(appliedGlobalFilters);
-  var globalFiltersApplied = globalFilterKeys.length > 0; // handlers
+  var globalFiltersApplied = globalFilterKeys.length > 0;
 
+  // handlers
   var handleSearch = function handleSearch(term) {
     setSearchTerm(term);
   };
-
   var handleFilter = function handleFilter(filters) {
     setAppliedGlobalFilters(filters);
   };
-
   var submitHandler = function submitHandler() {
     if (multi && appliedModifiers.length > 0) {
       var selections = multiSelection.map(function (item) {
@@ -166,35 +151,27 @@ export var AddSelectBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
     } else {
       onSubmit(singleSelection);
     }
-
     onCloseHandler();
   };
-
   var setShowBreadsCrumbs = function setShowBreadsCrumbs() {
-    if (searchTerm || globalFiltersApplied || !path || path.length === 0) {
+    if (useNormalizedItems === false || searchTerm || globalFiltersApplied) {
       return false;
     }
-
     return true;
   };
-
   var setShowTags = function setShowTags() {
     if (searchTerm) {
       return true;
     }
-
-    if (useNormalizedItems) {
+    if (useNormalizedItems && multi) {
       return false;
     }
-
     return true;
   };
-
   var parentSelectionHandler = function parentSelectionHandler(id, title, parentId) {
     setParentSelected(id);
     setPath(id, title, parentId);
   };
-
   var sortFn = sortItems(sortAttribute, sortDirection);
   var itemsToDisplay = getFilteredItems(useNormalizedItems, normalizedItems, searchTerm, globalFiltersApplied, globalFilterKeys, appliedGlobalFilters, sortFn, multi, items, path);
   var hasResults = itemsToDisplay.length > 0;
@@ -215,7 +192,6 @@ export var AddSelectBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setDisplayMetaPanel: setDisplayMetaPanel,
     parentId: path[0].id
   };
-
   var commonTearsheetProps = _objectSpread(_objectSpread({}, rest), {}, {
     className: tearsheetClassnames,
     open: open,
@@ -234,7 +210,6 @@ export var AddSelectBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
     portalTarget: portalTarget,
     ref: ref
   });
-
   var sidebarProps = {
     appliedModifiers: appliedModifiers,
     closeIconDescription: closeIconDescription,
@@ -249,9 +224,11 @@ export var AddSelectBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
     noSelectionTitle: noSelectionTitle,
     setDisplayMetaPanel: setDisplayMetaPanel
   };
-  var displayColumnView = multi && useNormalizedItems && !searchTerm && !globalFiltersApplied; // main content
+  var displayColumnView = multi && useNormalizedItems && !searchTerm && !globalFiltersApplied;
 
+  // main content
   var body = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    id: "add-select",
     className: "".concat(blockClass, "__header")
   }, /*#__PURE__*/React.createElement(AddSelectFilter, {
     inputLabel: globalSearchLabel,
@@ -295,7 +272,8 @@ export var AddSelectBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
     items: itemsToDisplay,
     columnInputPlaceholder: columnInputPlaceholder,
     header: (_path$ = path[0]) === null || _path$ === void 0 ? void 0 : _path$.title,
-    filterByLabel: filterByLabel
+    filterByLabel: filterByLabel,
+    sortByLabel: sortByLabel
   }))) : /*#__PURE__*/React.createElement("div", null, hasResults ? /*#__PURE__*/React.createElement(AddSelectList, _extends({}, commonListProps, {
     filteredItems: itemsToDisplay,
     modifiers: items.modifiers,
@@ -306,19 +284,17 @@ export var AddSelectBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
     parentId: parentSelected || path[0].id
   })) : /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__body")
-  }, /*#__PURE__*/React.createElement(NoDataEmptyState, {
+  }, /*#__PURE__*/React.createElement(NotFoundEmptyState, {
     subtitle: noResultsDescription,
     title: noResultsTitle,
     illustrationTheme: illustrationTheme
   }))));
-
   if (multi) {
     return /*#__PURE__*/React.createElement(Tearsheet, _extends({}, commonTearsheetProps, {
       influencer: multi && /*#__PURE__*/React.createElement(AddSelectSidebar, sidebarProps),
       influencerPosition: "right"
     }), body);
   }
-
   return /*#__PURE__*/React.createElement(TearsheetNarrow, commonTearsheetProps, body);
 });
 AddSelectBody.propTypes = {

package/es/components/AddSelect/AddSelectBreadcrumbs.js

@@ -5,6 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 // 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 { Breadcrumb, BreadcrumbItem } from '@carbon/react';
 import PropTypes from 'prop-types';
@@ -14,13 +15,12 @@ var blockClass = "".concat(pkg.prefix, "--add-select__breadcrumbs");
 var componentName = 'AddSelectBreadcrumbs';
 export var AddSelectBreadcrumbs = function AddSelectBreadcrumbs(_ref) {
   var multi = _ref.multi,
-      onClick = _ref.onClick,
-      path = _ref.path;
-
-  var clickHandler = function clickHandler(idx) {
+    onClick = _ref.onClick,
+    path = _ref.path;
+  var clickHandler = function clickHandler(e, idx) {
+    e.preventDefault();
     onClick(idx);
   };
-
   var classNames = cx(blockClass, _defineProperty({}, "".concat(blockClass, "-multi"), multi));
   return /*#__PURE__*/React.createElement(Breadcrumb, {
     noTrailingSlash: true,
@@ -30,9 +30,10 @@ export var AddSelectBreadcrumbs = function AddSelectBreadcrumbs(_ref) {
     return /*#__PURE__*/React.createElement(BreadcrumbItem, {
       key: entry.id,
       isCurrentPage: isCurrentPage,
-      onClick: function onClick() {
-        return clickHandler(idx);
-      }
+      onClick: function onClick(e) {
+        return clickHandler(e, idx);
+      },
+      href: "#"
     }, entry.title);
   }));
 };

package/es/components/AddSelect/AddSelectColumn.js

@@ -2,13 +2,14 @@ import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["columnInputPlaceholder", "filterByLabel", "header", "items", "multiSelection", "parentId", "path", "setMultiSelection", "setPath"];
+var _excluded = ["columnInputPlaceholder", "filterByLabel", "header", "items", "multiSelection", "parentId", "path", "setMultiSelection", "setPath", "sortByLabel"];
 //
 // 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 } from 'react';
 import PropTypes from 'prop-types';
 import { Search, Tag, OverflowMenu, Checkbox, usePrefix } from '@carbon/react';
@@ -25,45 +26,38 @@ var colClass = "".concat(blockClass, "__column");
 var componentName = 'AddSelectColumn';
 export var AddSelectColumn = function AddSelectColumn(_ref) {
   var columnInputPlaceholder = _ref.columnInputPlaceholder,
-      filterByLabel = _ref.filterByLabel,
-      header = _ref.header,
-      items = _ref.items,
-      multiSelection = _ref.multiSelection,
-      parentId = _ref.parentId,
-      path = _ref.path,
-      setMultiSelection = _ref.setMultiSelection,
-      setPath = _ref.setPath,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    filterByLabel = _ref.filterByLabel,
+    header = _ref.header,
+    items = _ref.items,
+    multiSelection = _ref.multiSelection,
+    parentId = _ref.parentId,
+    path = _ref.path,
+    setMultiSelection = _ref.setMultiSelection,
+    setPath = _ref.setPath,
+    sortByLabel = _ref.sortByLabel,
+    props = _objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = usePrefix();
-
   var _useParentSelect = useParentSelect(),
-      parentSelected = _useParentSelect.parentSelected,
-      setParentSelected = _useParentSelect.setParentSelected;
-
+    parentSelected = _useParentSelect.parentSelected,
+    setParentSelected = _useParentSelect.setParentSelected;
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      searchTerm = _useState2[0],
-      setSearchTerm = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
   var _useItemSort = useItemSort(),
-      sortDirection = _useItemSort.sortDirection,
-      setSortDirection = _useItemSort.setSortDirection,
-      sortAttribute = _useItemSort.sortAttribute,
-      setSortAttribute = _useItemSort.setSortAttribute;
-
+    sortDirection = _useItemSort.sortDirection,
+    setSortDirection = _useItemSort.setSortDirection,
+    sortAttribute = _useItemSort.sortAttribute,
+    setSortAttribute = _useItemSort.setSortAttribute;
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      filters = _useState4[0],
-      setFilters = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    filters = _useState4[0],
+    setFilters = _useState4[1];
   var entries = items.entries,
-      filterBy = items.filterBy,
-      sortBy = items.sortBy;
-
+    filterBy = items.filterBy,
+    sortBy = items.sortBy;
   var getSelectedItem = function getSelectedItem() {
     var _entries$find;
-
     var parentInPath = path.find(function (entry) {
       return entry.parentId === parentId;
     });
@@ -71,18 +65,15 @@ export var AddSelectColumn = function AddSelectColumn(_ref) {
      * this check helps ensure that when the state of the open columns is cleared by global search
      * that the columns are rebuilt from the data in the path array
      */
-
     if (parentInPath && !parentSelected) {
       return entries.find(function (item) {
         return item.id === parentInPath.id;
       });
     }
-
     return (_entries$find = entries.find(function (item) {
       return item.id === parentSelected;
     })) !== null && _entries$find !== void 0 ? _entries$find : null;
   };
-
   var selectedItem = getSelectedItem();
   /**
    * this check helps prevent children from already being open when you switch from parents
@@ -91,27 +82,24 @@ export var AddSelectColumn = function AddSelectColumn(_ref) {
    * check ensures that when a user navigates to parents on the same level that the open state
    * of their children is cleared by referencing the path array.
    */
-
   var itemInPath = selectedItem && path.find(function (entry) {
     return entry.id === selectedItem.id;
   });
   var allSelected = entries.every(function (item) {
     return multiSelection.includes(item.id);
-  }); // filtering
+  });
 
+  // filtering
   var filterByOpts = filterBy ? entries.map(function (item) {
     return item[filterBy];
   }) : [];
-
   var selectAllHandler = function selectAllHandler(event, _ref2) {
     var checked = _ref2.checked;
     var itemIds = entries.map(function (item) {
       return item.id;
     });
-
     if (checked) {
       var newSelections = _toConsumableArray(new Set([].concat(_toConsumableArray(multiSelection), _toConsumableArray(itemIds))));
-
       setMultiSelection(newSelections);
     } else {
       var newItems = multiSelection.filter(function (i) {
@@ -120,7 +108,6 @@ export var AddSelectColumn = function AddSelectColumn(_ref) {
       setMultiSelection(newItems);
     }
   };
-
   var filterHandler = function filterHandler(checked, opt) {
     if (checked) {
       var newFilters = [].concat(_toConsumableArray(filters), [opt]);
@@ -129,28 +116,24 @@ export var AddSelectColumn = function AddSelectColumn(_ref) {
       var _newFilters = filters.filter(function (o) {
         return o !== opt;
       });
-
       setFilters(_newFilters);
     }
-  }; // filter and sort array functions
-
+  };
 
+  // filter and sort array functions
   var filterBySearch = function filterBySearch(item) {
     return item.title.toLowerCase().includes(searchTerm);
   };
-
   var filterByAttribute = function filterByAttribute(item) {
     if (filters.length === 0) {
       return true;
     }
-
     var filterBy = item.filterBy;
     var filterByValue = item[filterBy];
     return filters.some(function (filter) {
       return filter === filterByValue;
     });
   };
-
   var sortFn = sortItems(sortAttribute, sortDirection);
   var colItems = entries.filter(filterBySearch) // first check if the item meets the search
   .filter(filterByAttribute) // then check if the item is included in the filter
@@ -160,7 +143,6 @@ export var AddSelectColumn = function AddSelectColumn(_ref) {
     setParentSelected(id);
     setPath(id, title, parentId);
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: colClass
   }, /*#__PURE__*/React.createElement("div", {
@@ -183,7 +165,8 @@ export var AddSelectColumn = function AddSelectColumn(_ref) {
     setSortDirection: setSortDirection,
     sortAttribute: sortAttribute,
     sortDirection: sortDirection,
-    sortBy: sortBy
+    sortBy: sortBy,
+    sortByLabel: sortByLabel
   }), filterByOpts.length > 0 && /*#__PURE__*/React.createElement(OverflowMenu, {
     renderIcon: function renderIcon(props) {
       return /*#__PURE__*/React.createElement(Filter, _extends({
@@ -192,7 +175,8 @@ export var AddSelectColumn = function AddSelectColumn(_ref) {
     },
     className: "".concat(colClass, "-overflow"),
     flipped: true,
-    ariaLabel: filterByLabel
+    "aria-label": filterByLabel,
+    iconDescription: filterByLabel
   }, filterByOpts.map(function (opt) {
     return /*#__PURE__*/React.createElement("div", {
       key: opt,
@@ -227,7 +211,8 @@ export var AddSelectColumn = function AddSelectColumn(_ref) {
     filteredItems: colItems,
     setMultiSelection: setMultiSelection,
     multiSelection: multiSelection,
-    setParentSelected: parentSelectionHandler
+    setParentSelected: parentSelectionHandler,
+    parentSelected: parentSelected
   }))), selectedItem && itemInPath && /*#__PURE__*/React.createElement(AddSelectColumn, _extends({
     columnInputPlaceholder: columnInputPlaceholder,
     header: selectedItem.title,
@@ -236,7 +221,9 @@ export var AddSelectColumn = function AddSelectColumn(_ref) {
     setMultiSelection: setMultiSelection,
     parentId: selectedItem.id,
     setPath: setPath,
-    path: path
+    path: path,
+    sortByLabel: sortByLabel,
+    filterByLabel: filterByLabel
   }, props)));
 };
 AddSelectColumn.propTypes = {
@@ -248,6 +235,7 @@ AddSelectColumn.propTypes = {
   parentId: PropTypes.string,
   path: PropTypes.array,
   setMultiSelection: PropTypes.func,
-  setPath: PropTypes.func
+  setPath: PropTypes.func,
+  sortByLabel: PropTypes.string
 };
 AddSelectColumn.displayName = componentName;