@hh.ru/magritte-ui-new-select 1.0.1 → 1.1.0

package/useSelectTrigger.js

@@ -0,0 +1,111 @@
+import './index.css';
+import { useRef, useEffect, useCallback } from 'react';
+import { keyboardMatches, keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';
+import { useDataProvider } from './internal/SelectDataProvider.js';
+import { useSelectState } from './internal/SelectStateContext.js';
+import { useVisibility } from './internal/VisibilityContext.js';
+import { useFocusOrchestrator } from './internal/focusOrchestrator.js';
+import { useSelectElementsValue, useRegisterSelectElementsSlot } from './internal/slots.js';
+import { useSelectedLabels } from './internal/utils.js';
+import 'react/jsx-runtime';
+import '@hh.ru/magritte-common-data-provider';
+import './internal/useDataProvider.js';
+import './internal/SearchStateContext.js';
+import './internal/useSelectState.js';
+import './internal/ConfigContext.js';
+import '@hh.ru/magritte-internal-slot-registry';
+
+// TODO заводил под тест, хук только получает триггер, но нерегает его в сторе
+const useGetTriggerRef = () => {
+    const activatorRef = useSelectElementsValue('activatorRef');
+    return activatorRef;
+};
+const useTriggerRef = () => {
+    const activatorRef = useRef(null);
+    useRegisterSelectElementsSlot('activatorRef', activatorRef);
+    return activatorRef;
+};
+const useSelectTrigger = (disabled) => {
+    const showedByFocus = useRef(false);
+    const focusedByPointer = useRef(false);
+    const { showOptions, toggleListVisibility } = useVisibility();
+    const { optionList } = useDataProvider();
+    const orchestrator = useFocusOrchestrator();
+    const { committedValues, clearSelectedValuesByTrigger } = useSelectState();
+    const selectedLabels = useSelectedLabels(committedValues);
+    // определяем источник фокуса - pointer или keyboard
+    useEffect(() => {
+        const onPointerDownDocument = () => {
+            focusedByPointer.current = true;
+        };
+        const onKeyDownDocument = () => {
+            focusedByPointer.current = false;
+        };
+        document.addEventListener('pointerdown', onPointerDownDocument, true);
+        document.addEventListener('keydown', onKeyDownDocument, true);
+        return () => {
+            document.removeEventListener('pointerdown', onPointerDownDocument, true);
+            document.removeEventListener('keydown', onKeyDownDocument, true);
+        };
+    }, []);
+    // клавиатурная навигация вокруг тригера и списка
+    const onKeyDown = useCallback((event) => {
+        // не хотим скролить дроп при использовании пробела
+        if (!showOptions && keyboardMatches(event.nativeEvent, [keyboardKeys.Space])) {
+            event.preventDefault();
+            return;
+        }
+        // закрытие и переброс фокуса на тригер
+        if (showOptions && keyboardMatch(event.nativeEvent, keyboardKeys.Escape)) {
+            showedByFocus.current = false;
+            orchestrator.yieldFocus();
+            toggleListVisibility();
+            return;
+        }
+        // TODO использовать orchestrator и отправлять фокус по стрелкам в дроп
+        // после закрытия пользователь решил что-то поделать опять
+        if (!showOptions &&
+            !keyboardMatches(event.nativeEvent, [keyboardKeys.Tab, keyboardKeys.Escape, keyboardKeys.Space])) {
+            toggleListVisibility();
+        }
+    }, [showOptions, orchestrator, toggleListVisibility]);
+    // открытие/закрытие тригера
+    const onChange = useCallback(() => {
+        if (disabled) {
+            return;
+        }
+        if (showedByFocus.current) {
+            showedByFocus.current = false;
+            return;
+        }
+        toggleListVisibility();
+    }, [disabled, toggleListVisibility]);
+    const onBlur = useCallback(() => {
+        // TODO тут что-то про подсказки было
+        if (showOptions && optionList.length === 0) {
+            toggleListVisibility();
+        }
+    }, [showOptions, optionList.length, toggleListVisibility]);
+    const onClear = useCallback(() => clearSelectedValuesByTrigger(), [clearSelectedValuesByTrigger]);
+    const onFocus = useCallback(() => {
+        if (disabled || showOptions) {
+            return;
+        }
+        if (focusedByPointer.current) {
+            showedByFocus.current = true;
+            toggleListVisibility();
+        }
+    }, [disabled, showOptions, toggleListVisibility]);
+    return {
+        expanded: showOptions,
+        onBlur,
+        onChange,
+        onClear,
+        onKeyDown,
+        onFocus,
+        values: selectedLabels,
+    };
+};
+
+export { useGetTriggerRef, useSelectTrigger, useTriggerRef };
+//# sourceMappingURL=useSelectTrigger.js.map

package/useSelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectTrigger.js","sources":["src/useSelectTrigger.ts"],"sourcesContent":["import { KeyboardEventHandler, RefObject, useCallback, useRef, useEffect } from 'react';\n\nimport { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';\nimport { keyboardKeys, keyboardMatch, keyboardMatches } from '@hh.ru/magritte-common-keyboard';\nimport { useDataProvider } from '@hh.ru/magritte-ui-new-select/internal/SelectDataProvider';\nimport { useSelectState } from '@hh.ru/magritte-ui-new-select/internal/SelectStateContext';\nimport { useVisibility } from '@hh.ru/magritte-ui-new-select/internal/VisibilityContext';\nimport { useFocusOrchestrator } from '@hh.ru/magritte-ui-new-select/internal/focusOrchestrator';\nimport { useRegisterSelectElementsSlot, useSelectElementsValue } from '@hh.ru/magritte-ui-new-select/internal/slots';\nimport { useSelectedLabels } from '@hh.ru/magritte-ui-new-select/internal/utils';\nimport { SelectControlledTriggerProps } from '@hh.ru/magritte-ui-new-select/types';\n\n// TODO заводил под тест, хук только получает триггер, но нерегает его в сторе\nexport const useGetTriggerRef = (): RefObject<HTMLElement> | undefined => {\n    const activatorRef = useSelectElementsValue('activatorRef');\n    return activatorRef;\n};\n\nexport const useTriggerRef = (): RefObject<HTMLElement> => {\n    const activatorRef = useRef<HTMLElement>(null);\n    useRegisterSelectElementsSlot('activatorRef', activatorRef);\n\n    return activatorRef;\n};\n\nexport const useSelectTrigger = <MultipleType extends boolean, DataType extends StaticDataFetcherItem>(\n    disabled?: boolean\n): SelectControlledTriggerProps => {\n    const showedByFocus = useRef(false);\n    const focusedByPointer = useRef<boolean>(false);\n    const { showOptions, toggleListVisibility } = useVisibility();\n    const { optionList } = useDataProvider<DataType>();\n    const orchestrator = useFocusOrchestrator();\n    const { committedValues, clearSelectedValuesByTrigger } = useSelectState<MultipleType, DataType>();\n    const selectedLabels = useSelectedLabels(committedValues);\n\n    // определяем источник фокуса - pointer или keyboard\n    useEffect(() => {\n        const onPointerDownDocument = () => {\n            focusedByPointer.current = true;\n        };\n        const onKeyDownDocument = () => {\n            focusedByPointer.current = false;\n        };\n        document.addEventListener('pointerdown', onPointerDownDocument, true);\n        document.addEventListener('keydown', onKeyDownDocument, true);\n        return () => {\n            document.removeEventListener('pointerdown', onPointerDownDocument, true);\n            document.removeEventListener('keydown', onKeyDownDocument, true);\n        };\n    }, []);\n\n    // клавиатурная навигация вокруг тригера и списка\n    const onKeyDown = useCallback<KeyboardEventHandler>(\n        (event) => {\n            // не хотим скролить дроп при использовании пробела\n            if (!showOptions && keyboardMatches(event.nativeEvent, [keyboardKeys.Space])) {\n                event.preventDefault();\n                return;\n            }\n\n            // закрытие и переброс фокуса на тригер\n            if (showOptions && keyboardMatch(event.nativeEvent, keyboardKeys.Escape)) {\n                showedByFocus.current = false;\n                orchestrator.yieldFocus();\n                toggleListVisibility();\n                return;\n            }\n\n            // TODO использовать orchestrator и отправлять фокус по стрелкам в дроп\n\n            // после закрытия пользователь решил что-то поделать опять\n            if (\n                !showOptions &&\n                !keyboardMatches(event.nativeEvent, [keyboardKeys.Tab, keyboardKeys.Escape, keyboardKeys.Space])\n            ) {\n                toggleListVisibility();\n            }\n        },\n        [showOptions, orchestrator, toggleListVisibility]\n    );\n\n    // открытие/закрытие тригера\n    const onChange = useCallback(() => {\n        if (disabled) {\n            return;\n        }\n        if (showedByFocus.current) {\n            showedByFocus.current = false;\n            return;\n        }\n        toggleListVisibility();\n    }, [disabled, toggleListVisibility]);\n\n    const onBlur = useCallback(() => {\n        // TODO тут что-то про подсказки было\n        if (showOptions && optionList.length === 0) {\n            toggleListVisibility();\n        }\n    }, [showOptions, optionList.length, toggleListVisibility]);\n\n    const onClear = useCallback(() => clearSelectedValuesByTrigger(), [clearSelectedValuesByTrigger]);\n\n    const onFocus = useCallback(() => {\n        if (disabled || showOptions) {\n            return;\n        }\n        if (focusedByPointer.current) {\n            showedByFocus.current = true;\n            toggleListVisibility();\n        }\n    }, [disabled, showOptions, toggleListVisibility]);\n\n    return {\n        expanded: showOptions,\n        onBlur,\n        onChange,\n        onClear,\n        onKeyDown,\n        onFocus,\n        values: selectedLabels,\n    };\n};\n"],"names":[],"mappings":"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"}

package/internal/NavigationContext.d.ts

@@ -1,17 +0,0 @@
-import { type ReactNode, type ReactElement, Dispatch, MutableRefObject, SetStateAction } from 'react';
-export type FocusStateType = 'focus' | 'focusAndSelect' | null;
-export interface UseNavigation {
-    forcedState: FocusStateType;
-    requestFocus: VoidFunction;
-    requestFocusAndSelect: VoidFunction;
-    clearFocusIntent: VoidFunction;
-    committedByKeyboardRef: MutableRefObject<boolean>;
-}
-export declare const useNavigation: () => UseNavigation;
-interface NavigationProviderProps {
-    children: ReactNode;
-    forcedState: FocusStateType;
-    setForcedState: Dispatch<SetStateAction<FocusStateType>>;
-}
-export declare const NavigationProvider: ({ children, forcedState, setForcedState, }: NavigationProviderProps) => ReactElement;
-export {};

package/internal/NavigationContext.js

@@ -1,30 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useCallback, useRef, useMemo } from 'react';
-import { assertSelectContext } from './utils.js';
-import '@hh.ru/magritte-common-keyboard';
-
-const SelectNavigationContext = createContext(null);
-const useNavigation = () => {
-    return assertSelectContext(useContext(SelectNavigationContext), 'useNavigation');
-};
-// фокус/клавиатура (самый нижний в цепочке — читает все что выше)
-const NavigationProvider = ({ children, forcedState, setForcedState, }) => {
-    const requestFocus = useCallback(() => setForcedState('focus'), [setForcedState]);
-    const requestFocusAndSelect = useCallback(() => setForcedState('focusAndSelect'), [setForcedState]);
-    const clearFocusIntent = useCallback(() => setForcedState(null), [setForcedState]);
-    // надо перебросить фокус на тригер
-    // при выборе опции/использовании кнопок с клавиатуры
-    // реф обрабатывается в опции/кнопках/дропе
-    const committedByKeyboardRef = useRef(false);
-    const contextValue = useMemo(() => ({
-        forcedState,
-        requestFocus,
-        requestFocusAndSelect,
-        clearFocusIntent,
-        committedByKeyboardRef,
-    }), [forcedState, requestFocus, requestFocusAndSelect, clearFocusIntent]);
-    return jsx(SelectNavigationContext.Provider, { value: contextValue, children: children });
-};
-
-export { NavigationProvider, useNavigation };
-//# sourceMappingURL=NavigationContext.js.map

package/internal/NavigationContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationContext.js","sources":["src/internal/NavigationContext.tsx"],"sourcesContent":["import {\n    createContext,\n    useContext,\n    type ReactNode,\n    type ReactElement,\n    Dispatch,\n    useMemo,\n    MutableRefObject,\n    useCallback,\n    useRef,\n    SetStateAction,\n} from 'react';\n\nimport { assertSelectContext } from '@hh.ru/magritte-ui-new-select/internal/utils';\n\nexport type FocusStateType = 'focus' | 'focusAndSelect' | null;\n\nexport interface UseNavigation {\n    forcedState: FocusStateType;\n    requestFocus: VoidFunction;\n    requestFocusAndSelect: VoidFunction;\n    clearFocusIntent: VoidFunction;\n    committedByKeyboardRef: MutableRefObject<boolean>;\n}\n\nconst SelectNavigationContext = createContext<UseNavigation | null>(null);\n\nexport const useNavigation = (): UseNavigation => {\n    return assertSelectContext(useContext(SelectNavigationContext), 'useNavigation');\n};\n\ninterface NavigationProviderProps {\n    children: ReactNode;\n    forcedState: FocusStateType;\n    setForcedState: Dispatch<SetStateAction<FocusStateType>>;\n}\n\n// фокус/клавиатура (самый нижний в цепочке — читает все что выше)\nexport const NavigationProvider = ({\n    children,\n    forcedState,\n    setForcedState,\n}: NavigationProviderProps): ReactElement => {\n    const requestFocus = useCallback(() => setForcedState('focus'), [setForcedState]);\n    const requestFocusAndSelect = useCallback(() => setForcedState('focusAndSelect'), [setForcedState]);\n    const clearFocusIntent = useCallback(() => setForcedState(null), [setForcedState]);\n\n    // надо перебросить фокус на тригер\n    // при выборе опции/использовании кнопок с клавиатуры\n    // реф обрабатывается в опции/кнопках/дропе\n    const committedByKeyboardRef = useRef(false);\n\n    const contextValue = useMemo(\n        () => ({\n            forcedState,\n            requestFocus,\n            requestFocusAndSelect,\n            clearFocusIntent,\n            committedByKeyboardRef,\n        }),\n        [forcedState, requestFocus, requestFocusAndSelect, clearFocusIntent]\n    );\n    return <SelectNavigationContext.Provider value={contextValue}>{children}</SelectNavigationContext.Provider>;\n};\n"],"names":["_jsx"],"mappings":";;;;;AAyBA,MAAM,uBAAuB,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC;AAEnE,MAAM,aAAa,GAAG,MAAoB;IAC7C,OAAO,mBAAmB,CAAC,UAAU,CAAC,uBAAuB,CAAC,EAAE,eAAe,CAAC,CAAC;AACrF,EAAE;AAQF;AACO,MAAM,kBAAkB,GAAG,CAAC,EAC/B,QAAQ,EACR,WAAW,EACX,cAAc,GACQ,KAAkB;AACxC,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AAClF,IAAA,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,cAAc,CAAC,gBAAgB,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AACpG,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,MAAM,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;;;;AAKnF,IAAA,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AAE7C,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,WAAW;QACX,YAAY;QACZ,qBAAqB;QACrB,gBAAgB;QAChB,sBAAsB;KACzB,CAAC,EACF,CAAC,WAAW,EAAE,YAAY,EAAE,qBAAqB,EAAE,gBAAgB,CAAC,CACvE,CAAC;IACF,OAAOA,GAAA,CAAC,uBAAuB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAoC,CAAC;AAChH;;;;"}

package/internal/useSearch.d.ts

@@ -1,8 +0,0 @@
-import { StaticDataFetcherItem, DataProvider as DataProviderType } from '@hh.ru/magritte-common-data-provider';
-import { OnOptionsChangeCallback, SelectOption, SearchValue, SetSearchValue } from '@hh.ru/magritte-ui-new-select/types';
-export interface UseSelectSearch<DataType extends StaticDataFetcherItem> extends SearchValue, SetSearchValue {
-    internalError?: boolean;
-    internalLoading?: boolean;
-    optionList: SelectOption<DataType>[];
-}
-export declare const useSearch: <DataType extends StaticDataFetcherItem>(dataProvider: DataProviderType<DataType>, onOptionsChangeExternal?: OnOptionsChangeCallback<DataType>) => UseSelectSearch<DataType>;

package/internal/useSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSearch.js","sources":["src/internal/useSearch.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n    StaticDataFetcherItem,\n    DataProvider as DataProviderType,\n    DataProviderError,\n} from '@hh.ru/magritte-common-data-provider';\nimport { DataProviderRequest } from '@hh.ru/magritte-common-data-provider/types';\nimport { useVisibility } from '@hh.ru/magritte-ui-new-select/internal/VisibilityContext';\nimport {\n    OnOptionsChangeCallback,\n    SelectOption,\n    SearchValue,\n    SetSearchValue,\n} from '@hh.ru/magritte-ui-new-select/types';\n\nconst EMPTY_OPTION_LIST: never[] = [];\n\nexport interface UseSelectSearch<DataType extends StaticDataFetcherItem> extends SearchValue, SetSearchValue {\n    internalError?: boolean;\n    internalLoading?: boolean;\n    optionList: SelectOption<DataType>[];\n}\n\nexport const useSearch = <DataType extends StaticDataFetcherItem>(\n    dataProvider: DataProviderType<DataType>,\n    onOptionsChangeExternal?: OnOptionsChangeCallback<DataType>\n): UseSelectSearch<DataType> => {\n    const { showOptions } = useVisibility();\n    const [searchValue, setSearchValue] = useState('');\n    const [optionList, setOptionList] = useState<SelectOption<DataType>[]>(EMPTY_OPTION_LIST);\n    const [internalError, setInternalError] = useState(false);\n    const [optionsLoading, setOptionsLoading] = useState(false);\n    const currentRequestRef = useRef<DataProviderRequest>();\n\n    // TODO loading/inProgress реализовать в отдельном компоненте\n    // const loadingTimeoutRef = useRef<number>(0);\n    // const inProgressTimeoutRef = useRef<number>(0);\n    // const [searchInProgress, setSearchInProgress] = useState(false);\n\n    const updateOptionsFromProvider = useCallback(\n        (text: string) => {\n            if (!dataProvider) {\n                return;\n            }\n            setInternalError(false);\n            currentRequestRef.current?.cancel();\n            const request = dataProvider(text);\n            currentRequestRef.current = request;\n            request\n                .then((result) => {\n                    currentRequestRef.current = undefined;\n                    const newOptions: SelectOption<DataType>[] = [];\n                    result.forEach((section) => {\n                        if (section.type === 'delimiter') {\n                            newOptions.push({\n                                data: { text: section.text, value: section.text } as DataType,\n                                type: 'delimiter',\n                            });\n                        }\n                        if (section.type === 'cells') {\n                            section.items.forEach((item) => {\n                                newOptions.push({\n                                    data: item.data ? item.data : ({ text: item.value, value: item.value } as DataType),\n                                    disabled: item.disabled,\n                                });\n                            });\n                        }\n                    });\n\n                    const hasRealOptions = newOptions.some((item) => item.type !== 'delimiter');\n                    setOptionList(hasRealOptions ? newOptions : EMPTY_OPTION_LIST);\n                })\n                .catch((error) => {\n                    // включаем error state если это НЕ ошибка\n                    // вызванная `minCharsCount` или отменненым запросом\n                    if (!(error instanceof DataProviderError)) {\n                        setInternalError(true);\n                        setOptionList(EMPTY_OPTION_LIST);\n                    }\n                })\n                .finally(() => {\n                    setOptionsLoading(false);\n                });\n        },\n        [dataProvider]\n    );\n\n    // уведомляем клиента об изменении списка опций вне фазы рендера (только при реальной смене ссылки)\n    const notifiedListRef = useRef(optionList);\n    useEffect(() => {\n        if (notifiedListRef.current === optionList) {\n            return;\n        }\n        notifiedListRef.current = optionList;\n        onOptionsChangeExternal?.(optionList);\n    }, [optionList, onOptionsChangeExternal]);\n\n    // обрабатываем обновление провайдера из клиента\n    useEffect(() => {\n        updateOptionsFromProvider(searchValue);\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, [dataProvider]);\n\n    // TODO убрать в тригер/пикер\n    // сбрасываем select при закрытии компонента\n    /* useEffect(() => {\n        if (!showOptions) {\n            setSearchValue('');\n            updateOptionsFromProvider('');\n        }\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, [showOptions]);\n\n    // обрабатываем поиск\n\n    useEffect(() => {\n        updateOptionsFromProvider(searchValue);\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, [searchValue]);*/\n\n    // после анмаунта надо отменить все запросы\n    useEffect(\n        () => () => {\n            currentRequestRef.current?.cancel();\n        },\n        []\n    );\n\n    return useMemo(\n        () => ({\n            internalError,\n            internalLoading: optionsLoading && showOptions,\n            optionList,\n            searchValue,\n            setSearchValue,\n        }),\n        [internalError, optionList, optionsLoading, searchValue, setSearchValue, showOptions]\n    );\n};\n"],"names":[],"mappings":"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"}