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

package/Select.d.ts

@@ -1,9 +1,12 @@
 import { ReactElement } from 'react';
 import { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';
+import { SelectSearchTrigger } from '@hh.ru/magritte-ui-new-select/SelectSearchTrigger';
+import { SelectTrigger } from '@hh.ru/magritte-ui-new-select/SelectTrigger';
 import { SelectProps } from '@hh.ru/magritte-ui-new-select/types';
 export interface SelectComponents {
-    Trigger?: ReactElement;
+    Trigger: typeof SelectTrigger;
+    SearchTrigger: typeof SelectSearchTrigger;
 }
-declare const SelectRoot: <MultipleType extends boolean, DataType extends StaticDataFetcherItem>({ children, commitModel, dataProvider, error, errorTrls, hints, maxSelectedOptions, multiple, name, loading, onBlur: onBlurExternal, onChange: onChangeExternal, onFocus: onFocusExternal, onOptionsChange: onOptionsChangeExternal, onSelectOption: onSelectOptionExternal, options, value, }: SelectProps<MultipleType, DataType>) => ReactElement;
+declare const SelectRoot: <MultipleType extends boolean, DataType extends StaticDataFetcherItem>({ children, commitModel, dataProvider, error, errorTrls, hints, maxSelectedOptions, multiple, name, loading, onBlur: onBlurExternal, onChange: onChangeExternal, onFocus: onFocusExternal, onOptionsChange: onOptionsChangeExternal, options, value, }: SelectProps<MultipleType, DataType>) => ReactElement;
 declare const Select: typeof SelectRoot & SelectComponents;
 export { Select };

package/Select.js

@@ -1,32 +1,44 @@
+import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
+import { SelectSearchTrigger } from './SelectSearchTrigger.js';
+import { SelectTrigger } from './SelectTrigger.js';
 import { ConfigProvider } from './internal/ConfigContext.js';
-import { NavigationProvider } from './internal/NavigationContext.js';
+import { NavigationManagement } from './internal/NavigationManagement.js';
+import { SearchStateProvider } from './internal/SearchStateContext.js';
 import { SelectDataProvider } from './internal/SelectDataProvider.js';
 import { SelectStateProvider } from './internal/SelectStateContext.js';
 import { VisibilityProvider } from './internal/VisibilityContext.js';
+import { FocusOrchestratorProvider } from './internal/focusOrchestrator.js';
 import { SelectElementsSlotRegistryProvider } from './internal/slots.js';
 import { useEventCallback } from './internal/utils.js';
+import 'classnames';
+import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-common-use-multiple-refs';
+import '@hh.ru/magritte-ui-input/BaseInput';
+import './useSelectTrigger.js';
+import '@hh.ru/magritte-common-keyboard';
+import '@hh.ru/magritte-ui-trigger';
+import './internal/useFocusWithin.js';
 import '@hh.ru/magritte-common-data-provider';
-import './internal/useSearch.js';
-import './internal/useSelectState.js';
+import './internal/useDataProvider.js';
+import './internal/SelectStore.js';
 import '@hh.ru/magritte-internal-slot-registry';
-import '@hh.ru/magritte-common-keyboard';
 
 const SelectRoot = ({ children, commitModel = 'instant', dataProvider, error, errorTrls, hints, maxSelectedOptions, 
 // TODO commitModel === multiple?
-multiple, name, loading, onBlur: onBlurExternal, onChange: onChangeExternal, onFocus: onFocusExternal, onOptionsChange: onOptionsChangeExternal, onSelectOption: onSelectOptionExternal, options, value, }) => {
+multiple, name, loading, onBlur: onBlurExternal, onChange: onChangeExternal, onFocus: onFocusExternal, onOptionsChange: onOptionsChangeExternal, options, value, }) => {
     const onBlur = useEventCallback(onBlurExternal);
     const onFocus = useEventCallback(onFocusExternal);
     const onChange = useEventCallback(onChangeExternal);
     const onOptionsChange = useEventCallback(onOptionsChangeExternal);
-    const onSelectOption = useEventCallback(onSelectOptionExternal);
     const [showOptions, setShowOptions] = useState(false);
-    // forcedState - это отложенная команда фокуса
-    const [forcedState, setForcedState] = useState(null);
-    return (jsx(SelectElementsSlotRegistryProvider, { children: jsx(ConfigProvider, { maxSelectedOptions: maxSelectedOptions, multiple: multiple, name: name, onBlur: onBlur, onFocus: onFocus, commitModel: commitModel, loading: loading, children: jsx(VisibilityProvider, { showOptions: showOptions, setShowOptions: setShowOptions, children: jsx(SelectStateProvider, { onChange: onChange, onSelectOption: onSelectOption, value: value, children: jsx(SelectDataProvider, { dataProvider: dataProvider, error: error, errorTrls: errorTrls, hints: hints, options: options, onOptionsChange: onOptionsChange, children: jsx(NavigationProvider, { forcedState: forcedState, setForcedState: setForcedState, children: children }) }) }) }) }) }));
+    const [searchValue, setSearchValue] = useState('');
+    return (jsx(SelectElementsSlotRegistryProvider, { children: jsx(ConfigProvider, { maxSelectedOptions: maxSelectedOptions, multiple: multiple, name: name, commitModel: commitModel, loading: loading, children: jsx(VisibilityProvider, { showOptions: showOptions, setShowOptions: setShowOptions, children: jsx(SelectStateProvider, { onChange: onChange, value: value, children: jsx(SearchStateProvider, { searchValue: searchValue, setSearchValue: setSearchValue, children: jsx(SelectDataProvider, { dataProvider: dataProvider, error: error, errorTrls: errorTrls, hints: hints, options: options, onOptionsChange: onOptionsChange, children: jsx(FocusOrchestratorProvider, { children: jsx(NavigationManagement, { onBlur: onBlur, onFocus: onFocus, children: children }) }) }) }) }) }) }) }));
 };
 const Select = SelectRoot;
+Select.Trigger = SelectTrigger;
+Select.SearchTrigger = SelectSearchTrigger;
 
 export { Select };
 //# sourceMappingURL=Select.js.map

package/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["src/Select.tsx"],"sourcesContent":["import { ReactElement, useState } from 'react';\n\nimport { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';\n// import { ApplyChangesButton } from '@hh.ru/magritte-ui-new-select/ApplyChangesButton';\n// import { ClearButton } from '@hh.ru/magritte-ui-new-select/ClearButton';\n// import { CloseBottomSheet } from '@hh.ru/magritte-ui-new-select/CloseBottomSheet';\n// import { Footer } from '@hh.ru/magritte-ui-new-select/Footer';\n// import { Header } from '@hh.ru/magritte-ui-new-select/Header';\n// import { Options } from '@hh.ru/magritte-ui-new-select/Options';\n// import { SearchInput } from '@hh.ru/magritte-ui-new-select/SearchInput';\n// import { SelectBottomSheet } from '@hh.ru/magritte-ui-new-select/SelectBottomSheet';\n// import { SelectDrop } from '@hh.ru/magritte-ui-new-select/SelectDrop';\n// import { SelectTrigger } from '@hh.ru/magritte-ui-new-select/SelectTrigger';\nimport { ConfigProvider } from '@hh.ru/magritte-ui-new-select/internal/ConfigContext';\nimport { NavigationProvider, FocusStateType } from '@hh.ru/magritte-ui-new-select/internal/NavigationContext';\nimport { SelectDataProvider } from '@hh.ru/magritte-ui-new-select/internal/SelectDataProvider';\nimport { SelectStateProvider } from '@hh.ru/magritte-ui-new-select/internal/SelectStateContext';\nimport { VisibilityProvider } from '@hh.ru/magritte-ui-new-select/internal/VisibilityContext';\nimport { SelectElementsSlotRegistryProvider } from '@hh.ru/magritte-ui-new-select/internal/slots';\nimport { useEventCallback } from '@hh.ru/magritte-ui-new-select/internal/utils';\nimport { SelectProps } from '@hh.ru/magritte-ui-new-select/types';\n\nexport interface SelectComponents {\n    Trigger?: ReactElement;\n    // Trigger: typeof SelectTrigger;\n    // Options: typeof Options;\n    // Drop: typeof SelectDrop;\n    // BottomSheet: typeof SelectBottomSheet;\n    // SearchInput: typeof SearchInput;\n    // ApplyChangesButton: typeof ApplyChangesButton;\n    // ClearButton: typeof ClearButton;\n    // Footer: typeof Footer;\n    // Header: typeof Header;\n    // CloseBottomSheet: typeof CloseBottomSheet;\n}\n\nconst SelectRoot = <MultipleType extends boolean, DataType extends StaticDataFetcherItem>({\n    children,\n    commitModel = 'instant',\n    dataProvider,\n    error,\n    errorTrls,\n    hints,\n    maxSelectedOptions,\n    // TODO commitModel === multiple?\n    multiple,\n    name,\n    loading,\n    onBlur: onBlurExternal,\n    onChange: onChangeExternal,\n    onFocus: onFocusExternal,\n    onOptionsChange: onOptionsChangeExternal,\n    onSelectOption: onSelectOptionExternal,\n    options,\n    value,\n}: SelectProps<MultipleType, DataType>): ReactElement => {\n    const onBlur = useEventCallback(onBlurExternal);\n    const onFocus = useEventCallback(onFocusExternal);\n    const onChange = useEventCallback(onChangeExternal);\n    const onOptionsChange = useEventCallback(onOptionsChangeExternal);\n    const onSelectOption = useEventCallback(onSelectOptionExternal);\n    const [showOptions, setShowOptions] = useState(false);\n    // forcedState - это отложенная команда фокуса\n    const [forcedState, setForcedState] = useState<FocusStateType>(null);\n\n    return (\n        <SelectElementsSlotRegistryProvider>\n            <ConfigProvider\n                maxSelectedOptions={maxSelectedOptions}\n                multiple={multiple}\n                name={name}\n                onBlur={onBlur}\n                onFocus={onFocus}\n                commitModel={commitModel}\n                loading={loading}\n            >\n                <VisibilityProvider showOptions={showOptions} setShowOptions={setShowOptions}>\n                    <SelectStateProvider<MultipleType, DataType>\n                        onChange={onChange}\n                        onSelectOption={onSelectOption}\n                        value={value}\n                    >\n                        <SelectDataProvider<DataType>\n                            dataProvider={dataProvider}\n                            error={error}\n                            errorTrls={errorTrls}\n                            hints={hints}\n                            options={options}\n                            onOptionsChange={onOptionsChange}\n                        >\n                            <NavigationProvider forcedState={forcedState} setForcedState={setForcedState}>\n                                {children}\n                            </NavigationProvider>\n                        </SelectDataProvider>\n                    </SelectStateProvider>\n                </VisibilityProvider>\n            </ConfigProvider>\n        </SelectElementsSlotRegistryProvider>\n    );\n};\n\nconst Select = SelectRoot as typeof SelectRoot & SelectComponents;\n\n// Select.Trigger = SelectTrigger;\n// Select.Options = Options;\n// Select.Drop = SelectDrop;\n// Select.BottomSheet = SelectBottomSheet;\n// Select.SearchInput = SearchInput;\n// Select.ApplyChangesButton = ApplyChangesButton;\n// Select.Footer = Footer;\n// Select.ClearButton = ClearButton;\n// Select.Header = Header;\n// Select.CloseBottomSheet = CloseBottomSheet;\n\nexport { Select };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;AAoCA,MAAM,UAAU,GAAG,CAAuE,EACtF,QAAQ,EACR,WAAW,GAAG,SAAS,EACvB,YAAY,EACZ,KAAK,EACL,SAAS,EACT,KAAK,EACL,kBAAkB;AAClB;AACA,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,eAAe,EACxB,eAAe,EAAE,uBAAuB,EACxC,cAAc,EAAE,sBAAsB,EACtC,OAAO,EACP,KAAK,GAC6B,KAAkB;AACpD,IAAA,MAAM,MAAM,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAChD,IAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAC;AAClD,IAAA,MAAM,QAAQ,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AACpD,IAAA,MAAM,eAAe,GAAG,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;AAClE,IAAA,MAAM,cAAc,GAAG,gBAAgB,CAAC,sBAAsB,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;;IAEtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAErE,QACIA,IAAC,kCAAkC,EAAA,EAAA,QAAA,EAC/BA,IAAC,cAAc,EAAA,EACX,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAAA,QAAA,EAEhBA,GAAC,CAAA,kBAAkB,EAAC,EAAA,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAA,QAAA,EACxEA,IAAC,mBAAmB,EAAA,EAChB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,YAEZA,GAAC,CAAA,kBAAkB,EACf,EAAA,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAAA,QAAA,EAEhCA,IAAC,kBAAkB,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EACvE,QAAA,EAAA,QAAQ,EACQ,CAAA,EAAA,CACJ,GACH,EACL,CAAA,EAAA,CACR,EACgB,CAAA,EACvC;AACN,CAAC,CAAC;AAEI,MAAA,MAAM,GAAG;;;;"}
+{"version":3,"file":"Select.js","sources":["src/Select.tsx"],"sourcesContent":["import { ReactElement, useState } from 'react';\n\nimport { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';\nimport { SelectSearchTrigger } from '@hh.ru/magritte-ui-new-select/SelectSearchTrigger';\n// import { ApplyChangesButton } from '@hh.ru/magritte-ui-new-select/ApplyChangesButton';\n// import { ClearButton } from '@hh.ru/magritte-ui-new-select/ClearButton';\n// import { CloseBottomSheet } from '@hh.ru/magritte-ui-new-select/CloseBottomSheet';\n// import { Footer } from '@hh.ru/magritte-ui-new-select/Footer';\n// import { Header } from '@hh.ru/magritte-ui-new-select/Header';\n// import { Options } from '@hh.ru/magritte-ui-new-select/Options';\n// import { SelectBottomSheet } from '@hh.ru/magritte-ui-new-select/SelectBottomSheet';\n// import { SelectDrop } from '@hh.ru/magritte-ui-new-select/SelectDrop';\nimport { SelectTrigger } from '@hh.ru/magritte-ui-new-select/SelectTrigger';\nimport { ConfigProvider } from '@hh.ru/magritte-ui-new-select/internal/ConfigContext';\nimport { NavigationManagement } from '@hh.ru/magritte-ui-new-select/internal/NavigationManagement';\nimport { SearchStateProvider } from '@hh.ru/magritte-ui-new-select/internal/SearchStateContext';\nimport { SelectDataProvider } from '@hh.ru/magritte-ui-new-select/internal/SelectDataProvider';\nimport { SelectStateProvider } from '@hh.ru/magritte-ui-new-select/internal/SelectStateContext';\nimport { VisibilityProvider } from '@hh.ru/magritte-ui-new-select/internal/VisibilityContext';\nimport { FocusOrchestratorProvider } from '@hh.ru/magritte-ui-new-select/internal/focusOrchestrator';\nimport { SelectElementsSlotRegistryProvider } from '@hh.ru/magritte-ui-new-select/internal/slots';\nimport { useEventCallback } from '@hh.ru/magritte-ui-new-select/internal/utils';\nimport { SelectProps } from '@hh.ru/magritte-ui-new-select/types';\n\nexport interface SelectComponents {\n    Trigger: typeof SelectTrigger;\n    SearchTrigger: typeof SelectSearchTrigger;\n    // Options: typeof Options;\n    // Drop: typeof SelectDrop;\n    // BottomSheet: typeof SelectBottomSheet;\n    // ApplyChangesButton: typeof ApplyChangesButton;\n    // ClearButton: typeof ClearButton;\n    // Footer: typeof Footer;\n    // Header: typeof Header;\n    // CloseBottomSheet: typeof CloseBottomSheet;\n}\n\nconst SelectRoot = <MultipleType extends boolean, DataType extends StaticDataFetcherItem>({\n    children,\n    commitModel = 'instant',\n    dataProvider,\n    error,\n    errorTrls,\n    hints,\n    maxSelectedOptions,\n    // TODO commitModel === multiple?\n    multiple,\n    name,\n    loading,\n    onBlur: onBlurExternal,\n    onChange: onChangeExternal,\n    onFocus: onFocusExternal,\n    onOptionsChange: onOptionsChangeExternal,\n    options,\n    value,\n}: SelectProps<MultipleType, DataType>): ReactElement => {\n    const onBlur = useEventCallback(onBlurExternal);\n    const onFocus = useEventCallback(onFocusExternal);\n    const onChange = useEventCallback(onChangeExternal);\n    const onOptionsChange = useEventCallback(onOptionsChangeExternal);\n    const [showOptions, setShowOptions] = useState(false);\n    const [searchValue, setSearchValue] = useState('');\n    return (\n        <SelectElementsSlotRegistryProvider>\n            <ConfigProvider\n                maxSelectedOptions={maxSelectedOptions}\n                multiple={multiple}\n                name={name}\n                commitModel={commitModel}\n                loading={loading}\n            >\n                <VisibilityProvider showOptions={showOptions} setShowOptions={setShowOptions}>\n                    <SelectStateProvider<MultipleType, DataType> onChange={onChange} value={value}>\n                        <SearchStateProvider searchValue={searchValue} setSearchValue={setSearchValue}>\n                            <SelectDataProvider<DataType>\n                                dataProvider={dataProvider}\n                                error={error}\n                                errorTrls={errorTrls}\n                                hints={hints}\n                                options={options}\n                                onOptionsChange={onOptionsChange}\n                            >\n                                <FocusOrchestratorProvider>\n                                    <NavigationManagement onBlur={onBlur} onFocus={onFocus}>\n                                        {children}\n                                    </NavigationManagement>\n                                </FocusOrchestratorProvider>\n                            </SelectDataProvider>\n                        </SearchStateProvider>\n                    </SelectStateProvider>\n                </VisibilityProvider>\n            </ConfigProvider>\n        </SelectElementsSlotRegistryProvider>\n    );\n};\n\nconst Select = SelectRoot as typeof SelectRoot & SelectComponents;\n\nSelect.Trigger = SelectTrigger;\nSelect.SearchTrigger = SelectSearchTrigger;\n// Select.Options = Options;\n// Select.Drop = SelectDrop;\n// Select.BottomSheet = SelectBottomSheet;\n// Select.ApplyChangesButton = ApplyChangesButton;\n// Select.Footer = Footer;\n// Select.ClearButton = ClearButton;\n// Select.Header = Header;\n// Select.CloseBottomSheet = CloseBottomSheet;\n\nexport { Select };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAM,UAAU,GAAG,CAAuE,EACtF,QAAQ,EACR,WAAW,GAAG,SAAS,EACvB,YAAY,EACZ,KAAK,EACL,SAAS,EACT,KAAK,EACL,kBAAkB;AAClB;AACA,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,eAAe,EACxB,eAAe,EAAE,uBAAuB,EACxC,OAAO,EACP,KAAK,GAC6B,KAAkB;AACpD,IAAA,MAAM,MAAM,GAAG,gBAAgB,CAAC,cAAc,CAAC,CAAC;AAChD,IAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,eAAe,CAAC,CAAC;AAClD,IAAA,MAAM,QAAQ,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;AACpD,IAAA,MAAM,eAAe,GAAG,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;IAClE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,QACIA,GAAC,CAAA,kCAAkC,EAC/B,EAAA,QAAA,EAAAA,GAAA,CAAC,cAAc,EACX,EAAA,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,YAEhBA,GAAC,CAAA,kBAAkB,EAAC,EAAA,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAA,QAAA,EACxEA,GAAC,CAAA,mBAAmB,IAAyB,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EACzEA,GAAC,CAAA,mBAAmB,EAAC,EAAA,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAA,QAAA,EACzEA,GAAC,CAAA,kBAAkB,IACf,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAAA,QAAA,EAEhCA,GAAC,CAAA,yBAAyB,EACtB,EAAA,QAAA,EAAAA,GAAA,CAAC,oBAAoB,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EACjD,QAAQ,EAAA,CACU,EACC,CAAA,EAAA,CACX,EACH,CAAA,EAAA,CACJ,EACL,CAAA,EAAA,CACR,EACgB,CAAA,EACvC;AACN,CAAC,CAAC;AAEI,MAAA,MAAM,GAAG,WAAmD;AAElE,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC;AAC/B,MAAM,CAAC,aAAa,GAAG,mBAAmB;;;;"}

package/SelectSearchTrigger.d.ts

@@ -0,0 +1,3 @@
+import { SelectUncontrolledTriggerProps } from '@hh.ru/magritte-ui-new-select/types';
+declare const SelectSearchTrigger: import("react").ForwardRefExoticComponent<SelectUncontrolledTriggerProps & import("react").RefAttributes<HTMLElement>>;
+export { SelectSearchTrigger };

package/SelectSearchTrigger.js

@@ -0,0 +1,61 @@
+import './index.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useState, useRef, useCallback } from 'react';
+import classnames from 'classnames';
+import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
+import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
+import { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';
+import { useSearchState } from './internal/SearchStateContext.js';
+import { useFocusCandidate, FocusTier } from './internal/focusOrchestrator.js';
+import { useTriggerRef, useSelectTrigger } from './useSelectTrigger.js';
+import { Trigger } from '@hh.ru/magritte-ui-trigger';
+import './internal/utils.js';
+import '@hh.ru/magritte-common-keyboard';
+import './internal/SelectDataProvider.js';
+import '@hh.ru/magritte-common-data-provider';
+import './internal/useDataProvider.js';
+import './internal/VisibilityContext.js';
+import './internal/SelectStateContext.js';
+import './internal/ConfigContext.js';
+import './internal/SelectStore.js';
+import './internal/slots.js';
+import '@hh.ru/magritte-internal-slot-registry';
+
+var styles = {"anchor":"magritte-anchor___IFvZk_1-1-1","anchor-stretched":"magritte-anchor-stretched___L14B-_1-1-1","anchorStretched":"magritte-anchor-stretched___L14B-_1-1-1","default-view":"magritte-default-view___oT4uN_1-1-1","defaultView":"magritte-default-view___oT4uN_1-1-1","input-view":"magritte-input-view___TCeV4_1-1-1","inputView":"magritte-input-view___TCeV4_1-1-1","hidden-view":"magritte-hidden-view___oJ4OI_1-1-1","hiddenView":"magritte-hidden-view___oJ4OI_1-1-1"};
+
+const SelectSearchTriggerComponent = ({ 'aria-label': ariaLabel, 'data-qa': dataQa = 'magritte-select-input-activator', disabled, size, maxWidth, stretched, ...triggerProps }, ref) => {
+    const [useSearchInput, setUseSearchInput] = useState(false);
+    const activatorRef = useTriggerRef();
+    const activatorRefCallback = useMultipleRefs(activatorRef, ref);
+    const inputRef = useRef(null);
+    const forceDisabled = useDisabled();
+    const isComponentDisabled = disabled || forceDisabled;
+    const { searchValue, setSearchValue } = useSearchState();
+    // TODO focusAndSelect потерян
+    const { onKeyDown, onChange, onBlur, expanded, onClear, values, onFocus } = useSelectTrigger(isComponentDisabled);
+    useFocusCandidate('select-search-input', FocusTier.Trigger, () => {
+        const input = inputRef.current;
+        if (!input) {
+            return false;
+        }
+        input.focus();
+        return true;
+    });
+    const onFocusTrigger = useCallback(() => {
+        if (isComponentDisabled || expanded) {
+            return;
+        }
+        onFocus?.();
+        setUseSearchInput(true);
+    }, [isComponentDisabled, expanded, onFocus]);
+    return (jsxs("div", { ref: activatorRefCallback, className: classnames(styles.anchor, { [styles.anchorStretched]: stretched }), style: { maxWidth }, children: [jsx("div", { className: classnames(styles.defaultView, { [styles.hiddenView]: useSearchInput }), children: jsx(Trigger, { ...triggerProps, 
+                    // size={size}
+                    role: "combobox", maxWidth: maxWidth, stretched: stretched, expanded: expanded, onChange: onChange, onBlur: onBlur, onClear: onClear, onFocus: onFocusTrigger, onKeyDown: onKeyDown, values: values, "aria-label": ariaLabel, "data-qa": dataQa, disabled: isComponentDisabled }) }), jsx("div", { className: classnames(styles.inputView, {
+                    [styles.hiddenView]: !useSearchInput,
+                }), children: jsx(BaseInput, { size: size === 'large' ? 'large' : 'medium', ref: inputRef, wrapperRef: activatorRef, value: searchValue, onChange: setSearchValue, onKeyDown: onKeyDown, onBlur: onBlur, "data-qa": dataQa, placeholder: values.length > 0 ? values.join(', ') : ariaLabel, autoComplete: "off", role: "combobox", "aria-expanded": expanded, "aria-label": ariaLabel, "aria-autocomplete": "list" }) })] }));
+};
+const SelectSearchTrigger = forwardRef(SelectSearchTriggerComponent);
+SelectSearchTrigger.displayName = 'SelectSearchTrigger';
+
+export { SelectSearchTrigger };
+//# sourceMappingURL=SelectSearchTrigger.js.map

package/SelectSearchTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSearchTrigger.js","sources":["src/SelectSearchTrigger.tsx"],"sourcesContent":["import { ReactElement, forwardRef, ForwardedRef, useRef, useCallback, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { useSearchState } from '@hh.ru/magritte-ui-new-select/internal/SearchStateContext';\nimport { FocusTier, useFocusCandidate } from '@hh.ru/magritte-ui-new-select/internal/focusOrchestrator';\nimport { SelectUncontrolledTriggerProps } from '@hh.ru/magritte-ui-new-select/types';\nimport { useSelectTrigger, useTriggerRef } from '@hh.ru/magritte-ui-new-select/useSelectTrigger';\nimport { Trigger } from '@hh.ru/magritte-ui-trigger';\n\nimport styles from './select-search-trigger.less';\n\nconst SelectSearchTriggerComponent = <DataType extends StaticDataFetcherItem>(\n    {\n        'aria-label': ariaLabel,\n        'data-qa': dataQa = 'magritte-select-input-activator',\n        disabled,\n        size,\n        maxWidth,\n        stretched,\n        ...triggerProps\n    }: SelectUncontrolledTriggerProps,\n    ref: ForwardedRef<HTMLElement>\n): ReactElement => {\n    const [useSearchInput, setUseSearchInput] = useState(false);\n    const activatorRef = useTriggerRef();\n    const activatorRefCallback = useMultipleRefs(activatorRef, ref);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const forceDisabled = useDisabled();\n    const isComponentDisabled = disabled || forceDisabled;\n    const { searchValue, setSearchValue } = useSearchState();\n\n    // TODO focusAndSelect потерян\n    const { onKeyDown, onChange, onBlur, expanded, onClear, values, onFocus } =\n        useSelectTrigger<DataType>(isComponentDisabled);\n\n    useFocusCandidate('select-search-input', FocusTier.Trigger, () => {\n        const input = inputRef.current;\n        if (!input) {\n            return false;\n        }\n        input.focus();\n        return true;\n    });\n\n    const onFocusTrigger = useCallback(() => {\n        if (isComponentDisabled || expanded) {\n            return;\n        }\n        onFocus?.();\n        setUseSearchInput(true);\n    }, [isComponentDisabled, expanded, onFocus]);\n\n    return (\n        <div\n            ref={activatorRefCallback}\n            className={classnames(styles.anchor, { [styles.anchorStretched]: stretched })}\n            style={{ maxWidth }}\n        >\n            <div className={classnames(styles.defaultView, { [styles.hiddenView]: useSearchInput })}>\n                <Trigger\n                    {...triggerProps}\n                    // size={size}\n                    role=\"combobox\"\n                    maxWidth={maxWidth}\n                    stretched={stretched}\n                    expanded={expanded}\n                    onChange={onChange}\n                    onBlur={onBlur}\n                    onClear={onClear}\n                    onFocus={onFocusTrigger}\n                    onKeyDown={onKeyDown}\n                    values={values}\n                    aria-label={ariaLabel}\n                    data-qa={dataQa}\n                    disabled={isComponentDisabled}\n                />\n            </div>\n            <div\n                className={classnames(styles.inputView, {\n                    [styles.hiddenView]: !useSearchInput,\n                })}\n            >\n                <BaseInput\n                    size={size === 'large' ? 'large' : 'medium'}\n                    ref={inputRef}\n                    wrapperRef={activatorRef}\n                    value={searchValue}\n                    onChange={setSearchValue}\n                    onKeyDown={onKeyDown}\n                    onBlur={onBlur}\n                    data-qa={dataQa}\n                    placeholder={values.length > 0 ? values.join(', ') : ariaLabel}\n                    autoComplete=\"off\"\n                    role=\"combobox\"\n                    aria-expanded={expanded}\n                    aria-label={ariaLabel}\n                    aria-autocomplete=\"list\"\n                    // TODO aria-controls\n                />\n            </div>\n        </div>\n    );\n};\n\nconst SelectSearchTrigger = forwardRef<HTMLElement, SelectUncontrolledTriggerProps>(SelectSearchTriggerComponent);\n\nSelectSearchTrigger.displayName = 'SelectSearchTrigger';\n\nexport { SelectSearchTrigger };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,4BAA4B,GAAG,CACjC,EACI,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,MAAM,GAAG,iCAAiC,EACrD,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,YAAY,EACc,EACjC,GAA8B,KAChB;IACd,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC5D,IAAA,MAAM,YAAY,GAAG,aAAa,EAAE,CAAC;IACrC,MAAM,oBAAoB,GAAG,eAAe,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAChE,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;AAChD,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;AACpC,IAAA,MAAM,mBAAmB,GAAG,QAAQ,IAAI,aAAa,CAAC;IACtD,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;;IAGzD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GACrE,gBAAgB,CAAW,mBAAmB,CAAC,CAAC;IAEpD,iBAAiB,CAAC,qBAAqB,EAAE,SAAS,CAAC,OAAO,EAAE,MAAK;AAC7D,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,KAAK,EAAE;AACR,YAAA,OAAO,KAAK,CAAC;SAChB;QACD,KAAK,CAAC,KAAK,EAAE,CAAC;AACd,QAAA,OAAO,IAAI,CAAC;AAChB,KAAC,CAAC,CAAC;AAEH,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,MAAK;AACpC,QAAA,IAAI,mBAAmB,IAAI,QAAQ,EAAE;YACjC,OAAO;SACV;QACD,OAAO,IAAI,CAAC;QACZ,iBAAiB,CAAC,IAAI,CAAC,CAAC;KAC3B,EAAE,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7C,QACIA,IACI,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,oBAAoB,EACzB,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,eAAe,GAAG,SAAS,EAAE,CAAC,EAC7E,KAAK,EAAE,EAAE,QAAQ,EAAE,EAEnB,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,GAAG,cAAc,EAAE,CAAC,EACnF,QAAA,EAAAA,GAAA,CAAC,OAAO,EAAA,EAAA,GACA,YAAY;;oBAEhB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EAAA,YAAA,EACF,SAAS,EAAA,SAAA,EACZ,MAAM,EACf,QAAQ,EAAE,mBAAmB,EAAA,CAC/B,EACA,CAAA,EACNA,GACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE;AACpC,oBAAA,CAAC,MAAM,CAAC,UAAU,GAAG,CAAC,cAAc;AACvC,iBAAA,CAAC,YAEFA,GAAC,CAAA,SAAS,EACN,EAAA,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,EAC3C,GAAG,EAAE,QAAQ,EACb,UAAU,EAAE,YAAY,EACxB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACL,SAAA,EAAA,MAAM,EACf,WAAW,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,SAAS,EAC9D,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,UAAU,EAAA,eAAA,EACA,QAAQ,EAAA,YAAA,EACX,SAAS,EACH,mBAAA,EAAA,MAAM,GAE1B,EACA,CAAA,CAAA,EAAA,CACJ,EACR;AACN,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,UAAU,CAA8C,4BAA4B,EAAE;AAElH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/SelectTrigger.d.ts

@@ -0,0 +1,3 @@
+import { SelectUncontrolledTriggerProps } from '@hh.ru/magritte-ui-new-select/types';
+declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectUncontrolledTriggerProps & import("react").RefAttributes<HTMLElement>>;
+export { SelectTrigger };

package/SelectTrigger.js

@@ -0,0 +1,42 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
+import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
+import { useFocusCandidate, FocusTier } from './internal/focusOrchestrator.js';
+import { useTriggerRef, useSelectTrigger } from './useSelectTrigger.js';
+import { Trigger } from '@hh.ru/magritte-ui-trigger';
+import './internal/utils.js';
+import '@hh.ru/magritte-common-keyboard';
+import './internal/SelectDataProvider.js';
+import '@hh.ru/magritte-common-data-provider';
+import './internal/useDataProvider.js';
+import './internal/SearchStateContext.js';
+import './internal/VisibilityContext.js';
+import './internal/SelectStateContext.js';
+import './internal/ConfigContext.js';
+import './internal/SelectStore.js';
+import './internal/slots.js';
+import '@hh.ru/magritte-internal-slot-registry';
+
+const SelectTriggerComponent = ({ 'data-qa': dataQa = 'magritte-select-activator', disabled, ...triggerProps }, ref) => {
+    const activatorRef = useTriggerRef();
+    const activatorRefCallback = useMultipleRefs(activatorRef, ref);
+    const forceDisabled = useDisabled();
+    const isComponentDisabled = disabled || forceDisabled;
+    const { onKeyDown, onChange, onBlur, expanded, onClear, values, onFocus } = useSelectTrigger(isComponentDisabled);
+    useFocusCandidate('default-trigger', FocusTier.Trigger, () => {
+        const trigger = activatorRef.current;
+        if (!trigger || isComponentDisabled) {
+            return false;
+        }
+        trigger.focus();
+        return true;
+    });
+    return (jsx(Trigger, { ...triggerProps, ref: activatorRefCallback, role: 'combobox', disabled: isComponentDisabled, "data-qa": dataQa, expanded: expanded, onChange: onChange, onBlur: onBlur, onClear: onClear, onFocus: onFocus, onKeyDown: onKeyDown, values: values }));
+};
+const SelectTrigger = forwardRef(SelectTriggerComponent);
+SelectTrigger.displayName = 'SelectTrigger';
+
+export { SelectTrigger };
+//# sourceMappingURL=SelectTrigger.js.map

package/SelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.js","sources":["src/SelectTrigger.tsx"],"sourcesContent":["import { ReactElement, forwardRef, ForwardedRef } from 'react';\n\nimport { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { FocusTier, useFocusCandidate } from '@hh.ru/magritte-ui-new-select/internal/focusOrchestrator';\nimport { SelectUncontrolledTriggerProps } from '@hh.ru/magritte-ui-new-select/types';\nimport { useSelectTrigger, useTriggerRef } from '@hh.ru/magritte-ui-new-select/useSelectTrigger';\nimport { Trigger } from '@hh.ru/magritte-ui-trigger';\n\nconst SelectTriggerComponent = <DataType extends StaticDataFetcherItem>(\n    { 'data-qa': dataQa = 'magritte-select-activator', disabled, ...triggerProps }: SelectUncontrolledTriggerProps,\n    ref: ForwardedRef<HTMLElement>\n): ReactElement => {\n    const activatorRef = useTriggerRef();\n    const activatorRefCallback = useMultipleRefs(activatorRef, ref);\n    const forceDisabled = useDisabled();\n    const isComponentDisabled = disabled || forceDisabled;\n\n    const { onKeyDown, onChange, onBlur, expanded, onClear, values, onFocus } =\n        useSelectTrigger<DataType>(isComponentDisabled);\n\n    useFocusCandidate('default-trigger', FocusTier.Trigger, () => {\n        const trigger = activatorRef.current;\n        if (!trigger || isComponentDisabled) {\n            return false;\n        }\n        trigger.focus();\n        return true;\n    });\n\n    return (\n        <Trigger\n            {...triggerProps}\n            ref={activatorRefCallback}\n            role={'combobox'}\n            disabled={isComponentDisabled}\n            data-qa={dataQa}\n            expanded={expanded}\n            onChange={onChange}\n            onBlur={onBlur}\n            onClear={onClear}\n            onFocus={onFocus}\n            onKeyDown={onKeyDown}\n            values={values}\n            // TODO aria-haspopup/aria-controls\n        />\n    );\n};\n\nconst SelectTrigger = forwardRef<HTMLElement, SelectUncontrolledTriggerProps>(SelectTriggerComponent);\n\nSelectTrigger.displayName = 'SelectTrigger';\n\nexport { SelectTrigger };\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,MAAM,sBAAsB,GAAG,CAC3B,EAAE,SAAS,EAAE,MAAM,GAAG,2BAA2B,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAkC,EAC9G,GAA8B,KAChB;AACd,IAAA,MAAM,YAAY,GAAG,aAAa,EAAE,CAAC;IACrC,MAAM,oBAAoB,GAAG,eAAe,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAChE,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;AACpC,IAAA,MAAM,mBAAmB,GAAG,QAAQ,IAAI,aAAa,CAAC;IAEtD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GACrE,gBAAgB,CAAW,mBAAmB,CAAC,CAAC;IAEpD,iBAAiB,CAAC,iBAAiB,EAAE,SAAS,CAAC,OAAO,EAAE,MAAK;AACzD,QAAA,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC;AACrC,QAAA,IAAI,CAAC,OAAO,IAAI,mBAAmB,EAAE;AACjC,YAAA,OAAO,KAAK,CAAC;SAChB;QACD,OAAO,CAAC,KAAK,EAAE,CAAC;AAChB,QAAA,OAAO,IAAI,CAAC;AAChB,KAAC,CAAC,CAAC;IAEH,QACIA,IAAC,OAAO,EAAA,EAAA,GACA,YAAY,EAChB,GAAG,EAAE,oBAAoB,EACzB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,mBAAmB,aACpB,MAAM,EACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EAEhB,CAAA,EACJ;AACN,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,UAAU,CAA8C,sBAAsB,EAAE;AAEtG,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dataProviderTypes.js

@@ -1,2 +1,3 @@
+import './index.css';
 
 //# sourceMappingURL=dataProviderTypes.js.map

package/index.css

@@ -0,0 +1,25 @@
+.magritte-anchor___IFvZk_1-1-1{
+  position:relative;
+  width:fit-content;
+}
+.magritte-anchor-stretched___L14B-_1-1-1{
+  width:100%;
+}
+.magritte-default-view___oT4uN_1-1-1{
+  min-width:0;
+}
+.magritte-input-view___TCeV4_1-1-1{
+  position:absolute;
+  top:0;
+  left:0;
+  width:100%;
+  display:flex;
+  min-width:0;
+}
+.magritte-hidden-view___oJ4OI_1-1-1{
+  visibility:hidden;
+}
+
+.magritte-select-layout___MIlpQ_1-1-1{
+  display:contents;
+}

package/index.d.ts

@@ -1 +1,2 @@
 export { Select } from '@hh.ru/magritte-ui-new-select/Select';
+export { useSelectTrigger, useTriggerRef } from '@hh.ru/magritte-ui-new-select/useSelectTrigger';

package/index.js

@@ -1,16 +1,28 @@
+import './index.css';
 export { Select } from './Select.js';
+export { useSelectTrigger, useTriggerRef } from './useSelectTrigger.js';
 import 'react/jsx-runtime';
 import 'react';
-import './internal/ConfigContext.js';
+import './SelectSearchTrigger.js';
+import 'classnames';
+import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-common-use-multiple-refs';
+import '@hh.ru/magritte-ui-input/BaseInput';
+import './internal/SearchStateContext.js';
 import './internal/utils.js';
 import '@hh.ru/magritte-common-keyboard';
-import './internal/NavigationContext.js';
+import './internal/focusOrchestrator.js';
+import '@hh.ru/magritte-ui-trigger';
+import './SelectTrigger.js';
+import './internal/ConfigContext.js';
+import './internal/NavigationManagement.js';
+import './internal/slots.js';
+import '@hh.ru/magritte-internal-slot-registry';
+import './internal/useFocusWithin.js';
 import './internal/SelectDataProvider.js';
 import '@hh.ru/magritte-common-data-provider';
-import './internal/useSearch.js';
+import './internal/useDataProvider.js';
 import './internal/VisibilityContext.js';
 import './internal/SelectStateContext.js';
-import './internal/useSelectState.js';
-import './internal/slots.js';
-import '@hh.ru/magritte-internal-slot-registry';
+import './internal/SelectStore.js';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/internal/ConfigContext.d.ts

@@ -5,12 +5,10 @@ interface ConfigContextProps {
     maxSelectedOptions?: number;
     multiple?: boolean;
     name?: string;
-    onBlur?: VoidFunction;
-    onFocus?: VoidFunction;
     loading?: boolean;
 }
 export declare const useSelectConfig: () => ConfigContextProps;
-export declare const ConfigProvider: ({ children, commitModel, maxSelectedOptions, multiple, name, onBlur, onFocus, loading, }: ConfigContextProps & {
+export declare const ConfigProvider: ({ children, commitModel, maxSelectedOptions, multiple, name, loading, }: ConfigContextProps & {
     children: ReactNode;
 }) => ReactElement;
 export {};

package/internal/ConfigContext.js

@@ -1,3 +1,4 @@
+import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useMemo } from 'react';
 import { assertSelectContext } from './utils.js';
@@ -8,16 +9,14 @@ const useSelectConfig = () => {
     return assertSelectContext(useContext(ConfigContext), 'useSelectConfig');
 };
 // провайдер внешних/глобальных свойств select
-const ConfigProvider = ({ children, commitModel, maxSelectedOptions, multiple, name, onBlur, onFocus, loading, }) => {
+const ConfigProvider = ({ children, commitModel, maxSelectedOptions, multiple, name, loading, }) => {
     const value = useMemo(() => ({
         commitModel,
         maxSelectedOptions,
         multiple,
         name,
-        onBlur,
-        onFocus,
         loading,
-    }), [commitModel, maxSelectedOptions, multiple, name, onBlur, onFocus, loading]);
+    }), [commitModel, maxSelectedOptions, multiple, name, loading]);
     return jsx(ConfigContext.Provider, { value: value, children: children });
 };
 

package/internal/ConfigContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigContext.js","sources":["src/internal/ConfigContext.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, type ReactNode, type ReactElement } from 'react';\n\nimport { assertSelectContext } from '@hh.ru/magritte-ui-new-select/internal/utils';\nimport { CommitModel } from '@hh.ru/magritte-ui-new-select/types';\n\ninterface ConfigContextProps {\n    commitModel: CommitModel;\n    maxSelectedOptions?: number;\n    multiple?: boolean;\n    name?: string;\n    onBlur?: VoidFunction;\n    onFocus?: VoidFunction;\n    loading?: boolean;\n}\n\nconst ConfigContext = createContext<ConfigContextProps | null>(null);\n\nexport const useSelectConfig = (): ConfigContextProps => {\n    return assertSelectContext(useContext(ConfigContext), 'useSelectConfig');\n};\n\n// провайдер внешних/глобальных свойств select\nexport const ConfigProvider = ({\n    children,\n    commitModel,\n    maxSelectedOptions,\n    multiple,\n    name,\n    onBlur,\n    onFocus,\n    loading,\n}: ConfigContextProps & { children: ReactNode }): ReactElement => {\n    const value = useMemo<ConfigContextProps>(\n        () => ({\n            commitModel,\n            maxSelectedOptions,\n            multiple,\n            name,\n            onBlur,\n            onFocus,\n            loading,\n        }),\n        [commitModel, maxSelectedOptions, multiple, name, onBlur, onFocus, loading]\n    );\n\n    return <ConfigContext.Provider value={value}>{children}</ConfigContext.Provider>;\n};\n"],"names":["_jsx"],"mappings":";;;;;AAeA,MAAM,aAAa,GAAG,aAAa,CAA4B,IAAI,CAAC,CAAC;AAE9D,MAAM,eAAe,GAAG,MAAyB;IACpD,OAAO,mBAAmB,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,iBAAiB,CAAC,CAAC;AAC7E,EAAE;AAEF;MACa,cAAc,GAAG,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAO,GACoC,KAAkB;AAC7D,IAAA,MAAM,KAAK,GAAG,OAAO,CACjB,OAAO;QACH,WAAW;QACX,kBAAkB;QAClB,QAAQ;QACR,IAAI;QACJ,MAAM;QACN,OAAO;QACP,OAAO;AACV,KAAA,CAAC,EACF,CAAC,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAC9E,CAAC;IAEF,OAAOA,GAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA0B,CAAC;AACrF;;;;"}
+{"version":3,"file":"ConfigContext.js","sources":["src/internal/ConfigContext.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, type ReactNode, type ReactElement } from 'react';\n\nimport { assertSelectContext } from '@hh.ru/magritte-ui-new-select/internal/utils';\nimport { CommitModel } from '@hh.ru/magritte-ui-new-select/types';\n\ninterface ConfigContextProps {\n    commitModel: CommitModel;\n    maxSelectedOptions?: number;\n    multiple?: boolean;\n    name?: string;\n    loading?: boolean;\n}\n\nconst ConfigContext = createContext<ConfigContextProps | null>(null);\n\nexport const useSelectConfig = (): ConfigContextProps => {\n    return assertSelectContext(useContext(ConfigContext), 'useSelectConfig');\n};\n\n// провайдер внешних/глобальных свойств select\nexport const ConfigProvider = ({\n    children,\n    commitModel,\n    maxSelectedOptions,\n    multiple,\n    name,\n    loading,\n}: ConfigContextProps & { children: ReactNode }): ReactElement => {\n    const value = useMemo<ConfigContextProps>(\n        () => ({\n            commitModel,\n            maxSelectedOptions,\n            multiple,\n            name,\n            loading,\n        }),\n        [commitModel, maxSelectedOptions, multiple, name, loading]\n    );\n\n    return <ConfigContext.Provider value={value}>{children}</ConfigContext.Provider>;\n};\n"],"names":["_jsx"],"mappings":";;;;;AAaA,MAAM,aAAa,GAAG,aAAa,CAA4B,IAAI,CAAC,CAAC;AAE9D,MAAM,eAAe,GAAG,MAAyB;IACpD,OAAO,mBAAmB,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,iBAAiB,CAAC,CAAC;AAC7E,EAAE;AAEF;AACa,MAAA,cAAc,GAAG,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,QAAQ,EACR,IAAI,EACJ,OAAO,GACoC,KAAkB;AAC7D,IAAA,MAAM,KAAK,GAAG,OAAO,CACjB,OAAO;QACH,WAAW;QACX,kBAAkB;QAClB,QAAQ;QACR,IAAI;QACJ,OAAO;AACV,KAAA,CAAC,EACF,CAAC,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,CAC7D,CAAC;IAEF,OAAOA,GAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA0B,CAAC;AACrF;;;;"}

package/internal/NavigationManagement.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode, type ReactElement } from 'react';
+interface NavigationManagementProps {
+    children: ReactNode;
+    onFocus: VoidFunction;
+    onBlur: VoidFunction;
+}
+export declare const NavigationManagement: ({ children, onFocus, onBlur }: NavigationManagementProps) => ReactElement;
+export {};

package/internal/NavigationManagement.js

@@ -0,0 +1,29 @@
+import './../index.css';
+import { jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import { useFocusOrchestrator } from './focusOrchestrator.js';
+import { useSelectElementsValue } from './slots.js';
+import { useFocusWithin } from './useFocusWithin.js';
+import './utils.js';
+import '@hh.ru/magritte-common-keyboard';
+import '@hh.ru/magritte-internal-slot-registry';
+
+var styles = {"select-layout":"magritte-select-layout___MIlpQ_1-1-1","selectLayout":"magritte-select-layout___MIlpQ_1-1-1"};
+
+const NavigationManagement = ({ children, onFocus, onBlur }) => {
+    const focusOrchestrator = useFocusOrchestrator();
+    const pickerRef = useSelectElementsValue('pickerRef');
+    const activatorRef = useSelectElementsValue('activatorRef');
+    const predicateBlur = useCallback((event) => {
+        const element = event.relatedTarget;
+        if (!activatorRef?.current || !pickerRef?.current) {
+            return false;
+        }
+        return activatorRef.current?.contains(element) || pickerRef.current?.contains(element);
+    }, [activatorRef, pickerRef]);
+    const focusWithinProps = useFocusWithin(onFocus, onBlur, focusOrchestrator.subscribeStability, predicateBlur);
+    return (jsx("div", { className: styles.selectLayout, ...focusWithinProps, children: children }));
+};
+
+export { NavigationManagement };
+//# sourceMappingURL=NavigationManagement.js.map

package/internal/NavigationManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationManagement.js","sources":["src/internal/NavigationManagement.tsx"],"sourcesContent":["import { type ReactNode, type ReactElement, useCallback } from 'react';\n\nimport { useFocusOrchestrator } from '@hh.ru/magritte-ui-new-select/internal/focusOrchestrator';\nimport { useSelectElementsValue } from '@hh.ru/magritte-ui-new-select/internal/slots';\nimport { useFocusWithin } from '@hh.ru/magritte-ui-new-select/internal/useFocusWithin';\n\nimport styles from './select-layout.less';\n\ninterface NavigationManagementProps {\n    children: ReactNode;\n    onFocus: VoidFunction;\n    onBlur: VoidFunction;\n}\n\nexport const NavigationManagement = ({ children, onFocus, onBlur }: NavigationManagementProps): ReactElement => {\n    const focusOrchestrator = useFocusOrchestrator();\n    const pickerRef = useSelectElementsValue('pickerRef');\n    const activatorRef = useSelectElementsValue('activatorRef');\n    const predicateBlur = useCallback(\n        (event: FocusEvent) => {\n            const element = event.relatedTarget as Node;\n            if (!activatorRef?.current || !pickerRef?.current) {\n                return false;\n            }\n            return activatorRef.current?.contains(element) || pickerRef.current?.contains(element);\n        },\n        [activatorRef, pickerRef]\n    );\n    const focusWithinProps = useFocusWithin(onFocus, onBlur, focusOrchestrator.subscribeStability, predicateBlur);\n    return (\n        <div className={styles.selectLayout} {...focusWithinProps}>\n            {children}\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;AAcO,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAA6B,KAAkB;AAC3G,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;AACjD,IAAA,MAAM,SAAS,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;AACtD,IAAA,MAAM,YAAY,GAAG,sBAAsB,CAAC,cAAc,CAAC,CAAC;AAC5D,IAAA,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAAiB,KAAI;AAClB,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,aAAqB,CAAC;QAC5C,IAAI,CAAC,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE;AAC/C,YAAA,OAAO,KAAK,CAAC;SAChB;AACD,QAAA,OAAO,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,IAAI,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC3F,KAAC,EACD,CAAC,YAAY,EAAE,SAAS,CAAC,CAC5B,CAAC;AACF,IAAA,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,iBAAiB,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC;AAC9G,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,GAAM,gBAAgB,EAAA,QAAA,EACpD,QAAQ,EAAA,CACP,EACR;AACN;;;;"}

package/internal/SearchStateContext.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode, type ReactElement, SetStateAction, Dispatch } from 'react';
+interface SearchContextValue {
+    searchValue: string;
+    setSearchValue: Dispatch<SetStateAction<string>>;
+}
+export declare const useSearchState: () => SearchContextValue;
+export declare const SearchStateProvider: ({ children, searchValue, setSearchValue, }: {
+    children: ReactNode;
+} & SearchContextValue) => ReactElement;
+export {};

package/internal/SearchStateContext.js

@@ -0,0 +1,21 @@
+import './../index.css';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useMemo } from 'react';
+import { assertSelectContext } from './utils.js';
+import '@hh.ru/magritte-common-keyboard';
+
+const SearchContext = createContext(null);
+const useSearchState = () => {
+    return assertSelectContext(useContext(SearchContext), 'useSearchState');
+};
+// стейт поиска
+const SearchStateProvider = ({ children, searchValue, setSearchValue, }) => {
+    const value = useMemo(() => ({
+        searchValue,
+        setSearchValue,
+    }), [searchValue, setSearchValue]);
+    return jsx(SearchContext.Provider, { value: value, children: children });
+};
+
+export { SearchStateProvider, useSearchState };
+//# sourceMappingURL=SearchStateContext.js.map

package/internal/SearchStateContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchStateContext.js","sources":["src/internal/SearchStateContext.tsx"],"sourcesContent":["import { createContext, useContext, useMemo, type ReactNode, type ReactElement, SetStateAction, Dispatch } from 'react';\n\nimport { assertSelectContext } from '@hh.ru/magritte-ui-new-select/internal/utils';\n\ninterface SearchContextValue {\n    searchValue: string;\n    setSearchValue: Dispatch<SetStateAction<string>>;\n}\n\nconst SearchContext = createContext<SearchContextValue | null>(null);\n\nexport const useSearchState = (): SearchContextValue => {\n    return assertSelectContext(useContext(SearchContext), 'useSearchState');\n};\n\n// стейт поиска\nexport const SearchStateProvider = ({\n    children,\n    searchValue,\n    setSearchValue,\n}: { children: ReactNode } & SearchContextValue): ReactElement => {\n    const value = useMemo<SearchContextValue>(\n        () => ({\n            searchValue,\n            setSearchValue,\n        }),\n        [searchValue, setSearchValue]\n    );\n\n    return <SearchContext.Provider value={value}>{children}</SearchContext.Provider>;\n};\n"],"names":["_jsx"],"mappings":";;;;;AASA,MAAM,aAAa,GAAG,aAAa,CAA4B,IAAI,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,MAAyB;IACnD,OAAO,mBAAmB,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAC5E,EAAE;AAEF;AACO,MAAM,mBAAmB,GAAG,CAAC,EAChC,QAAQ,EACR,WAAW,EACX,cAAc,GAC6B,KAAkB;AAC7D,IAAA,MAAM,KAAK,GAAG,OAAO,CACjB,OAAO;QACH,WAAW;QACX,cAAc;AACjB,KAAA,CAAC,EACF,CAAC,WAAW,EAAE,cAAc,CAAC,CAChC,CAAC;IAEF,OAAOA,GAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA0B,CAAC;AACrF;;;;"}

package/internal/SelectDataProvider.d.ts

@@ -1,14 +1,14 @@
 import { type ReactNode, ReactElement } from 'react';
 import { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';
 import { UseDataProviderParams, ErrorState, ErrorTrls, Hints } from '@hh.ru/magritte-ui-new-select/dataProviderTypes';
-import { UseSelectSearch } from '@hh.ru/magritte-ui-new-select/internal/useSearch';
+import { type UseDataProvider } from '@hh.ru/magritte-ui-new-select/internal/useDataProvider';
 import { OnOptionsChangeCallback } from '@hh.ru/magritte-ui-new-select/types';
 interface DataProviderMetaContextValue {
     error?: ErrorState;
     errorTrls?: ErrorTrls;
     hints?: Hints;
 }
-export declare const useSearch: <DataType extends StaticDataFetcherItem = StaticDataFetcherItem>() => UseSelectSearch<DataType>;
+export declare const useDataProvider: <DataType extends StaticDataFetcherItem = StaticDataFetcherItem>() => UseDataProvider<DataType>;
 export declare const useDataProviderMeta: () => DataProviderMetaContextValue | undefined;
 interface SelectDataProviderProps<DataType extends StaticDataFetcherItem> extends UseDataProviderParams<DataType> {
     children: ReactNode;

package/internal/SelectDataProvider.js

@@ -1,13 +1,15 @@
+import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useMemo } from 'react';
 import { createStaticDataProvider } from '@hh.ru/magritte-common-data-provider';
-import { useSearch as useSearch$1 } from './useSearch.js';
+import { useDataProvider as useDataProvider$1 } from './useDataProvider.js';
 import { assertSelectContext } from './utils.js';
+import './SearchStateContext.js';
 import './VisibilityContext.js';
 import '@hh.ru/magritte-common-keyboard';
 
 const DataProviderContext = createContext(null);
-const useSearch = () => {
+const useDataProvider = () => {
     return assertSelectContext(useContext(DataProviderContext), 'useSearch')
         .searchData;
 };
@@ -24,7 +26,7 @@ const SelectDataProvider = ({ children, error, errorTrls, hints, onOptionsChange
         }
         return dataProviderExternal;
     }, [dataProviderExternal, options]);
-    const searchData = useSearch$1(dataProvider, onOptionsChange);
+    const searchData = useDataProvider$1(dataProvider, onOptionsChange);
     const meta = useMemo(() => {
         if (!error && !errorTrls && !hints) {
             return undefined;
@@ -35,5 +37,5 @@ const SelectDataProvider = ({ children, error, errorTrls, hints, onOptionsChange
     return jsx(DataProviderContext.Provider, { value: contextValue, children: children });
 };
 
-export { SelectDataProvider, useDataProviderMeta, useSearch };
+export { SelectDataProvider, useDataProvider, useDataProviderMeta };
 //# sourceMappingURL=SelectDataProvider.js.map

package/internal/SelectDataProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDataProvider.js","sources":["src/internal/SelectDataProvider.tsx"],"sourcesContent":["import { type ReactNode, useMemo, ReactElement, createContext, useContext } from 'react';\n\nimport {\n    StaticDataFetcherItem,\n    createStaticDataProvider,\n    DataProvider as DataProviderType,\n} from '@hh.ru/magritte-common-data-provider';\nimport { UseDataProviderParams, ErrorState, ErrorTrls, Hints } from '@hh.ru/magritte-ui-new-select/dataProviderTypes';\nimport { useSearch as useSearchInternal, UseSelectSearch } from '@hh.ru/magritte-ui-new-select/internal/useSearch';\nimport { assertSelectContext } from '@hh.ru/magritte-ui-new-select/internal/utils';\nimport { OnOptionsChangeCallback } from '@hh.ru/magritte-ui-new-select/types';\n\ninterface DataProviderMetaContextValue {\n    error?: ErrorState;\n    errorTrls?: ErrorTrls;\n    hints?: Hints;\n}\n\ninterface DataProviderContextValue<DataType extends StaticDataFetcherItem> {\n    meta?: DataProviderMetaContextValue;\n    searchData: UseSelectSearch<DataType>;\n}\n\nconst DataProviderContext = createContext<DataProviderContextValue<StaticDataFetcherItem> | null>(null);\n\nexport const useSearch = <\n    DataType extends StaticDataFetcherItem = StaticDataFetcherItem,\n>(): UseSelectSearch<DataType> => {\n    return assertSelectContext(useContext(DataProviderContext), 'useSearch')\n        .searchData as unknown as UseSelectSearch<DataType>;\n};\n\nexport const useDataProviderMeta = (): DataProviderMetaContextValue | undefined => {\n    return assertSelectContext(useContext(DataProviderContext), 'useMeta').meta;\n};\n\ninterface SelectDataProviderProps<DataType extends StaticDataFetcherItem> extends UseDataProviderParams<DataType> {\n    children: ReactNode;\n    onOptionsChange?: OnOptionsChangeCallback<DataType>;\n}\n\nconst SelectDataProvider = <DataType extends StaticDataFetcherItem>({\n    children,\n    error,\n    errorTrls,\n    hints,\n    onOptionsChange,\n    options,\n    dataProvider: dataProviderExternal,\n}: SelectDataProviderProps<DataType>): ReactElement => {\n    const dataProvider = useMemo(() => {\n        if (!options && !dataProviderExternal) {\n            throw new Error(`dataProvider or options must be used within <Select>`);\n        }\n        if (options) {\n            return createStaticDataProvider<DataType>(options);\n        }\n        return dataProviderExternal as DataProviderType<DataType>;\n    }, [dataProviderExternal, options]);\n\n    const searchData = useSearchInternal<DataType>(dataProvider, onOptionsChange);\n\n    const meta = useMemo<DataProviderMetaContextValue | undefined>(() => {\n        if (!error && !errorTrls && !hints) {\n            return undefined;\n        }\n        return { error, errorTrls, hints };\n    }, [error, errorTrls, hints]);\n\n    const contextValue = useMemo(() => ({ meta, searchData }), [meta, searchData]);\n\n    return <DataProviderContext.Provider value={contextValue}>{children}</DataProviderContext.Provider>;\n};\n\nexport { SelectDataProvider };\n"],"names":["useSearchInternal","_jsx"],"mappings":";;;;;;;;AAuBA,MAAM,mBAAmB,GAAG,aAAa,CAAyD,IAAI,CAAC,CAAC;AAEjG,MAAM,SAAS,GAAG,MAEQ;IAC7B,OAAO,mBAAmB,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC;AACnE,SAAA,UAAkD,CAAC;AAC5D,EAAE;AAEK,MAAM,mBAAmB,GAAG,MAA+C;IAC9E,OAAO,mBAAmB,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC;AAChF,EAAE;AAOI,MAAA,kBAAkB,GAAG,CAAyC,EAChE,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,eAAe,EACf,OAAO,EACP,YAAY,EAAE,oBAAoB,GACF,KAAkB;AAClD,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,MAAK;AAC9B,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,oBAAoB,EAAE;AACnC,YAAA,MAAM,IAAI,KAAK,CAAC,CAAA,oDAAA,CAAsD,CAAC,CAAC;SAC3E;QACD,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,wBAAwB,CAAW,OAAO,CAAC,CAAC;SACtD;AACD,QAAA,OAAO,oBAAkD,CAAC;AAC9D,KAAC,EAAE,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpC,MAAM,UAAU,GAAGA,WAAiB,CAAW,YAAY,EAAE,eAAe,CAAC,CAAC;AAE9E,IAAA,MAAM,IAAI,GAAG,OAAO,CAA2C,MAAK;QAChE,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE;AAChC,YAAA,OAAO,SAAS,CAAC;SACpB;AACD,QAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;KACtC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAE9B,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAE/E,OAAOC,GAAA,CAAC,mBAAmB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAgC,CAAC;AACxG;;;;"}
+{"version":3,"file":"SelectDataProvider.js","sources":["src/internal/SelectDataProvider.tsx"],"sourcesContent":["import { type ReactNode, useMemo, ReactElement, createContext, useContext } from 'react';\n\nimport {\n    StaticDataFetcherItem,\n    createStaticDataProvider,\n    DataProvider as DataProviderType,\n} from '@hh.ru/magritte-common-data-provider';\nimport { UseDataProviderParams, ErrorState, ErrorTrls, Hints } from '@hh.ru/magritte-ui-new-select/dataProviderTypes';\nimport {\n    useDataProvider as useDataProviderInternal,\n    type UseDataProvider,\n} from '@hh.ru/magritte-ui-new-select/internal/useDataProvider';\nimport { assertSelectContext } from '@hh.ru/magritte-ui-new-select/internal/utils';\nimport { OnOptionsChangeCallback } from '@hh.ru/magritte-ui-new-select/types';\n\ninterface DataProviderMetaContextValue {\n    error?: ErrorState;\n    errorTrls?: ErrorTrls;\n    hints?: Hints;\n}\n\ninterface DataProviderContextValue<DataType extends StaticDataFetcherItem> {\n    meta?: DataProviderMetaContextValue;\n    searchData: UseDataProvider<DataType>;\n}\n\nconst DataProviderContext = createContext<DataProviderContextValue<StaticDataFetcherItem> | null>(null);\n\nexport const useDataProvider = <\n    DataType extends StaticDataFetcherItem = StaticDataFetcherItem,\n>(): UseDataProvider<DataType> => {\n    return assertSelectContext(useContext(DataProviderContext), 'useSearch')\n        .searchData as unknown as UseDataProvider<DataType>;\n};\n\nexport const useDataProviderMeta = (): DataProviderMetaContextValue | undefined => {\n    return assertSelectContext(useContext(DataProviderContext), 'useMeta').meta;\n};\n\ninterface SelectDataProviderProps<DataType extends StaticDataFetcherItem> extends UseDataProviderParams<DataType> {\n    children: ReactNode;\n    onOptionsChange?: OnOptionsChangeCallback<DataType>;\n}\n\nconst SelectDataProvider = <DataType extends StaticDataFetcherItem>({\n    children,\n    error,\n    errorTrls,\n    hints,\n    onOptionsChange,\n    options,\n    dataProvider: dataProviderExternal,\n}: SelectDataProviderProps<DataType>): ReactElement => {\n    const dataProvider = useMemo(() => {\n        if (!options && !dataProviderExternal) {\n            throw new Error(`dataProvider or options must be used within <Select>`);\n        }\n        if (options) {\n            return createStaticDataProvider<DataType>(options);\n        }\n        return dataProviderExternal as DataProviderType<DataType>;\n    }, [dataProviderExternal, options]);\n\n    const searchData = useDataProviderInternal<DataType>(dataProvider, onOptionsChange);\n\n    const meta = useMemo<DataProviderMetaContextValue | undefined>(() => {\n        if (!error && !errorTrls && !hints) {\n            return undefined;\n        }\n        return { error, errorTrls, hints };\n    }, [error, errorTrls, hints]);\n\n    const contextValue = useMemo(() => ({ meta, searchData }), [meta, searchData]);\n\n    return <DataProviderContext.Provider value={contextValue}>{children}</DataProviderContext.Provider>;\n};\n\nexport { SelectDataProvider };\n"],"names":["useDataProviderInternal","_jsx"],"mappings":";;;;;;;;;AA0BA,MAAM,mBAAmB,GAAG,aAAa,CAAyD,IAAI,CAAC,CAAC;AAEjG,MAAM,eAAe,GAAG,MAEE;IAC7B,OAAO,mBAAmB,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,WAAW,CAAC;AACnE,SAAA,UAAkD,CAAC;AAC5D,EAAE;AAEK,MAAM,mBAAmB,GAAG,MAA+C;IAC9E,OAAO,mBAAmB,CAAC,UAAU,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC;AAChF,EAAE;AAOI,MAAA,kBAAkB,GAAG,CAAyC,EAChE,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,eAAe,EACf,OAAO,EACP,YAAY,EAAE,oBAAoB,GACF,KAAkB;AAClD,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,MAAK;AAC9B,QAAA,IAAI,CAAC,OAAO,IAAI,CAAC,oBAAoB,EAAE;AACnC,YAAA,MAAM,IAAI,KAAK,CAAC,CAAA,oDAAA,CAAsD,CAAC,CAAC;SAC3E;QACD,IAAI,OAAO,EAAE;AACT,YAAA,OAAO,wBAAwB,CAAW,OAAO,CAAC,CAAC;SACtD;AACD,QAAA,OAAO,oBAAkD,CAAC;AAC9D,KAAC,EAAE,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpC,MAAM,UAAU,GAAGA,iBAAuB,CAAW,YAAY,EAAE,eAAe,CAAC,CAAC;AAEpF,IAAA,MAAM,IAAI,GAAG,OAAO,CAA2C,MAAK;QAChE,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE;AAChC,YAAA,OAAO,SAAS,CAAC;SACpB;AACD,QAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;KACtC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAE9B,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAE/E,OAAOC,GAAA,CAAC,mBAAmB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAgC,CAAC;AACxG;;;;"}

package/internal/SelectStateContext.d.ts

@@ -1,13 +1,13 @@
 import { type ReactNode, type ReactElement } from 'react';
 import { StaticDataFetcherItem } from '@hh.ru/magritte-common-data-provider';
-import { UseSelectState } from '@hh.ru/magritte-ui-new-select/internal/useSelectState';
+import { SelectStore } from '@hh.ru/magritte-ui-new-select/internal/SelectStore';
 import { ValueTypeHelper } from '@hh.ru/magritte-ui-new-select/types';
-export declare const useSelectState: <MultipleType extends boolean = boolean, DataType extends StaticDataFetcherItem = StaticDataFetcherItem>() => UseSelectState<MultipleType, DataType>;
-interface SelectStateProviderProps<MultipleType extends boolean, DataType extends StaticDataFetcherItem> {
+export declare const useSelectStore: <DataType extends StaticDataFetcherItem>() => SelectStore<DataType>;
+export declare const useSelected: <DataType extends StaticDataFetcherItem>(store: SelectStore<DataType>) => readonly DataType[];
+interface SelectStateProviderNewProps<MultipleType extends boolean, DataType extends StaticDataFetcherItem> {
     children: ReactNode;
     onChange?: (value: ValueTypeHelper<MultipleType, DataType>) => void;
-    onSelectOption?: (values: DataType[]) => void;
     value?: ValueTypeHelper<MultipleType, DataType>;
 }
-export declare const SelectStateProvider: <MultipleType extends boolean, DataType extends StaticDataFetcherItem>({ children, onChange, onSelectOption, value, }: SelectStateProviderProps<MultipleType, DataType>) => ReactElement;
+export declare const SelectStateProvider: <MultipleType extends boolean, DataType extends StaticDataFetcherItem>({ children, onChange, value: valueOrValuesExternal, }: SelectStateProviderNewProps<MultipleType, DataType>) => ReactElement;
 export {};