@procore/core-react 11.22.0 → 11.23.0

package/dist/TieredDropdown/TieredDropdown.js

@@ -1,155 +1,251 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["className", "disabled", "loading", "onKeyDown", "options", "value", "style"],
+  _excluded2 = ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "getGroupId", "getId", "getLabel", "getNextGroupId", "i18nScope", "isTierDisabled", "onSelect", "onNavigate", "onScrollBottom", "onSearch", "tabIndex"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { Button } from '../Button/Button';
 import { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger';
 import { TieredSelectContext } from '../TieredSelect/TieredSelect';
 import { TieredSelectMenu } from '../TieredSelect/TieredSelectMenu';
-import { always, defaultGetGroupId, defaultGetId, defaultGetLabel, defaultGetNextGroupId, defaultIsTierDisabled, empty, findPath, getPathKey, hideKeys, noop, } from './TieredDropdown.helpers';
+import { always, defaultGetGroupId, defaultGetId, defaultGetLabel, defaultGetNextGroupId, defaultIsTierDisabled, empty, findPath, getPathKey, hideKeys, noop } from './TieredDropdown.helpers';
 import { useSearch } from './useSearch';
-var TieredDropdownInternal = React.forwardRef(function TieredDropdownInternal(_a, ref) {
-    var className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.loading, loading = _c === void 0 ? false : _c, onKeyDown = _a.onKeyDown, _d = _a.options, options = _d === void 0 ? empty : _d, _e = _a.value, value = _e === void 0 ? empty : _e, style = _a.style, props = __rest(_a, ["className", "disabled", "loading", "onKeyDown", "options", "value", "style"]);
-    var _f = React.useContext(TieredSelectContext), afterHide = _f.afterHide, afterShow = _f.afterShow, beforeHide = _f.beforeHide, beforeShow = _f.beforeShow, block = _f.block, getLabel = _f.getLabel, getGroupId = _f.getGroupId, getNextGroupId = _f.getNextGroupId, isLeaf = _f.isLeaf, onChange = _f.onChange, onNavigate = _f.onNavigate, onSearch = _f.onSearch, tabIndex = _f.tabIndex;
-    var searchablePaths = React.useMemo(function () {
-        if (onSearch) {
-            return [];
-        }
-        var paths = [];
-        var optionsByNextGroupId = options.reduce(function (map, option) {
-            var _a;
-            var nextGroupId = getNextGroupId(option);
-            if (nextGroupId) {
-                return __assign(__assign({}, map), (_a = {}, _a[nextGroupId] = option, _a));
-            }
-            return map;
-        }, {});
-        options.forEach(function (item) {
-            if (!getNextGroupId(item)) {
-                var path = findPath(optionsByNextGroupId, item, getGroupId);
-                var pathKey = getPathKey(path, getLabel);
-                paths.push({
-                    path: path,
-                    pathKey: pathKey,
-                    label: pathKey,
-                    node: item,
-                });
-            }
+var TieredDropdownInternal = /*#__PURE__*/React.forwardRef(function TieredDropdownInternal(_ref, ref) {
+  var className = _ref.className,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    onKeyDown = _ref.onKeyDown,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? empty : _ref$options,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? empty : _ref$value,
+    style = _ref.style,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _React$useContext = React.useContext(TieredSelectContext),
+    afterHide = _React$useContext.afterHide,
+    afterShow = _React$useContext.afterShow,
+    beforeHide = _React$useContext.beforeHide,
+    _beforeShow = _React$useContext.beforeShow,
+    block = _React$useContext.block,
+    getLabel = _React$useContext.getLabel,
+    getGroupId = _React$useContext.getGroupId,
+    getNextGroupId = _React$useContext.getNextGroupId,
+    isLeaf = _React$useContext.isLeaf,
+    onChange = _React$useContext.onChange,
+    onNavigate = _React$useContext.onNavigate,
+    onSearch = _React$useContext.onSearch,
+    tabIndex = _React$useContext.tabIndex;
+  var searchablePaths = React.useMemo(function () {
+    if (onSearch) {
+      return [];
+    }
+    var paths = [];
+    var optionsByNextGroupId = options.reduce(function (map, option) {
+      var nextGroupId = getNextGroupId(option);
+      if (nextGroupId) {
+        return _objectSpread(_objectSpread({}, map), {}, _defineProperty({}, nextGroupId, option));
+      }
+      return map;
+    }, {});
+    options.forEach(function (item) {
+      if (!getNextGroupId(item)) {
+        var path = findPath(optionsByNextGroupId, item, getGroupId);
+        var pathKey = getPathKey(path, getLabel);
+        paths.push({
+          path: path,
+          pathKey: pathKey,
+          label: pathKey,
+          node: item
         });
-        return paths;
-    }, [getGroupId, getLabel, getNextGroupId, onSearch, options]);
-    var _g = useSearch({
-        items: searchablePaths,
-        keysToSearch: ['pathKey'],
-    }), searchTerm = _g.searchTerm, filteredItems = _g.filteredItems, setSearch = _g.setSearch;
-    var menuOptions = React.useMemo(function () {
-        return (searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.length) > 0 ? filteredItems : options;
-    }, [filteredItems, options, searchTerm]);
-    var tieredSelectMenuRef = React.useRef(null);
-    var _h = React.useState(null), currentTier = _h[0], setCurrentTier = _h[1];
-    // internal value used for navigation
-    var _j = React.useState(value), internalValue = _j[0], setInternalValue = _j[1];
-    var internalOnNavigate = React.useCallback(function (nextGroupId, value) {
-        setInternalValue(value);
-        setCurrentTier(nextGroupId);
-        onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(nextGroupId, value);
-    }, [onNavigate]);
-    var internalOnSearch = React.useCallback(function (event) {
-        if (onSearch === undefined) {
-            setSearch(event.target.value || '');
-        }
-        else {
-            onSearch(event);
-        }
-    }, [onSearch, setSearch]);
-    /**
-     * Emulates on select
-     */
-    var internalOnChange = React.useCallback(function (selection) {
-        if ((searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.length) > 0) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(__assign(__assign({}, selection), { value: selection.item.path, item: selection.item.node }));
-        }
-        else {
-            onChange === null || onChange === void 0 ? void 0 : onChange(selection);
-        }
-    }, [onChange, searchTerm]);
-    /**
-     * Used to reset state after selection
-     */
-    var internalAfterHide = React.useCallback(function () {
-        setCurrentTier(null);
-        setInternalValue([]);
-        afterHide && afterHide();
-    }, [afterHide]);
-    // if value prop changes, update value state, current tier, and set button label
-    // else open to root
-    React.useEffect(function () {
-        if ((value === null || value === void 0 ? void 0 : value.length) > 0) {
-            var lastEntryInValue = value[value.length - 1];
-            setInternalValue(value);
-            // show children of last tier in value if not a leaf node
-            // otherwise we want to show the parent of the last tier in value
-            if (isLeaf && !isLeaf(lastEntryInValue)) {
-                setCurrentTier(getNextGroupId(lastEntryInValue));
-            }
-            else {
-                setCurrentTier(getGroupId(lastEntryInValue) || null);
-            }
-        }
-        else {
-            setCurrentTier(null);
-            setInternalValue([]);
-        }
-    }, [getGroupId, getNextGroupId, isLeaf, value]);
-    return (React.createElement(OverlayTrigger, { afterHide: internalAfterHide, afterShow: afterShow, beforeHide: beforeHide, beforeShow: function (e) {
-            return beforeShow && beforeShow(e);
-        }, canFlip: true, hideKeys: hideKeys, overlay: disabled ? null : (React.createElement(TieredSelectMenu, __assign({ currentTier: currentTier, options: menuOptions, loading: loading, menuRef: tieredSelectMenuRef, onNavigate: internalOnNavigate, onSearch: internalOnSearch, onChange: internalOnChange, value: internalValue, previousValue: [] }, props))), placement: "bottom-left", ref: ref, trigger: "click" },
-        React.createElement(Button, { "data-qa": props['data-qa'], block: block, className: className, disabled: disabled, icon: props.icon, iconRight: props.iconRight, loading: loading, size: props.size, style: style, tabIndex: tabIndex, variant: props.variant }, props.children)));
+      }
+    });
+    return paths;
+  }, [getGroupId, getLabel, getNextGroupId, onSearch, options]);
+  var _useSearch = useSearch({
+      items: searchablePaths,
+      keysToSearch: ['pathKey']
+    }),
+    searchTerm = _useSearch.searchTerm,
+    filteredItems = _useSearch.filteredItems,
+    setSearch = _useSearch.setSearch;
+  var menuOptions = React.useMemo(function () {
+    return (searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.length) > 0 ? filteredItems : options;
+  }, [filteredItems, options, searchTerm]);
+  var tieredSelectMenuRef = React.useRef(null);
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    currentTier = _React$useState2[0],
+    setCurrentTier = _React$useState2[1];
+
+  // internal value used for navigation
+  var _React$useState3 = React.useState(value),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    internalValue = _React$useState4[0],
+    setInternalValue = _React$useState4[1];
+  var internalOnNavigate = React.useCallback(function (nextGroupId, value) {
+    setInternalValue(value);
+    setCurrentTier(nextGroupId);
+    onNavigate === null || onNavigate === void 0 ? void 0 : onNavigate(nextGroupId, value);
+  }, [onNavigate]);
+  var internalOnSearch = React.useCallback(function (event) {
+    if (onSearch === undefined) {
+      setSearch(event.target.value || '');
+    } else {
+      onSearch(event);
+    }
+  }, [onSearch, setSearch]);
+
+  /**
+   * Emulates on select
+   */
+  var internalOnChange = React.useCallback(function (selection) {
+    if ((searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.length) > 0) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, selection), {}, {
+        value: selection.item.path,
+        item: selection.item.node
+      }));
+    } else {
+      onChange === null || onChange === void 0 ? void 0 : onChange(selection);
+    }
+  }, [onChange, searchTerm]);
+
+  /**
+   * Used to reset state after selection
+   */
+  var internalAfterHide = React.useCallback(function () {
+    setCurrentTier(null);
+    setInternalValue([]);
+    afterHide && afterHide();
+  }, [afterHide]);
+
+  // if value prop changes, update value state, current tier, and set button label
+  // else open to root
+  React.useEffect(function () {
+    if ((value === null || value === void 0 ? void 0 : value.length) > 0) {
+      var lastEntryInValue = value[value.length - 1];
+      setInternalValue(value);
+      // show children of last tier in value if not a leaf node
+      // otherwise we want to show the parent of the last tier in value
+      if (isLeaf && !isLeaf(lastEntryInValue)) {
+        setCurrentTier(getNextGroupId(lastEntryInValue));
+      } else {
+        setCurrentTier(getGroupId(lastEntryInValue) || null);
+      }
+    } else {
+      setCurrentTier(null);
+      setInternalValue([]);
+    }
+  }, [getGroupId, getNextGroupId, isLeaf, value]);
+  return /*#__PURE__*/React.createElement(OverlayTrigger, {
+    afterHide: internalAfterHide,
+    afterShow: afterShow,
+    beforeHide: beforeHide,
+    beforeShow: function beforeShow(e) {
+      return _beforeShow && _beforeShow(e);
+    },
+    canFlip: true,
+    hideKeys: hideKeys,
+    overlay: disabled ? null : /*#__PURE__*/React.createElement(TieredSelectMenu, _extends({
+      currentTier: currentTier,
+      options: menuOptions,
+      loading: loading,
+      menuRef: tieredSelectMenuRef,
+      onNavigate: internalOnNavigate,
+      onSearch: internalOnSearch,
+      onChange: internalOnChange,
+      value: internalValue,
+      previousValue: []
+    }, props)),
+    placement: "bottom-left",
+    ref: ref,
+    trigger: "click"
+  }, /*#__PURE__*/React.createElement(Button, {
+    "data-qa": props['data-qa'],
+    block: block,
+    className: className,
+    disabled: disabled,
+    icon: props.icon,
+    iconRight: props.iconRight,
+    loading: loading,
+    size: props.size,
+    style: style,
+    tabIndex: tabIndex,
+    variant: props.variant
+  }, props.children));
 });
-export var TieredDropdown = React.forwardRef(function TieredDropdown(_a, ref) {
-    var _b = _a.afterHide, afterHide = _b === void 0 ? noop : _b, _c = _a.afterShow, afterShow = _c === void 0 ? noop : _c, _d = _a.beforeHide, beforeHide = _d === void 0 ? always : _d, _e = _a.beforeShow, beforeShow = _e === void 0 ? always : _e, block = _a.block, _f = _a.getGroupId, getGroupId = _f === void 0 ? defaultGetGroupId : _f, _g = _a.getId, getId = _g === void 0 ? defaultGetId : _g, _h = _a.getLabel, getLabel = _h === void 0 ? defaultGetLabel : _h, _j = _a.getNextGroupId, getNextGroupId = _j === void 0 ? defaultGetNextGroupId : _j, _k = _a.i18nScope, i18nScope = _k === void 0 ? 'core.tieredDropdown' : _k, _l = _a.isTierDisabled, isTierDisabled = _l === void 0 ? defaultIsTierDisabled : _l, _m = _a.onSelect, onSelect = _m === void 0 ? noop : _m, onNavigate = _a.onNavigate, onScrollBottom = _a.onScrollBottom, onSearch = _a.onSearch, tabIndex = _a.tabIndex, props = __rest(_a, ["afterHide", "afterShow", "beforeHide", "beforeShow", "block", "getGroupId", "getId", "getLabel", "getNextGroupId", "i18nScope", "isTierDisabled", "onSelect", "onNavigate", "onScrollBottom", "onSearch", "tabIndex"]);
-    var isLeaf = React.useCallback(function (tier) {
-        return !getNextGroupId(tier);
-    }, [getNextGroupId]);
-    return (React.createElement(TieredSelectContext.Provider, { value: {
-            afterHide: afterHide,
-            afterShow: afterShow,
-            beforeHide: beforeHide,
-            beforeShow: beforeShow,
-            block: block,
-            getGroupId: getGroupId,
-            getId: getId,
-            getLabel: getLabel,
-            getNextGroupId: getNextGroupId,
-            getValueString: function () { return ''; },
-            i18nScope: i18nScope,
-            isTierDisabled: isTierDisabled,
-            isLeaf: isLeaf,
-            onChange: onSelect,
-            onNavigate: onNavigate,
-            onScrollBottom: onScrollBottom,
-            onSearch: onSearch,
-            tabIndex: tabIndex,
-        } },
-        React.createElement(TieredDropdownInternal, __assign({ ref: ref }, props, { value: [] }))));
+export var TieredDropdown = /*#__PURE__*/React.forwardRef(function TieredDropdown(_ref2, ref) {
+  var _ref2$afterHide = _ref2.afterHide,
+    afterHide = _ref2$afterHide === void 0 ? noop : _ref2$afterHide,
+    _ref2$afterShow = _ref2.afterShow,
+    afterShow = _ref2$afterShow === void 0 ? noop : _ref2$afterShow,
+    _ref2$beforeHide = _ref2.beforeHide,
+    beforeHide = _ref2$beforeHide === void 0 ? always : _ref2$beforeHide,
+    _ref2$beforeShow = _ref2.beforeShow,
+    beforeShow = _ref2$beforeShow === void 0 ? always : _ref2$beforeShow,
+    block = _ref2.block,
+    _ref2$getGroupId = _ref2.getGroupId,
+    getGroupId = _ref2$getGroupId === void 0 ? defaultGetGroupId : _ref2$getGroupId,
+    _ref2$getId = _ref2.getId,
+    getId = _ref2$getId === void 0 ? defaultGetId : _ref2$getId,
+    _ref2$getLabel = _ref2.getLabel,
+    getLabel = _ref2$getLabel === void 0 ? defaultGetLabel : _ref2$getLabel,
+    _ref2$getNextGroupId = _ref2.getNextGroupId,
+    getNextGroupId = _ref2$getNextGroupId === void 0 ? defaultGetNextGroupId : _ref2$getNextGroupId,
+    _ref2$i18nScope = _ref2.i18nScope,
+    i18nScope = _ref2$i18nScope === void 0 ? 'core.tieredDropdown' : _ref2$i18nScope,
+    _ref2$isTierDisabled = _ref2.isTierDisabled,
+    isTierDisabled = _ref2$isTierDisabled === void 0 ? defaultIsTierDisabled : _ref2$isTierDisabled,
+    _ref2$onSelect = _ref2.onSelect,
+    onSelect = _ref2$onSelect === void 0 ? noop : _ref2$onSelect,
+    onNavigate = _ref2.onNavigate,
+    onScrollBottom = _ref2.onScrollBottom,
+    onSearch = _ref2.onSearch,
+    tabIndex = _ref2.tabIndex,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var isLeaf = React.useCallback(function (tier) {
+    return !getNextGroupId(tier);
+  }, [getNextGroupId]);
+  return /*#__PURE__*/React.createElement(TieredSelectContext.Provider, {
+    value: {
+      afterHide: afterHide,
+      afterShow: afterShow,
+      beforeHide: beforeHide,
+      beforeShow: beforeShow,
+      block: block,
+      getGroupId: getGroupId,
+      getId: getId,
+      getLabel: getLabel,
+      getNextGroupId: getNextGroupId,
+      getValueString: function getValueString() {
+        return '';
+      },
+      i18nScope: i18nScope,
+      isTierDisabled: isTierDisabled,
+      isLeaf: isLeaf,
+      onChange: onSelect,
+      onNavigate: onNavigate,
+      onScrollBottom: onScrollBottom,
+      onSearch: onSearch,
+      tabIndex: tabIndex
+    }
+  }, /*#__PURE__*/React.createElement(TieredDropdownInternal, _extends({
+    ref: ref
+  }, props, {
+    value: []
+  })));
 });
 //# sourceMappingURL=TieredDropdown.js.map

package/dist/TieredDropdown/TieredDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"TieredDropdown.js","sourceRoot":"","sources":["../../src/TieredDropdown/TieredDropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TieredDropdown.js","names":["React","Button","OverlayTrigger","TieredSelectContext","TieredSelectMenu","always","defaultGetGroupId","defaultGetId","defaultGetLabel","defaultGetNextGroupId","defaultIsTierDisabled","empty","findPath","getPathKey","hideKeys","noop","useSearch","TieredDropdownInternal","forwardRef","_ref","ref","className","_ref$disabled","disabled","_ref$loading","loading","onKeyDown","_ref$options","options","_ref$value","value","style","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","afterHide","afterShow","beforeHide","beforeShow","block","getLabel","getGroupId","getNextGroupId","isLeaf","onChange","onNavigate","onSearch","tabIndex","searchablePaths","useMemo","paths","optionsByNextGroupId","reduce","map","option","nextGroupId","_objectSpread","_defineProperty","forEach","item","path","pathKey","push","label","node","_useSearch","items","keysToSearch","searchTerm","filteredItems","setSearch","menuOptions","length","tieredSelectMenuRef","useRef","_React$useState","useState","_React$useState2","_slicedToArray","currentTier","setCurrentTier","_React$useState3","_React$useState4","internalValue","setInternalValue","internalOnNavigate","useCallback","internalOnSearch","event","undefined","target","internalOnChange","selection","internalAfterHide","useEffect","lastEntryInValue","createElement","e","canFlip","overlay","_extends","menuRef","previousValue","placement","trigger","icon","iconRight","size","variant","children","TieredDropdown","_ref2","_ref2$afterHide","_ref2$afterShow","_ref2$beforeHide","_ref2$beforeShow","_ref2$getGroupId","_ref2$getId","getId","_ref2$getLabel","_ref2$getNextGroupId","_ref2$i18nScope","i18nScope","_ref2$isTierDisabled","isTierDisabled","_ref2$onSelect","onSelect","onScrollBottom","_excluded2","tier","Provider","getValueString"],"sources":["../../src/TieredDropdown/TieredDropdown.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from '../Button/Button'\nimport { MenuRef } from '../MenuImperative/MenuImperative.types'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { TieredSelectContext } from '../TieredSelect/TieredSelect'\nimport {\n  Id,\n  Tier,\n  TieredSelectMenuProps,\n} from '../TieredSelect/TieredSelect.types'\nimport { TieredSelectMenu } from '../TieredSelect/TieredSelectMenu'\nimport {\n  always,\n  defaultGetGroupId,\n  defaultGetId,\n  defaultGetLabel,\n  defaultGetNextGroupId,\n  defaultIsTierDisabled,\n  empty,\n  findPath,\n  getPathKey,\n  hideKeys,\n  noop,\n} from './TieredDropdown.helpers'\nimport type {\n  InternalTieredDropdownProps,\n  SearchablePath,\n  TieredDropdownProps,\n} from './TieredDropdown.types'\nimport { useSearch } from './useSearch'\n\nconst TieredDropdownInternal = React.forwardRef<\n  HTMLDivElement,\n  InternalTieredDropdownProps\n>(function TieredDropdownInternal(\n  {\n    className,\n    disabled = false,\n    loading = false,\n    onKeyDown,\n    options = empty,\n    value = empty,\n    style,\n    ...props\n  },\n  ref\n) {\n  const {\n    afterHide,\n    afterShow,\n    beforeHide,\n    beforeShow,\n    block,\n    getLabel,\n    getGroupId,\n    getNextGroupId,\n    isLeaf,\n    onChange,\n    onNavigate,\n    onSearch,\n    tabIndex,\n  } = React.useContext(TieredSelectContext)\n\n  const searchablePaths = React.useMemo<SearchablePath[]>(() => {\n    if (onSearch) {\n      return []\n    }\n\n    const paths: SearchablePath[] = []\n\n    const optionsByNextGroupId = options.reduce((map, option) => {\n      const nextGroupId = getNextGroupId(option)\n      if (nextGroupId) {\n        return {\n          ...map,\n          [nextGroupId]: option,\n        }\n      }\n      return map\n    }, {})\n\n    options.forEach((item) => {\n      if (!getNextGroupId(item)) {\n        const path = findPath(optionsByNextGroupId, item, getGroupId)\n\n        const pathKey = getPathKey(path, getLabel)\n        paths.push({\n          path,\n          pathKey,\n          label: pathKey,\n          node: item,\n        })\n      }\n    })\n\n    return paths\n  }, [getGroupId, getLabel, getNextGroupId, onSearch, options])\n\n  const { searchTerm, filteredItems, setSearch } = useSearch({\n    items: searchablePaths,\n    keysToSearch: ['pathKey'],\n  })\n\n  const menuOptions = React.useMemo(() => {\n    return searchTerm?.length > 0 ? filteredItems : options\n  }, [filteredItems, options, searchTerm])\n\n  const tieredSelectMenuRef = React.useRef<MenuRef>(null)\n  const [currentTier, setCurrentTier] = React.useState<Id>(null)\n\n  // internal value used for navigation\n  const [internalValue, setInternalValue] = React.useState<Tier[]>(value)\n\n  const internalOnNavigate = React.useCallback(\n    function (nextGroupId: Id, value: any[]) {\n      setInternalValue(value)\n      setCurrentTier(nextGroupId)\n      onNavigate?.(nextGroupId, value)\n    },\n    [onNavigate]\n  )\n\n  const internalOnSearch = React.useCallback(\n    function (event: any) {\n      if (onSearch === undefined) {\n        setSearch(event.target.value || '')\n      } else {\n        onSearch(event)\n      }\n    },\n    [onSearch, setSearch]\n  )\n\n  /**\n   * Emulates on select\n   */\n  const internalOnChange = React.useCallback<TieredSelectMenuProps['onChange']>(\n    (selection) => {\n      if (searchTerm?.length > 0) {\n        onChange?.({\n          ...selection,\n          value: (selection.item as SearchablePath).path,\n          item: (selection.item as SearchablePath).node,\n        })\n      } else {\n        onChange?.(selection)\n      }\n    },\n    [onChange, searchTerm]\n  )\n\n  /**\n   * Used to reset state after selection\n   */\n  const internalAfterHide = React.useCallback(() => {\n    setCurrentTier(null)\n    setInternalValue([])\n    afterHide && afterHide()\n  }, [afterHide])\n\n  // if value prop changes, update value state, current tier, and set button label\n  // else open to root\n  React.useEffect(\n    function () {\n      if (value?.length > 0) {\n        const lastEntryInValue = value[value.length - 1]\n        setInternalValue(value)\n        // show children of last tier in value if not a leaf node\n        // otherwise we want to show the parent of the last tier in value\n        if (isLeaf && !isLeaf(lastEntryInValue)) {\n          setCurrentTier(getNextGroupId(lastEntryInValue))\n        } else {\n          setCurrentTier(getGroupId(lastEntryInValue) || null)\n        }\n      } else {\n        setCurrentTier(null)\n        setInternalValue([])\n      }\n    },\n    [getGroupId, getNextGroupId, isLeaf, value]\n  )\n\n  return (\n    <OverlayTrigger\n      afterHide={internalAfterHide}\n      afterShow={afterShow}\n      beforeHide={beforeHide}\n      beforeShow={(e: Event) => {\n        return beforeShow && beforeShow(e)\n      }}\n      canFlip={true}\n      hideKeys={hideKeys}\n      overlay={\n        disabled ? null : (\n          <TieredSelectMenu\n            currentTier={currentTier}\n            options={menuOptions}\n            loading={loading}\n            menuRef={tieredSelectMenuRef}\n            onNavigate={internalOnNavigate}\n            onSearch={internalOnSearch}\n            onChange={internalOnChange}\n            value={internalValue}\n            previousValue={[]}\n            {...props}\n          />\n        )\n      }\n      placement=\"bottom-left\"\n      ref={ref}\n      trigger=\"click\"\n    >\n      <Button\n        data-qa={props['data-qa']}\n        block={block}\n        className={className}\n        disabled={disabled}\n        icon={props.icon}\n        iconRight={props.iconRight}\n        loading={loading}\n        size={props.size}\n        style={style}\n        tabIndex={tabIndex}\n        variant={props.variant}\n      >\n        {props.children}\n      </Button>\n    </OverlayTrigger>\n  )\n})\n\nexport const TieredDropdown = React.forwardRef<\n  HTMLDivElement,\n  TieredDropdownProps\n>(function TieredDropdown(\n  {\n    afterHide = noop,\n    afterShow = noop,\n    beforeHide = always,\n    beforeShow = always,\n    block,\n    getGroupId = defaultGetGroupId,\n    getId = defaultGetId,\n    getLabel = defaultGetLabel,\n    getNextGroupId = defaultGetNextGroupId,\n    i18nScope = 'core.tieredDropdown',\n    isTierDisabled = defaultIsTierDisabled,\n    onSelect = noop,\n    onNavigate,\n    onScrollBottom,\n    onSearch,\n    tabIndex,\n    ...props\n  },\n  ref\n) {\n  const isLeaf = React.useCallback(\n    function (tier: Tier) {\n      return !getNextGroupId(tier)\n    },\n    [getNextGroupId]\n  )\n\n  return (\n    <TieredSelectContext.Provider\n      value={{\n        afterHide,\n        afterShow,\n        beforeHide,\n        beforeShow,\n        block,\n        getGroupId,\n        getId,\n        getLabel,\n        getNextGroupId,\n        getValueString: () => '',\n        i18nScope,\n        isTierDisabled,\n        isLeaf,\n        onChange: onSelect,\n        onNavigate,\n        onScrollBottom,\n        onSearch,\n        tabIndex,\n      }}\n    >\n      <TieredDropdownInternal ref={ref} {...props} value={[]} />\n    </TieredSelectContext.Provider>\n  )\n})\n"],"mappings":"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"}

package/dist/TieredDropdown/TieredDropdown.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TieredDropdown.types.js","sourceRoot":"","sources":["../../src/TieredDropdown/TieredDropdown.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"TieredDropdown.types.js","names":[],"sources":["../../src/TieredDropdown/TieredDropdown.types.ts"],"sourcesContent":["import React from 'react'\nimport { ButtonProps, ButtonVariant } from '../Button/Button.types'\nimport { TieredSelectProps } from '../TieredSelect'\n\ntype Div = React.ComponentPropsWithoutRef<'div'>\ntype TriggerProps = Pick<\n  ButtonProps,\n  'block' | 'disabled' | 'icon' | 'iconRight' | 'loading' | 'size'\n>\nexport type SearchablePath<T = any> = {\n  /**\n   * @since 10.19.0\n   */\n  label: string\n  /**\n   * @since 10.19.0\n   */\n  node: T\n  /**\n   * @since 10.19.0\n   */\n  path: T[]\n  /**\n   * @since 10.19.0\n   */\n  pathKey: string\n}\n\nexport interface InternalTieredDropdownProps<T = any>\n  extends Omit<Div, 'onSelect' | 'onChange'>,\n    TriggerProps {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactText\n  /**\n   * @since 10.19.0\n   */\n  ['data-qa']?: string\n  /**\n   * @since 10.19.0\n   */\n  options?: T[]\n  /**\n   * @since 10.19.0\n   */\n  value?: T[]\n  /**\n   * @since 10.19.0\n   */\n  variant?: ButtonVariant\n}\n\nexport interface TieredDropdownProps\n  extends Omit<TieredSelectProps, 'onChange' | 'getValueString' | 'value'>,\n    TriggerProps {\n  /**\n   * @since 10.19.0\n   */\n  onSelect: TieredSelectProps['onChange']\n  /**\n   * @since 10.19.0\n   */\n  children: InternalTieredDropdownProps['children']\n  /**\n   * @since 10.19.0\n   */\n  ['data-qa']?: string\n  /**\n   * @since 10.19.0\n   */\n  variant?: InternalTieredDropdownProps['variant']\n}\n"],"mappings":""}

package/dist/TieredDropdown/index.js

@@ -1,2 +1,3 @@
 export { TieredDropdown } from './TieredDropdown';
+export { TieredDropdownProps } from './TieredDropdown.types';
 //# sourceMappingURL=index.js.map

package/dist/TieredDropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TieredDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.js","names":["TieredDropdown","TieredDropdownProps"],"sources":["../../src/TieredDropdown/index.ts"],"sourcesContent":["export { TieredDropdown } from './TieredDropdown'\nexport { TieredDropdownProps } from './TieredDropdown.types'\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,kBAAkB;AACjD,SAASC,mBAAmB,QAAQ,wBAAwB"}

package/dist/TieredDropdown/useSearch.js

@@ -1,50 +1,60 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useCallback, useMemo, useState } from 'react';
+
 // eslint-disable-next-line no-useless-escape
 var periodDashAndWhitespaceRegex = /[\.\-\s]/g;
 function matchString(value, searchQuery) {
-    var lowerCasedKeyValue = (value && value.toLowerCase()) || '';
-    var valueWithoutSeparators = lowerCasedKeyValue.replace(periodDashAndWhitespaceRegex, '');
-    return valueWithoutSeparators.includes(searchQuery);
+  var lowerCasedKeyValue = value && value.toLowerCase() || '';
+  var valueWithoutSeparators = lowerCasedKeyValue.replace(periodDashAndWhitespaceRegex, '');
+  return valueWithoutSeparators.includes(searchQuery);
 }
 function matchKeyInObject(item, key, searchQuery) {
-    if (typeof item[key] === 'string') {
-        return matchString(item[key], searchQuery);
-    }
-    if (typeof item[key] === 'number') {
-        return matchString("".concat(item[key]), searchQuery);
-    }
-    return false;
+  if (typeof item[key] === 'string') {
+    return matchString(item[key], searchQuery);
+  }
+  if (typeof item[key] === 'number') {
+    return matchString("".concat(item[key]), searchQuery);
+  }
+  return false;
 }
-function filterCondition(item, searchTerm, keysToMatch) {
-    if (searchTerm === void 0) { searchTerm = ''; }
-    if (keysToMatch === void 0) { keysToMatch = Object.keys(item); }
-    var lowerCasedSearchTerm = searchTerm.trim().toLowerCase();
-    var sanitizedSearchQuery = lowerCasedSearchTerm.replace(periodDashAndWhitespaceRegex, '');
-    return keysToMatch.some(function (key) {
-        return matchKeyInObject(item, key, sanitizedSearchQuery);
-    });
+function filterCondition(item) {
+  var searchTerm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var keysToMatch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : Object.keys(item);
+  var lowerCasedSearchTerm = searchTerm.trim().toLowerCase();
+  var sanitizedSearchQuery = lowerCasedSearchTerm.replace(periodDashAndWhitespaceRegex, '');
+  return keysToMatch.some(function (key) {
+    return matchKeyInObject(item, key, sanitizedSearchQuery);
+  });
 }
 export function useSearch(config) {
-    var _a = useState(''), searchTerm = _a[0], setSearchTerm = _a[1];
-    var filteredItems = useMemo(function () {
-        if (searchTerm === '') {
-            return config.items;
-        }
-        return config.items.filter(function (item) {
-            return filterCondition(item, searchTerm, config.keysToSearch);
-        });
-    }, [config, searchTerm]);
-    var setSearch = useCallback(function (value) {
-        setSearchTerm(value);
-    }, [setSearchTerm]);
-    var clearSearch = useCallback(function () {
-        setSearchTerm('');
-    }, [setSearchTerm]);
-    return {
-        clearSearch: clearSearch,
-        filteredItems: filteredItems,
-        setSearch: setSearch,
-        searchTerm: searchTerm,
-    };
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var filteredItems = useMemo(function () {
+    if (searchTerm === '') {
+      return config.items;
+    }
+    return config.items.filter(function (item) {
+      return filterCondition(item, searchTerm, config.keysToSearch);
+    });
+  }, [config, searchTerm]);
+  var setSearch = useCallback(function (value) {
+    setSearchTerm(value);
+  }, [setSearchTerm]);
+  var clearSearch = useCallback(function () {
+    setSearchTerm('');
+  }, [setSearchTerm]);
+  return {
+    clearSearch: clearSearch,
+    filteredItems: filteredItems,
+    setSearch: setSearch,
+    searchTerm: searchTerm
+  };
 }
 //# sourceMappingURL=useSearch.js.map