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

package/es/components/AddSelect/AddSelectBody.js

@@ -1,368 +0,0 @@
-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", "globalFiltersIconDescription", "globalFiltersPlaceholderText", "globalFiltersPrimaryButtonText", "globalFiltersSecondaryButtonText", "globalSearchLabel", "globalSearchPlaceholder", "globalSortBy", "influencerTitle", "items", "itemsLabel", "metaIconDescription", "metaPanelTitle", "multi", "navIconDescription", "noResultsDescription", "noResultsTitle", "noSelectionDescription", "noSelectionTitle", "normalizedItems", "onClose", "onCloseButtonText", "onSubmit", "onSubmitButtonText", "open", "portalTarget", "searchResultsLabel", "sortByLabel", "title", "useNormalizedItems"];
-//
-// 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.
-//
-import React, { 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 { AddSelectSidebar } from './AddSelectSidebar';
-import { AddSelectBreadcrumbs } from './AddSelectBreadcrumbs';
-import { AddSelectList } from './AddSelectList';
-import { AddSelectColumn } from './AddSelectColumn';
-import { AddSelectFilter } from './AddSelectFilter';
-import { AddSelectSort } from './AddSelectSort';
-import { sortItems, getFilteredItems } from './add-select-utils';
-import { useItemSort } from './hooks/useItemSort';
-import useParentSelect from './hooks/useParentSelect';
-import usePath from './hooks/usePath';
-import { pkg } from '../../settings';
-var blockClass = "".concat(pkg.prefix, "--add-select");
-var componentName = 'AddSelectBody';
-export var AddSelectBody = function AddSelectBody(_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,
-      globalFiltersIconDescription = _ref.globalFiltersIconDescription,
-      globalFiltersPlaceholderText = _ref.globalFiltersPlaceholderText,
-      globalFiltersPrimaryButtonText = _ref.globalFiltersPrimaryButtonText,
-      globalFiltersSecondaryButtonText = _ref.globalFiltersSecondaryButtonText,
-      globalSearchLabel = _ref.globalSearchLabel,
-      globalSearchPlaceholder = _ref.globalSearchPlaceholder,
-      globalSortBy = _ref.globalSortBy,
-      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,
-      searchResultsLabel = _ref.searchResultsLabel,
-      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];
-
-  var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      multiSelection = _useState4[0],
-      setMultiSelection = _useState4[1];
-
-  var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      searchTerm = _useState6[0],
-      setSearchTerm = _useState6[1];
-
-  var _useState7 = useState({}),
-      _useState8 = _slicedToArray(_useState7, 2),
-      appliedGlobalFilters = _useState8[0],
-      setAppliedGlobalFilters = _useState8[1];
-
-  var _useState9 = useState({}),
-      _useState10 = _slicedToArray(_useState9, 2),
-      displayMetalPanel = _useState10[0],
-      setDisplayMetaPanel = _useState10[1];
-
-  var _useState11 = useState(defaultModifiers),
-      _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;
-
-  var _useParentSelect = useParentSelect(),
-      parentSelected = _useParentSelect.parentSelected,
-      setParentSelected = _useParentSelect.setParentSelected;
-
-  var _usePath = usePath(itemsLabel),
-      path = _usePath.path,
-      setPath = _usePath.setPath,
-      pathOnclick = _usePath.pathOnclick;
-
-  var resetState = function resetState() {
-    setSingleSelection('');
-    setMultiSelection([]);
-    setSearchTerm('');
-    setAppliedGlobalFilters({});
-    setDisplayMetaPanel({});
-  };
-
-  var onCloseHandler = function onCloseHandler() {
-    resetState();
-    onClose();
-  };
-
-  var classNames = 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 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) {
-        return appliedModifiers.find(function (mod) {
-          return mod.id === item;
-        });
-      });
-      onSubmit(selections);
-    } else if (multi && appliedModifiers.length === 0) {
-      onSubmit(multiSelection);
-    } else {
-      onSubmit(singleSelection);
-    }
-
-    onCloseHandler();
-  };
-
-  var setShowBreadsCrumbs = function setShowBreadsCrumbs() {
-    if (searchTerm || globalFiltersApplied || !path || path.length === 0) {
-      return false;
-    }
-
-    return true;
-  };
-
-  var setShowTags = function setShowTags() {
-    if (searchTerm) {
-      return true;
-    }
-
-    if (useNormalizedItems) {
-      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;
-  var showBreadsCrumbs = setShowBreadsCrumbs();
-  var showSort = (searchTerm || globalFiltersApplied) && hasResults;
-  var showTags = setShowTags();
-  var commonListProps = {
-    displayMetalPanel: displayMetalPanel,
-    metaIconDescription: metaIconDescription,
-    multi: multi,
-    multiSelection: multiSelection,
-    navIconDescription: navIconDescription,
-    path: path,
-    setMultiSelection: setMultiSelection,
-    setPath: setPath,
-    setSingleSelection: setSingleSelection,
-    singleSelection: singleSelection,
-    setDisplayMetaPanel: setDisplayMetaPanel,
-    parentId: path[0].id
-  };
-  var commonTearsheetProps = {
-    className: classNames,
-    open: open,
-    title: title,
-    description: description,
-    closeIconDescription: 'temp description',
-    actions: [{
-      label: onCloseButtonText,
-      kind: 'secondary',
-      onClick: onCloseHandler
-    }, {
-      label: onSubmitButtonText,
-      kind: 'primary',
-      onClick: submitHandler,
-      disabled: multi ? multiSelection.length === 0 : !singleSelection
-    }],
-    portalTarget: portalTarget
-  };
-  var sidebarProps = {
-    appliedModifiers: appliedModifiers,
-    closeIconDescription: closeIconDescription,
-    displayMetalPanel: displayMetalPanel,
-    influencerTitle: influencerTitle,
-    items: useNormalizedItems ? normalizedItems : items.entries,
-    metaPanelTitle: metaPanelTitle,
-    modifiers: items.modifiers,
-    multiSelection: multiSelection,
-    noSelectionDescription: noSelectionDescription,
-    noSelectionTitle: noSelectionTitle,
-    setDisplayMetaPanel: setDisplayMetaPanel
-  };
-  var displayColumnView = multi && useNormalizedItems && !searchTerm && !globalFiltersApplied; // main content
-
-  var body = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__header")
-  }, /*#__PURE__*/React.createElement(AddSelectFilter, {
-    inputLabel: globalSearchLabel,
-    inputPlaceholder: globalSearchPlaceholder,
-    searchTerm: searchTerm,
-    handleSearch: handleSearch,
-    multi: multi,
-    filterOpts: globalFilterOpts,
-    handleFilter: handleFilter,
-    primaryButtonText: globalFiltersPrimaryButtonText,
-    secondaryButtonText: globalFiltersSecondaryButtonText,
-    placeholder: globalFiltersPlaceholderText,
-    iconDescription: globalFiltersIconDescription,
-    appliedFilters: appliedGlobalFilters,
-    hasFiltersApplied: globalFiltersApplied,
-    clearFiltersText: clearFiltersText
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cx("".concat(blockClass, "__sub-header"), _defineProperty({}, "".concat(blockClass, "__sub-header-multi"), multi))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__tag-container")
-  }, showBreadsCrumbs ? /*#__PURE__*/React.createElement(AddSelectBreadcrumbs, {
-    path: path,
-    onClick: pathOnclick,
-    multi: multi
-  }) : /*#__PURE__*/React.createElement("p", {
-    className: "".concat(blockClass, "__tag-container-label")
-  }, searchTerm ? searchResultsLabel : itemsLabel), showTags && /*#__PURE__*/React.createElement(Tag, {
-    type: "gray",
-    size: "sm"
-  }, itemsToDisplay.length)), showSort && /*#__PURE__*/React.createElement(AddSelectSort, {
-    items: itemsToDisplay,
-    setSortAttribute: setSortAttribute,
-    setSortDirection: setSortDirection,
-    sortAttribute: sortAttribute,
-    sortDirection: sortDirection,
-    sortBy: globalSortBy,
-    sortByLabel: sortByLabel
-  }))), displayColumnView ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__columns")
-  }, /*#__PURE__*/React.createElement(AddSelectColumn, _extends({}, commonListProps, {
-    items: itemsToDisplay,
-    columnInputPlaceholder: columnInputPlaceholder,
-    header: (_path$ = path[0]) === null || _path$ === void 0 ? void 0 : _path$.title,
-    filterByLabel: filterByLabel
-  }))) : /*#__PURE__*/React.createElement("div", null, hasResults ? /*#__PURE__*/React.createElement(AddSelectList, _extends({}, commonListProps, {
-    filteredItems: itemsToDisplay,
-    modifiers: items.modifiers,
-    appliedModifiers: appliedModifiers,
-    setAppliedModifiers: setAppliedModifiers,
-    setParentSelected: parentSelectionHandler,
-    parentSelected: parentSelected,
-    parentId: parentSelected || path[0].id
-  })) : /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__body")
-  }, /*#__PURE__*/React.createElement(NoDataEmptyState, {
-    subtitle: noResultsDescription,
-    title: noResultsTitle
-  }))));
-  return /*#__PURE__*/React.createElement("div", rest, multi ? /*#__PURE__*/React.createElement(Tearsheet, _extends({}, commonTearsheetProps, {
-    influencer: multi && /*#__PURE__*/React.createElement(AddSelectSidebar, sidebarProps),
-    influencerPosition: "right"
-  }), body) : /*#__PURE__*/React.createElement(TearsheetNarrow, commonTearsheetProps, body));
-};
-AddSelectBody.propTypes = {
-  className: PropTypes.string,
-  clearFiltersText: PropTypes.string,
-  closeIconDescription: PropTypes.string,
-  columnInputPlaceholder: PropTypes.string,
-  defaultModifiers: PropTypes.array,
-  description: PropTypes.string,
-  filterByLabel: PropTypes.string,
-  globalFilterOpts: PropTypes.array,
-  globalFiltersIconDescription: PropTypes.string,
-  globalFiltersPlaceholderText: PropTypes.string,
-  globalFiltersPrimaryButtonText: PropTypes.string,
-  globalFiltersSecondaryButtonText: PropTypes.string,
-  globalSearchLabel: PropTypes.string.isRequired,
-  globalSearchPlaceholder: PropTypes.string,
-  globalSortBy: PropTypes.array,
-  influencerTitle: PropTypes.string,
-  items: PropTypes.shape({
-    modifiers: PropTypes.shape({
-      id: PropTypes.string,
-      label: PropTypes.string,
-      options: PropTypes.array
-    }),
-    sortBy: PropTypes.array,
-    filterBy: PropTypes.array,
-    entries: PropTypes.arrayOf(PropTypes.shape({
-      avatar: PropTypes.shape({
-        alt: PropTypes.string,
-        icon: PropTypes.func,
-        src: PropTypes.string
-      }),
-      children: PropTypes.object,
-      icon: PropTypes.func,
-      id: PropTypes.string.isRequired,
-      meta: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({
-        id: PropTypes.string,
-        title: PropTypes.string,
-        value: PropTypes.string
-      })), PropTypes.node]),
-      subtitle: PropTypes.string,
-      title: PropTypes.string.isRequired,
-      value: PropTypes.string.isRequired
-    }))
-  }),
-  itemsLabel: PropTypes.string,
-  metaIconDescription: PropTypes.string,
-  metaPanelTitle: PropTypes.string,
-  multi: PropTypes.bool,
-  navIconDescription: PropTypes.string,
-  noResultsDescription: PropTypes.string,
-  noResultsTitle: PropTypes.string,
-  noSelectionDescription: PropTypes.string,
-  noSelectionTitle: PropTypes.string,
-  normalizedItems: PropTypes.object,
-  onClose: PropTypes.func,
-  onCloseButtonText: PropTypes.string,
-  onSubmit: PropTypes.func,
-  onSubmitButtonText: PropTypes.string,
-  open: PropTypes.bool,
-  portalTarget: PropTypes.node,
-  searchResultsLabel: PropTypes.string,
-  sortByLabel: PropTypes.string,
-  title: PropTypes.string,
-  useNormalizedItems: PropTypes.bool
-};
-AddSelectBreadcrumbs.displayName = componentName;

package/es/components/AddSelect/AddSelectBreadcrumbs.js

@@ -1,44 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-//
-// 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.
-//
-import React from 'react';
-import { Breadcrumb, BreadcrumbItem } from '@carbon/react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { pkg } from '../../settings';
-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(idx);
-  };
-
-  var classNames = cx(blockClass, _defineProperty({}, "".concat(blockClass, "-multi"), multi));
-  return /*#__PURE__*/React.createElement(Breadcrumb, {
-    noTrailingSlash: true,
-    className: classNames
-  }, path.map(function (entry, idx) {
-    var isCurrentPage = idx === path.length - 1;
-    return /*#__PURE__*/React.createElement(BreadcrumbItem, {
-      key: entry.id,
-      isCurrentPage: isCurrentPage,
-      onClick: function onClick() {
-        return clickHandler(idx);
-      }
-    }, entry.title);
-  }));
-};
-AddSelectBreadcrumbs.propTypes = {
-  multi: PropTypes.bool,
-  onClick: PropTypes.func,
-  path: PropTypes.array
-};
-AddSelectBreadcrumbs.displayName = componentName;

package/es/components/AddSelect/AddSelectColumn.js

@@ -1,253 +0,0 @@
-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"];
-//
-// 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.
-//
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { Search, Tag, OverflowMenu, Checkbox, usePrefix } from '@carbon/react';
-import { Filter } from '@carbon/react/icons';
-import { pkg } from '../../settings';
-import { AddSelectList } from './AddSelectList';
-import { AddSelectSort } from './AddSelectSort';
-import { sortItems } from './add-select-utils';
-import { useItemSort } from './hooks/useItemSort';
-import uuidv4 from '../../global/js/utils/uuidv4';
-import useParentSelect from './hooks/useParentSelect';
-var blockClass = "".concat(pkg.prefix, "--add-select");
-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);
-
-  var carbonPrefix = usePrefix();
-
-  var _useParentSelect = useParentSelect(),
-      parentSelected = _useParentSelect.parentSelected,
-      setParentSelected = _useParentSelect.setParentSelected;
-
-  var _useState = useState(''),
-      _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;
-
-  var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      filters = _useState4[0],
-      setFilters = _useState4[1];
-
-  var entries = items.entries,
-      filterBy = items.filterBy,
-      sortBy = items.sortBy;
-
-  var getSelectedItem = function getSelectedItem() {
-    var _entries$find;
-
-    var parentInPath = path.find(function (entry) {
-      return entry.parentId === parentId;
-    });
-    /**
-     * 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
-   * on the same level. for example- using the storybook example, if you click on folder 1,
-   * file 1, folder 2, and then folder 1 again file 1 children shouldn't be expanded. this
-   * 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
-
-  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) {
-        return !itemIds.includes(i);
-      });
-      setMultiSelection(newItems);
-    }
-  };
-
-  var filterHandler = function filterHandler(checked, opt) {
-    if (checked) {
-      var newFilters = [].concat(_toConsumableArray(filters), [opt]);
-      setFilters(newFilters);
-    } else {
-      var _newFilters = filters.filter(function (o) {
-        return o !== opt;
-      });
-
-      setFilters(_newFilters);
-    }
-  }; // 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
-  .sort(sortFn); // then sort the items by whatever criteria
-
-  var parentSelectionHandler = function parentSelectionHandler(id, title) {
-    setParentSelected(id);
-    setPath(id, title, parentId);
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: colClass
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(colClass, "-search-bar")
-  }, /*#__PURE__*/React.createElement(Search, {
-    value: searchTerm,
-    onChange: function onChange(e) {
-      return setSearchTerm(e.target.value);
-    },
-    placeholder: columnInputPlaceholder,
-    className: "".concat(colClass, "-input"),
-    id: uuidv4(),
-    labelText: columnInputPlaceholder,
-    size: "md"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(colClass, "-sort-filter")
-  }, /*#__PURE__*/React.createElement(AddSelectSort, {
-    items: entries,
-    setSortAttribute: setSortAttribute,
-    setSortDirection: setSortDirection,
-    sortAttribute: sortAttribute,
-    sortDirection: sortDirection,
-    sortBy: sortBy
-  }), filterByOpts.length > 0 && /*#__PURE__*/React.createElement(OverflowMenu, {
-    renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React.createElement(Filter, _extends({
-        size: 32
-      }, props));
-    },
-    className: "".concat(colClass, "-overflow"),
-    flipped: true,
-    ariaLabel: filterByLabel
-  }, filterByOpts.map(function (opt) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: opt,
-      className: "".concat(carbonPrefix, "--overflow-menu-options__option")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(carbonPrefix, "--overflow-menu-options__btn")
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      id: opt,
-      labelText: opt,
-      onChange: function onChange(event, _ref3) {
-        var checked = _ref3.checked;
-        return filterHandler(checked, opt);
-      },
-      checked: filters.find(function (o) {
-        return o === opt;
-      }) ? true : false
-    })));
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__tag-container")
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    id: "".concat(uuidv4(), "-select-all"),
-    className: "".concat(colClass, "__select-all"),
-    checked: allSelected,
-    onChange: selectAllHandler,
-    labelText: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: "".concat(blockClass, "__tag-container-label")
-    }, header), /*#__PURE__*/React.createElement(Tag, {
-      type: "gray",
-      size: "sm"
-    }, colItems.length))
-  })), /*#__PURE__*/React.createElement(AddSelectList, _extends({}, props, {
-    filteredItems: colItems,
-    setMultiSelection: setMultiSelection,
-    multiSelection: multiSelection,
-    setParentSelected: parentSelectionHandler
-  }))), selectedItem && itemInPath && /*#__PURE__*/React.createElement(AddSelectColumn, _extends({
-    columnInputPlaceholder: columnInputPlaceholder,
-    header: selectedItem.title,
-    items: selectedItem.children,
-    multiSelection: multiSelection,
-    setMultiSelection: setMultiSelection,
-    parentId: selectedItem.id,
-    setPath: setPath,
-    path: path
-  }, props)));
-};
-AddSelectColumn.propTypes = {
-  columnInputPlaceholder: PropTypes.string,
-  filterByLabel: PropTypes.string,
-  header: PropTypes.string,
-  items: PropTypes.object,
-  multiSelection: PropTypes.array,
-  parentId: PropTypes.string,
-  path: PropTypes.array,
-  setMultiSelection: PropTypes.func,
-  setPath: PropTypes.func
-};
-AddSelectColumn.displayName = componentName;