@pushwoosh/dumb-components 1.1.177 → 1.1.178

package/Combobox/Combobox.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useId, useMemo, useRef, useState } from 'react';
-import { DEFAULT_DEBOUNCE_MS, FieldInput, FieldShell, defaultGetKey, resolveDropdownText, useActiveIndex, useDropdownItems, useFieldOpenEffects, useListNavigation, useShellMouseDown } from '../shared/dropdownField';
+import { DEFAULT_DEBOUNCE_MS, FieldInput, FieldShell, defaultGetKey, resolveDropdownText, useActiveIndex, useDropdownItems, useFieldOpenEffects, useListNavigation, useShellMouseDown, useToggleOpen } from '../shared/dropdownField';
 function FreeCombobox({
   items,
   loadItems,
@@ -228,17 +228,7 @@ function SelectCombobox({
     onReachEnd: loadMore
   });
   const onShellMouseDown = useShellMouseDown(inputRef, isOpen, open);
-  const toggleOpen = useCallback(() => {
-    if (isOpen) {
-      var _inputRef$current3;
-      close();
-      (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.blur();
-    } else {
-      var _inputRef$current4;
-      open();
-      (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.focus();
-    }
-  }, [isOpen, open, close]);
+  const toggleOpen = useToggleOpen(inputRef, isOpen, open, close);
   useFieldOpenEffects({
     isOpen,
     open,
@@ -279,9 +269,9 @@ function SelectCombobox({
     showChevron: true,
     onToggle: toggleOpen,
     onClear: () => {
-      var _inputRef$current5;
+      var _inputRef$current3;
       onChange(null);
-      (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 || _inputRef$current5.focus();
+      (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
     },
     dropdownItems: dropdownItems,
     emptyText: resolveDropdownText(emptyText, query),

package/ComboboxMulti/ComboboxMulti.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useId, useMemo, useRef, useState } from 'react';
 import { Chip } from '../Chip';
-import { DEFAULT_DEBOUNCE_MS, FieldInput, FieldShell, defaultGetKey, resolveDropdownText, useActiveIndex, useDropdownItems, useFieldOpenEffects, useListNavigation, useShellMouseDown } from '../shared/dropdownField';
+import { DEFAULT_DEBOUNCE_MS, FieldInput, FieldShell, defaultGetKey, resolveDropdownText, useActiveIndex, useDropdownItems, useFieldOpenEffects, useListNavigation, useShellMouseDown, useToggleOpen } from '../shared/dropdownField';
 function defaultCanCreate(query, items, getLabel) {
   const trimmed = query.trim();
   if (!trimmed) return false;
@@ -136,17 +136,7 @@ export function ComboboxMulti({
     autoFocus,
     inputRef
   });
-  const toggleOpen = useCallback(() => {
-    if (isOpen) {
-      var _inputRef$current2;
-      close();
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
-    } else {
-      var _inputRef$current3;
-      open();
-      (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
-    }
-  }, [isOpen, open, close]);
+  const toggleOpen = useToggleOpen(inputRef, isOpen, open, close);
   const itemOffset = canCreateNow ? 1 : 0;
   const dropdownItems = useMemo(() => visibleItems.map((item, idx) => {
     const key = getKey(item);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.177",
+  "version": "1.1.178",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",

package/shared/dropdownField/index.d.ts

@@ -8,6 +8,6 @@ export { useDropdownItems } from './useDropdownItems';
 export { useActiveIndex } from './useActiveIndex';
 export { useFieldOpenEffects } from './useFieldOpenEffects';
 export { useListNavigation } from './useListNavigation';
-export { defaultGetKey, defaultLabelFilter, resolveDropdownText, useShellMouseDown, } from './shared';
+export { defaultGetKey, defaultLabelFilter, resolveDropdownText, useShellMouseDown, useToggleOpen, } from './shared';
 export { DEFAULT_DEBOUNCE_MS } from './constants';
 export type { ItemState, DropdownItemDescriptor, DropdownText, GetKeyProp, ItemsSource, LoadItems, LoadItemsResult, } from './types';

package/shared/dropdownField/index.js

@@ -8,5 +8,5 @@ export { useDropdownItems } from './useDropdownItems';
 export { useActiveIndex } from './useActiveIndex';
 export { useFieldOpenEffects } from './useFieldOpenEffects';
 export { useListNavigation } from './useListNavigation';
-export { defaultGetKey, defaultLabelFilter, resolveDropdownText, useShellMouseDown } from './shared';
+export { defaultGetKey, defaultLabelFilter, resolveDropdownText, useShellMouseDown, useToggleOpen } from './shared';
 export { DEFAULT_DEBOUNCE_MS } from './constants';

package/shared/dropdownField/shared.d.ts

@@ -11,3 +11,4 @@ export declare function defaultLabelFilter<T>(item: T, query: string, getLabel:
  * while letting clicks on the input itself or on inner buttons through.
  */
 export declare function useShellMouseDown(inputRef: RefObject<HTMLInputElement>, isOpen: boolean, open: () => void): (event: MouseEvent<HTMLDivElement>) => void;
+export declare function useToggleOpen(inputRef: RefObject<HTMLInputElement>, isOpen: boolean, open: () => void, close: () => void): () => void;

package/shared/dropdownField/shared.js

@@ -25,4 +25,17 @@ export function useShellMouseDown(inputRef, isOpen, open) {
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
     if (!isOpen) open();
   }, [inputRef, isOpen, open]);
+}
+export function useToggleOpen(inputRef, isOpen, open, close) {
+  return useCallback(() => {
+    if (isOpen) {
+      var _inputRef$current2;
+      close();
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+    } else {
+      var _inputRef$current3;
+      open();
+      (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
+    }
+  }, [inputRef, isOpen, open, close]);
 }