@ringcentral/juno 2.45.1 → 3.0.0-alpha.0

package/components/Downshift/SuggestionList/utils/useSuggestionList.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSuggestionList = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var foundation_1 = require("../../../../foundation");
@@ -10,10 +11,10 @@ var componentName = 'useSuggestionList';
 /**
  * provide suggestion list with search function and expandable group with virtualized list
  */
-exports.useSuggestionList = function (_a) {
+var useSuggestionList = function (_a) {
     var id = _a.id, inputValueProp = _a.inputValue, _b = _a.getOptionLabel, getOptionLabel = _b === void 0 ? DownshiftUtils_1.DEFAULT_GET_OPTION_LABEL : _b, filterOptions = _a.filterOptions, disabledItemsHighlightable = _a.disabledItemsHighlightable, options = _a.options, onInputChangeProp = _a.onInputChange, inputRef = _a.inputRef, onKeyDownProp = _a.onKeyDown, onSelect = _a.onSelect, onClear = _a.onClear, getOptionDisabled = _a.getOptionDisabled, groupBy = _a.groupBy, onGroupExpanded = _a.onGroupExpanded, groupVariant = _a.groupVariant, groupExpanded = _a.groupExpanded, groupDefaultExpanded = _a.groupDefaultExpanded, getExpandIconProps = _a.getExpandIconProps, processFilteredResult = _a.processFilteredResult;
     var isTitleMode = groupVariant === 'normal';
-    var _c = tslib_1.__read(foundation_1.useControlled({
+    var _c = tslib_1.__read((0, foundation_1.useControlled)({
         controlled: inputValueProp,
         default: '',
         name: componentName,
@@ -23,11 +24,11 @@ exports.useSuggestionList = function (_a) {
         setInputValue(newValue);
     };
     var focusInput = function () { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); };
-    var currUniqueId = foundation_1.useId(id || 'suggestion-list', !id);
-    var highlightedIndexRef = react_1.useRef(DEFAULT_HIGHLIGHTED_INDEX);
-    var changeHighlightedIndexReasonRef = react_1.useRef();
-    var forceUpdate = foundation_1.useForceUpdate();
-    var getFilteredItems = react_1.useCallback(function (items) {
+    var currUniqueId = (0, foundation_1.useId)(id || 'suggestion-list', !id);
+    var highlightedIndexRef = (0, react_1.useRef)(DEFAULT_HIGHLIGHTED_INDEX);
+    var changeHighlightedIndexReasonRef = (0, react_1.useRef)();
+    var forceUpdate = (0, foundation_1.useForceUpdate)();
+    var getFilteredItems = (0, react_1.useCallback)(function (items) {
         if (filterOptions) {
             return filterOptions(items, {
                 inputValue: inputValue,
@@ -37,7 +38,7 @@ exports.useSuggestionList = function (_a) {
         }
         return items;
     }, [filterOptions, getOptionLabel, inputValue]);
-    var filteredResult = react_1.useMemo(function () {
+    var filteredResult = (0, react_1.useMemo)(function () {
         // * only when isOpen calculate the filtered result
         var results = getFilteredItems(options);
         results = processFilteredResult
@@ -45,7 +46,7 @@ exports.useSuggestionList = function (_a) {
             : results;
         return results;
     }, [getFilteredItems, inputValue, options, processFilteredResult]);
-    var _d = useDownshiftGroup_1.useDownshiftGroup({
+    var _d = (0, useDownshiftGroup_1.useDownshiftGroup)({
         id: currUniqueId,
         options: options,
         filteredResult: filteredResult,
@@ -76,7 +77,7 @@ exports.useSuggestionList = function (_a) {
     };
     var getIsItemCanSelected = function (item) {
         return ((!!item && item.freeSolo) ||
-            (DownshiftUtils_1.isItemCanSelected(item) && !(getOptionDisabled === null || getOptionDisabled === void 0 ? void 0 : getOptionDisabled(item))));
+            ((0, DownshiftUtils_1.isItemCanSelected)(item) && !(getOptionDisabled === null || getOptionDisabled === void 0 ? void 0 : getOptionDisabled(item))));
     };
     var selectItem = function (e, selectedItem) {
         if (getIsItemCanSelected(selectedItem)) {
@@ -96,7 +97,7 @@ exports.useSuggestionList = function (_a) {
         if (isFocus)
             focusInput();
     };
-    var _e = foundation_1.useKeyboardMoveFocus({
+    var _e = (0, foundation_1.useKeyboardMoveFocus)({
         options: optionItems,
         focusedIndexRef: highlightedIndexRef,
         infinite: true,
@@ -116,7 +117,7 @@ exports.useSuggestionList = function (_a) {
         var isGroupTitle = item === (currGroup === null || currGroup === void 0 ? void 0 : currGroup.options[0]);
         var itemCount = optionItems.length;
         var groupOrder = (currGroup === null || currGroup === void 0 ? void 0 : currGroup.order) || 0;
-        return foundation_1.combineProps(tslib_1.__assign({ id: currUniqueId + "-option-" + index, onClick: function (e) {
+        return (0, foundation_1.combineProps)(tslib_1.__assign({ id: "".concat(currUniqueId, "-option-").concat(index), onClick: function (e) {
                 selectItem(e, item);
             }, onMouseOver: function () {
                 if (highlightedIndexRef.current !== index &&
@@ -142,8 +143,8 @@ exports.useSuggestionList = function (_a) {
         }
     };
     var getInputProps = function (props) {
-        return foundation_1.combineProps({
-            id: currUniqueId + "-input",
+        return (0, foundation_1.combineProps)({
+            id: "".concat(currUniqueId, "-input"),
             autoComplete: 'off',
             onChange: function (e) {
                 var changeValue = e.target.value;
@@ -184,42 +185,42 @@ exports.useSuggestionList = function (_a) {
         }, props);
     };
     var getInputAriaProps = function (props) {
-        return foundation_1.combineProps({
+        return (0, foundation_1.combineProps)({
             // * provide for when container click focus on input
             onContainerClick: focusInput,
             role: 'combobox',
             'aria-autocomplete': 'list',
             'aria-expanded': true,
             'aria-haspopup': true,
-            'aria-owns': currUniqueId + "-menu",
+            'aria-owns': "".concat(currUniqueId, "-menu"),
             'aria-activedescendant': highlightedIndexRef.current > -1
-                ? currUniqueId + "-option-" + highlightedIndexRef.current
+                ? "".concat(currUniqueId, "-option-").concat(highlightedIndexRef.current)
                 : undefined,
         }, props);
     };
     var getLabelProps = function (props) {
-        return foundation_1.combineProps({
-            htmlFor: currUniqueId + "-input",
-            id: currUniqueId + "-label",
+        return (0, foundation_1.combineProps)({
+            htmlFor: "".concat(currUniqueId, "-input"),
+            id: "".concat(currUniqueId, "-label"),
         }, props);
     };
     var getMenuProps = function (restMenuProps) {
-        return foundation_1.combineProps({
-            'aria-labelledby': currUniqueId + "-label",
-            id: currUniqueId + "-menu",
+        return (0, foundation_1.combineProps)({
+            'aria-labelledby': "".concat(currUniqueId, "-label"),
+            id: "".concat(currUniqueId, "-menu"),
             role: 'listbox',
         }, restMenuProps);
     };
     var getClearButtonProps = function (props) {
-        return foundation_1.combineProps({
-            id: currUniqueId + "-clear-button",
+        return (0, foundation_1.combineProps)({
+            id: "".concat(currUniqueId, "-clear-button"),
             onClick: function (e) {
                 onClear === null || onClear === void 0 ? void 0 : onClear(e);
                 reset(true);
             },
         }, props);
     };
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         changeHighlightedIndexReasonRef.current = undefined;
     });
     return {
@@ -251,3 +252,4 @@ exports.useSuggestionList = function (_a) {
         handleF10KeyDown: handleF10KeyDown,
     };
 };
+exports.useSuggestionList = useSuggestionList;

package/components/Downshift/styles/DownshiftInput.js

@@ -1,13 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcDownshiftInput = void 0;
 var tslib_1 = require("tslib");
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 var react_1 = tslib_1.__importDefault(require("react"));
 /** this custom input for make that tags area can be scrollable */
-exports.RcDownshiftInput = function (_a) {
+var RcDownshiftInput = function (_a) {
     var inputRef = _a.inputRef, containerRef = _a.containerRef, startAdornment = _a.startAdornment, containerClassName = _a.containerClassName, onContainerClick = _a.onContainerClick, rest = tslib_1.__rest(_a, ["inputRef", "containerRef", "startAdornment", "containerClassName", "onContainerClick"]);
     return (react_1.default.createElement("div", { ref: containerRef, onClick: onContainerClick, className: containerClassName },
         startAdornment,
         react_1.default.createElement("input", tslib_1.__assign({ ref: inputRef }, rest))));
 };
+exports.RcDownshiftInput = RcDownshiftInput;