@procore/core-react 11.22.0 → 11.23.0

package/dist/TieredDropdown/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../src/TieredDropdown/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEtD,6CAA6C;AAC7C,IAAM,4BAA4B,GAAG,WAAW,CAAA;AAEhD,SAAS,WAAW,CAAC,KAAa,EAAE,WAAmB;IACrD,IAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAA;IAE/D,IAAM,sBAAsB,GAAG,kBAAkB,CAAC,OAAO,CACvD,4BAA4B,EAC5B,EAAE,CACH,CAAA;IAED,OAAO,sBAAsB,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;AACrD,CAAC;AAED,SAAS,gBAAgB,CACvB,IAAO,EACP,GAAM,EACN,WAAmB;IAEnB,IAAI,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE;QACjC,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG,CAAW,EAAE,WAAW,CAAC,CAAA;KACrD;IAED,IAAI,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE;QACjC,OAAO,WAAW,CAAC,UAAG,IAAI,CAAC,GAAG,CAAC,CAAE,EAAE,WAAW,CAAC,CAAA;KAChD;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,eAAe,CACtB,IAAO,EACP,UAAuB,EACvB,WAA2C;IAD3C,2BAAA,EAAA,eAAuB;IACvB,4BAAA,EAAA,cAAmB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAQ;IAE3C,IAAM,oBAAoB,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;IAC5D,IAAM,oBAAoB,GAAG,oBAAoB,CAAC,OAAO,CACvD,4BAA4B,EAC5B,EAAE,CACH,CAAA;IAED,OAAO,WAAW,CAAC,IAAI,CAAC,UAAC,GAAG;QAC1B,OAAA,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,oBAAoB,CAAC;IAAjD,CAAiD,CAClD,CAAA;AACH,CAAC;AAcD,MAAM,UAAU,SAAS,CACvB,MAAuB;IAEjB,IAAA,KAA8B,QAAQ,CAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAA;IAEhD,IAAM,aAAa,GAAG,OAAO,CAAC;QAC5B,IAAI,UAAU,KAAK,EAAE,EAAE;YACrB,OAAO,MAAM,CAAC,KAAK,CAAA;SACpB;QAED,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,UAAC,IAAI;YAC9B,OAAA,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC;QAAtD,CAAsD,CACvD,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAA;IAExB,IAAM,SAAS,GAAG,WAAW,CAC3B,UAAC,KAAa;QACZ,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,IAAM,WAAW,GAAG,WAAW,CAAC;QAC9B,aAAa,CAAC,EAAE,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO;QACL,WAAW,aAAA;QACX,aAAa,eAAA;QACb,SAAS,WAAA;QACT,UAAU,YAAA;KACX,CAAA;AACH,CAAC"}
+{"version":3,"file":"useSearch.js","names":["useCallback","useMemo","useState","periodDashAndWhitespaceRegex","matchString","value","searchQuery","lowerCasedKeyValue","toLowerCase","valueWithoutSeparators","replace","includes","matchKeyInObject","item","key","concat","filterCondition","searchTerm","arguments","length","undefined","keysToMatch","Object","keys","lowerCasedSearchTerm","trim","sanitizedSearchQuery","some","useSearch","config","_useState","_useState2","_slicedToArray","setSearchTerm","filteredItems","items","filter","keysToSearch","setSearch","clearSearch"],"sources":["../../src/TieredDropdown/useSearch.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\n// eslint-disable-next-line no-useless-escape\nconst periodDashAndWhitespaceRegex = /[\\.\\-\\s]/g\n\nfunction matchString(value: string, searchQuery: string) {\n  const lowerCasedKeyValue = (value && value.toLowerCase()) || ''\n\n  const valueWithoutSeparators = lowerCasedKeyValue.replace(\n    periodDashAndWhitespaceRegex,\n    ''\n  )\n\n  return valueWithoutSeparators.includes(searchQuery)\n}\n\nfunction matchKeyInObject<T extends Record<string, any>, P extends keyof T>(\n  item: T,\n  key: P,\n  searchQuery: string\n): boolean {\n  if (typeof item[key] === 'string') {\n    return matchString(item[key] as string, searchQuery)\n  }\n\n  if (typeof item[key] === 'number') {\n    return matchString(`${item[key]}`, searchQuery)\n  }\n\n  return false\n}\n\nfunction filterCondition<T extends Record<string, any>, P extends keyof T>(\n  item: T,\n  searchTerm: string = '',\n  keysToMatch: P[] = Object.keys(item) as P[]\n) {\n  const lowerCasedSearchTerm = searchTerm.trim().toLowerCase()\n  const sanitizedSearchQuery = lowerCasedSearchTerm.replace(\n    periodDashAndWhitespaceRegex,\n    ''\n  )\n\n  return keysToMatch.some((key) =>\n    matchKeyInObject(item, key, sanitizedSearchQuery)\n  )\n}\n\ninterface SearchConfig<T> {\n  items: T[]\n  keysToSearch?: string[]\n}\n\ninterface SearchApi<T> {\n  searchTerm: string\n  clearSearch: () => void\n  filteredItems: T[]\n  setSearch: (value: string) => void\n}\n\nexport function useSearch<T extends Record<string, any>>(\n  config: SearchConfig<T>\n): SearchApi<T> {\n  const [searchTerm, setSearchTerm] = useState('')\n\n  const filteredItems = useMemo(() => {\n    if (searchTerm === '') {\n      return config.items\n    }\n\n    return config.items.filter((item) =>\n      filterCondition(item, searchTerm, config.keysToSearch)\n    )\n  }, [config, searchTerm])\n\n  const setSearch = useCallback(\n    (value: string) => {\n      setSearchTerm(value)\n    },\n    [setSearchTerm]\n  )\n\n  const clearSearch = useCallback(() => {\n    setSearchTerm('')\n  }, [setSearchTerm])\n\n  return {\n    clearSearch,\n    filteredItems,\n    setSearch,\n    searchTerm,\n  }\n}\n"],"mappings":";;;;;;AAAA,SAASA,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;;AAEtD;AACA,IAAMC,4BAA4B,GAAG,WAAW;AAEhD,SAASC,WAAWA,CAACC,KAAa,EAAEC,WAAmB,EAAE;EACvD,IAAMC,kBAAkB,GAAIF,KAAK,IAAIA,KAAK,CAACG,WAAW,CAAC,CAAC,IAAK,EAAE;EAE/D,IAAMC,sBAAsB,GAAGF,kBAAkB,CAACG,OAAO,CACvDP,4BAA4B,EAC5B,EACF,CAAC;EAED,OAAOM,sBAAsB,CAACE,QAAQ,CAACL,WAAW,CAAC;AACrD;AAEA,SAASM,gBAAgBA,CACvBC,IAAO,EACPC,GAAM,EACNR,WAAmB,EACV;EACT,IAAI,OAAOO,IAAI,CAACC,GAAG,CAAC,KAAK,QAAQ,EAAE;IACjC,OAAOV,WAAW,CAACS,IAAI,CAACC,GAAG,CAAC,EAAYR,WAAW,CAAC;EACtD;EAEA,IAAI,OAAOO,IAAI,CAACC,GAAG,CAAC,KAAK,QAAQ,EAAE;IACjC,OAAOV,WAAW,IAAAW,MAAA,CAAIF,IAAI,CAACC,GAAG,CAAC,GAAIR,WAAW,CAAC;EACjD;EAEA,OAAO,KAAK;AACd;AAEA,SAASU,eAAeA,CACtBH,IAAO,EAGP;EAAA,IAFAI,UAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IACvBG,WAAgB,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGI,MAAM,CAACC,IAAI,CAACV,IAAI,CAAC;EAEpC,IAAMW,oBAAoB,GAAGP,UAAU,CAACQ,IAAI,CAAC,CAAC,CAACjB,WAAW,CAAC,CAAC;EAC5D,IAAMkB,oBAAoB,GAAGF,oBAAoB,CAACd,OAAO,CACvDP,4BAA4B,EAC5B,EACF,CAAC;EAED,OAAOkB,WAAW,CAACM,IAAI,CAAC,UAACb,GAAG;IAAA,OAC1BF,gBAAgB,CAACC,IAAI,EAAEC,GAAG,EAAEY,oBAAoB,CAAC;EAAA,CACnD,CAAC;AACH;AAcA,OAAO,SAASE,SAASA,CACvBC,MAAuB,EACT;EACd,IAAAC,SAAA,GAAoC5B,QAAQ,CAAC,EAAE,CAAC;IAAA6B,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAzCb,UAAU,GAAAc,UAAA;IAAEE,aAAa,GAAAF,UAAA;EAEhC,IAAMG,aAAa,GAAGjC,OAAO,CAAC,YAAM;IAClC,IAAIgB,UAAU,KAAK,EAAE,EAAE;MACrB,OAAOY,MAAM,CAACM,KAAK;IACrB;IAEA,OAAON,MAAM,CAACM,KAAK,CAACC,MAAM,CAAC,UAACvB,IAAI;MAAA,OAC9BG,eAAe,CAACH,IAAI,EAAEI,UAAU,EAAEY,MAAM,CAACQ,YAAY,CAAC;IAAA,CACxD,CAAC;EACH,CAAC,EAAE,CAACR,MAAM,EAAEZ,UAAU,CAAC,CAAC;EAExB,IAAMqB,SAAS,GAAGtC,WAAW,CAC3B,UAACK,KAAa,EAAK;IACjB4B,aAAa,CAAC5B,KAAK,CAAC;EACtB,CAAC,EACD,CAAC4B,aAAa,CAChB,CAAC;EAED,IAAMM,WAAW,GAAGvC,WAAW,CAAC,YAAM;IACpCiC,aAAa,CAAC,EAAE,CAAC;EACnB,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,OAAO;IACLM,WAAW,EAAXA,WAAW;IACXL,aAAa,EAAbA,aAAa;IACbI,SAAS,EAATA,SAAS;IACTrB,UAAU,EAAVA;EACF,CAAC;AACH"}

package/dist/TieredSelect/LeafSelectionTieredSelect.js

@@ -1,25 +1,13 @@
-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;
-};
+var _excluded = ["className", "disabled", "error", "loading", "onKeyDown", "options", "value"];
+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 _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 { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger';
 import { Select } from '../Select/Select';
@@ -28,104 +16,172 @@ import { useI18nContext } from '../_hooks/I18n';
 import { TieredSelectContext } from './TieredSelect';
 import { TieredSelectMenu } from './TieredSelectMenu';
 function stopProp(e) {
-    if (e.key === 'Escape' || e.key === 'Esc') {
-        e.stopPropagation();
-    }
+  if (e.key === 'Escape' || e.key === 'Esc') {
+    e.stopPropagation();
+  }
 }
 var empty = [];
 var hideKeys = {
-    overlay: ['Escape', 'Esc'],
-    target: ['Escape', 'Esc'],
+  overlay: ['Escape', 'Esc'],
+  target: ['Escape', 'Esc']
 };
-export var LeafSelectionTieredSelect = React.forwardRef(function LeafSelectionTieredSelect(_a, ref) {
-    var className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, onKeyDown = _a.onKeyDown, // goes no where
-    _e = _a.options, // goes no where
-    options = _e === void 0 ? empty : _e, _f = _a.value, value = _f === void 0 ? empty : _f, props = __rest(_a, ["className", "disabled", "error", "loading", "onKeyDown", "options", "value"]);
-    var _g = React.useContext(TieredSelectContext), afterHide = _g.afterHide, afterShow = _g.afterShow, beforeHide = _g.beforeHide, beforeShow = _g.beforeShow, block = _g.block, getGroupId = _g.getGroupId, getNextGroupId = _g.getNextGroupId, getValueString = _g.getValueString, i18nScope = _g.i18nScope, isLeaf = _g.isLeaf, onChange = _g.onChange, onClear = _g.onClear, onNavigate = _g.onNavigate, onSearch = _g.onSearch, tabIndex = _g.tabIndex;
-    var I18n = useI18nContext();
-    var tieredSelectMenuRef = React.useRef(null);
-    var tieredSelectButtonRef = React.useRef(null);
-    var clearRef = React.createRef();
-    var _h = React.useState(''), valueString = _h[0], setValueString = _h[1];
-    var _j = React.useState(null), currentTier = _j[0], setCurrentTier = _j[1];
-    // internal value used for navigation
-    var _k = React.useState(value), internalValue = _k[0], setInternalValue = _k[1];
-    // value to reset to if navigation occurs but no selection has been made
-    var _l = React.useState(value), previousValue = _l[0], setPreviousValue = _l[1];
-    // if value prop changes, update value state, current tier, and set button label
-    // else open to root
-    React.useEffect(function () {
-        var lastEntryInValue = value[value.length - 1];
-        if (value.length > 0) {
-            setInternalValue(value);
-            setPreviousValue(value);
-            setValueString(getValueString(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));
-            }
-        }
-        else {
-            setCurrentTier(null);
-            setInternalValue([]);
-            setPreviousValue([]);
-            setValueString('');
-        }
-    }, [getGroupId, getValueString, getNextGroupId, isLeaf, value]);
-    var internalOnChange = React.useCallback(function (selection) {
-        setInternalValue(selection.value);
-        setPreviousValue(selection.value);
-        setValueString(getValueString(selection.value));
-        setCurrentTier(getGroupId(selection.item));
-        onChange(selection);
-    }, [getGroupId, onChange, getValueString]);
-    var internalOnNavigate = React.useCallback(function (nextGroupId, value) {
-        setInternalValue(value);
-        setCurrentTier(nextGroupId);
-        onNavigate && onNavigate(nextGroupId, value);
-    }, [onNavigate]);
-    var internalOnClear = React.useCallback(function (event) {
-        setValueString('');
-        setInternalValue([]);
-        setPreviousValue([]);
-        internalOnNavigate(null, []);
-        onClear && onClear(event);
-    }, [internalOnNavigate, onClear]);
-    var internalOnSearch = React.useCallback(function (event) {
-        onSearch && onSearch(event);
-    }, [onSearch]);
-    var internalBeforeHide = React.useCallback(function (e) {
-        var _a;
-        var isEscapeKey = e instanceof KeyboardEvent && (e.key === 'Escape' || e.key === 'Esc');
-        var isClickOutside = e instanceof MouseEvent &&
-            !isEventSource({ current: (_a = tieredSelectMenuRef === null || tieredSelectMenuRef === void 0 ? void 0 : tieredSelectMenuRef.current) === null || _a === void 0 ? void 0 : _a.el }, e);
-        var lastValue = previousValue[previousValue.length - 1];
-        if (valueString && (isClickOutside || isEscapeKey)) {
-            setInternalValue(previousValue);
-            if (isLeaf && isLeaf(lastValue)) {
-                setCurrentTier(getGroupId(lastValue));
-            }
-            else {
-                setCurrentTier(getNextGroupId(lastValue));
-            }
-        }
-        return beforeHide && beforeHide(e);
-    }, [
-        beforeHide,
-        getGroupId,
-        getNextGroupId,
-        isLeaf,
-        tieredSelectMenuRef,
-        previousValue,
-        valueString,
-    ]);
-    return (React.createElement(OverlayTrigger, { autoFocus: true, afterHide: afterHide, afterShow: afterShow, beforeHide: internalBeforeHide, beforeShow: function (e) {
-            return beforeShow && e.target !== clearRef.current && beforeShow(e);
-        }, canFlip: true, hideKeys: hideKeys, overlay: React.createElement(TieredSelectMenu, __assign({ currentTier: currentTier, options: options, loading: loading, menuRef: tieredSelectMenuRef, onNavigate: internalOnNavigate, onSearch: internalOnSearch, onChange: internalOnChange, value: internalValue, previousValue: previousValue }, props, { onKeyDown: stopProp })), placement: "bottom-left", ref: ref, trigger: "click" },
-        React.createElement(Select.Button, { block: block, className: className, clearRef: clearRef, disabled: disabled, error: error, label: valueString, loading: loading, placeholder: I18n.t('placeholder', { scope: i18nScope }), onClear: internalOnClear, ref: tieredSelectButtonRef, tabIndex: tabIndex }, valueString || I18n.t('placeholder', { scope: i18nScope }))));
+export var LeafSelectionTieredSelect = /*#__PURE__*/React.forwardRef(function LeafSelectionTieredSelect(_ref, ref) {
+  var className = _ref.className,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? false : _ref$error,
+    _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,
+    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,
+    getGroupId = _React$useContext.getGroupId,
+    getNextGroupId = _React$useContext.getNextGroupId,
+    getValueString = _React$useContext.getValueString,
+    i18nScope = _React$useContext.i18nScope,
+    isLeaf = _React$useContext.isLeaf,
+    onChange = _React$useContext.onChange,
+    onClear = _React$useContext.onClear,
+    onNavigate = _React$useContext.onNavigate,
+    onSearch = _React$useContext.onSearch,
+    tabIndex = _React$useContext.tabIndex;
+  var I18n = useI18nContext();
+  var tieredSelectMenuRef = React.useRef(null);
+  var tieredSelectButtonRef = React.useRef(null);
+  var clearRef = /*#__PURE__*/React.createRef();
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    valueString = _React$useState2[0],
+    setValueString = _React$useState2[1];
+  var _React$useState3 = React.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    currentTier = _React$useState4[0],
+    setCurrentTier = _React$useState4[1];
+
+  // internal value used for navigation
+  var _React$useState5 = React.useState(value),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    internalValue = _React$useState6[0],
+    setInternalValue = _React$useState6[1];
+  // value to reset to if navigation occurs but no selection has been made
+  var _React$useState7 = React.useState(value),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    previousValue = _React$useState8[0],
+    setPreviousValue = _React$useState8[1];
+
+  // if value prop changes, update value state, current tier, and set button label
+  // else open to root
+  React.useEffect(function () {
+    var lastEntryInValue = value[value.length - 1];
+    if (value.length > 0) {
+      setInternalValue(value);
+      setPreviousValue(value);
+      setValueString(getValueString(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));
+      }
+    } else {
+      setCurrentTier(null);
+      setInternalValue([]);
+      setPreviousValue([]);
+      setValueString('');
+    }
+  }, [getGroupId, getValueString, getNextGroupId, isLeaf, value]);
+  var internalOnChange = React.useCallback(function (selection) {
+    setInternalValue(selection.value);
+    setPreviousValue(selection.value);
+    setValueString(getValueString(selection.value));
+    setCurrentTier(getGroupId(selection.item));
+    onChange(selection);
+  }, [getGroupId, onChange, getValueString]);
+  var internalOnNavigate = React.useCallback(function (nextGroupId, value) {
+    setInternalValue(value);
+    setCurrentTier(nextGroupId);
+    onNavigate && onNavigate(nextGroupId, value);
+  }, [onNavigate]);
+  var internalOnClear = React.useCallback(function (event) {
+    setValueString('');
+    setInternalValue([]);
+    setPreviousValue([]);
+    internalOnNavigate(null, []);
+    onClear && onClear(event);
+  }, [internalOnNavigate, onClear]);
+  var internalOnSearch = React.useCallback(function (event) {
+    onSearch && onSearch(event);
+  }, [onSearch]);
+  var internalBeforeHide = React.useCallback(function (e) {
+    var _tieredSelectMenuRef$;
+    var isEscapeKey = e instanceof KeyboardEvent && (e.key === 'Escape' || e.key === 'Esc');
+    var isClickOutside = e instanceof MouseEvent && !isEventSource({
+      current: tieredSelectMenuRef === null || tieredSelectMenuRef === void 0 ? void 0 : (_tieredSelectMenuRef$ = tieredSelectMenuRef.current) === null || _tieredSelectMenuRef$ === void 0 ? void 0 : _tieredSelectMenuRef$.el
+    }, e);
+    var lastValue = previousValue[previousValue.length - 1];
+    if (valueString && (isClickOutside || isEscapeKey)) {
+      setInternalValue(previousValue);
+      if (isLeaf && isLeaf(lastValue)) {
+        setCurrentTier(getGroupId(lastValue));
+      } else {
+        setCurrentTier(getNextGroupId(lastValue));
+      }
+    }
+    return beforeHide && beforeHide(e);
+  }, [beforeHide, getGroupId, getNextGroupId, isLeaf, tieredSelectMenuRef, previousValue, valueString]);
+  return /*#__PURE__*/React.createElement(OverlayTrigger, {
+    autoFocus: true,
+    afterHide: afterHide,
+    afterShow: afterShow,
+    beforeHide: internalBeforeHide,
+    beforeShow: function beforeShow(e) {
+      return _beforeShow && e.target !== clearRef.current && _beforeShow(e);
+    },
+    canFlip: true,
+    hideKeys: hideKeys,
+    overlay: /*#__PURE__*/React.createElement(TieredSelectMenu, _extends({
+      currentTier: currentTier,
+      options: options,
+      loading: loading,
+      menuRef: tieredSelectMenuRef,
+      onNavigate: internalOnNavigate,
+      onSearch: internalOnSearch,
+      onChange: internalOnChange,
+      value: internalValue,
+      previousValue: previousValue
+    }, props, {
+      onKeyDown: stopProp
+    })),
+    placement: "bottom-left",
+    ref: ref,
+    trigger: "click"
+  }, /*#__PURE__*/React.createElement(Select.Button, {
+    block: block,
+    className: className,
+    clearRef: clearRef,
+    disabled: disabled,
+    error: error,
+    label: valueString,
+    loading: loading,
+    placeholder: I18n.t('placeholder', {
+      scope: i18nScope
+    }),
+    onClear: internalOnClear,
+    ref: tieredSelectButtonRef,
+    tabIndex: tabIndex
+  }, valueString || I18n.t('placeholder', {
+    scope: i18nScope
+  })));
 });
 //# sourceMappingURL=LeafSelectionTieredSelect.js.map

package/dist/TieredSelect/LeafSelectionTieredSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeafSelectionTieredSelect.js","sourceRoot":"","sources":["../../src/TieredSelect/LeafSelectionTieredSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LeafSelectionTieredSelect.js","names":["React","OverlayTrigger","Select","isEventSource","useI18nContext","TieredSelectContext","TieredSelectMenu","stopProp","e","key","stopPropagation","empty","hideKeys","overlay","target","LeafSelectionTieredSelect","forwardRef","_ref","ref","className","_ref$disabled","disabled","_ref$error","error","_ref$loading","loading","onKeyDown","_ref$options","options","_ref$value","value","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","afterHide","afterShow","beforeHide","beforeShow","block","getGroupId","getNextGroupId","getValueString","i18nScope","isLeaf","onChange","onClear","onNavigate","onSearch","tabIndex","I18n","tieredSelectMenuRef","useRef","tieredSelectButtonRef","clearRef","createRef","_React$useState","useState","_React$useState2","_slicedToArray","valueString","setValueString","_React$useState3","_React$useState4","currentTier","setCurrentTier","_React$useState5","_React$useState6","internalValue","setInternalValue","_React$useState7","_React$useState8","previousValue","setPreviousValue","useEffect","lastEntryInValue","length","internalOnChange","useCallback","selection","item","internalOnNavigate","nextGroupId","internalOnClear","event","internalOnSearch","internalBeforeHide","_tieredSelectMenuRef$","isEscapeKey","KeyboardEvent","isClickOutside","MouseEvent","current","el","lastValue","createElement","autoFocus","canFlip","_extends","menuRef","placement","trigger","Button","label","placeholder","t","scope"],"sources":["../../src/TieredSelect/LeafSelectionTieredSelect.tsx"],"sourcesContent":["import React from 'react'\nimport { MenuRef } from '../MenuImperative/MenuImperative.types'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { Select } from '../Select/Select'\nimport { isEventSource } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { TieredSelectContext } from './TieredSelect'\nimport {\n  Id,\n  InternalTieredSelectProps,\n  Tier,\n  TierSelection,\n} from './TieredSelect.types'\nimport { TieredSelectMenu } from './TieredSelectMenu'\n\nfunction stopProp(e: React.KeyboardEvent<HTMLDivElement>) {\n  if (e.key === 'Escape' || e.key === 'Esc') {\n    e.stopPropagation()\n  }\n}\nconst empty: any[] = []\n\nconst hideKeys = {\n  overlay: ['Escape', 'Esc'],\n  target: ['Escape', 'Esc'],\n}\n\nexport const LeafSelectionTieredSelect = React.forwardRef<\n  HTMLDivElement,\n  InternalTieredSelectProps\n>(function LeafSelectionTieredSelect(\n  {\n    className,\n    disabled = false,\n    error = false,\n    loading = false,\n    onKeyDown, // goes no where\n    options = empty,\n    value = empty,\n    ...props\n  },\n  ref\n) {\n  const {\n    afterHide,\n    afterShow,\n    beforeHide,\n    beforeShow,\n    block,\n    getGroupId,\n    getNextGroupId,\n    getValueString,\n    i18nScope,\n    isLeaf,\n    onChange,\n    onClear,\n    onNavigate,\n    onSearch,\n    tabIndex,\n  } = React.useContext(TieredSelectContext)\n  const I18n = useI18nContext()\n\n  const tieredSelectMenuRef = React.useRef<MenuRef>(null)\n  const tieredSelectButtonRef = React.useRef<HTMLDivElement>(null)\n  const clearRef = React.createRef<HTMLButtonElement>()\n\n  const [valueString, setValueString] = React.useState<string | undefined>('')\n  const [currentTier, setCurrentTier] = React.useState<Id>(null)\n\n  // internal value used for navigation\n  const [internalValue, setInternalValue] = React.useState<Tier[]>(value)\n  // value to reset to if navigation occurs but no selection has been made\n  const [previousValue, setPreviousValue] = React.useState<Tier[]>(value)\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      const lastEntryInValue = value[value.length - 1]\n\n      if (value.length > 0) {\n        setInternalValue(value)\n        setPreviousValue(value)\n        setValueString(getValueString(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))\n        }\n      } else {\n        setCurrentTier(null)\n        setInternalValue([])\n        setPreviousValue([])\n        setValueString('')\n      }\n    },\n    [getGroupId, getValueString, getNextGroupId, isLeaf, value]\n  )\n\n  const internalOnChange = React.useCallback(\n    function (selection: TierSelection) {\n      setInternalValue(selection.value)\n      setPreviousValue(selection.value)\n      setValueString(getValueString(selection.value))\n      setCurrentTier(getGroupId(selection.item))\n      onChange(selection)\n    },\n    [getGroupId, onChange, getValueString]\n  )\n\n  const internalOnNavigate = React.useCallback(\n    function (nextGroupId: Id, value: any[]) {\n      setInternalValue(value)\n      setCurrentTier(nextGroupId)\n      onNavigate && onNavigate(nextGroupId, value)\n    },\n    [onNavigate]\n  )\n\n  const internalOnClear = React.useCallback(\n    function (event: React.MouseEvent<HTMLButtonElement>) {\n      setValueString('')\n      setInternalValue([])\n      setPreviousValue([])\n      internalOnNavigate(null, [])\n      onClear && onClear(event)\n    },\n    [internalOnNavigate, onClear]\n  )\n\n  const internalOnSearch = React.useCallback(\n    function (event: any) {\n      onSearch && onSearch(event)\n    },\n    [onSearch]\n  )\n\n  const internalBeforeHide = React.useCallback(\n    function (e: Event) {\n      const isEscapeKey =\n        e instanceof KeyboardEvent && (e.key === 'Escape' || e.key === 'Esc')\n\n      const isClickOutside =\n        e instanceof MouseEvent &&\n        !isEventSource({ current: tieredSelectMenuRef?.current?.el }, e)\n\n      const lastValue = previousValue[previousValue.length - 1]\n\n      if (valueString && (isClickOutside || isEscapeKey)) {\n        setInternalValue(previousValue)\n        if (isLeaf && isLeaf(lastValue)) {\n          setCurrentTier(getGroupId(lastValue))\n        } else {\n          setCurrentTier(getNextGroupId(lastValue))\n        }\n      }\n      return beforeHide && beforeHide(e)\n    },\n    [\n      beforeHide,\n      getGroupId,\n      getNextGroupId,\n      isLeaf,\n      tieredSelectMenuRef,\n      previousValue,\n      valueString,\n    ]\n  )\n\n  return (\n    <OverlayTrigger\n      autoFocus\n      afterHide={afterHide}\n      afterShow={afterShow}\n      beforeHide={internalBeforeHide}\n      beforeShow={(e: Event) => {\n        return beforeShow && e.target !== clearRef.current && beforeShow(e)\n      }}\n      canFlip={true}\n      hideKeys={hideKeys}\n      overlay={\n        <TieredSelectMenu\n          currentTier={currentTier}\n          options={options}\n          loading={loading}\n          menuRef={tieredSelectMenuRef}\n          onNavigate={internalOnNavigate}\n          onSearch={internalOnSearch}\n          onChange={internalOnChange}\n          value={internalValue}\n          previousValue={previousValue}\n          {...props}\n          onKeyDown={stopProp}\n        />\n      }\n      placement=\"bottom-left\"\n      ref={ref}\n      trigger=\"click\"\n    >\n      <Select.Button\n        block={block}\n        className={className}\n        clearRef={clearRef}\n        disabled={disabled}\n        error={error}\n        label={valueString}\n        loading={loading}\n        placeholder={I18n.t('placeholder', { scope: i18nScope })}\n        onClear={internalOnClear}\n        ref={tieredSelectButtonRef}\n        tabIndex={tabIndex}\n      >\n        {valueString || I18n.t('placeholder', { scope: i18nScope })}\n      </Select.Button>\n    </OverlayTrigger>\n  )\n})\n"],"mappings":"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"}